From 694662621750ba47450a02b71701b1afa4a5c3e9 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sat, 5 Oct 2024 19:24:32 +0300
Subject: [PATCH 001/424] fix?

---
 src/modules/interface.js | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

diff --git a/src/modules/interface.js b/src/modules/interface.js
index 917610599..7511d780f 100644
--- a/src/modules/interface.js
+++ b/src/modules/interface.js
@@ -530,7 +530,7 @@ const interfaceMod = {
         return result
       })()
 
-      const theme2ruleset = themeDataUsed && convertTheme2To3(generatePreset(themeDataUsed).source)
+      const theme2ruleset = themeDataUsed && convertTheme2To3(normalizeThemeData(themeDataUsed))
       const hacks = []
 
       Object.entries(theme3hacks).forEach(([key, value]) => {
@@ -614,19 +614,6 @@ const interfaceMod = {
 export default interfaceMod
 
 export const normalizeThemeData = (input) => {
-  if (Array.isArray(input)) {
-    const themeData = { colors: {} }
-    themeData.colors.bg = input[1]
-    themeData.colors.fg = input[2]
-    themeData.colors.text = input[3]
-    themeData.colors.link = input[4]
-    themeData.colors.cRed = input[5]
-    themeData.colors.cGreen = input[6]
-    themeData.colors.cBlue = input[7]
-    themeData.colors.cOrange = input[8]
-    return generatePreset(themeData).source || generatePreset(themeData).theme
-  }
-
   let themeData, themeSource
 
   if (input.themeFileVerison === 1) {

From f161cc41130873ba3ec021e3897f9ea6b4048eb9 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sat, 5 Oct 2024 19:31:04 +0300
Subject: [PATCH 002/424] restore sgsgb palettes

---
 static/palettes/index.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/static/palettes/index.json b/static/palettes/index.json
index 63fbad5a5..96aa0fafd 100644
--- a/static/palettes/index.json
+++ b/static/palettes/index.json
@@ -1,4 +1,6 @@
 {
+  "sigsegv": [ "シグセグＶ", "#100f32", "#221548", "#e6fcff", "#fe9df8", "#fd3f3f", "#cafeb8", "#9fd3fe", "#ffe96b" ],
+  "sigsegv2": [ "SigSeg部", "#003238", "#00616c", "#e8f9fb", "#81ffff", "#ff7b66", "#4ae619", "#00ddff", "#ccef53" ],
   "pleroma-dark": [ "Pleroma Dark", "#121a24", "#182230", "#b9b9ba", "#d8a070", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
   "pleroma-light": [ "Pleroma Light", "#f2f4f6", "#dbe0e8", "#304055", "#f86f0f", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
   "classic-dark": {

From 761cc52be7c96d7417a4f61e01cebfc8ffaaeaed Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sat, 5 Oct 2024 19:31:57 +0300
Subject: [PATCH 003/424] palette and style for v3

---
 static/config.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/static/config.json b/static/config.json
index 46a4857d1..49258e4d9 100644
--- a/static/config.json
+++ b/static/config.json
@@ -25,5 +25,7 @@
   "sidebarRight": false,
   "subjectLineBehavior": "email",
   "theme": null,
+  "style": "stock",
+  "palette": "sigsegv2"
   "webPushNotifications": false
 }

From 104bc8c86e939f92dd4d4911de56bb566a71b71b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 6 Oct 2024 01:57:39 +0300
Subject: [PATCH 004/424] oops

---
 static/config.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/config.json b/static/config.json
index 49258e4d9..4ab97358c 100644
--- a/static/config.json
+++ b/static/config.json
@@ -26,6 +26,6 @@
   "subjectLineBehavior": "email",
   "theme": null,
   "style": "stock",
-  "palette": "sigsegv2"
+  "palette": "sigsegv2",
   "webPushNotifications": false
 }

From 42087a564f0dc4ee84bd42e6ae32fc976ac5cfb2 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 19 Nov 2024 03:18:52 +0200
Subject: [PATCH 005/424] bundling theme now works and so are bundled style's
 palettes

---
 src/components/button.style.js                |   7 +
 .../settings_modal/tabs/appearance_tab.js     |  64 ++++++--
 .../settings_modal/tabs/appearance_tab.vue    |  28 +++-
 src/modules/config.js                         |   2 +
 src/modules/interface.js                      | 153 ++++++++++--------
 src/services/style_setter/style_setter.js     |   7 +-
 .../{Redmond DX.json => Redmond DX.piss}      |  14 +-
 static/styles/index.json                      |   2 +-
 8 files changed, 171 insertions(+), 106 deletions(-)
 rename static/styles/{Redmond DX.json => Redmond DX.piss} (93%)

diff --git a/src/components/button.style.js b/src/components/button.style.js
index 248da8bbd..747cfd5eb 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -89,6 +89,13 @@ export default {
         shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
       }
     },
+    {
+      state: ['toggled', 'disabled'],
+      directives: {
+        background: '$blend(--inheritedBackground 0.25 --parent)',
+        shadow: ['--buttonPressedBevel']
+      }
+    },
     {
       state: ['disabled'],
       directives: {
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 076bb995f..711b1961b 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -36,6 +36,7 @@ const AppearanceTab = {
     return {
       availableStyles: [],
       bundledPalettes: [],
+      compilationCache: {},
       fileImporter: newImporter({
         accept: '.json, .piss',
         validator: this.importValidator,
@@ -84,6 +85,8 @@ const AppearanceTab = {
     PaletteEditor
   },
   mounted () {
+    this.$store.dispatch('getThemeData')
+
     const updateIndex = (resource) => {
       const capitalizedResource = resource[0].toUpperCase() + resource.slice(1)
       const currentIndex = this.$store.state.instance[`${resource}sIndex`]
@@ -102,6 +105,13 @@ const AppearanceTab = {
       })
     }
 
+    updateIndex('style').then(styles => {
+      styles.forEach(([key, stylePromise]) => stylePromise.then(data => {
+        const meta = data.find(x => x.component === '@meta')
+        this.availableStyles.push({ key, data, name: meta.directives.name, version: 'v3' })
+      }))
+    })
+
     updateIndex('theme').then(themes => {
       themes.forEach(([key, themePromise]) => themePromise.then(data => {
         this.availableStyles.push({ key, data, name: data.name, version: 'v2' })
@@ -166,11 +176,15 @@ const AppearanceTab = {
       ]
     },
     stylePalettes () {
-      if (!this.mergedConfig.styleCustomData) return
-      const meta = this.mergedConfig.styleCustomData
-        .find(x => x.component === '@meta')
-      const result = this.mergedConfig.styleCustomData
-        .filter(x => x.component.startsWith('@palette'))
+      const ruleset = this.$store.state.interface.styleDataUsed || []
+      console.log(
+        'ASR',
+        this.$store.state.interface.paletteDataUsed,
+        this.$store.state.interface.styleDataUsed
+      )
+      if (!ruleset && ruleset.length === 0) return
+      const meta = ruleset.find(x => x.component === '@meta')
+      const result = ruleset.filter(x => x.component.startsWith('@palette'))
         .map(x => {
           const { variant, directives } = x
           const {
@@ -307,7 +321,7 @@ const AppearanceTab = {
       return key === palette
     },
     setStyle (name) {
-      this.$store.dispatch('setTheme', name)
+      this.$store.dispatch('setStyle', name)
     },
     setTheme (name) {
       this.$store.dispatch('setTheme', name)
@@ -323,18 +337,30 @@ const AppearanceTab = {
     resetTheming (name) {
       this.$store.dispatch('setStyle', 'stock')
     },
-    previewTheme (key, input) {
+    previewTheme (key, version, input) {
       let theme3
-      if (input) {
-        const style = normalizeThemeData(input)
-        const theme2 = convertTheme2To3(style)
-        theme3 = init({
-          inputRuleset: theme2,
-          ultimateBackgroundColor: '#000000',
-          liteMode: true,
-          debug: true,
-          onlyNormalState: true
-        })
+      if (this.compilationCache[key]) {
+        theme3 = this.compilationCache[key]
+      } else if (input) {
+        if (version === 'v2') {
+          const style = normalizeThemeData(input)
+          const theme2 = convertTheme2To3(style)
+          theme3 = init({
+            inputRuleset: theme2,
+            ultimateBackgroundColor: '#000000',
+            liteMode: true,
+            debug: true,
+            onlyNormalState: true
+          })
+        } else if (version === 'v3') {
+          theme3 = init({
+            inputRuleset: input,
+            ultimateBackgroundColor: '#000000',
+            liteMode: true,
+            debug: true,
+            onlyNormalState: true
+          })
+        }
       } else {
         theme3 = init({
           inputRuleset: [],
@@ -345,6 +371,10 @@ const AppearanceTab = {
         })
       }
 
+      if (!this.compilationCache[key]) {
+        this.compilationCache[key] = theme3
+      }
+
       return getScopedVersion(
         getCssRules(theme3.eager),
         '#theme-preview-' + key
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index 32e0a37fa..547b72c07 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -18,7 +18,7 @@
           <!-- eslint-disable vue/no-v-text-v-html-on-component -->
           <component
             :is="'style'"
-            v-html="previewTheme('stock')"
+            v-html="previewTheme('stock', 'v3')"
           />
           <!-- eslint-enable vue/no-v-text-v-html-on-component -->
           <preview id="theme-preview-stock" />
@@ -30,7 +30,7 @@
         <button
           v-if="isCustomThemeUsed"
           disabled
-          class="button-default theme-preview"
+          class="button-default theme-preview toggled"
         >
           <preview />
           <h4 class="theme-name">
@@ -38,20 +38,32 @@
             <span class="alert neutral version">v2</span>
           </h4>
         </button>
+        <button
+          v-if="isCustomStyleUsed"
+          disabled
+          class="button-default theme-preview toggled"
+        >
+          <preview />
+          <h4 class="theme-name">
+            {{ $t('settings.style.custom_style_used') }}
+            <span class="alert neutral version">v3</span>
+          </h4>
+        </button>
         <button
           v-for="style in availableStyles"
           :key="style.key"
           :data-theme-key="style.key"
           class="button-default theme-preview"
           :class="{ toggled: isThemeActive(style.key) }"
-          @click="setTheme(style.key)"
+          @click="style.version == 'v2' ? setTheme(style.key) : setStyle(style.key)"
         >
           <!-- eslint-disable vue/no-v-text-v-html-on-component -->
-          <component
-            :is="'style'"
-            v-if="style.ready || noIntersectionObserver"
-            v-html="previewTheme(style.key, style.data)"
-          />
+          <div v-if="style.ready || noIntersectionObserver">
+            <component
+              :is="'style'"
+              v-html="previewTheme(style.key, style.version, style.data)"
+            />
+          </div>
           <!-- eslint-enable vue/no-v-text-v-html-on-component -->
           <preview :id="'theme-preview-' + style.key" />
           <h4 class="theme-name">
diff --git a/src/modules/config.js b/src/modules/config.js
index d046425c4..b3b8950b2 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -48,7 +48,9 @@ export const defaultState = {
 
   // V3
   style: null,
+  styleCustomData: null,
   palette: null,
+  paletteCustomData: null,
   themeDebug: false, // debug mode that uses computed backgrounds instead of real ones to debug contrast functions
   forceThemeRecompilation: false, //  flag that forces recompilation on boot even if cache exists
   theme3hacks: { // Hacks, user overrides that are independent of theme used
diff --git a/src/modules/interface.js b/src/modules/interface.js
index 0af736717..1e23a43df 100644
--- a/src/modules/interface.js
+++ b/src/modules/interface.js
@@ -1,11 +1,18 @@
 import { getResourcesIndex, applyTheme, tryLoadCache } from '../services/style_setter/style_setter.js'
 import { CURRENT_VERSION, generatePreset } from 'src/services/theme_data/theme_data.service.js'
 import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
+import { deserialize } from '../services/theme_data/iss_deserializer.js'
 
 const defaultState = {
   localFonts: null,
   themeApplied: false,
   themeVersion: 'v3',
+  styleNameUsed: null,
+  styleDataUsed: null,
+  paletteNameUsed: null,
+  paletteDataUsed: null,
+  themeNameUsed: null,
+  themeDataUsed: null,
   temporaryChangesTimeoutId: null, // used for temporary options that revert after a timeout
   temporaryChangesConfirm: () => {}, // used for applying temporary options
   temporaryChangesRevert: () => {}, // used for reverting temporary options
@@ -242,7 +249,10 @@ const interfaceMod = {
     },
     async fetchStylesIndex ({ commit, state }) {
       try {
-        const value = await getResourcesIndex('/static/styles/index.json')
+        const value = await getResourcesIndex(
+          '/static/styles/index.json',
+          deserialize
+        )
         commit('setInstanceOption', { name: 'stylesIndex', value })
         return value
       } catch (e) {
@@ -310,17 +320,44 @@ const interfaceMod = {
       commit('setOption', { name: 'customTheme', value: null })
       commit('setOption', { name: 'customThemeSource', value: null })
     },
-    async applyTheme (
-      { dispatch, commit, rootState, state },
-      { recompile = false } = {}
-    ) {
-      // If we're not not forced to recompile try using
-      // cache (tryLoadCache return true if load successful)
+    async getThemeData ({ dispatch, commit, rootState, state }) {
+      console.log('GET THEME DATA CALLED')
+      const getData = async (resource, index, customData, name) => {
+        const capitalizedResource = resource[0].toUpperCase() + resource.slice(1)
+        const result = {}
+
+        if (customData) {
+          result.nameUsed = 'custom' // custom data overrides name
+          result.dataUsed = customData
+        } else {
+          result.nameUsed = name
+
+          if (result.nameUsed === 'stock') {
+            result.dataUsed = null
+            return result
+          }
+
+          let fetchFunc = index[result.nameUsed]
+          // Fallbacks
+          if (!fetchFunc) {
+            const newName = Object.keys(index)[0]
+            fetchFunc = index[newName]
+            console.warn(`${capitalizedResource} with id '${state.styleNameUsed}' not found, trying back to '${newName}'`)
+            if (!fetchFunc) {
+              console.warn(`${capitalizedResource} doesn't have a fallback, defaulting to stock.`)
+              fetchFunc = () => Promise.resolve(null)
+            }
+          }
+          result.dataUsed = await fetchFunc()
+        }
+        return result
+      }
 
       const {
         style: instanceStyleName,
         palette: instancePaletteName
       } = rootState.instance
+
       let {
         theme: instanceThemeV2Name,
         themesIndex,
@@ -332,22 +369,15 @@ const interfaceMod = {
         style: userStyleName,
         styleCustomData: userStyleCustomData,
         palette: userPaletteName,
-        paletteCustomData: userPaletteCustomData,
-        forceThemeRecompilation,
-        themeDebug,
-        theme3hacks
+        paletteCustomData: userPaletteCustomData
       } = rootState.config
+
       let {
         theme: userThemeV2Name,
         customTheme: userThemeV2Snapshot,
         customThemeSource: userThemeV2Source
       } = rootState.config
 
-      const forceRecompile = forceThemeRecompilation || recompile
-      if (!forceRecompile && !themeDebug && await tryLoadCache()) {
-        return commit('setThemeApplied')
-      }
-
       let majorVersionUsed
 
       console.debug(
@@ -408,44 +438,6 @@ const interfaceMod = {
 
       state.themeVersion = majorVersionUsed
 
-      let styleDataUsed = null
-      let styleNameUsed = null
-      let paletteDataUsed = null
-      // let paletteNameUsed = null
-      // let themeNameUsed = null
-      let themeDataUsed = null
-
-      const getData = async (resource, index, customData, name) => {
-        const capitalizedResource = resource[0].toUpperCase() + resource.slice(1)
-        const result = {}
-
-        if (customData) {
-          result.nameUsed = 'custom' // custom data overrides name
-          result.dataUsed = customData
-        } else {
-          result.nameUsed = name
-
-          if (result.nameUsed === 'stock') {
-            result.dataUsed = null
-            return result
-          }
-
-          let fetchFunc = index[result.nameUsed]
-          // Fallbacks
-          if (!fetchFunc) {
-            const newName = Object.keys(index)[0]
-            fetchFunc = index[newName]
-            console.warn(`${capitalizedResource} with id '${styleNameUsed}' not found, trying back to '${newName}'`)
-            if (!fetchFunc) {
-              console.warn(`${capitalizedResource} doesn't have a fallback, defaulting to stock.`)
-              fetchFunc = () => Promise.resolve(null)
-            }
-          }
-          result.dataUsed = await fetchFunc()
-        }
-        return result
-      }
-
       console.debug('Version used', majorVersionUsed)
 
       if (majorVersionUsed === 'v3') {
@@ -455,9 +447,9 @@ const interfaceMod = {
           userPaletteCustomData,
           userPaletteName || instancePaletteName
         )
-        // paletteNameUsed = palette.nameUsed
-        paletteDataUsed = palette.dataUsed
-        if (Array.isArray(paletteDataUsed)) {
+        state.paletteNameUsed = palette.nameUsed
+        state.paletteDataUsed = palette.dataUsed
+        if (Array.isArray(state.paletteDataUsed)) {
           const [
             name,
             bg,
@@ -468,10 +460,10 @@ const interfaceMod = {
             cGreen = '#00FF00',
             cBlue = '#0000FF',
             cOrange = '#E3FF00'
-          ] = paletteDataUsed
-          paletteDataUsed = { name, bg, fg, text, link, cRed, cBlue, cGreen, cOrange }
+          ] = palette.dataUsed
+          state.paletteDataUsed = { name, bg, fg, text, link, cRed, cBlue, cGreen, cOrange }
         }
-        console.debug('Palette data used', paletteDataUsed)
+        console.debug('Palette data used', palette.dataUsed)
 
         const style = await getData(
           'style',
@@ -479,8 +471,14 @@ const interfaceMod = {
           userStyleCustomData,
           userStyleName || instanceStyleName
         )
-        styleNameUsed = style.nameUsed
-        styleDataUsed = style.dataUsed
+        state.styleNameUsed = style.nameUsed
+        state.styleDataUsed = style.dataUsed
+
+        console.log(
+          'GOT THEME DATA',
+          state.styleDataUsed,
+          state.paletteDataUsed
+        )
       } else {
         const theme = await getData(
           'theme',
@@ -489,25 +487,40 @@ const interfaceMod = {
           userThemeV2Name || instanceThemeV2Name
         )
         // themeNameUsed = theme.nameUsed
-        themeDataUsed = theme.dataUsed
-
-        // Themes v2 editor support
-        commit('setInstanceOption', { name: 'themeData', value: themeDataUsed })
+        state.themeDataUsed = theme.dataUsed
       }
+    },
+    async applyTheme (
+      { dispatch, commit, rootState, state },
+      { recompile = false } = {}
+    ) {
+      const {
+        forceThemeRecompilation,
+        themeDebug,
+        theme3hacks
+      } = rootState.config
+      // If we're not not forced to recompile try using
+      // cache (tryLoadCache return true if load successful)
+
+      const forceRecompile = forceThemeRecompilation || recompile
+      if (!forceRecompile && !themeDebug && await tryLoadCache()) {
+        return commit('setThemeApplied')
+      }
+      await dispatch('getThemeData')
 
       // commit('setOption', { name: 'palette', value: paletteNameUsed })
       // commit('setOption', { name: 'style', value: styleNameUsed })
       // commit('setOption', { name: 'theme', value: themeNameUsed })
 
       const paletteIss = (() => {
-        if (!paletteDataUsed) return null
+        if (!state.paletteDataUsed) return null
         const result = {
           component: 'Root',
           directives: {}
         }
 
         Object
-          .entries(paletteDataUsed)
+          .entries(state.paletteDataUsed)
           .filter(([k]) => k !== 'name')
           .forEach(([k, v]) => {
             let issRootDirectiveName
@@ -526,7 +539,7 @@ const interfaceMod = {
         return result
       })()
 
-      const theme2ruleset = themeDataUsed && convertTheme2To3(normalizeThemeData(themeDataUsed))
+      const theme2ruleset = state.themeDataUsed && convertTheme2To3(normalizeThemeData(state.themeDataUsed))
       const hacks = []
 
       Object.entries(theme3hacks).forEach(([key, value]) => {
@@ -593,7 +606,7 @@ const interfaceMod = {
 
       const rulesetArray = [
         theme2ruleset,
-        styleDataUsed,
+        state.styleDataUsed,
         paletteIss,
         hacks
       ].filter(x => x)
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 3ccba9da8..7ea947647 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -226,7 +226,7 @@ export const applyConfig = (input, i18n) => {
   }
 }
 
-export const getResourcesIndex = async (url) => {
+export const getResourcesIndex = async (url, parser = JSON.parse) => {
   const cache = 'no-store'
 
   try {
@@ -243,8 +243,9 @@ export const getResourcesIndex = async (url) => {
               k,
               () => window
                 .fetch(v, { cache })
-                .then((data) => data.json())
-                .catch((e) => {
+                .then(data => data.text())
+                .then(text => parser(text))
+                .catch(e => {
                   console.error(e)
                   return null
                 })
diff --git a/static/styles/Redmond DX.json b/static/styles/Redmond DX.piss
similarity index 93%
rename from static/styles/Redmond DX.json
rename to static/styles/Redmond DX.piss
index 39018aa7e..c9ce0c04d 100644
--- a/static/styles/Redmond DX.json	
+++ b/static/styles/Redmond DX.piss	
@@ -31,18 +31,18 @@
 
 @palette.Vapor {
   bg: #F0ADCD;
-  fg: #a177ee;
+  fg: #bca4ee;
   text: #602040;
-  link: #086866;
+  link: #064745;
   accent: #9DF7C8;
-  cRed: #ff0088;
-  cBlue: #20c8e9;
-  cGreen: #0fd27d;
-  cOrange: #ECE646;
+  cRed: #86004a;
+  cBlue: #0e5663;
+  cGreen: #0a8b51;
+  cOrange: #787424;
 }
 
 Root {
-  --gradientColor: color | $brightness(--fg, 20);
+  --gradientColor: color | --accent;
   --inputColor: color | #FFFFFF;
   --bevelLight: color | $brightness(--bg 50);
   --bevelDark: color | $brightness(--bg -20);
diff --git a/static/styles/index.json b/static/styles/index.json
index 2f1a3e8ec..7a136cbc7 100644
--- a/static/styles/index.json
+++ b/static/styles/index.json
@@ -1,3 +1,3 @@
 {
-  "Redmond DX": "/static/styles/Redmond DX.json"
+  "RedmondDX": "/static/styles/Redmond DX.piss"
 }

From 749d08054c7e8177e972d48f24c818b09ecd6b71 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 28 Nov 2024 18:17:33 +0200
Subject: [PATCH 006/424] use breezy theme by default

---
 static/config.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/config.json b/static/config.json
index 4ab97358c..6df21bb9e 100644
--- a/static/config.json
+++ b/static/config.json
@@ -25,7 +25,7 @@
   "sidebarRight": false,
   "subjectLineBehavior": "email",
   "theme": null,
-  "style": "stock",
+  "style": "BreezyDX",
   "palette": "sigsegv2",
   "webPushNotifications": false
 }

From 3af29e78b93ce2b784f4ccafad595f5daf1c45bb Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 4 Dec 2024 14:03:27 +0200
Subject: [PATCH 007/424] when switching to new style, use "native" palette,
 also show it in appearance tab

---
 .../settings_modal/tabs/appearance_tab.js     | 21 ++++++-
 src/modules/interface.js                      | 61 ++++++++++++++-----
 2 files changed, 65 insertions(+), 17 deletions(-)

diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 1e4e64d62..d910c79b7 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -361,8 +361,27 @@ const AppearanceTab = {
             onlyNormalState: true
           })
         } else if (version === 'v3') {
+          const palette = input.find(x => x.component === '@palette')
+          let paletteRule
+          if (palette) {
+            const { directives } = palette
+            directives.link = directives.link || directives.accent
+            directives.accent = directives.accent || directives.link
+            paletteRule = {
+              component: 'Root',
+              directives: Object.fromEntries(
+                Object
+                  .entries(directives)
+                  .filter(([k, v]) => k && k !== 'name')
+                  .map(([k, v]) => ['--' + k, 'color | ' + v])
+              )
+            }
+          } else {
+            paletteRule = null
+          }
+
           theme3 = init({
-            inputRuleset: input,
+            inputRuleset: [...input, paletteRule].filter(x => x),
             ultimateBackgroundColor: '#000000',
             liteMode: true,
             debug: true,
diff --git a/src/modules/interface.js b/src/modules/interface.js
index c08ca4e49..130ab0969 100644
--- a/src/modules/interface.js
+++ b/src/modules/interface.js
@@ -3,6 +3,10 @@ import { CURRENT_VERSION, generatePreset } from 'src/services/theme_data/theme_d
 import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 import { deserialize } from '../services/theme_data/iss_deserializer.js'
 
+// helper for debugging
+// eslint-disable-next-line no-unused-vars
+const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
+
 const defaultState = {
   localFonts: null,
   themeApplied: false,
@@ -264,6 +268,7 @@ const interfaceMod = {
     setStyle ({ dispatch, commit }, value) {
       dispatch('resetThemeV3')
       dispatch('resetThemeV2')
+      dispatch('resetThemeV3Palette')
 
       commit('setOption', { name: 'style', value })
 
@@ -272,6 +277,7 @@ const interfaceMod = {
     setStyleCustom ({ dispatch, commit }, value) {
       dispatch('resetThemeV3')
       dispatch('resetThemeV2')
+      dispatch('resetThemeV3Palette')
 
       commit('setOption', { name: 'styleCustomData', value })
 
@@ -443,14 +449,47 @@ const interfaceMod = {
       console.debug('Version used', majorVersionUsed)
 
       if (majorVersionUsed === 'v3') {
+        state.themeDataUsed = null
+        state.themeNameUsed = null
+
+        const style = await getData(
+          'style',
+          stylesIndex,
+          userStyleCustomData,
+          userStyleName || instanceStyleName
+        )
+        state.styleNameUsed = style.nameUsed
+        state.styleDataUsed = style.dataUsed
+
+        let firstStylePaletteName = null
+        style
+          .dataUsed
+          ?.filter(x => x.component === '@palette')
+          .map(x => {
+            const cleanDirectives = Object.fromEntries(
+              Object
+                .entries(x.directives)
+                .filter(([k, v]) => k)
+            )
+
+            return { name: x.variant, ...cleanDirectives }
+          })
+          .forEach(palette => {
+            const key = 'style.' + palette.name.toLowerCase().replace(/ /, '_')
+            if (!firstStylePaletteName) firstStylePaletteName = key
+            palettesIndex[key] = () => Promise.resolve(palette)
+          })
+
         const palette = await getData(
           'palette',
           palettesIndex,
           userPaletteCustomData,
-          userPaletteName || instancePaletteName
+          userPaletteName || firstStylePaletteName || instancePaletteName
         )
+
         state.paletteNameUsed = palette.nameUsed
         state.paletteDataUsed = palette.dataUsed
+
         if (state.paletteDataUsed) {
           state.paletteDataUsed.link = state.paletteDataUsed.link || state.paletteDataUsed.accent
           state.paletteDataUsed.accent = state.paletteDataUsed.accent || state.paletteDataUsed.link
@@ -481,18 +520,12 @@ const interfaceMod = {
           }
         }
         console.debug('Palette data used', palette.dataUsed)
-
-        const style = await getData(
-          'style',
-          stylesIndex,
-          userStyleCustomData,
-          userStyleName || instanceStyleName
-        )
-        state.styleNameUsed = style.nameUsed
-        state.styleDataUsed = style.dataUsed
-        state.themeDataUsed = null
-        state.themeNameUsed = null
       } else {
+        state.styleNameUsed = null
+        state.styleDataUsed = null
+        state.paletteNameUsed = null
+        state.paletteDataUsed = null
+
         const theme = await getData(
           'theme',
           themesIndex,
@@ -501,10 +534,6 @@ const interfaceMod = {
         )
         state.themeNameUsed = theme.nameUsed
         state.themeDataUsed = theme.dataUsed
-        state.styleNameUsed = null
-        state.styleDataUsed = null
-        state.paletteNameUsed = null
-        state.paletteDataUsed = null
       }
     },
     async applyTheme (

From fb609674adeb8190148cd8c4ec8c2500205e25ac Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 5 Feb 2025 08:47:10 +0200
Subject: [PATCH 008/424] huh?

---
 src/services/style_setter/style_setter.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 7f071a1fc..4ebcba019 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -2,7 +2,6 @@ import { init, getEngineChecksum } from '../theme_data/theme_data_3.service.js'
 import { getCssRules } from '../theme_data/css_utils.js'
 import { defaultState } from 'src/modules/default_config_state.js'
 import { chunk } from 'lodash'
-import pako from 'pako'
 import localforage from 'localforage'
 
 console.log('CONFIG', defaultState)

From 515d5451fa1e75110d01f67c442e17c9db456419 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 26 Mar 2025 15:50:38 +0200
Subject: [PATCH 009/424] make a separate file to store all information about
 fields and their migrations

---
 src/modules/config_declaration.js | 41 +++++++++++++++++++++++++++++++
 src/modules/users.js              | 41 ++++++++++---------------------
 2 files changed, 54 insertions(+), 28 deletions(-)
 create mode 100644 src/modules/config_declaration.js

diff --git a/src/modules/config_declaration.js b/src/modules/config_declaration.js
new file mode 100644
index 000000000..05fb250e6
--- /dev/null
+++ b/src/modules/config_declaration.js
@@ -0,0 +1,41 @@
+export const CONFIG_MIGRATION = 1
+import { v4 as uuidv4 } from 'uuid';
+
+// for future use
+/*
+const simpleDeclaration = {
+  store: 'server-side',
+  migration(serverside, rootState) {
+    serverside.setPreference({ path: 'simple.' + field, value: rootState.config[oldField ?? field] })
+  }
+}
+*/
+
+export const declarations = [
+  {
+    field: 'muteFilters',
+    store: 'server-side',
+    migrationFlag: 'configMigration',
+    migrationNum: 1,
+    description: 'Mute filters, wordfilter/regexp/etc',
+    valueType: 'complex',
+    migration (serverside, rootState) {
+      rootState.config.muteWords.forEach((word, order) => {
+        const uniqueId = uuidv4()
+
+        serverside.setPreference({
+          path: 'simple.muteFilters.' + uniqueId,
+          value: {
+            type: 'word',
+            value: word,
+            name: word,
+            enabled: true,
+            expires: null,
+            hide: false,
+            order
+          }
+        })
+      })
+    }
+  }
+]
diff --git a/src/modules/users.js b/src/modules/users.js
index d9dae91ea..d5ef6cdf5 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -1,5 +1,4 @@
 import { compact, map, each, mergeWith, last, concat, uniq, isArray } from 'lodash'
-import { v4 as uuidv4 } from 'uuid';
 
 import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
 import { windowWidth, windowHeight } from '../services/window_utils/window_utils'
@@ -9,7 +8,9 @@ import { registerPushNotifications, unregisterPushNotifications } from '../servi
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { useServerSideStorageStore, CONFIG_MIGRATION } from 'src/stores/serverSideStorage'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+
+import { declarations } from 'src/modules/config_declaration'
 
 // TODO: Unify with mergeOrAdd in statuses.js
 export const mergeOrAdd = (arr, obj, item) => {
@@ -637,33 +638,17 @@ const users = {
               /**/
 
               const { configMigration } = useServerSideStorageStore().flagStorage
-
-              // Wordfilter migration
-              if (configMigration < 1) {
-                // Convert existing wordfilter into synced one
-                store.rootState.config.muteWords.forEach((word, order) => {
-                  const uniqueId = uuidv4()
-
-                  useServerSideStorageStore().setPreference({
-                    path: 'simple.muteFilters.' + uniqueId,
-                    value: {
-                      type: 'word',
-                      value: word,
-                      name: word,
-                      enabled: true,
-                      expires: null,
-                      hide: false,
-                      order
-                    }
-                  })
+              declarations
+                .filter(x => {
+                  return x.store === 'server-side' &&
+                    (x.migrationNum ?? x.migrationNum > configMigration)
+                })
+                .toSorted((a, b) => a.configMigration - b.configMigration)
+                .forEach(value => {
+                  value.migration(useServerSideStorageStore(), store.rootState)
+                  useServerSideStorageStore().setFlag({ flag: 'configMigration', value: value.migrationNum })
+                  useServerSideStorageStore().pushServerSideStorage()
                 })
-              }
-
-              if (configMigration < CONFIG_MIGRATION) {
-                // Update the flag
-                useServerSideStorageStore().setFlag({ flag: 'configMigration', value: CONFIG_MIGRATION })
-                useServerSideStorageStore().pushServerSideStorage()
-              }
 
               if (user.token) {
                 dispatch('setWsToken', user.token)

From 425d0662a1657fc477f961bcc8349e8980ba01a7 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 26 Mar 2025 16:01:58 +0200
Subject: [PATCH 010/424] remove sgsgb-related stuff

---
 public/static/config.json         | 4 ++--
 public/static/palettes/index.json | 2 --
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/public/static/config.json b/public/static/config.json
index 6df21bb9e..8a78284a3 100644
--- a/public/static/config.json
+++ b/public/static/config.json
@@ -25,7 +25,7 @@
   "sidebarRight": false,
   "subjectLineBehavior": "email",
   "theme": null,
-  "style": "BreezyDX",
-  "palette": "sigsegv2",
+  "style": null,
+  "palette": null,
   "webPushNotifications": false
 }
diff --git a/public/static/palettes/index.json b/public/static/palettes/index.json
index 650d38bb5..2cd110d1e 100644
--- a/public/static/palettes/index.json
+++ b/public/static/palettes/index.json
@@ -1,6 +1,4 @@
 {
-  "sigsegv": [ "シグセグＶ", "#100f32", "#221548", "#e6fcff", "#fe9df8", "#fd3f3f", "#cafeb8", "#9fd3fe", "#ffe96b" ],
-  "sigsegv2": [ "SigSeg部", "#003238", "#00616c", "#e8f9fb", "#81ffff", "#ff7b66", "#4ae619", "#00ddff", "#ccef53" ],
   "pleroma-dark": [ "Pleroma Dark", "#121a24", "#182230", "#b9b9ba", "#d8a070", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
   "pleroma-light": [ "Pleroma Light", "#f2f4f6", "#dbe0e8", "#304055", "#f86f0f", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
   "classic-dark": {

From c968347c0a76113d8d2ef77bdf2ec9ea8e71c5da Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 26 Mar 2025 16:08:47 +0200
Subject: [PATCH 011/424] undo config.json change because there's no proper way
 to set those in either UI

---
 public/static/config.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/static/config.json b/public/static/config.json
index 8a78284a3..6df21bb9e 100644
--- a/public/static/config.json
+++ b/public/static/config.json
@@ -25,7 +25,7 @@
   "sidebarRight": false,
   "subjectLineBehavior": "email",
   "theme": null,
-  "style": null,
-  "palette": null,
+  "style": "BreezyDX",
+  "palette": "sigsegv2",
   "webPushNotifications": false
 }

From b9161ef6971b1392bb65b1de77ea64aab7a61ac6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 12 Jun 2025 20:04:39 +0300
Subject: [PATCH 012/424] some basic expiration modal. "don't as again" doesn't
 work yet

---
 src/App.scss                                  |  5 ---
 src/boot/after_store.js                       |  2 +
 .../account_actions/account_actions.js        | 21 +++++-----
 .../account_actions/account_actions.vue       |  9 ++++-
 src/components/confirm_modal/mute_confirm.js  | 33 ++-------------
 src/components/confirm_modal/mute_confirm.vue | 30 --------------
 .../settings_modal/tabs/filtering_tab.js      |  2 +-
 .../action_button_container.js                |  4 +-
 .../action_button_container.vue               |  7 ++--
 src/components/user_card/user_card.js         | 32 ++++++++-------
 src/components/user_card/user_card.scss       |  5 +++
 src/components/user_card/user_card.vue        | 12 +++---
 src/i18n/en.json                              |  4 ++
 src/modules/default_config_state.js           |  8 ++++
 src/modules/instance.js                       |  1 +
 src/modules/users.js                          | 40 +++++++++++--------
 src/services/api/api.service.js               | 26 +++++++++---
 17 files changed, 117 insertions(+), 124 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 704d51cea..24afac8ab 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -675,11 +675,6 @@ option {
   }
 }
 
-.btn-block {
-  display: block;
-  width: 100%;
-}
-
 .btn-group {
   position: relative;
   display: inline-flex;
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 1b133a089..28ff1e530 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -247,6 +247,7 @@ const getNodeInfo = async ({ store }) => {
       const data = await res.json()
       const metadata = data.metadata
       const features = metadata.features
+      console.log(features)
       store.dispatch('setInstanceOption', { name: 'name', value: metadata.nodeName })
       store.dispatch('setInstanceOption', { name: 'registrationOpen', value: data.openRegistrations })
       store.dispatch('setInstanceOption', { name: 'mediaProxyAvailable', value: features.includes('media_proxy') })
@@ -262,6 +263,7 @@ const getNodeInfo = async ({ store }) => {
       store.dispatch('setInstanceOption', { name: 'mailerEnabled', value: metadata.mailerEnabled })
       store.dispatch('setInstanceOption', { name: 'quotingAvailable', value: features.includes('quote_posting') })
       store.dispatch('setInstanceOption', { name: 'groupActorAvailable', value: features.includes('pleroma:group_actors') })
+      store.dispatch('setInstanceOption', { name: 'blockExpiration', value: features.includes('pleroma:block_expiration') })
 
       const uploadLimits = metadata.uploadLimits
       store.dispatch('setInstanceOption', { name: 'uploadlimit', value: parseInt(uploadLimits.general) })
diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index 9a63f57eb..f8ad0e11b 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -3,6 +3,7 @@ import ProgressButton from '../progress_button/progress_button.vue'
 import Popover from '../popover/popover.vue'
 import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faEllipsisV
@@ -27,15 +28,10 @@ const AccountActions = {
     ProgressButton,
     Popover,
     UserListMenu,
-    ConfirmModal
+    ConfirmModal,
+    UserTimedFilterModal
   },
   methods: {
-    showConfirmBlock () {
-      this.showingConfirmBlock = true
-    },
-    hideConfirmBlock () {
-      this.showingConfirmBlock = false
-    },
     showConfirmRemoveUserFromFollowers () {
       this.showingConfirmRemoveFollower = true
     },
@@ -49,10 +45,14 @@ const AccountActions = {
       this.$store.dispatch('hideReblogs', this.user.id)
     },
     blockUser () {
-      if (!this.shouldConfirmBlock) {
-        this.doBlockUser()
+      if (this.$refs.timedBlockDialog) {
+        this.$refs.timedBlockDialog.optionallyPrompt()
       } else {
-        this.showConfirmBlock()
+        if (!this.shouldConfirmBlock) {
+          this.doBlockUser()
+        } else {
+          this.showingConfirmBlock = true
+        }
       }
     },
     doBlockUser () {
@@ -91,6 +91,7 @@ const AccountActions = {
       return this.$store.getters.mergedConfig.modalOnRemoveUserFromFollowers
     },
     ...mapState({
+      blockExpirationSupported: state => state.instance.blockExpiration,
       pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable
     })
   }
diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue
index fd4837ee4..f3cca45d0 100644
--- a/src/components/account_actions/account_actions.vue
+++ b/src/components/account_actions/account_actions.vue
@@ -96,7 +96,8 @@
     </Popover>
     <teleport to="#modal">
       <confirm-modal
-        v-if="showingConfirmBlock"
+        v-if="showingConfirmBlock && !blockExpirationSupported"
+        ref="blockDialog"
         :title="$t('user_card.block_confirm_title')"
         :confirm-text="$t('user_card.block_confirm_accept_button')"
         :cancel-text="$t('user_card.block_confirm_cancel_button')"
@@ -137,6 +138,12 @@
           </template>
         </i18n-t>
       </confirm-modal>
+      <UserTimedFilterModal
+        v-if="blockExpirationSupported"
+        :is-mute="false"
+        :user="user"
+        ref="timedBlockDialog"
+      />
     </teleport>
   </div>
 </template>
diff --git a/src/components/confirm_modal/mute_confirm.js b/src/components/confirm_modal/mute_confirm.js
index 1bef9f620..a279dc716 100644
--- a/src/components/confirm_modal/mute_confirm.js
+++ b/src/components/confirm_modal/mute_confirm.js
@@ -1,4 +1,3 @@
-import { unitToSeconds } from 'src/services/date_utils/date_utils.js'
 import { mapGetters } from 'vuex'
 
 import ConfirmModal from './confirm_modal.vue'
@@ -8,21 +7,13 @@ export default {
   props: ['type', 'user', 'status'],
   emits: ['hide', 'show', 'muted'],
   data: () => ({
-    showing: false,
-    muteExpiryAmount: 2,
-    muteExpiryUnit: 'hours'
+    showing: false
   }),
   components: {
     ConfirmModal,
     Select
   },
   computed: {
-    muteExpiryValue () {
-      unitToSeconds(this.muteExpiryUnit, this.muteExpiryAmount)
-    },
-    muteExpiryUnits () {
-      return ['minutes', 'hours', 'days']
-    },
     domain () {
       return this.user.fqn.split('@')[1]
     },
@@ -31,13 +22,8 @@ export default {
         return 'status.mute_domain_confirm'
       } else if (this.type === 'conversation') {
         return 'status.mute_conversation_confirm'
-      } else {
-        return 'user_card.mute_confirm'
       }
     },
-    userIsMuted () {
-      return this.$store.getters.relationship(this.user.id).muting
-    },
     conversationIsMuted () {
       return this.status.conversation_muted
     },
@@ -49,12 +35,9 @@ export default {
         case 'domain': {
           return this.mergedConfig.modalOnMuteDomain
         }
-        case 'conversation': {
+        default: { // conversation
           return this.mergedConfig.modalOnMuteConversation
         }
-        default: {
-          return this.mergedConfig.modalOnMute
-        }
       }
     },
     ...mapGetters(['mergedConfig'])
@@ -79,7 +62,7 @@ export default {
       switch (this.type) {
         case 'domain': {
           if (!this.domainIsMuted) {
-            this.$store.dispatch('muteDomain', { id: this.domain, expiresIn: this.muteExpiryValue })
+            this.$store.dispatch('muteDomain', { id: this.domain })
           } else {
             this.$store.dispatch('unmuteDomain', { id: this.domain })
           }
@@ -87,20 +70,12 @@ export default {
         }
         case 'conversation': {
           if (!this.conversationIsMuted) {
-            this.$store.dispatch('muteConversation', { id: this.status.id, expiresIn: this.muteExpiryValue })
+            this.$store.dispatch('muteConversation', { id: this.status.id })
           } else {
             this.$store.dispatch('unmuteConversation', { id: this.status.id })
           }
           break
         }
-        default: {
-          if (!this.userIsMuted) {
-            this.$store.dispatch('muteUser', { id: this.user.id, expiresIn: this.muteExpiryValue })
-          } else {
-            this.$store.dispatch('unmuteUser', { id: this.user.id })
-          }
-          break
-        }
       }
       this.$emit('muted')
       this.hide()
diff --git a/src/components/confirm_modal/mute_confirm.vue b/src/components/confirm_modal/mute_confirm.vue
index bf7ab338f..7c754b006 100644
--- a/src/components/confirm_modal/mute_confirm.vue
+++ b/src/components/confirm_modal/mute_confirm.vue
@@ -18,36 +18,6 @@
         <span v-text="user.screen_name_ui" />
       </template>
     </i18n-t>
-    <div
-      v-if="type !== 'domain'"
-      class="mute-expiry"
-    >
-      <p>
-        <label>
-          {{ $t('user_card.mute_duration_prompt') }}
-        </label>
-        <input
-          v-model="muteExpiryAmount"
-          type="number"
-          class="input expiry-amount hide-number-spinner"
-          :min="0"
-        >
-        {{ ' ' }}
-        <Select
-          v-model="muteExpiryUnit"
-          unstyled="true"
-          class="expiry-unit"
-        >
-          <option
-            v-for="unit in muteExpiryUnits"
-            :key="unit"
-            :value="unit"
-          >
-            {{ $t(`time.unit.${unit}_short`, ['']) }}
-          </option>
-        </Select>
-      </p>
-    </div>
   </confirm-modal>
 </template>
 
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index 5ff137062..f78f6815c 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -107,7 +107,7 @@ const FilteringTab = {
     ...mapActions(useServerSideStorageStore, ['setPreference', 'unsetPreference', 'pushServerSideStorage']),
     getDatetimeLocal (timestamp) {
       const date = new Date(timestamp)
-      let fmt = new Intl.NumberFormat("en-US", {minimumIntegerDigits: 2})
+      const fmt = new Intl.NumberFormat("en-US", {minimumIntegerDigits: 2})
       const datetime = [
         date.getFullYear(),
         '-',
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index 313e3022f..a8f20800b 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -1,6 +1,7 @@
 import ActionButton from './action_button.vue'
 import Popover from 'src/components/popover/popover.vue'
 import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -19,7 +20,8 @@ export default {
   components: {
     ActionButton,
     Popover,
-    MuteConfirm
+    MuteConfirm,
+    UserTimedFilterModal
   },
   props: ['button', 'status'],
   emits: ['interacted'],
diff --git a/src/components/status_action_buttons/action_button_container.vue b/src/components/status_action_buttons/action_button_container.vue
index 931a40349..75f5010ee 100644
--- a/src/components/status_action_buttons/action_button_container.vue
+++ b/src/components/status_action_buttons/action_button_container.vue
@@ -94,11 +94,10 @@
         :status="status"
         :user="user"
       />
-      <MuteConfirm
-        ref="confirmUser"
-        type="user"
-        :status="status"
+      <UserTimedFilterModal
+        :is-mute="true"
         :user="user"
+        ref="confirmUser"
       />
     </teleport>
   </div>
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index be81b8ad5..addb49afb 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -8,7 +8,8 @@ import UserNote from '../user_note/user_note.vue'
 import Select from '../select/select.vue'
 import UserLink from '../user_link/user_link.vue'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
-import MuteConfirm from '../confirm_modal/mute_confirm.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { mapGetters } from 'vuex'
 import { usePostStatusStore } from 'src/stores/post_status'
@@ -48,6 +49,19 @@ export default {
     'onClose',
     'hasNoteEditor'
   ],
+  components: {
+    UserAvatar,
+    RemoteFollow,
+    ModerationTools,
+    AccountActions,
+    ProgressButton,
+    FollowButton,
+    Select,
+    RichContent,
+    UserLink,
+    UserNote,
+    UserTimedFilterModal
+  },
   data () {
     return {
       followRequestInProgress: false,
@@ -63,6 +77,7 @@ export default {
       return this.$store.getters.findUser(this.userId)
     },
     relationship () {
+      console.log(this.$store.getters.relationship(this.userId))
       return this.$store.getters.relationship(this.userId)
     },
     classes () {
@@ -144,22 +159,9 @@ export default {
     },
     ...mapGetters(['mergedConfig'])
   },
-  components: {
-    UserAvatar,
-    RemoteFollow,
-    ModerationTools,
-    AccountActions,
-    ProgressButton,
-    FollowButton,
-    Select,
-    RichContent,
-    UserLink,
-    UserNote,
-    MuteConfirm
-  },
   methods: {
     muteUser () {
-      this.$refs.confirmation.optionallyPrompt()
+      this.$refs.timedMuteDialog.optionallyPrompt()
     },
     unmuteUser () {
       this.$store.dispatch('unmuteUser', this.user.id)
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index d263be1c0..418bef08b 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -8,6 +8,11 @@
     --_still-image-label-visibility: hidden;
   }
 
+  .btn-mute, .btn-mention {
+    display: block;
+    width: 100%;
+  }
+
   .panel-heading {
     padding: 0.5em 0;
     text-align: center;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 36935424d..d05f9a6e4 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -232,7 +232,7 @@
           <div>
             <button
               v-if="relationship.muting"
-              class="btn button-default btn-block toggled"
+              class="btn button-default btn-mute toggled"
               :disabled="user.deactivated"
               @click="unmuteUser"
             >
@@ -240,7 +240,7 @@
             </button>
             <button
               v-else
-              class="btn button-default btn-block"
+              class="btn button-default btn-mute"
               :disabled="user.deactivated"
               @click="muteUser"
             >
@@ -249,7 +249,7 @@
           </div>
           <div>
             <button
-              class="btn button-default btn-block"
+              class="btn button-default btn-mention"
               :disabled="user.deactivated"
               @click="mentionUser"
             >
@@ -314,10 +314,10 @@
       />
     </div>
     <teleport to="#modal">
-      <MuteConfirm
-        ref="confirmation"
-        type="user"
+      <UserTimedFilterModal
         :user="user"
+        :is-mute="true"
+        ref="timedMuteDialog"
       />
     </teleport>
   </div>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 019beba1c..64d11b07c 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1392,6 +1392,10 @@
     "mute_confirm": "Do you really want to mute {user}?",
     "mute_confirm_accept_button": "Mute",
     "mute_confirm_cancel_button": "Do not mute",
+    "expire_at": "Expire at",
+    "dont_ask_again": "Do not ask again",
+    "mute_block_temporarily": "Temporarily",
+    "mute_block_forever": "Forever",
     "mute_duration_prompt": "Mute this user for (0 for indefinite time):",
     "per_day": "per day",
     "remote_follow": "Remote follow",
diff --git a/src/modules/default_config_state.js b/src/modules/default_config_state.js
index eb12d2df1..8ccf79e70 100644
--- a/src/modules/default_config_state.js
+++ b/src/modules/default_config_state.js
@@ -97,8 +97,11 @@ export const defaultState = {
   alwaysShowSubjectInput: undefined, // instance default
   postContentType: undefined, // instance default
   minimalScopesMode: undefined, // instance default
+
   // This hides statuses filtered via a word filter
   hideFilteredStatuses: undefined, // instance default
+
+  // Confirmations
   modalOnRepeat: undefined, // instance default
   modalOnUnfollow: undefined, // instance default
   modalOnBlock: undefined, // instance default
@@ -110,6 +113,11 @@ export const defaultState = {
   modalOnApproveFollow: undefined, // instance default
   modalOnDenyFollow: undefined, // instance default
   modalOnRemoveUserFromFollowers: undefined, // instance default
+
+  // Expiry confirmations/default actions
+  onMuteDefaultAction: 'ask',
+  onBlockDefaultAction: 'ask',
+
   modalMobileCenter: undefined,
   playVideosInModal: false,
   useOneClickNsfw: false,
diff --git a/src/modules/instance.js b/src/modules/instance.js
index 83671a881..cee039ccc 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -162,6 +162,7 @@ const defaultState = {
   suggestionsWeb: '',
   quotingAvailable: false,
   groupActorAvailable: false,
+  blockExpiration: false,
 
   // Html stuff
   instanceSpecificPanelContent: '',
diff --git a/src/modules/users.js b/src/modules/users.js
index 01936c716..8779376b0 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -43,11 +43,20 @@ const getNotificationPermission = () => {
   return Promise.resolve(Notification.permission)
 }
 
-const blockUser = (store, id) => {
-  return store.rootState.api.backendInteractor.blockUser({ id })
+const blockUser = (store, args) => {
+  const id = args.id
+  const expiresIn = typeof args === 'object' ? args.expiresIn : 0
+
+  const predictedRelationship = store.state.relationships[id] || { id }
+  store.commit('updateUserRelationship', [predictedRelationship])
+  store.commit('addBlockId', id)
+
+  return store.rootState.api.backendInteractor.blockUser({ id, expiresIn })
     .then((relationship) => {
+      console.log(relationship)
       store.commit('updateUserRelationship', [relationship])
       store.commit('addBlockId', id)
+
       store.commit('removeStatus', { timeline: 'friends', userId: id })
       store.commit('removeStatus', { timeline: 'public', userId: id })
       store.commit('removeStatus', { timeline: 'publicAndExternal', userId: id })
@@ -74,7 +83,6 @@ const muteUser = (store, args) => {
   const expiresIn = typeof args === 'object' ? args.expiresIn : 0
 
   const predictedRelationship = store.state.relationships[id] || { id }
-  predictedRelationship.muting = true
   store.commit('updateUserRelationship', [predictedRelationship])
   store.commit('addMuteId', id)
 
@@ -360,20 +368,20 @@ const users = {
           return blocks
         })
     },
-    blockUser (store, id) {
-      return blockUser(store, id)
+    blockUser (store, data) {
+      return blockUser(store, data)
     },
-    unblockUser (store, id) {
-      return unblockUser(store, id)
+    unblockUser (store, data) {
+      return unblockUser(store, data)
     },
     removeUserFromFollowers (store, id) {
       return removeUserFromFollowers(store, id)
     },
-    blockUsers (store, ids = []) {
-      return Promise.all(ids.map(id => blockUser(store, id)))
+    blockUsers (store, data = []) {
+      return Promise.all(data.map(d => blockUser(store, d)))
     },
-    unblockUsers (store, ids = []) {
-      return Promise.all(ids.map(id => unblockUser(store, id)))
+    unblockUsers (store, data = []) {
+      return Promise.all(data.map(d => unblockUser(store, d)))
     },
     editUserNote (store, args) {
       return editUserNote(store, args)
@@ -396,8 +404,8 @@ const users = {
           return mutes
         })
     },
-    muteUser (store, id) {
-      return muteUser(store, id)
+    muteUser (store, data) {
+      return muteUser(store, data)
     },
     unmuteUser (store, id) {
       return unmuteUser(store, id)
@@ -408,11 +416,11 @@ const users = {
     showReblogs (store, id) {
       return showReblogs(store, id)
     },
-    muteUsers (store, ids = []) {
-      return Promise.all(ids.map(id => muteUser(store, id)))
+    muteUsers (store, data = []) {
+      return Promise.all(data.map(d => muteUser(store, d)))
     },
     unmuteUsers (store, ids = []) {
-      return Promise.all(ids.map(id => unmuteUser(store, id)))
+      return Promise.all(ids.map(d => unmuteUser(store, d)))
     },
     fetchDomainMutes (store) {
       return store.rootState.api.backendInteractor.fetchDomainMutes()
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 117c621d9..9328c8edc 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -319,11 +319,19 @@ const unmuteConversation = ({ id, credentials }) => {
     .then((data) => parseStatus(data))
 }
 
-const blockUser = ({ id, credentials }) => {
-  return fetch(MASTODON_BLOCK_USER_URL(id), {
-    headers: authHeaders(credentials),
-    method: 'POST'
-  }).then((data) => data.json())
+const blockUser = ({ id, expiresIn, credentials }) => {
+  const payload = {}
+  if (expiresIn) {
+    payload.expires_in = expiresIn
+  }
+
+  console.log(payload)
+  return promisedRequest({
+    url: MASTODON_BLOCK_USER_URL(id),
+    credentials,
+    method: 'POST',
+    payload
+  })
 }
 
 const unblockUser = ({ id, credentials }) => {
@@ -1172,7 +1180,13 @@ const muteUser = ({ id, expiresIn, credentials }) => {
   if (expiresIn) {
     payload.expires_in = expiresIn
   }
-  return promisedRequest({ url: MASTODON_MUTE_USER_URL(id), credentials, method: 'POST', payload })
+
+  return promisedRequest({
+    url: MASTODON_MUTE_USER_URL(id),
+    credentials,
+    method: 'POST',
+    payload
+  })
 }
 
 const unmuteUser = ({ id, credentials }) => {

From c9a4aee9547e3bc3ea8caf714d0dcc3c0b87d79a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 12 Jun 2025 22:03:15 +0300
Subject: [PATCH 013/424] forgotten files

---
 .../user_timed_filter_modal.js                | 93 +++++++++++++++++++
 .../user_timed_filter_modal.scss              |  9 ++
 .../user_timed_filter_modal.vue               | 61 ++++++++++++
 3 files changed, 163 insertions(+)
 create mode 100644 src/components/user_timed_filter_modal/user_timed_filter_modal.js
 create mode 100644 src/components/user_timed_filter_modal/user_timed_filter_modal.scss
 create mode 100644 src/components/user_timed_filter_modal/user_timed_filter_modal.vue

diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.js b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
new file mode 100644
index 000000000..ff920dcca
--- /dev/null
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
@@ -0,0 +1,93 @@
+import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+
+const UserTimedFilterModal = {
+  data () {
+    return {
+      showing: false,
+      dontAskAgain: false,
+      expiration: (() => {
+        const date = new Date()
+        const fmt = new Intl.NumberFormat("en-US", {minimumIntegerDigits: 2})
+        return [
+          date.getFullYear(),
+          '-',
+          fmt.format(date.getMonth() + 1),
+          '-',
+          fmt.format(date.getDate()),
+          'T',
+          fmt.format(date.getHours()),
+          ':',
+          fmt.format(date.getMinutes())
+        ].join('')
+      })()
+    }
+  },
+  components: {
+    DialogModal,
+    Checkbox
+  },
+  props: {
+    isMute: Boolean,
+    user: Object
+  },
+  emits: [
+    'timed',
+    'forever',
+    'user'
+  ],
+  computed: {
+    dateValid () {
+      return (new Date(this.expiration).toJSON() != null) &&
+        new Date(this.expiration) > new Date()
+    },
+    expiryTime () {
+      return Math.floor((new Date(this.expiration).valueOf() - Date.now())  / 1000)
+    },
+    shouldConfirm () {
+      if (this.isMute) {
+        return this.mergedConfig.onMuteDefaultAction === 'ask'
+      } else {
+        return this.mergedConfig.onBlockDefaultAction === 'ask'
+      }
+    }
+  },
+  methods: {
+    optionallyPrompt () {
+      this.showing = true
+    },
+    temporarily () {
+      if (this.isMute) {
+        this.muteUserTemporarily()
+      } else {
+        this.blockUserTemporarily()
+      }
+      this.showing = false
+    },
+    forever () {
+      if (this.isMute) {
+        this.muteUserForever()
+      } else {
+        this.blockUserForever()
+      }
+      this.showing = false
+    },
+    blockUserForever () {
+      this.$store.dispatch('blockUser', { id: this.user.id })
+    },
+    blockUserTemporarily () {
+      this.$store.dispatch('blockUser', { id: this.user.id, expiresIn: this.expiryTime })
+    },
+    muteUserForever () {
+      this.$store.dispatch('muteUser', { id: this.user.id })
+    },
+    muteUserTemporarily () {
+      this.$store.dispatch('muteUser', { id: this.user.id, expiresIn: this.expiryTime })
+    },
+    cancel () {
+      this.showing = false
+    }
+  }
+}
+
+export default UserTimedFilterModal
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.scss b/src/components/user_timed_filter_modal/user_timed_filter_modal.scss
new file mode 100644
index 000000000..0fdb66eea
--- /dev/null
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.scss
@@ -0,0 +1,9 @@
+.UserTimedFilterModal {
+  .input-dont-ask-again {
+    margin-left: 1em;
+  }
+
+  .input-expire-at {
+    margin-left: 0.25em;
+  }
+}
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
new file mode 100644
index 000000000..b3f6fbe27
--- /dev/null
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
@@ -0,0 +1,61 @@
+<template>
+  <dialog-modal
+    v-if="showing"
+    v-body-scroll-lock="true"
+    class="confirm-modal UserTimedFilterModal"
+    :on-cancel="cancel"
+  >
+    <template #header>
+      <span>
+        {{ isMute ? $t('user_card.mute') : $t('user_card.block') }}
+      </span>
+    </template>
+
+    {{ $t('user_card.expire_at') }}
+
+    <input
+      id="userFilterExpires"
+      class="input input-expire-at"
+      type="datetime-local"
+      v-model="expiration"
+    >
+
+    <Checkbox
+      id="dontAskAgain"
+      v-model="dontAskAgain"
+      name="dontAskAgain"
+      class="input-dont-ask-again"
+    >
+      {{ $t('user_card.dont_ask_again') }}
+    </Checkbox>
+
+    <template #footer>
+      <button
+        class="btn button-default"
+        :disabled="!dateValid"
+        :class="{ disabled: !dateValid  }"
+        @click.prevent="temporarily"
+      >
+        {{ $t('user_card.mute_block_temporarily') }}
+      </button>
+
+      <button
+        class="btn button-default"
+        @click.prevent="forever"
+      >
+        {{ $t('user_card.mute_block_forever') }}
+      </button>
+
+      <button
+        class="btn button-default"
+        @click.prevent="cancel"
+      >
+        {{ $t('general.cancel') }}
+      </button>
+    </template>
+  </dialog-modal>
+</template>
+
+<script src="./user_timed_filter_modal.js"></script>
+
+<style lang="scss" src="./user_timed_filter_modal.scss" />

From 3695774f8e402479d86f01360148c73201bf0d93 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 18 Jun 2025 19:55:43 +0300
Subject: [PATCH 014/424] clarity

---
 src/components/navigation/filter.js     | 4 ++--
 src/components/navigation/navigation.js | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/navigation/filter.js b/src/components/navigation/filter.js
index 325bb5a43..9530073b0 100644
--- a/src/components/navigation/filter.js
+++ b/src/components/navigation/filter.js
@@ -15,8 +15,8 @@ export const filterNavigation = (list = [], {
     if ((!currentUser || !currentUser.locked) && set.has('lockedUser')) return false
     if (!hasChats && set.has('chats')) return false
     if (!hasAnnouncements && set.has('announcements')) return false
-    if (supportsBookmarkFolders && set.has('!supportsBookmarkFolders')) return false
-    if (supportsBubbleTimeline && set.has('!supportsBubbleTimeline')) return false
+    if (supportsBookmarkFolders && set.has('supportsBookmarkFolders')) return false
+    if (supportsBubbleTimeline && set.has('supportsBubbleTimeline')) return false
     return true
   })
 }
diff --git a/src/components/navigation/navigation.js b/src/components/navigation/navigation.js
index 6702bea4e..80da8f52d 100644
--- a/src/components/navigation/navigation.js
+++ b/src/components/navigation/navigation.js
@@ -29,9 +29,10 @@ export const TIMELINES = {
   },
   bubble: {
     route: 'bubble',
+    anon: true,
     icon: 'city',
     label: 'nav.bubble',
-    criteria: ['supportsBubbleTimeline']
+    criteria: ['!private', 'federating', 'supportsBubbleTimeline']
   },
   twkn: {
     route: 'public-external-timeline',
@@ -44,7 +45,7 @@ export const TIMELINES = {
     route: 'bookmarks',
     icon: 'bookmark',
     label: 'nav.bookmarks',
-    criteria: ['!supportsBookmarkFolders']
+    criteria: ['supportsBookmarkFolders']
   },
   favorites: {
     routeObject: { name: 'user-profile', query: { tab: 'favorites' } },

From 537031f0cb9b81313d41cf259e1c33ea470a5b1d Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sun, 22 Jun 2025 09:05:47 +0000
Subject: [PATCH 015/424] Update dependency @ruffle-rs/ruffle to
 v0.1.0-nightly.2025.6.22

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 2f9896d18..36382c4df 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
     "@fortawesome/vue-fontawesome": "3.0.8",
     "@kazvmoe-infra/pinch-zoom-element": "1.2.0",
     "@kazvmoe-infra/unicode-emoji-json": "0.4.0",
-    "@ruffle-rs/ruffle": "0.1.0-nightly.2025.1.13",
+    "@ruffle-rs/ruffle": "0.1.0-nightly.2025.6.22",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
     "@web3-storage/parse-link-header": "^3.1.0",
diff --git a/yarn.lock b/yarn.lock
index 2f86adfef..5bc1d1f3f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2024,10 +2024,10 @@
   resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
   integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
 
-"@ruffle-rs/ruffle@0.1.0-nightly.2025.1.13":
-  version "0.1.0-nightly.2025.1.13"
-  resolved "https://registry.yarnpkg.com/@ruffle-rs/ruffle/-/ruffle-0.1.0-nightly.2025.1.13.tgz#0d9c796b6b7f28c524f6ebbc356f3697ca0b7488"
-  integrity sha512-deFf2TE6UscMv5fRo3kjxJtpHCrS1kc2L7Hi8w2QSSbnvODJMqEGDYcp7+VI7R85lDOSze0YPJnDS4S71JHzkg==
+"@ruffle-rs/ruffle@0.1.0-nightly.2025.6.22":
+  version "0.1.0-nightly.2025.6.22"
+  resolved "https://registry.yarnpkg.com/@ruffle-rs/ruffle/-/ruffle-0.1.0-nightly.2025.6.22.tgz#3f7a3c8989c1781422e5ec0b5b74d428f62b6854"
+  integrity sha512-ECd7j0+CFY+BKyHsN049RIzSjHvsPJuwv8EMqpJ+2AKCy9F12852ziWoDlk89oKH3i0Da3sP2w1ij8wFKsAvtQ==
 
 "@sinonjs/commons@^3.0.1":
   version "3.0.1"

From 4146c071ce6aa3a640cd653b829f9d481f267983 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Thu, 26 Jun 2025 09:04:43 +0000
Subject: [PATCH 016/424] Update dependency nightwatch to v3.12.2

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 3d6b08d73..3d03daf33 100644
--- a/package.json
+++ b/package.json
@@ -91,7 +91,7 @@
     "iso-639-1": "3.1.5",
     "lodash": "4.17.21",
     "msw": "2.10.2",
-    "nightwatch": "3.12.1",
+    "nightwatch": "3.12.2",
     "playwright": "1.52.0",
     "postcss": "8.5.3",
     "postcss-html": "^1.5.0",
diff --git a/yarn.lock b/yarn.lock
index ac78d4d08..59c527a75 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5905,10 +5905,10 @@ nightwatch-axe-verbose@^2.3.0:
   dependencies:
     axe-core "^4.9.1"
 
-nightwatch@3.12.1:
-  version "3.12.1"
-  resolved "https://registry.yarnpkg.com/nightwatch/-/nightwatch-3.12.1.tgz#0caae6864d8c76d481f0492c1f945c5353b8e0ab"
-  integrity sha512-+tTSjw7w2xY3TRdq5qMkgSztEk6ofMw1l/+Tc4GVRTyUi2/43qV4m2EzOi8Q/3ERKZrIR1Wqqyyh3pw6PJSKMQ==
+nightwatch@3.12.2:
+  version "3.12.2"
+  resolved "https://registry.yarnpkg.com/nightwatch/-/nightwatch-3.12.2.tgz#95ef5322003473b4e1f4cca1e40259b64f9ffe75"
+  integrity sha512-B4MGUvO+RjX8gYg84oJ3DKdgzfXIFRKbs19nLBlUt+aJlzBdv6VdN00wlOmzCakHXZlU10MGm1KiW0dsTlgFRA==
   dependencies:
     "@nightwatch/chai" "5.0.3"
     "@nightwatch/html-reporter-template" "^0.3.0"

From 046b959bd781b8a8bd6a8dfaf4ef77fba29c375a Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Thu, 26 Jun 2025 09:04:52 +0000
Subject: [PATCH 017/424] Update dependency pinia to v3.0.3

---
 yarn.lock | 46 +++++++++++++++++++++++-----------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index ac78d4d08..5e8306a42 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2403,29 +2403,29 @@
   integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
 
 "@vue/devtools-api@^7.7.2":
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-7.7.2.tgz#49837eae6f61fc43a09f5d6c2d3210f9f73a0d09"
-  integrity sha512-1syn558KhyN+chO5SjlZIwJ8bV/bQ1nOVTG66t2RbG66ZGekyiYNmRO7X9BJCXQqPsFHlnksqvPhce2qpzxFnA==
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-7.7.7.tgz#5ef5f55f60396220725a273548c0d7ee983d5d34"
+  integrity sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==
   dependencies:
-    "@vue/devtools-kit" "^7.7.2"
+    "@vue/devtools-kit" "^7.7.7"
 
-"@vue/devtools-kit@^7.7.2":
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-kit/-/devtools-kit-7.7.2.tgz#3315bd5b144f98c7b84c2f44270b445644ec8f10"
-  integrity sha512-CY0I1JH3Z8PECbn6k3TqM1Bk9ASWxeMtTCvZr7vb+CHi+X/QwQm5F1/fPagraamKMAHVfuuCbdcnNg1A4CYVWQ==
+"@vue/devtools-kit@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-kit/-/devtools-kit-7.7.7.tgz#41a64f9526e9363331c72405544df020ce2e3641"
+  integrity sha512-wgoZtxcTta65cnZ1Q6MbAfePVFxfM+gq0saaeytoph7nEa7yMXoi6sCPy4ufO111B9msnw0VOWjPEFCXuAKRHA==
   dependencies:
-    "@vue/devtools-shared" "^7.7.2"
-    birpc "^0.2.19"
+    "@vue/devtools-shared" "^7.7.7"
+    birpc "^2.3.0"
     hookable "^5.5.3"
     mitt "^3.0.1"
     perfect-debounce "^1.0.0"
     speakingurl "^14.0.1"
-    superjson "^2.2.1"
+    superjson "^2.2.2"
 
-"@vue/devtools-shared@^7.7.2":
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-shared/-/devtools-shared-7.7.2.tgz#b11b143820130a32d8ce5737e264d06ab6d62f40"
-  integrity sha512-uBFxnp8gwW2vD6FrJB8JZLUzVb6PNRG0B0jBnHsOH8uKyva2qINY8PTF5Te4QlTbMDqU5K6qtJDr6cNsKWhbOA==
+"@vue/devtools-shared@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-shared/-/devtools-shared-7.7.7.tgz#ff14aa8c1262ebac8c0397d3b09f767cd489750c"
+  integrity sha512-+udSj47aRl5aKb0memBvcUG9koarqnxNM5yjuREvqwK6T3ap4mn3Zqqc17QrBFTqSMjr3HK1cvStEZpMDpfdyw==
   dependencies:
     rfdc "^1.4.1"
 
@@ -2885,10 +2885,10 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
   integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
 
-birpc@^0.2.19:
-  version "0.2.19"
-  resolved "https://registry.yarnpkg.com/birpc/-/birpc-0.2.19.tgz#cdd183a4a70ba103127d49765b4a71349da5a0ca"
-  integrity sha512-5WeXXAvTmitV1RqJFppT5QtUiz2p1mRSYU000Jkft5ZUCLJIk4uQriYNO50HknxKwM6jd8utNc66K1qGIwwWBQ==
+birpc@^2.3.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/birpc/-/birpc-2.4.0.tgz#045368a4a30d659c6c06c9215b11cb384903249c"
+  integrity sha512-5IdNxTyhXHv2UlgnPHQ0h+5ypVmkrYHzL8QT+DwFZ//2N/oNV8Ch+BCRmTJ3x6/z9Axo/cXYBc9eprsUVK/Jsg==
 
 bl@^4.0.3, bl@^4.1.0:
   version "4.1.0"
@@ -6333,9 +6333,9 @@ pify@^4.0.1:
   integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
 
 pinia@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/pinia/-/pinia-3.0.2.tgz#0616c2e1b39915f253c7626db3c81b7cdad695da"
-  integrity sha512-sH2JK3wNY809JOeiiURUR0wehJ9/gd9qFN2Y828jCbxEzKEmEt0pzCXwqiSTfuRsK9vQsOflSdnbdBOGrhtn+g==
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/pinia/-/pinia-3.0.3.tgz#f412019bdeb2f45e85927b432803190343e12d89"
+  integrity sha512-ttXO/InUULUXkMHpTdp9Fj4hLpD/2AoJdmAbAeW2yu1iy1k+pkFekQXw5VpC0/5p51IOR/jDaDRfRWRnMMsGOA==
   dependencies:
     "@vue/devtools-api" "^7.7.2"
 
@@ -7440,7 +7440,7 @@ stylelint@16.19.1:
     table "^6.9.0"
     write-file-atomic "^5.0.1"
 
-superjson@^2.2.1:
+superjson@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/superjson/-/superjson-2.2.2.tgz#9d52bf0bf6b5751a3c3472f1292e714782ba3173"
   integrity sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==

From e4b44f8c7b44882924b77c144d8fc418b0fa7a17 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 26 Jun 2025 16:28:02 +0300
Subject: [PATCH 018/424] better dialog, actually working dontAskAgain

---
 .../user_timed_filter_modal.js                | 121 +++++++++---------
 .../user_timed_filter_modal.vue               |  86 ++++++-------
 src/i18n/en.json                              |  16 ++-
 src/services/api/api.service.js               |   1 -
 4 files changed, 120 insertions(+), 104 deletions(-)

diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.js b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
index ff920dcca..305603cba 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.js
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
@@ -1,89 +1,96 @@
-import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
+import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Select from 'src/components/select/select.vue'
+import { durationStrToMs } from 'src/services/date_utils/date_utils.js'
 
 const UserTimedFilterModal = {
   data () {
+    const action = this.isMute
+          ? this.$store.getters.mergedConfig.onMuteDefaultAction
+          : this.$store.getters.mergedConfig.onBlockDefaultAction
+    const doAsk = action === 'ask'
+    const defaultValues = {}
+
+    if (doAsk || action === 'forever') {
+      defaultValues.expiration = 14
+      defaultValues.expirationUnit = 'd'
+      if (action === 'forever') {
+        defaultValues.forever = true
+      }
+    } else {
+      const unit = action.replace(/[0-9,.]+/, '')
+      const value = action.replace(/[^0-9,.]+/, '')
+      defaultValues.expiration = value
+      defaultValues.expirationUnit = unit
+    }
+
     return {
       showing: false,
+      forever: false,
       dontAskAgain: false,
-      expiration: (() => {
-        const date = new Date()
-        const fmt = new Intl.NumberFormat("en-US", {minimumIntegerDigits: 2})
-        return [
-          date.getFullYear(),
-          '-',
-          fmt.format(date.getMonth() + 1),
-          '-',
-          fmt.format(date.getDate()),
-          'T',
-          fmt.format(date.getHours()),
-          ':',
-          fmt.format(date.getMinutes())
-        ].join('')
-      })()
+      ...defaultValues
     }
   },
   components: {
-    DialogModal,
+    ConfirmModal,
+    Select,
     Checkbox
   },
   props: {
     isMute: Boolean,
     user: Object
   },
-  emits: [
-    'timed',
-    'forever',
-    'user'
-  ],
   computed: {
-    dateValid () {
-      return (new Date(this.expiration).toJSON() != null) &&
-        new Date(this.expiration) > new Date()
-    },
-    expiryTime () {
-      return Math.floor((new Date(this.expiration).valueOf() - Date.now())  / 1000)
-    },
     shouldConfirm () {
       if (this.isMute) {
-        return this.mergedConfig.onMuteDefaultAction === 'ask'
+        return this.$store.getters.mergedConfig.onMuteDefaultAction === 'ask'
       } else {
-        return this.mergedConfig.onBlockDefaultAction === 'ask'
+        return this.$store.getters.mergedConfig.onBlockDefaultAction === 'ask'
+      }
+    },
+    expiryString () {
+      return this.expiration.toString() + this.expirationUnit
+    },
+    expirySeconds () {
+      return Math.floor(durationStrToMs(this.expiryString) / 1000)
+    },
+    requestBody () {
+      const object = { id: this.user.id }
+      if (!this.forever) {
+        object.expiresIn = this.expirySeconds
+      }
+      return object
+    }
+  },
+  watch: {
+    expiration (newVal) {
+      if (newVal <= 0) {
+        this.expiration = 1
       }
     }
   },
   methods: {
     optionallyPrompt () {
-      this.showing = true
-    },
-    temporarily () {
-      if (this.isMute) {
-        this.muteUserTemporarily()
+      if (this.shouldConfirm) {
+        this.showing = true
       } else {
-        this.blockUserTemporarily()
+        this.accept()
+      }
+    },
+    accept () {
+      if (this.isMute) {
+        this.$store.dispatch('muteUser', this.requestBody)
+        if (this.dontAskAgain) {
+          this.$store.dispatch('setOption', { name: 'onMuteDefaultAction', value: this.expiryString })
+        }
+      } else {
+        this.$store.dispatch('blockUser', this.requestBody)
+        if (this.dontAskAgain) {
+          this.$store.dispatch('setOption', { name: 'onBlockDefaultAction', value: this.expiryString })
+        }
       }
       this.showing = false
     },
-    forever () {
-      if (this.isMute) {
-        this.muteUserForever()
-      } else {
-        this.blockUserForever()
-      }
-      this.showing = false
-    },
-    blockUserForever () {
-      this.$store.dispatch('blockUser', { id: this.user.id })
-    },
-    blockUserTemporarily () {
-      this.$store.dispatch('blockUser', { id: this.user.id, expiresIn: this.expiryTime })
-    },
-    muteUserForever () {
-      this.$store.dispatch('muteUser', { id: this.user.id })
-    },
-    muteUserTemporarily () {
-      this.$store.dispatch('muteUser', { id: this.user.id, expiresIn: this.expiryTime })
-    },
     cancel () {
       this.showing = false
     }
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
index b3f6fbe27..37b4a057b 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
@@ -1,24 +1,49 @@
 <template>
-  <dialog-modal
+  <confirm-modal
     v-if="showing"
-    v-body-scroll-lock="true"
-    class="confirm-modal UserTimedFilterModal"
-    :on-cancel="cancel"
+    :title="$t(isMute ? $t('user_card.mute') : $t('user_card.block'))"
+    :confirm-text="$t(isMute ? 'user_card.mute_confirm_accept_button' : 'user_card.block_confirm_accept_button')"
+    :cancel-text="$t(isMute ? 'user_card.mute_confirm_cancel_button' : 'user_card.block_confirm_cancel_button')"
+    @accepted="accept"
+    @cancelled="cancel"
   >
-    <template #header>
-      <span>
-        {{ isMute ? $t('user_card.mute') : $t('user_card.block') }}
-      </span>
-    </template>
 
-    {{ $t('user_card.expire_at') }}
+    <p>
+      {{ $t(isMute ? 'user_card.expire_mute_message' : 'user_card.expire_block_message', [user.screen_name]) }}
+    </p>
+    <p>
+    {{ $t('user_card.expire_in') }}
+      <input
+        id="userFilterExpires"
+        class="input input-expire-in"
+        :class="{ disabled: forever }"
+        v-model="expiration"
+        :disabled="forever"
+        min="1"
+        type="number"
+      >
+      <Select
+        id="userFilterExpiresUnit"
+        v-model="expirationUnit"
+        class="input unit-input unstyled"
+        :disabled="forever"
+      >
+        <option key="s" value="s"> {{ $t('time.unit.seconds_suffix') }} </option>
+        <option key="m" value="m"> {{ $t('time.unit.minutes_suffix') }} </option>
+        <option key="h" value="h"> {{ $t('time.unit.hours_suffix') }} </option>
+        <option key="d" value="d"> {{ $t('time.unit.days_suffix') }} </option>
+      </Select>
 
-    <input
-      id="userFilterExpires"
-      class="input input-expire-at"
-      type="datetime-local"
-      v-model="expiration"
-    >
+      <br />
+      <Checkbox
+        id="forever"
+        v-model="forever"
+        name="forever"
+        class="input-forever"
+      >
+        {{ $t('user_card.mute_block_forever') }}
+      </Checkbox>
+    </p>
 
     <Checkbox
       id="dontAskAgain"
@@ -26,34 +51,9 @@
       name="dontAskAgain"
       class="input-dont-ask-again"
     >
-      {{ $t('user_card.dont_ask_again') }}
+      {{ $t(isMute ? 'user_card.dont_ask_again_mute' : 'user_card.dont_ask_again_block') }}
     </Checkbox>
-
-    <template #footer>
-      <button
-        class="btn button-default"
-        :disabled="!dateValid"
-        :class="{ disabled: !dateValid  }"
-        @click.prevent="temporarily"
-      >
-        {{ $t('user_card.mute_block_temporarily') }}
-      </button>
-
-      <button
-        class="btn button-default"
-        @click.prevent="forever"
-      >
-        {{ $t('user_card.mute_block_forever') }}
-      </button>
-
-      <button
-        class="btn button-default"
-        @click.prevent="cancel"
-      >
-        {{ $t('general.cancel') }}
-      </button>
-    </template>
-  </dialog-modal>
+  </confirm-modal>
 </template>
 
 <script src="./user_timed_filter_modal.js"></script>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 64d11b07c..7b9884af9 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1227,18 +1227,25 @@
     "unit": {
       "days": "{0} day | {0} days",
       "days_short": "{0}d",
+      "days_suffix": "day(s)",
       "hours": "{0} hour | {0} hours",
       "hours_short": "{0}h",
+      "hours_suffix": "hour(s)",
       "minutes": "{0} minute | {0} minutes",
       "minutes_short": "{0}min",
+      "minutes_suffix": "minute(s)",
       "months": "{0} month | {0} months",
       "months_short": "{0}mo",
+      "months_suffix": "month(s)",
       "seconds": "{0} second | {0} seconds",
       "seconds_short": "{0}s",
+      "seconds_suffix": "second(s)",
       "weeks": "{0} week | {0} weeks",
       "weeks_short": "{0}w",
+      "weeks_suffix": "week(s)",
       "years": "{0} year | {0} years",
-      "years_short": "{0}y"
+      "years_short": "{0}y",
+      "years": "year(s)"
     },
     "in_future": "in {0}",
     "in_past": "{0} ago",
@@ -1392,8 +1399,11 @@
     "mute_confirm": "Do you really want to mute {user}?",
     "mute_confirm_accept_button": "Mute",
     "mute_confirm_cancel_button": "Do not mute",
-    "expire_at": "Expire at",
-    "dont_ask_again": "Do not ask again",
+    "expire_in": "Expire in",
+    "expire_mute_message": "Are you sure you want to mute {0}?",
+    "expire_block_message": "Are you sure you want to block {0}?",
+    "dont_ask_again_mute": "Always mute users this way",
+    "dont_ask_again_block": "Always block users this way",
     "mute_block_temporarily": "Temporarily",
     "mute_block_forever": "Forever",
     "mute_duration_prompt": "Mute this user for (0 for indefinite time):",
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 9328c8edc..fcdb522c6 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -325,7 +325,6 @@ const blockUser = ({ id, expiresIn, credentials }) => {
     payload.expires_in = expiresIn
   }
 
-  console.log(payload)
   return promisedRequest({
     url: MASTODON_BLOCK_USER_URL(id),
     credentials,

From 230e61235d459dca05aee94ebdc8047200b9b8a4 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Fri, 27 Jun 2025 09:04:41 +0000
Subject: [PATCH 019/424] Update dependency postcss to v8.5.6

---
 package.json |  2 +-
 yarn.lock    | 20 ++++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 3d6b08d73..3af7f3644 100644
--- a/package.json
+++ b/package.json
@@ -93,7 +93,7 @@
     "msw": "2.10.2",
     "nightwatch": "3.12.1",
     "playwright": "1.52.0",
-    "postcss": "8.5.3",
+    "postcss": "8.5.6",
     "postcss-html": "^1.5.0",
     "postcss-scss": "^4.0.6",
     "sass": "1.89.2",
diff --git a/yarn.lock b/yarn.lock
index ac78d4d08..059786638 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6448,16 +6448,7 @@ postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@8.5.3, postcss@^8.4.48, postcss@^8.5.0, postcss@^8.5.3:
-  version "8.5.3"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
-  integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
-  dependencies:
-    nanoid "^3.3.8"
-    picocolors "^1.1.1"
-    source-map-js "^1.2.1"
-
-postcss@^8.5.6:
+postcss@8.5.6, postcss@^8.5.6:
   version "8.5.6"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.6.tgz#2825006615a619b4f62a9e7426cc120b349a8f3c"
   integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
@@ -6466,6 +6457,15 @@ postcss@^8.5.6:
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
+postcss@^8.4.48, postcss@^8.5.0, postcss@^8.5.3:
+  version "8.5.3"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
+  integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
+  dependencies:
+    nanoid "^3.3.8"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"

From 8483268cb352054ad760ec56a88c30ce68701a9a Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Fri, 27 Jun 2025 09:04:51 +0000
Subject: [PATCH 020/424] Update dependency stylelint-config-recommended-vue to
 v1.6.1

---
 yarn.lock | 23 +++++++++--------------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index ac78d4d08..bcace3a5e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6915,7 +6915,7 @@ semver@7.5.4:
   dependencies:
     lru-cache "^6.0.0"
 
-semver@7.7.2:
+semver@7.7.2, semver@^7.3.5:
   version "7.7.2"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
   integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
@@ -6930,7 +6930,7 @@ semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.3.5, semver@^7.5.3, semver@^7.5.4, semver@^7.6.3:
+semver@^7.5.3, semver@^7.5.4, semver@^7.6.3:
   version "7.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.1.tgz#abd5098d82b18c6c81f6074ff2647fd3e7220c9f"
   integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==
@@ -7352,29 +7352,24 @@ stylelint-config-recommended-scss@^14.0.0:
     stylelint-scss "^6.4.0"
 
 stylelint-config-recommended-vue@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended-vue/-/stylelint-config-recommended-vue-1.6.0.tgz#e5d34d9f11417922a24dbd21438c6c058843fa20"
-  integrity sha512-syk1adIHvbH2T1OiR/spUK4oQy35PZIDw8Zmc7E0+eVK9Z9SK3tdMpGRT/bgGnAPpMt/WaL9K1u0tlF6xM0sMQ==
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended-vue/-/stylelint-config-recommended-vue-1.6.1.tgz#6a93082ce4a5c1f64793b789175a833c57ce8309"
+  integrity sha512-lLW7hTIMBiTfjenGuDq2kyHA6fBWd/+Df7MO4/AWOxiFeXP9clbpKgg27kHfwA3H7UNMGC7aeP3mNlZB5LMmEQ==
   dependencies:
     semver "^7.3.5"
     stylelint-config-html ">=1.0.0"
     stylelint-config-recommended ">=6.0.0"
 
-stylelint-config-recommended@>=6.0.0:
-  version "15.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-15.0.0.tgz#93d48db401215708b724f078533864e52085a07b"
-  integrity sha512-9LejMFsat7L+NXttdHdTq94byn25TD+82bzGRiV1Pgasl99pWnwipXS5DguTpp3nP1XjvLXVnEJIuYBfsRjRkA==
+stylelint-config-recommended@>=6.0.0, stylelint-config-recommended@^16.0.0:
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-16.0.0.tgz#0221f19902816fe7d53d9a01eb0be4cc7b4fe80a"
+  integrity sha512-4RSmPjQegF34wNcK1e1O3Uz91HN8P1aFdFzio90wNK9mjgAI19u5vsU868cVZboKzCaa5XbpvtTzAAGQAxpcXA==
 
 stylelint-config-recommended@^14.0.1:
   version "14.0.1"
   resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-14.0.1.tgz#d25e86409aaf79ee6c6085c2c14b33c7e23c90c6"
   integrity sha512-bLvc1WOz/14aPImu/cufKAZYfXs/A/owZfSMZ4N+16WGXLoX5lOir53M6odBxvhgmgdxCVnNySJmZKx73T93cg==
 
-stylelint-config-recommended@^16.0.0:
-  version "16.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-16.0.0.tgz#0221f19902816fe7d53d9a01eb0be4cc7b4fe80a"
-  integrity sha512-4RSmPjQegF34wNcK1e1O3Uz91HN8P1aFdFzio90wNK9mjgAI19u5vsU868cVZboKzCaa5XbpvtTzAAGQAxpcXA==
-
 stylelint-config-standard@38.0.0:
   version "38.0.0"
   resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-38.0.0.tgz#9d673ec1f35d7569476ee4b0582e7dd5faebf036"

From 1cb4740fc9c97f0e0188b8e50e811c1bfa1e2339 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 00:36:37 +0300
Subject: [PATCH 021/424] fix component preview styles

---
 index.html                                    |   4 +
 .../component_preview/component_preview.js    |  80 +++++++
 .../component_preview/component_preview.scss  | 151 +++++++++++++
 .../component_preview/component_preview.vue   | 210 +-----------------
 .../settings_modal/tabs/appearance_tab.js     |   2 +-
 .../tabs/style_tab/style_tab.js               |   2 +-
 .../tabs/style_tab/style_tab.vue              |   6 -
 7 files changed, 240 insertions(+), 215 deletions(-)
 create mode 100644 src/components/component_preview/component_preview.js
 create mode 100644 src/components/component_preview/component_preview.scss

diff --git a/index.html b/index.html
index 96c20c4b7..e27aa6850 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,10 @@
     <link rel="stylesheet" id="pleroma-eager-styles" type="text/css" href="/static/empty.css" />
     <link rel="stylesheet" id="pleroma-lazy-styles" type="text/css" href="/static/empty.css" />
     <link rel="stylesheet" id="theme-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="theme-preview-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="component-style-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="editor-preview-style-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="old-editor-preview-style-holder" type="text/css" href="/static/empty.css" />
     <!--server-generated-meta-->
   </head>
   <body>
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
new file mode 100644
index 000000000..455fc1e8a
--- /dev/null
+++ b/src/components/component_preview/component_preview.js
@@ -0,0 +1,80 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+
+import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
+
+export default {
+  components: {
+    Checkbox,
+    ColorInput
+  },
+  props: [
+    'shadow',
+    'shadowControl',
+    'previewClass',
+    'previewStyle',
+    'previewCss',
+    'disabled',
+    'invalid',
+    'noColorControl'
+  ],
+  emits: ['update:shadow'],
+  data () {
+    return {
+      colorOverride: undefined,
+      lightGrid: false,
+      zoom: 100,
+      randomSeed: genRandomSeed()
+    }
+  },
+  computed: {
+    hideControls () {
+      return typeof this.shadow === 'string'
+    }
+  },
+  watch: {
+    previewCss () {
+      this.update()
+    },
+    previewStyle () {
+      this.update()
+    },
+    zoom () {
+      this.update()
+    }
+  },
+  methods: {
+    updateProperty (axis, value) {
+      this.$emit('update:shadow', { axis, value: Number(value) })
+    },
+    update () {
+      const styleEl = document.getElementById('component-style-holder')
+      const styleSheet = styleEl.sheet
+
+      for (let i = styleEl.sheet.cssRules.length - 1; i >= 0; --i) {
+        styleEl.sheet.deleteRule(i)
+      }
+
+      const result = []
+
+      if (this.colorOverride) result.push(`--background: ${this.colorOverride}`)
+
+      const styleRule = [
+        '#component-preview-', this.randomSeed, ' {\n',
+        '.preview-block {\n',
+        `zoom: ${this.zoom / 100};`,
+        this.previewStyle,
+        '\n}',
+        '\n}'
+      ].join('')
+
+      styleSheet.insertRule(styleRule)
+      styleSheet.insertRule([
+        '#component-preview-', this.randomSeed, ' {\n',
+        this.previewCss,
+        ...result,
+        '\n}'
+      ].join(''), 'index-max')
+    }
+  }
+}
diff --git a/src/components/component_preview/component_preview.scss b/src/components/component_preview/component_preview.scss
new file mode 100644
index 000000000..bb83b7908
--- /dev/null
+++ b/src/components/component_preview/component_preview.scss
@@ -0,0 +1,151 @@
+.ComponentPreview {
+  display: grid;
+  grid-template-columns: 1em 1fr 1fr 1em;
+  grid-template-rows: 2em 1fr 1fr 1fr 1em 2em max-content;
+  grid-template-areas:
+    "header     header     header     header "
+    "preview    preview    preview    y-slide"
+    "preview    preview    preview    y-slide"
+    "preview    preview    preview    y-slide"
+    "x-slide    x-slide    x-slide    .      "
+    "x-num      x-num      y-num      y-num  "
+    "assists    assists    assists    assists";
+  grid-gap: 0.5em;
+
+  &:not(.-shadow-controls) {
+    grid-template-areas:
+      "header     header     header     header "
+      "preview    preview    preview    y-slide"
+      "preview    preview    preview    y-slide"
+      "preview    preview    preview    y-slide"
+      "assists    assists    assists    assists";
+    grid-template-rows: 2em 1fr 1fr 1fr max-content;
+  }
+
+  .header {
+    grid-area: header;
+    place-self: baseline center;
+    line-height: 2;
+  }
+
+  .invalid-container {
+    position: absolute;
+    inset: 0;
+    display: grid;
+    place-items: center center;
+    background-color: rgb(100 0 0 / 50%);
+
+    .alert {
+      padding: 0.5em 1em;
+    }
+  }
+
+  .assists {
+    grid-area: assists;
+    display: grid;
+    grid-auto-flow: row;
+    grid-auto-rows: 2em;
+    grid-gap: 0.5em;
+  }
+
+  .input-light-grid {
+    justify-self: center;
+  }
+
+  .input-number {
+    min-width: 2em;
+  }
+
+  .x-shift-number {
+    grid-area: x-num;
+    justify-self: right;
+  }
+
+  .y-shift-number {
+    grid-area: y-num;
+    justify-self: left;
+  }
+
+  .x-shift-number,
+  .y-shift-number {
+    input {
+      max-width: 4em;
+    }
+  }
+
+  .x-shift-slider {
+    grid-area: x-slide;
+    height: auto;
+    align-self: start;
+    min-width: 10em;
+  }
+
+  .y-shift-slider {
+    grid-area: y-slide;
+    writing-mode: vertical-lr;
+    justify-self: left;
+    min-height: 10em;
+  }
+
+  .x-shift-slider,
+  .y-shift-slider {
+    padding: 0;
+  }
+
+  .preview-window {
+    --__grid-color1: rgb(102 102 102);
+    --__grid-color2: rgb(153 153 153);
+    --__grid-color1-disabled: rgb(102 102 102 / 20%);
+    --__grid-color2-disabled: rgb(153 153 153 / 20%);
+
+    &.-light-grid {
+      --__grid-color1: rgb(205 205 205);
+      --__grid-color2: rgb(255 255 255);
+      --__grid-color1-disabled: rgb(205 205 205 / 20%);
+      --__grid-color2-disabled: rgb(255 255 255 / 20%);
+    }
+
+    position: relative;
+    grid-area: preview;
+    aspect-ratio: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 10em;
+    min-height: 10em;
+    background-color: var(--__grid-color2);
+    background-image:
+      linear-gradient(45deg, var(--__grid-color1) 25%, transparent 25%),
+      linear-gradient(-45deg, var(--__grid-color1) 25%, transparent 25%),
+      linear-gradient(45deg, transparent 75%, var(--__grid-color1) 75%),
+      linear-gradient(-45deg, transparent 75%, var(--__grid-color1) 75%);
+    background-size: 20px 20px;
+    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
+    border-radius: var(--roundness);
+
+    &.disabled {
+      background-color: var(--__grid-color2-disabled);
+      background-image:
+        linear-gradient(45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
+        linear-gradient(-45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
+        linear-gradient(45deg, transparent 75%, var(--__grid-color1-disabled) 75%),
+        linear-gradient(-45deg, transparent 75%, var(--__grid-color1-disabled) 75%);
+    }
+
+    .preview-block {
+      background: var(--background, var(--bg));
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-width: 33%;
+      min-height: 33%;
+      max-width: 80%;
+      max-height: 80%;
+      border-width: 0;
+      border-style: solid;
+      border-color: var(--border);
+      border-radius: var(--roundness);
+      box-shadow: var(--shadow);
+    }
+  }
+}
diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index be9d25ac5..7e226e59a 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -2,13 +2,8 @@
   <div
     class="ComponentPreview"
     :class="{ '-shadow-controls': shadowControl }"
+    :id="'component-preview-' + randomSeed"
   >
-    <!-- eslint-disable vue/no-v-html vue/no-v-text-v-html-on-component -->
-    <component
-      :is="'style'"
-      v-html="previewCss"
-    />
-    <!-- eslint-enable vue/no-v-html vue/no-v-text-v-html-on-component -->
     <label
       v-show="shadowControl"
       role="heading"
@@ -74,7 +69,6 @@
       <div
         class="preview-block"
         :class="previewClass"
-        :style="style"
       >
         {{ $t('settings.style.themes3.editor.test_string') }}
       </div>
@@ -116,203 +110,5 @@
   </div>
 </template>
 
-<script>
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
-
-export default {
-  components: {
-    Checkbox,
-    ColorInput
-  },
-  props: [
-    'shadow',
-    'shadowControl',
-    'previewClass',
-    'previewStyle',
-    'previewCss',
-    'disabled',
-    'invalid',
-    'noColorControl'
-  ],
-  emits: ['update:shadow'],
-  data () {
-    return {
-      colorOverride: undefined,
-      lightGrid: false,
-      zoom: 100
-    }
-  },
-  computed: {
-    style () {
-      const result = [
-        this.previewStyle,
-        `zoom: ${this.zoom / 100}`
-      ]
-      if (this.colorOverride) result.push(`--background: ${this.colorOverride}`)
-      return result
-    },
-    hideControls () {
-      return typeof this.shadow === 'string'
-    }
-  },
-  methods: {
-    updateProperty (axis, value) {
-      this.$emit('update:shadow', { axis, value: Number(value) })
-    }
-  }
-}
-</script>
-<style lang="scss">
-.ComponentPreview {
-  display: grid;
-  grid-template-columns: 1em 1fr 1fr 1em;
-  grid-template-rows: 2em 1fr 1fr 1fr 1em 2em max-content;
-  grid-template-areas:
-    "header     header     header     header "
-    "preview    preview    preview    y-slide"
-    "preview    preview    preview    y-slide"
-    "preview    preview    preview    y-slide"
-    "x-slide    x-slide    x-slide    .      "
-    "x-num      x-num      y-num      y-num  "
-    "assists    assists    assists    assists";
-  grid-gap: 0.5em;
-
-  &:not(.-shadow-controls) {
-    grid-template-areas:
-      "header     header     header     header "
-      "preview    preview    preview    y-slide"
-      "preview    preview    preview    y-slide"
-      "preview    preview    preview    y-slide"
-      "assists    assists    assists    assists";
-    grid-template-rows: 2em 1fr 1fr 1fr max-content;
-  }
-
-  .header {
-    grid-area: header;
-    place-self: baseline center;
-    line-height: 2;
-  }
-
-  .invalid-container {
-    position: absolute;
-    inset: 0;
-    display: grid;
-    place-items: center center;
-    background-color: rgb(100 0 0 / 50%);
-
-    .alert {
-      padding: 0.5em 1em;
-    }
-  }
-
-  .assists {
-    grid-area: assists;
-    display: grid;
-    grid-auto-flow: row;
-    grid-auto-rows: 2em;
-    grid-gap: 0.5em;
-  }
-
-  .input-light-grid {
-    justify-self: center;
-  }
-
-  .input-number {
-    min-width: 2em;
-  }
-
-  .x-shift-number {
-    grid-area: x-num;
-    justify-self: right;
-  }
-
-  .y-shift-number {
-    grid-area: y-num;
-    justify-self: left;
-  }
-
-  .x-shift-number,
-  .y-shift-number {
-    input {
-      max-width: 4em;
-    }
-  }
-
-  .x-shift-slider {
-    grid-area: x-slide;
-    height: auto;
-    align-self: start;
-    min-width: 10em;
-  }
-
-  .y-shift-slider {
-    grid-area: y-slide;
-    writing-mode: vertical-lr;
-    justify-self: left;
-    min-height: 10em;
-  }
-
-  .x-shift-slider,
-  .y-shift-slider {
-    padding: 0;
-  }
-
-  .preview-window {
-    --__grid-color1: rgb(102 102 102);
-    --__grid-color2: rgb(153 153 153);
-    --__grid-color1-disabled: rgb(102 102 102 / 20%);
-    --__grid-color2-disabled: rgb(153 153 153 / 20%);
-
-    &.-light-grid {
-      --__grid-color1: rgb(205 205 205);
-      --__grid-color2: rgb(255 255 255);
-      --__grid-color1-disabled: rgb(205 205 205 / 20%);
-      --__grid-color2-disabled: rgb(255 255 255 / 20%);
-    }
-
-    position: relative;
-    grid-area: preview;
-    aspect-ratio: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-width: 10em;
-    min-height: 10em;
-    background-color: var(--__grid-color2);
-    background-image:
-      linear-gradient(45deg, var(--__grid-color1) 25%, transparent 25%),
-      linear-gradient(-45deg, var(--__grid-color1) 25%, transparent 25%),
-      linear-gradient(45deg, transparent 75%, var(--__grid-color1) 75%),
-      linear-gradient(-45deg, transparent 75%, var(--__grid-color1) 75%);
-    background-size: 20px 20px;
-    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
-    border-radius: var(--roundness);
-
-    &.disabled {
-      background-color: var(--__grid-color2-disabled);
-      background-image:
-        linear-gradient(45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
-        linear-gradient(-45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
-        linear-gradient(45deg, transparent 75%, var(--__grid-color1-disabled) 75%),
-        linear-gradient(-45deg, transparent 75%, var(--__grid-color1-disabled) 75%);
-    }
-
-    .preview-block {
-      background: var(--background, var(--bg));
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      min-width: 33%;
-      min-height: 33%;
-      max-width: 80%;
-      max-height: 80%;
-      border-width: 0;
-      border-style: solid;
-      border-color: var(--border);
-      border-radius: var(--roundness);
-      box-shadow: var(--shadow);
-    }
-  }
-}
-</style>
+<script src="./component_preview.js" />
+<style src="./component_preview.scss" lang="scss" />
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 996f3a20c..9067ac300 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -410,7 +410,7 @@ const AppearanceTab = {
         this.compilationCache[key] = theme3
       }
 
-      const styleEl = document.getElementById('theme-holder')
+      const styleEl = document.getElementById('theme-preview-holder')
       const styleSheet = styleEl.sheet
       styleSheet.insertRule([
         '#theme-preview-',
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 82c63f503..184fd0d62 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -729,7 +729,7 @@ export default {
     // Apart from "hover" we can't really show how component looks like in
     // certain states, so we have to fake them.
     const simulatePseudoSelectors = (css, prefix) => css
-      .replace(prefix, '.component-preview .preview-block')
+      .replace(prefix, '.preview-block')
       .replace(':active', '.preview-active')
       .replace(':hover', '.preview-hover')
       .replace(':active', '.preview-active')
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index 5084b757c..fc1f4437b 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -155,12 +155,6 @@
           </ul>
         </div>
         <div class="preview-container">
-          <!-- eslint-disable vue/no-v-html vue/no-v-text-v-html-on-component -->
-          <component
-            :is="'style'"
-            v-html="previewCss"
-          />
-          <!-- eslint-enable vue/no-v-html vue/no-v-text-v-html-on-component -->
           <ComponentPreview
             class="component-preview"
             :show-text="componentHas('Text')"

From 567bccb9faa8060864cb4386a7fe9488b532a804 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 02:26:17 +0300
Subject: [PATCH 022/424] i spent too much time on this

---
 index.html                                    | 14 +++----
 public/static/empty.css                       |  1 -
 .../component_preview/component_preview.js    |  4 +-
 .../tabs/style_tab/style_tab.js               | 42 ++++++++++++-------
 .../tabs/style_tab/style_tab.vue              |  8 ----
 5 files changed, 37 insertions(+), 32 deletions(-)
 delete mode 100644 public/static/empty.css

diff --git a/index.html b/index.html
index e27aa6850..1423b00f0 100644
--- a/index.html
+++ b/index.html
@@ -11,13 +11,13 @@
     <link rel="preload" href="/static/pleromatan_apology_fox_small.webp" as="image" />
     <!-- putting styles here to avoid having to wait for styles to load up -->
     <link rel="stylesheet" id="splashscreen" href="/static/splash.css" />
-    <link rel="stylesheet" id="pleroma-eager-styles" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="pleroma-lazy-styles" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="theme-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="theme-preview-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="component-style-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="editor-preview-style-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="old-editor-preview-style-holder" type="text/css" href="/static/empty.css" />
+    <style id="pleroma-eager-styles"></style>
+    <style id="pleroma-lazy-styles"></style>
+    <style id="theme-holder"></style>
+    <style id="theme-preview-holder"></style>
+    <style id="component-style-holder"></style>
+    <style id="editor-overall-preview-holder"></style>
+    <style id="old-editor-preview-style-holder"></style>
     <!--server-generated-meta-->
   </head>
   <body>
diff --git a/public/static/empty.css b/public/static/empty.css
deleted file mode 100644
index 3dfa88151..000000000
--- a/public/static/empty.css
+++ /dev/null
@@ -1 +0,0 @@
-// nothing here //
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index 455fc1e8a..ae80ad947 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -51,8 +51,8 @@ export default {
       const styleEl = document.getElementById('component-style-holder')
       const styleSheet = styleEl.sheet
 
-      for (let i = styleEl.sheet.cssRules.length - 1; i >= 0; --i) {
-        styleEl.sheet.deleteRule(i)
+      for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) {
+        styleSheet.deleteRule(i)
       }
 
       const result = []
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 184fd0d62..5268ad4e7 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -20,10 +20,7 @@ import Preview from '../theme_tab/theme_preview.vue'
 import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
 import { init, findColor } from 'src/services/theme_data/theme_data_3.service.js'
-import {
-  getCssRules,
-  getScopedVersion
-} from 'src/services/theme_data/css_utils.js'
+import { getCssRules } from 'src/services/theme_data/css_utils.js'
 import { serialize } from 'src/services/theme_data/iss_serializer.js'
 import { deserializeShadow, deserialize } from 'src/services/theme_data/iss_deserializer.js'
 import {
@@ -688,21 +685,38 @@ export default {
     const overallPreviewRules = ref([])
     exports.overallPreviewRules = overallPreviewRules
 
-    const overallPreviewCssRules = ref([])
-    watchEffect(throttle(() => {
+    watch([overallPreviewRules], () => {
+      let css = null
       try {
-        overallPreviewCssRules.value = getScopedVersion(
-          getCssRules(overallPreviewRules.value),
-          '#edited-style-preview'
-        ).join('\n')
+        css = getCssRules(overallPreviewRules.value).map(r => r.replace('html', '&'))
       } catch (e) {
         console.error(e)
+        return
       }
-    }, 500))
 
-    exports.overallPreviewCssRules = overallPreviewCssRules
+      const styleEl = document.getElementById('editor-overall-preview-holder')
+      const styleSheet = styleEl.sheet
 
-    const updateOverallPreview = throttle(() => {
+      console.log(styleSheet)
+      console.log('BEFORE', styleSheet.cssRules)
+      for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) {
+        styleSheet.deleteRule(i)
+      }
+
+      styleSheet.insertRule([
+        '#edited-style-preview {\n',
+        css.join('\n'),
+        '\n}'
+      ].join(''), 'index-max')
+      styleSheet.insertRule([
+        '#edited-style-preview {\n',
+        css.join('\n'),
+        '\n}'
+      ].join(''), 'index-max')
+      console.log('AFTER', styleSheet.cssRules)
+    })
+
+    const updateOverallPreview = () => {
       try {
         overallPreviewRules.value = init({
           inputRuleset: [
@@ -724,7 +738,7 @@ export default {
         console.error('Could not compile preview theme', e)
         return null
       }
-    }, 5000)
+    }
     //
     // Apart from "hover" we can't really show how component looks like in
     // certain states, so we have to fake them.
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index fc1f4437b..a386822ee 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -6,14 +6,6 @@
     <div class="setting-item heading">
       <h2> {{ $t('settings.style.themes3.editor.title') }} </h2>
       <div class="meta-preview">
-        <!-- eslint-disable vue/no-v-text-v-html-on-component -->
-        <!-- eslint-disable vue/no-v-html -->
-        <component
-          :is="'style'"
-          v-html="overallPreviewCssRules"
-        />
-        <!-- eslint-enable vue/no-v-html -->
-        <!-- eslint-enable vue/no-v-text-v-html-on-component -->
         <Preview id="edited-style-preview" />
         <teleport
           v-if="isActive"

From 1e26b9188c9e620c71c67308f7ce050bb25102af Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 10:42:44 +0300
Subject: [PATCH 023/424] undo link->style

---
 index.html                                         | 14 +++++++-------
 .../settings_modal/tabs/style_tab/style_tab.js     |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 1423b00f0..7f698b258 100644
--- a/index.html
+++ b/index.html
@@ -11,13 +11,13 @@
     <link rel="preload" href="/static/pleromatan_apology_fox_small.webp" as="image" />
     <!-- putting styles here to avoid having to wait for styles to load up -->
     <link rel="stylesheet" id="splashscreen" href="/static/splash.css" />
-    <style id="pleroma-eager-styles"></style>
-    <style id="pleroma-lazy-styles"></style>
-    <style id="theme-holder"></style>
-    <style id="theme-preview-holder"></style>
-    <style id="component-style-holder"></style>
-    <style id="editor-overall-preview-holder"></style>
-    <style id="old-editor-preview-style-holder"></style>
+    <link rel="stylesheet" id="pleroma-eager-styles" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="pleroma-lazy-styles" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="theme-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="theme-preview-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="component-style-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="editor-overall-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="old-editor-overall-holder" type="text/css" href="/static/empty.css" />
     <!--server-generated-meta-->
   </head>
   <body>
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 5268ad4e7..b318d35dd 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -694,7 +694,7 @@ export default {
         return
       }
 
-      const styleEl = document.getElementById('editor-overall-preview-holder')
+      const styleEl = document.getElementById('editor-overall-holder')
       const styleSheet = styleEl.sheet
 
       console.log(styleSheet)

From 5a65e1d895277e623c22bf90f856862480ba6b44 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 16:58:08 +0300
Subject: [PATCH 024/424] small fix

---
 src/components/settings_modal/tabs/style_tab/style_tab.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index b318d35dd..fcbab2c47 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -667,7 +667,7 @@ export default {
     })
 
     exports.clearStyle = () => {
-      onImport(interfaceStore().styleDataUsed)
+      onImport(interfaceStore.styleDataUsed)
     }
 
     exports.exportStyle = () => {

From 8cfae10f3778b3147c6619662271d6b69f8c12f1 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 16:18:07 +0300
Subject: [PATCH 025/424] update component preview on render

---
 src/components/component_preview/component_preview.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index ae80ad947..d87e0f9ea 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -27,6 +27,9 @@ export default {
       randomSeed: genRandomSeed()
     }
   },
+  mounted () {
+    this.update()
+  },
   computed: {
     hideControls () {
       return typeof this.shadow === 'string'

From 0d32a7ddacf00e325051ea61fcedd7875d4ba7f6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 00:36:37 +0300
Subject: [PATCH 026/424] fix component preview styles

---
 index.html                                    |   4 +
 .../component_preview/component_preview.js    |  80 +++++++
 .../component_preview/component_preview.scss  | 151 +++++++++++++
 .../component_preview/component_preview.vue   | 210 +-----------------
 .../settings_modal/tabs/appearance_tab.js     |   2 +-
 .../tabs/style_tab/style_tab.js               |   2 +-
 .../tabs/style_tab/style_tab.vue              |   6 -
 7 files changed, 240 insertions(+), 215 deletions(-)
 create mode 100644 src/components/component_preview/component_preview.js
 create mode 100644 src/components/component_preview/component_preview.scss

diff --git a/index.html b/index.html
index 96c20c4b7..e27aa6850 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,10 @@
     <link rel="stylesheet" id="pleroma-eager-styles" type="text/css" href="/static/empty.css" />
     <link rel="stylesheet" id="pleroma-lazy-styles" type="text/css" href="/static/empty.css" />
     <link rel="stylesheet" id="theme-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="theme-preview-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="component-style-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="editor-preview-style-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="old-editor-preview-style-holder" type="text/css" href="/static/empty.css" />
     <!--server-generated-meta-->
   </head>
   <body>
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
new file mode 100644
index 000000000..455fc1e8a
--- /dev/null
+++ b/src/components/component_preview/component_preview.js
@@ -0,0 +1,80 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+
+import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
+
+export default {
+  components: {
+    Checkbox,
+    ColorInput
+  },
+  props: [
+    'shadow',
+    'shadowControl',
+    'previewClass',
+    'previewStyle',
+    'previewCss',
+    'disabled',
+    'invalid',
+    'noColorControl'
+  ],
+  emits: ['update:shadow'],
+  data () {
+    return {
+      colorOverride: undefined,
+      lightGrid: false,
+      zoom: 100,
+      randomSeed: genRandomSeed()
+    }
+  },
+  computed: {
+    hideControls () {
+      return typeof this.shadow === 'string'
+    }
+  },
+  watch: {
+    previewCss () {
+      this.update()
+    },
+    previewStyle () {
+      this.update()
+    },
+    zoom () {
+      this.update()
+    }
+  },
+  methods: {
+    updateProperty (axis, value) {
+      this.$emit('update:shadow', { axis, value: Number(value) })
+    },
+    update () {
+      const styleEl = document.getElementById('component-style-holder')
+      const styleSheet = styleEl.sheet
+
+      for (let i = styleEl.sheet.cssRules.length - 1; i >= 0; --i) {
+        styleEl.sheet.deleteRule(i)
+      }
+
+      const result = []
+
+      if (this.colorOverride) result.push(`--background: ${this.colorOverride}`)
+
+      const styleRule = [
+        '#component-preview-', this.randomSeed, ' {\n',
+        '.preview-block {\n',
+        `zoom: ${this.zoom / 100};`,
+        this.previewStyle,
+        '\n}',
+        '\n}'
+      ].join('')
+
+      styleSheet.insertRule(styleRule)
+      styleSheet.insertRule([
+        '#component-preview-', this.randomSeed, ' {\n',
+        this.previewCss,
+        ...result,
+        '\n}'
+      ].join(''), 'index-max')
+    }
+  }
+}
diff --git a/src/components/component_preview/component_preview.scss b/src/components/component_preview/component_preview.scss
new file mode 100644
index 000000000..bb83b7908
--- /dev/null
+++ b/src/components/component_preview/component_preview.scss
@@ -0,0 +1,151 @@
+.ComponentPreview {
+  display: grid;
+  grid-template-columns: 1em 1fr 1fr 1em;
+  grid-template-rows: 2em 1fr 1fr 1fr 1em 2em max-content;
+  grid-template-areas:
+    "header     header     header     header "
+    "preview    preview    preview    y-slide"
+    "preview    preview    preview    y-slide"
+    "preview    preview    preview    y-slide"
+    "x-slide    x-slide    x-slide    .      "
+    "x-num      x-num      y-num      y-num  "
+    "assists    assists    assists    assists";
+  grid-gap: 0.5em;
+
+  &:not(.-shadow-controls) {
+    grid-template-areas:
+      "header     header     header     header "
+      "preview    preview    preview    y-slide"
+      "preview    preview    preview    y-slide"
+      "preview    preview    preview    y-slide"
+      "assists    assists    assists    assists";
+    grid-template-rows: 2em 1fr 1fr 1fr max-content;
+  }
+
+  .header {
+    grid-area: header;
+    place-self: baseline center;
+    line-height: 2;
+  }
+
+  .invalid-container {
+    position: absolute;
+    inset: 0;
+    display: grid;
+    place-items: center center;
+    background-color: rgb(100 0 0 / 50%);
+
+    .alert {
+      padding: 0.5em 1em;
+    }
+  }
+
+  .assists {
+    grid-area: assists;
+    display: grid;
+    grid-auto-flow: row;
+    grid-auto-rows: 2em;
+    grid-gap: 0.5em;
+  }
+
+  .input-light-grid {
+    justify-self: center;
+  }
+
+  .input-number {
+    min-width: 2em;
+  }
+
+  .x-shift-number {
+    grid-area: x-num;
+    justify-self: right;
+  }
+
+  .y-shift-number {
+    grid-area: y-num;
+    justify-self: left;
+  }
+
+  .x-shift-number,
+  .y-shift-number {
+    input {
+      max-width: 4em;
+    }
+  }
+
+  .x-shift-slider {
+    grid-area: x-slide;
+    height: auto;
+    align-self: start;
+    min-width: 10em;
+  }
+
+  .y-shift-slider {
+    grid-area: y-slide;
+    writing-mode: vertical-lr;
+    justify-self: left;
+    min-height: 10em;
+  }
+
+  .x-shift-slider,
+  .y-shift-slider {
+    padding: 0;
+  }
+
+  .preview-window {
+    --__grid-color1: rgb(102 102 102);
+    --__grid-color2: rgb(153 153 153);
+    --__grid-color1-disabled: rgb(102 102 102 / 20%);
+    --__grid-color2-disabled: rgb(153 153 153 / 20%);
+
+    &.-light-grid {
+      --__grid-color1: rgb(205 205 205);
+      --__grid-color2: rgb(255 255 255);
+      --__grid-color1-disabled: rgb(205 205 205 / 20%);
+      --__grid-color2-disabled: rgb(255 255 255 / 20%);
+    }
+
+    position: relative;
+    grid-area: preview;
+    aspect-ratio: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 10em;
+    min-height: 10em;
+    background-color: var(--__grid-color2);
+    background-image:
+      linear-gradient(45deg, var(--__grid-color1) 25%, transparent 25%),
+      linear-gradient(-45deg, var(--__grid-color1) 25%, transparent 25%),
+      linear-gradient(45deg, transparent 75%, var(--__grid-color1) 75%),
+      linear-gradient(-45deg, transparent 75%, var(--__grid-color1) 75%);
+    background-size: 20px 20px;
+    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
+    border-radius: var(--roundness);
+
+    &.disabled {
+      background-color: var(--__grid-color2-disabled);
+      background-image:
+        linear-gradient(45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
+        linear-gradient(-45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
+        linear-gradient(45deg, transparent 75%, var(--__grid-color1-disabled) 75%),
+        linear-gradient(-45deg, transparent 75%, var(--__grid-color1-disabled) 75%);
+    }
+
+    .preview-block {
+      background: var(--background, var(--bg));
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-width: 33%;
+      min-height: 33%;
+      max-width: 80%;
+      max-height: 80%;
+      border-width: 0;
+      border-style: solid;
+      border-color: var(--border);
+      border-radius: var(--roundness);
+      box-shadow: var(--shadow);
+    }
+  }
+}
diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index be9d25ac5..7e226e59a 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -2,13 +2,8 @@
   <div
     class="ComponentPreview"
     :class="{ '-shadow-controls': shadowControl }"
+    :id="'component-preview-' + randomSeed"
   >
-    <!-- eslint-disable vue/no-v-html vue/no-v-text-v-html-on-component -->
-    <component
-      :is="'style'"
-      v-html="previewCss"
-    />
-    <!-- eslint-enable vue/no-v-html vue/no-v-text-v-html-on-component -->
     <label
       v-show="shadowControl"
       role="heading"
@@ -74,7 +69,6 @@
       <div
         class="preview-block"
         :class="previewClass"
-        :style="style"
       >
         {{ $t('settings.style.themes3.editor.test_string') }}
       </div>
@@ -116,203 +110,5 @@
   </div>
 </template>
 
-<script>
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
-
-export default {
-  components: {
-    Checkbox,
-    ColorInput
-  },
-  props: [
-    'shadow',
-    'shadowControl',
-    'previewClass',
-    'previewStyle',
-    'previewCss',
-    'disabled',
-    'invalid',
-    'noColorControl'
-  ],
-  emits: ['update:shadow'],
-  data () {
-    return {
-      colorOverride: undefined,
-      lightGrid: false,
-      zoom: 100
-    }
-  },
-  computed: {
-    style () {
-      const result = [
-        this.previewStyle,
-        `zoom: ${this.zoom / 100}`
-      ]
-      if (this.colorOverride) result.push(`--background: ${this.colorOverride}`)
-      return result
-    },
-    hideControls () {
-      return typeof this.shadow === 'string'
-    }
-  },
-  methods: {
-    updateProperty (axis, value) {
-      this.$emit('update:shadow', { axis, value: Number(value) })
-    }
-  }
-}
-</script>
-<style lang="scss">
-.ComponentPreview {
-  display: grid;
-  grid-template-columns: 1em 1fr 1fr 1em;
-  grid-template-rows: 2em 1fr 1fr 1fr 1em 2em max-content;
-  grid-template-areas:
-    "header     header     header     header "
-    "preview    preview    preview    y-slide"
-    "preview    preview    preview    y-slide"
-    "preview    preview    preview    y-slide"
-    "x-slide    x-slide    x-slide    .      "
-    "x-num      x-num      y-num      y-num  "
-    "assists    assists    assists    assists";
-  grid-gap: 0.5em;
-
-  &:not(.-shadow-controls) {
-    grid-template-areas:
-      "header     header     header     header "
-      "preview    preview    preview    y-slide"
-      "preview    preview    preview    y-slide"
-      "preview    preview    preview    y-slide"
-      "assists    assists    assists    assists";
-    grid-template-rows: 2em 1fr 1fr 1fr max-content;
-  }
-
-  .header {
-    grid-area: header;
-    place-self: baseline center;
-    line-height: 2;
-  }
-
-  .invalid-container {
-    position: absolute;
-    inset: 0;
-    display: grid;
-    place-items: center center;
-    background-color: rgb(100 0 0 / 50%);
-
-    .alert {
-      padding: 0.5em 1em;
-    }
-  }
-
-  .assists {
-    grid-area: assists;
-    display: grid;
-    grid-auto-flow: row;
-    grid-auto-rows: 2em;
-    grid-gap: 0.5em;
-  }
-
-  .input-light-grid {
-    justify-self: center;
-  }
-
-  .input-number {
-    min-width: 2em;
-  }
-
-  .x-shift-number {
-    grid-area: x-num;
-    justify-self: right;
-  }
-
-  .y-shift-number {
-    grid-area: y-num;
-    justify-self: left;
-  }
-
-  .x-shift-number,
-  .y-shift-number {
-    input {
-      max-width: 4em;
-    }
-  }
-
-  .x-shift-slider {
-    grid-area: x-slide;
-    height: auto;
-    align-self: start;
-    min-width: 10em;
-  }
-
-  .y-shift-slider {
-    grid-area: y-slide;
-    writing-mode: vertical-lr;
-    justify-self: left;
-    min-height: 10em;
-  }
-
-  .x-shift-slider,
-  .y-shift-slider {
-    padding: 0;
-  }
-
-  .preview-window {
-    --__grid-color1: rgb(102 102 102);
-    --__grid-color2: rgb(153 153 153);
-    --__grid-color1-disabled: rgb(102 102 102 / 20%);
-    --__grid-color2-disabled: rgb(153 153 153 / 20%);
-
-    &.-light-grid {
-      --__grid-color1: rgb(205 205 205);
-      --__grid-color2: rgb(255 255 255);
-      --__grid-color1-disabled: rgb(205 205 205 / 20%);
-      --__grid-color2-disabled: rgb(255 255 255 / 20%);
-    }
-
-    position: relative;
-    grid-area: preview;
-    aspect-ratio: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-width: 10em;
-    min-height: 10em;
-    background-color: var(--__grid-color2);
-    background-image:
-      linear-gradient(45deg, var(--__grid-color1) 25%, transparent 25%),
-      linear-gradient(-45deg, var(--__grid-color1) 25%, transparent 25%),
-      linear-gradient(45deg, transparent 75%, var(--__grid-color1) 75%),
-      linear-gradient(-45deg, transparent 75%, var(--__grid-color1) 75%);
-    background-size: 20px 20px;
-    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
-    border-radius: var(--roundness);
-
-    &.disabled {
-      background-color: var(--__grid-color2-disabled);
-      background-image:
-        linear-gradient(45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
-        linear-gradient(-45deg, var(--__grid-color1-disabled) 25%, transparent 25%),
-        linear-gradient(45deg, transparent 75%, var(--__grid-color1-disabled) 75%),
-        linear-gradient(-45deg, transparent 75%, var(--__grid-color1-disabled) 75%);
-    }
-
-    .preview-block {
-      background: var(--background, var(--bg));
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      min-width: 33%;
-      min-height: 33%;
-      max-width: 80%;
-      max-height: 80%;
-      border-width: 0;
-      border-style: solid;
-      border-color: var(--border);
-      border-radius: var(--roundness);
-      box-shadow: var(--shadow);
-    }
-  }
-}
-</style>
+<script src="./component_preview.js" />
+<style src="./component_preview.scss" lang="scss" />
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 996f3a20c..9067ac300 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -410,7 +410,7 @@ const AppearanceTab = {
         this.compilationCache[key] = theme3
       }
 
-      const styleEl = document.getElementById('theme-holder')
+      const styleEl = document.getElementById('theme-preview-holder')
       const styleSheet = styleEl.sheet
       styleSheet.insertRule([
         '#theme-preview-',
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 82c63f503..184fd0d62 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -729,7 +729,7 @@ export default {
     // Apart from "hover" we can't really show how component looks like in
     // certain states, so we have to fake them.
     const simulatePseudoSelectors = (css, prefix) => css
-      .replace(prefix, '.component-preview .preview-block')
+      .replace(prefix, '.preview-block')
       .replace(':active', '.preview-active')
       .replace(':hover', '.preview-hover')
       .replace(':active', '.preview-active')
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index 5084b757c..fc1f4437b 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -155,12 +155,6 @@
           </ul>
         </div>
         <div class="preview-container">
-          <!-- eslint-disable vue/no-v-html vue/no-v-text-v-html-on-component -->
-          <component
-            :is="'style'"
-            v-html="previewCss"
-          />
-          <!-- eslint-enable vue/no-v-html vue/no-v-text-v-html-on-component -->
           <ComponentPreview
             class="component-preview"
             :show-text="componentHas('Text')"

From 3822aaf137e936105954d14656a445ef2a495e43 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 02:26:17 +0300
Subject: [PATCH 027/424] i spent too much time on this

---
 index.html                                    | 14 +++----
 public/static/empty.css                       |  1 -
 .../component_preview/component_preview.js    |  4 +-
 .../tabs/style_tab/style_tab.js               | 42 ++++++++++++-------
 .../tabs/style_tab/style_tab.vue              |  8 ----
 5 files changed, 37 insertions(+), 32 deletions(-)
 delete mode 100644 public/static/empty.css

diff --git a/index.html b/index.html
index e27aa6850..1423b00f0 100644
--- a/index.html
+++ b/index.html
@@ -11,13 +11,13 @@
     <link rel="preload" href="/static/pleromatan_apology_fox_small.webp" as="image" />
     <!-- putting styles here to avoid having to wait for styles to load up -->
     <link rel="stylesheet" id="splashscreen" href="/static/splash.css" />
-    <link rel="stylesheet" id="pleroma-eager-styles" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="pleroma-lazy-styles" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="theme-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="theme-preview-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="component-style-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="editor-preview-style-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="old-editor-preview-style-holder" type="text/css" href="/static/empty.css" />
+    <style id="pleroma-eager-styles"></style>
+    <style id="pleroma-lazy-styles"></style>
+    <style id="theme-holder"></style>
+    <style id="theme-preview-holder"></style>
+    <style id="component-style-holder"></style>
+    <style id="editor-overall-preview-holder"></style>
+    <style id="old-editor-preview-style-holder"></style>
     <!--server-generated-meta-->
   </head>
   <body>
diff --git a/public/static/empty.css b/public/static/empty.css
deleted file mode 100644
index 3dfa88151..000000000
--- a/public/static/empty.css
+++ /dev/null
@@ -1 +0,0 @@
-// nothing here //
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index 455fc1e8a..ae80ad947 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -51,8 +51,8 @@ export default {
       const styleEl = document.getElementById('component-style-holder')
       const styleSheet = styleEl.sheet
 
-      for (let i = styleEl.sheet.cssRules.length - 1; i >= 0; --i) {
-        styleEl.sheet.deleteRule(i)
+      for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) {
+        styleSheet.deleteRule(i)
       }
 
       const result = []
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 184fd0d62..5268ad4e7 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -20,10 +20,7 @@ import Preview from '../theme_tab/theme_preview.vue'
 import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
 import { init, findColor } from 'src/services/theme_data/theme_data_3.service.js'
-import {
-  getCssRules,
-  getScopedVersion
-} from 'src/services/theme_data/css_utils.js'
+import { getCssRules } from 'src/services/theme_data/css_utils.js'
 import { serialize } from 'src/services/theme_data/iss_serializer.js'
 import { deserializeShadow, deserialize } from 'src/services/theme_data/iss_deserializer.js'
 import {
@@ -688,21 +685,38 @@ export default {
     const overallPreviewRules = ref([])
     exports.overallPreviewRules = overallPreviewRules
 
-    const overallPreviewCssRules = ref([])
-    watchEffect(throttle(() => {
+    watch([overallPreviewRules], () => {
+      let css = null
       try {
-        overallPreviewCssRules.value = getScopedVersion(
-          getCssRules(overallPreviewRules.value),
-          '#edited-style-preview'
-        ).join('\n')
+        css = getCssRules(overallPreviewRules.value).map(r => r.replace('html', '&'))
       } catch (e) {
         console.error(e)
+        return
       }
-    }, 500))
 
-    exports.overallPreviewCssRules = overallPreviewCssRules
+      const styleEl = document.getElementById('editor-overall-preview-holder')
+      const styleSheet = styleEl.sheet
 
-    const updateOverallPreview = throttle(() => {
+      console.log(styleSheet)
+      console.log('BEFORE', styleSheet.cssRules)
+      for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) {
+        styleSheet.deleteRule(i)
+      }
+
+      styleSheet.insertRule([
+        '#edited-style-preview {\n',
+        css.join('\n'),
+        '\n}'
+      ].join(''), 'index-max')
+      styleSheet.insertRule([
+        '#edited-style-preview {\n',
+        css.join('\n'),
+        '\n}'
+      ].join(''), 'index-max')
+      console.log('AFTER', styleSheet.cssRules)
+    })
+
+    const updateOverallPreview = () => {
       try {
         overallPreviewRules.value = init({
           inputRuleset: [
@@ -724,7 +738,7 @@ export default {
         console.error('Could not compile preview theme', e)
         return null
       }
-    }, 5000)
+    }
     //
     // Apart from "hover" we can't really show how component looks like in
     // certain states, so we have to fake them.
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index fc1f4437b..a386822ee 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -6,14 +6,6 @@
     <div class="setting-item heading">
       <h2> {{ $t('settings.style.themes3.editor.title') }} </h2>
       <div class="meta-preview">
-        <!-- eslint-disable vue/no-v-text-v-html-on-component -->
-        <!-- eslint-disable vue/no-v-html -->
-        <component
-          :is="'style'"
-          v-html="overallPreviewCssRules"
-        />
-        <!-- eslint-enable vue/no-v-html -->
-        <!-- eslint-enable vue/no-v-text-v-html-on-component -->
         <Preview id="edited-style-preview" />
         <teleport
           v-if="isActive"

From 82d67a634e61c941b24018f34e933bd455ae0ca0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 10:42:44 +0300
Subject: [PATCH 028/424] undo link->style

---
 index.html                                         | 14 +++++++-------
 .../settings_modal/tabs/style_tab/style_tab.js     |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 1423b00f0..7f698b258 100644
--- a/index.html
+++ b/index.html
@@ -11,13 +11,13 @@
     <link rel="preload" href="/static/pleromatan_apology_fox_small.webp" as="image" />
     <!-- putting styles here to avoid having to wait for styles to load up -->
     <link rel="stylesheet" id="splashscreen" href="/static/splash.css" />
-    <style id="pleroma-eager-styles"></style>
-    <style id="pleroma-lazy-styles"></style>
-    <style id="theme-holder"></style>
-    <style id="theme-preview-holder"></style>
-    <style id="component-style-holder"></style>
-    <style id="editor-overall-preview-holder"></style>
-    <style id="old-editor-preview-style-holder"></style>
+    <link rel="stylesheet" id="pleroma-eager-styles" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="pleroma-lazy-styles" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="theme-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="theme-preview-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="component-style-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="editor-overall-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="old-editor-overall-holder" type="text/css" href="/static/empty.css" />
     <!--server-generated-meta-->
   </head>
   <body>
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 5268ad4e7..b318d35dd 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -694,7 +694,7 @@ export default {
         return
       }
 
-      const styleEl = document.getElementById('editor-overall-preview-holder')
+      const styleEl = document.getElementById('editor-overall-holder')
       const styleSheet = styleEl.sheet
 
       console.log(styleSheet)

From bc96d16e112512d19716baec7408285f9c74a52a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 16:58:08 +0300
Subject: [PATCH 029/424] small fix

---
 src/components/settings_modal/tabs/style_tab/style_tab.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index b318d35dd..fcbab2c47 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -667,7 +667,7 @@ export default {
     })
 
     exports.clearStyle = () => {
-      onImport(interfaceStore().styleDataUsed)
+      onImport(interfaceStore.styleDataUsed)
     }
 
     exports.exportStyle = () => {

From 5a6a77bd754ea7dff5707f7af99e1076e826ac20 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 16:18:07 +0300
Subject: [PATCH 030/424] update component preview on render

---
 src/components/component_preview/component_preview.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index ae80ad947..d87e0f9ea 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -27,6 +27,9 @@ export default {
       randomSeed: genRandomSeed()
     }
   },
+  mounted () {
+    this.update()
+  },
   computed: {
     hideControls () {
       return typeof this.shadow === 'string'

From dc531d4ef31e75a1c768750563f04b2e700917f3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 19:39:25 +0300
Subject: [PATCH 031/424] streamline custom styles additions

---
 index.html                                |   8 +-
 src/services/style_setter/style_setter.js | 113 ++++++++++------------
 2 files changed, 53 insertions(+), 68 deletions(-)

diff --git a/index.html b/index.html
index 7f698b258..fb92252c5 100644
--- a/index.html
+++ b/index.html
@@ -11,13 +11,7 @@
     <link rel="preload" href="/static/pleromatan_apology_fox_small.webp" as="image" />
     <!-- putting styles here to avoid having to wait for styles to load up -->
     <link rel="stylesheet" id="splashscreen" href="/static/splash.css" />
-    <link rel="stylesheet" id="pleroma-eager-styles" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="pleroma-lazy-styles" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="theme-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="theme-preview-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="component-style-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="editor-overall-holder" type="text/css" href="/static/empty.css" />
-    <link rel="stylesheet" id="old-editor-overall-holder" type="text/css" href="/static/empty.css" />
+    <link rel="stylesheet" id="custom-styles-holder" type="text/css" href="/static/empty.css" />
     <!--server-generated-meta-->
   </head>
   <body>
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 3d85db3aa..5b696185a 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -8,34 +8,45 @@ import localforage from 'localforage'
 // Otherwise it will return an array
 const supportsAdoptedStyleSheets = !!document.adoptedStyleSheets
 
+const stylesheets = {}
+
 const createStyleSheet = (id) => {
-  if (supportsAdoptedStyleSheets) {
-    return {
-      el: null,
-      sheet: new CSSStyleSheet(),
-      rules: []
+  const newStyleSheet = {
+    rules: [],
+    ready: false,
+    addRule (rule) {
+      this.rules.push(
+        rule
+          .replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
+          .replace(/var\(--shadowFilter\)[^;]*;/g, '') // Remove shadowFilter references
+      )
     }
   }
 
-  const el = document.getElementById(id)
-  // Clear all rules in it
-  for (let i = el.sheet.cssRules.length - 1; i >= 0; --i) {
-    el.sheet.deleteRule(i)
-  }
-
-  return {
-    el,
-    sheet: el.sheet,
-    rules: []
-  }
+  stylesheets[id] = newStyleSheet
+  return newStyleSheet
 }
 
-const EAGER_STYLE_ID = 'pleroma-eager-styles'
-const LAZY_STYLE_ID = 'pleroma-lazy-styles'
 
-const adoptStyleSheets = (styles) => {
+export const adoptStyleSheets = () => {
   if (supportsAdoptedStyleSheets) {
-    document.adoptedStyleSheets = styles.map(s => s.sheet)
+    document.adoptedStyleSheets = Object
+      .values(stylesheets)
+      .filter(x => x.ready)
+      .map(x => {
+        const css = new CSSStyleSheet()
+        x.rules.forEach(r => css.insertRule(r, css.cssRules.length))
+        return css
+      })
+  } else {
+    const holder = document.getElementById('custom-styles-holder')
+
+    Object
+      .values(stylesheets)
+      .forEach(sheet => {
+        sheet.rules.forEach(r => holder.sheet.insertRule(r))
+      })
+
   }
   // Some older browsers do not support document.adoptedStyleSheets.
   // In this case, we use the <style> elements.
@@ -43,6 +54,10 @@ const adoptStyleSheets = (styles) => {
   // is nothing to do here.
 }
 
+
+const EAGER_STYLE_ID = 'pleroma-eager-styles'
+const LAZY_STYLE_ID = 'pleroma-lazy-styles'
+
 export const generateTheme = (inputRuleset, callbacks, debug) => {
   const {
     onNewRule = () => {},
@@ -97,10 +112,13 @@ export const tryLoadCache = async () => {
       const eagerStyles = createStyleSheet(EAGER_STYLE_ID)
       const lazyStyles = createStyleSheet(LAZY_STYLE_ID)
 
-      cache.data[0].forEach(rule => eagerStyles.sheet.insertRule(rule, 'index-max'))
-      cache.data[1].forEach(rule => lazyStyles.sheet.insertRule(rule, 'index-max'))
+      cache.data[0].forEach(rule => eagerStyles.addRule(rule, 'index-max'))
+      cache.data[1].forEach(rule => lazyStyles.addRule(rule, 'index-max'))
 
-      adoptStyleSheets([eagerStyles, lazyStyles])
+      eagerStyles.ready = true
+      lazyStyles.ready = true
+
+      adoptStyleSheets()
 
       console.info(`Loaded theme from cache`)
       return true
@@ -123,54 +141,26 @@ export const applyTheme = (
   const eagerStyles = createStyleSheet(EAGER_STYLE_ID)
   const lazyStyles = createStyleSheet(LAZY_STYLE_ID)
 
-  const insertRule = (styles, rule) => {
-    try {
-      // Try to use modern syntax first
-      try {
-        styles.sheet.insertRule(rule, 'index-max')
-        styles.rules.push(rule)
-      } catch {
-        // Fallback for older browsers that don't support 'index-max'
-        styles.sheet.insertRule(rule, styles.sheet.cssRules.length)
-        styles.rules.push(rule)
-      }
-    } catch (e) {
-      console.warn('Can\'t insert rule due to lack of support', e, rule)
-
-      // Try to sanitize the rule for better compatibility
-      try {
-        // Remove any potentially problematic CSS features
-        let sanitizedRule = rule
-          .replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
-          .replace(/var\(--shadowFilter\)[^;]*;/g, '') // Remove shadowFilter references
-
-        if (sanitizedRule !== rule) {
-          styles.sheet.insertRule(sanitizedRule, styles.sheet.cssRules.length)
-          styles.rules.push(sanitizedRule)
-        }
-      } catch (e2) {
-        console.error('Failed to insert even sanitized rule', e2)
-      }
-    }
-  }
 
   const { lazyProcessFunc } = generateTheme(
     input,
     {
       onNewRule (rule, isLazy) {
         if (isLazy) {
-          insertRule(lazyStyles, rule)
+          lazyStyles.addRule(rule)
         } else {
-          insertRule(eagerStyles, rule)
+          eagerStyles.addRule(rule)
         }
       },
       onEagerFinished () {
-        adoptStyleSheets([eagerStyles])
+        eagerStyles.ready = true
+        adoptStyleSheets()
         onEagerFinish()
         console.info('Eager part of theme finished, waiting for lazy part to finish to store cache')
       },
       onLazyFinished () {
-        adoptStyleSheets([eagerStyles, lazyStyles])
+        eagerStyles.ready = true
+        adoptStyleSheets()
         const cache = { engineChecksum: getEngineChecksum(), data: [eagerStyles.rules, lazyStyles.rules] }
         onFinish(cache)
         localforage.setItem('pleromafe-theme-cache', cache)
@@ -239,17 +229,18 @@ export const applyConfig = (input) => {
     .filter(([, v]) => v)
     .map(([k, v]) => `--${k}: ${v}`).join(';')
 
-  const styleEl = document.getElementById('theme-holder')
-  const styleSheet = styleEl.sheet
+  const styleSheet = createStyleSheet('theme-holder')
 
-  styleSheet.insertRule(`:root { ${rules} }`, 'index-max')
+  styleSheet.addRule(`:root { ${rules} }`, 'index-max')
 
   // TODO find a way to make this not apply to theme previews
   if (Object.prototype.hasOwnProperty.call(config, 'forcedRoundness')) {
-    styleSheet.insertRule(` *:not(.preview-block) {
+    styleSheet.addRule(` *:not(.preview-block) {
         --roundness: var(--forcedRoundness) !important;
     }`, 'index-max')
   }
+  styleSheet.ready = true
+  adoptStyleSheets()
 }
 
 export const getResourcesIndex = async (url, parser = JSON.parse) => {

From 3081504c64a48a3378d2793870f328e3dc7d1bc7 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 22:54:45 +0300
Subject: [PATCH 032/424] update tabs to use new API

---
 .../component_preview/component_preview.js    | 21 +++++++-------
 .../settings_modal/tabs/appearance_tab.js     | 12 ++++----
 .../tabs/style_tab/style_tab.js               | 29 +++++++------------
 src/services/style_setter/style_setter.js     | 13 +++++----
 4 files changed, 35 insertions(+), 40 deletions(-)

diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index d87e0f9ea..c0a2aad72 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -2,6 +2,7 @@ import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
 
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
+import { createStyleSheet, adoptStyleSheets } from 'src/services/style_setter/style_setter.js'
 
 export default {
   components: {
@@ -51,15 +52,11 @@ export default {
       this.$emit('update:shadow', { axis, value: Number(value) })
     },
     update () {
-      const styleEl = document.getElementById('component-style-holder')
-      const styleSheet = styleEl.sheet
+      const sheet = createStyleSheet('style-component-preview')
 
-      for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) {
-        styleSheet.deleteRule(i)
-      }
-
-      const result = []
+      sheet.clear()
 
+      const result = [this.previewCss]
       if (this.colorOverride) result.push(`--background: ${this.colorOverride}`)
 
       const styleRule = [
@@ -71,13 +68,15 @@ export default {
         '\n}'
       ].join('')
 
-      styleSheet.insertRule(styleRule)
-      styleSheet.insertRule([
+      sheet.addRule(styleRule)
+      sheet.addRule([
         '#component-preview-', this.randomSeed, ' {\n',
-        this.previewCss,
         ...result,
         '\n}'
-      ].join(''), 'index-max')
+      ].join(''))
+
+      sheet.ready = true
+      adoptStyleSheets()
     }
   }
 }
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 9067ac300..e0f446a0e 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -15,6 +15,7 @@ import {
   getCssRules
 } from 'src/services/theme_data/css_utils.js'
 import { deserialize } from 'src/services/theme_data/iss_deserializer.js'
+import { createStyleSheet, adoptStyleSheets } from 'src/services/style_setter/style_setter.js'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
@@ -410,16 +411,17 @@ const AppearanceTab = {
         this.compilationCache[key] = theme3
       }
 
-      const styleEl = document.getElementById('theme-preview-holder')
-      const styleSheet = styleEl.sheet
-      styleSheet.insertRule([
+
+      const sheet = createStyleSheet('appearance-tab-previews')
+      sheet.addRule([
         '#theme-preview-',
         key,
         ' {\n',
         getCssRules(theme3.eager).join('\n'),
         '\n}'
-      ].join(''), 'index-max')
-
+      ].join(''))
+      sheet.ready = true
+      adoptStyleSheets()
     }
   }
 }
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index fcbab2c47..f92579bb2 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -1,4 +1,4 @@
-import { ref, reactive, computed, watch, watchEffect, provide, getCurrentInstance } from 'vue'
+import { ref, reactive, computed, watch, provide, getCurrentInstance } from 'vue'
 import { useInterfaceStore } from 'src/stores/interface'
 import { get, set, unset, throttle } from 'lodash'
 
@@ -19,6 +19,7 @@ import Preview from '../theme_tab/theme_preview.vue'
 
 import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
+import { createStyleSheet, adoptStyleSheets } from 'src/services/style_setter/style_setter.js'
 import { init, findColor } from 'src/services/theme_data/theme_data_3.service.js'
 import { getCssRules } from 'src/services/theme_data/css_utils.js'
 import { serialize } from 'src/services/theme_data/iss_serializer.js'
@@ -694,29 +695,19 @@ export default {
         return
       }
 
-      const styleEl = document.getElementById('editor-overall-holder')
-      const styleSheet = styleEl.sheet
+      const sheet = createStyleSheet('style-tab-overall-preview')
 
-      console.log(styleSheet)
-      console.log('BEFORE', styleSheet.cssRules)
-      for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) {
-        styleSheet.deleteRule(i)
-      }
-
-      styleSheet.insertRule([
+      sheet.clear()
+      sheet.addRule([
         '#edited-style-preview {\n',
         css.join('\n'),
         '\n}'
-      ].join(''), 'index-max')
-      styleSheet.insertRule([
-        '#edited-style-preview {\n',
-        css.join('\n'),
-        '\n}'
-      ].join(''), 'index-max')
-      console.log('AFTER', styleSheet.cssRules)
+      ].join(''))
+      sheet.ready = true
+      adoptStyleSheets()
     })
 
-    const updateOverallPreview = () => {
+    const updateOverallPreview = throttle(() => {
       try {
         overallPreviewRules.value = init({
           inputRuleset: [
@@ -738,7 +729,7 @@ export default {
         console.error('Could not compile preview theme', e)
         return null
       }
-    }
+    }, 1000)
     //
     // Apart from "hover" we can't really show how component looks like in
     // certain states, so we have to fake them.
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 5b696185a..8e861d5d7 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -1,7 +1,7 @@
 import { init, getEngineChecksum } from '../theme_data/theme_data_3.service.js'
 import { getCssRules } from '../theme_data/css_utils.js'
 import { defaultState } from 'src/modules/default_config_state.js'
-import { chunk } from 'lodash'
+import { chunk, throttle } from 'lodash'
 import localforage from 'localforage'
 
 // On platforms where this is not supported, it will return undefined
@@ -10,10 +10,14 @@ const supportsAdoptedStyleSheets = !!document.adoptedStyleSheets
 
 const stylesheets = {}
 
-const createStyleSheet = (id) => {
+export const createStyleSheet = (id) => {
+  if (stylesheets[id]) return stylesheets[id]
   const newStyleSheet = {
     rules: [],
     ready: false,
+    clear () {
+      this.rules = []
+    },
     addRule (rule) {
       this.rules.push(
         rule
@@ -28,7 +32,7 @@ const createStyleSheet = (id) => {
 }
 
 
-export const adoptStyleSheets = () => {
+export const adoptStyleSheets = throttle(() => {
   if (supportsAdoptedStyleSheets) {
     document.adoptedStyleSheets = Object
       .values(stylesheets)
@@ -46,13 +50,12 @@ export const adoptStyleSheets = () => {
       .forEach(sheet => {
         sheet.rules.forEach(r => holder.sheet.insertRule(r))
       })
-
   }
   // Some older browsers do not support document.adoptedStyleSheets.
   // In this case, we use the <style> elements.
   // Since the <style> elements we need are already in the DOM, there
   // is nothing to do here.
-}
+}, 500)
 
 
 const EAGER_STYLE_ID = 'pleroma-eager-styles'

From d6ebc5049eb6529bbf98e72f8a26550efd0c902b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 23:24:12 +0300
Subject: [PATCH 033/424] cleanup

---
 src/services/style_setter/style_setter.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 8e861d5d7..9d637deb0 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -115,8 +115,8 @@ export const tryLoadCache = async () => {
       const eagerStyles = createStyleSheet(EAGER_STYLE_ID)
       const lazyStyles = createStyleSheet(LAZY_STYLE_ID)
 
-      cache.data[0].forEach(rule => eagerStyles.addRule(rule, 'index-max'))
-      cache.data[1].forEach(rule => lazyStyles.addRule(rule, 'index-max'))
+      cache.data[0].forEach(rule => eagerStyles.addRule(rule))
+      cache.data[1].forEach(rule => lazyStyles.addRule(rule))
 
       eagerStyles.ready = true
       lazyStyles.ready = true
@@ -234,13 +234,13 @@ export const applyConfig = (input) => {
 
   const styleSheet = createStyleSheet('theme-holder')
 
-  styleSheet.addRule(`:root { ${rules} }`, 'index-max')
+  styleSheet.addRule(`:root { ${rules} }`)
 
   // TODO find a way to make this not apply to theme previews
   if (Object.prototype.hasOwnProperty.call(config, 'forcedRoundness')) {
     styleSheet.addRule(` *:not(.preview-block) {
         --roundness: var(--forcedRoundness) !important;
-    }`, 'index-max')
+    }`)
   }
   styleSheet.ready = true
   adoptStyleSheets()

From 1bc53262d634a7f1e5128881db63a4295c52e3c2 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Jul 2025 23:24:19 +0300
Subject: [PATCH 034/424] theme tab support

---
 .../settings_modal/tabs/theme_tab/theme_tab.js        | 11 ++++++++---
 .../settings_modal/tabs/theme_tab/theme_tab.vue       |  6 ------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.js b/src/components/settings_modal/tabs/theme_tab/theme_tab.js
index a44d4d333..756f67cf7 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.js
+++ b/src/components/settings_modal/tabs/theme_tab/theme_tab.js
@@ -31,6 +31,7 @@ import {
   getCssRules,
   getScopedVersion
 } from 'src/services/theme_data/css_utils.js'
+import { createStyleSheet, adoptStyleSheets } from 'src/services/style_setter/style_setter.js'
 
 import ColorInput from 'src/components/color_input/color_input.vue'
 import RangeInput from 'src/components/range_input/range_input.vue'
@@ -68,7 +69,6 @@ const colorConvert = (color) => {
 export default {
   data () {
     return {
-      themeV3Preview: [],
       themeImporter: newImporter({
         validator: this.importValidator,
         onImport: this.onImport,
@@ -697,10 +697,15 @@ export default {
         liteMode: true
       })
 
-      this.themeV3Preview = getScopedVersion(
+      const sheet = createStyleSheet('theme-tab-overall-preview')
+      const rule = getScopedVersion(
         getCssRules(theme3.eager),
-        '#theme-preview'
+        '&'
       ).join('\n')
+
+      sheet.addRule('#theme-preview {\n' + rule + '\n}')
+      sheet.ready = true
+      adoptStyleSheets()
     }
   },
   watch: {
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.vue b/src/components/settings_modal/tabs/theme_tab/theme_tab.vue
index 886d97764..ec3f0cb5d 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.vue
+++ b/src/components/settings_modal/tabs/theme_tab/theme_tab.vue
@@ -123,12 +123,6 @@
       </div>
     </div>
 
-    <!-- eslint-disable vue/no-v-html vue/no-v-text-v-html-on-component -->
-    <component
-      :is="'style'"
-      v-html="themeV3Preview"
-    />
-    <!-- eslint-enable vue/no-v-html vue/no-v-text-v-html-on-component -->
     <preview id="theme-preview" />
 
     <div>

From a635f025be20b65313f3de17af2be0978b3a6861 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 3 Jul 2025 00:20:48 +0300
Subject: [PATCH 035/424] chore

---
 changelog.d/akkoftermapth.skip                         | 0
 src/components/component_preview/component_preview.vue | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 changelog.d/akkoftermapth.skip

diff --git a/changelog.d/akkoftermapth.skip b/changelog.d/akkoftermapth.skip
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index 7e226e59a..0d81128c7 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -1,8 +1,8 @@
 <template>
   <div
+    :id="'component-preview-' + randomSeed"
     class="ComponentPreview"
     :class="{ '-shadow-controls': shadowControl }"
-    :id="'component-preview-' + randomSeed"
   >
     <label
       v-show="shadowControl"

From 7bc5dd440b1bec24fbc0d69ea357c45c9898d897 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 3 Jul 2025 01:55:43 +0300
Subject: [PATCH 036/424] remove backdrop-filter only if unsupported

---
 src/components/settings_modal/tabs/theme_tab/theme_tab.js | 1 +
 src/services/style_setter/style_setter.js                 | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.js b/src/components/settings_modal/tabs/theme_tab/theme_tab.js
index 756f67cf7..70854e3bd 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.js
+++ b/src/components/settings_modal/tabs/theme_tab/theme_tab.js
@@ -703,6 +703,7 @@ export default {
         '&'
       ).join('\n')
 
+      sheet.clear()
       sheet.addRule('#theme-preview {\n' + rule + '\n}')
       sheet.ready = true
       adoptStyleSheets()
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 9d637deb0..18b187d92 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -19,9 +19,12 @@ export const createStyleSheet = (id) => {
       this.rules = []
     },
     addRule (rule) {
+      let newRule = rule
+      if (!CSS.supports?.('backdrop-filter', 'blur()')) {
+          newRule = newRule.replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
+      }
       this.rules.push(
-        rule
-          .replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
+        newRule
           .replace(/var\(--shadowFilter\)[^;]*;/g, '') // Remove shadowFilter references
       )
     }

From 558251ce74cf4c7dd337f1cf67876220a6fc3622 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 3 Jul 2025 11:20:45 +0300
Subject: [PATCH 037/424] back to kazv upstream of pinchzoom

---
 package.json                              |  2 +-
 src/App.scss                              |  2 +-
 src/components/pinch_zoom/pinch_zoom.js   |  2 +-
 src/services/style_setter/style_setter.js |  2 +-
 vite.config.js                            |  2 +-
 yarn.lock                                 | 14 +++++++-------
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 5e71a3996..eea94a10e 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@fortawesome/free-regular-svg-icons": "6.7.2",
     "@fortawesome/free-solid-svg-icons": "6.7.2",
     "@fortawesome/vue-fontawesome": "3.0.8",
-    "@floatingghost/pinch-zoom-element": "1.3.1",
+    "@kazvmoe-infra/pinch-zoom-element": "1.3.0",
     "@kazvmoe-infra/unicode-emoji-json": "0.4.0",
     "@ruffle-rs/ruffle": "0.1.0-nightly.2025.1.13",
     "@vuelidate/core": "2.0.3",
diff --git a/src/App.scss b/src/App.scss
index 6e837a0e7..1b3133a7c 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -3,7 +3,7 @@
 @use "panel";
 
 @import '@fortawesome/fontawesome-svg-core/styles.css';
-@import '@floatingghost/pinch-zoom-element/dist/pinch-zoom.css';
+@import '@kazvmoe-infra/pinch-zoom-element/dist/pinch-zoom.css';
 
 :root {
   --status-margin: 0.75em;
diff --git a/src/components/pinch_zoom/pinch_zoom.js b/src/components/pinch_zoom/pinch_zoom.js
index b7e8f673e..82670ddfa 100644
--- a/src/components/pinch_zoom/pinch_zoom.js
+++ b/src/components/pinch_zoom/pinch_zoom.js
@@ -1,4 +1,4 @@
-import PinchZoom from '@floatingghost/pinch-zoom-element'
+import PinchZoom from '@kazvmoe-infra/pinch-zoom-element'
 
 export default {
   methods: {
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 18b187d92..6312d5b89 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -21,7 +21,7 @@ export const createStyleSheet = (id) => {
     addRule (rule) {
       let newRule = rule
       if (!CSS.supports?.('backdrop-filter', 'blur()')) {
-          newRule = newRule.replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
+        newRule = newRule.replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
       }
       this.rules.push(
         newRule
diff --git a/vite.config.js b/vite.config.js
index d25dfa3aa..0b4d0db90 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -136,7 +136,7 @@ export default defineConfig(async ({ mode, command }) => {
         '@ungap/event-target',
         'lodash.merge',
         'body-scroll-lock',
-        '@floatingghost/pinch-zoom-element'
+        '@kazvmoe-infra/pinch-zoom-element'
       ]
     },
     css: {
diff --git a/yarn.lock b/yarn.lock
index 216dac8ae..3e5da1d1d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1446,13 +1446,6 @@
     "@eslint/core" "^0.13.0"
     levn "^0.4.1"
 
-"@floatingghost/pinch-zoom-element@1.3.1":
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/@floatingghost/pinch-zoom-element/-/pinch-zoom-element-1.3.1.tgz#5f327ad17ddf1f56777098aca088fdbf99cbd049"
-  integrity sha512-KnE7aBQdd/Fj1TzU5uzgwD9YAQ58DTMUks/PoTEBFW4zi0lBM9cN/j45wzcnzsT2VXG1S6qM7NMmq7NGm2//Fg==
-  dependencies:
-    pointer-tracker "^2.0.3"
-
 "@fortawesome/fontawesome-common-types@6.7.2":
   version "6.7.2"
   resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.7.2.tgz#7123d74b0c1e726794aed1184795dbce12186470"
@@ -1609,6 +1602,13 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@kazvmoe-infra/pinch-zoom-element@1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@kazvmoe-infra/pinch-zoom-element/-/pinch-zoom-element-1.3.0.tgz#a5e35ab190f93d016b8a83f69004fc69a8e6b774"
+  integrity sha512-YIx1ZsCLyFB/xhJVMc81yLNJO/ZYveYGws0033ZPPyrFLgLwrQrkx79lC1xBIcWlWnvPioTVdmOpnBeTv/0zNw==
+  dependencies:
+    pointer-tracker "^2.0.3"
+
 "@kazvmoe-infra/unicode-emoji-json@0.4.0":
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/@kazvmoe-infra/unicode-emoji-json/-/unicode-emoji-json-0.4.0.tgz#555bab2f8d11db74820ef0a2fbe2805b17c22587"

From b2f7309e1ed7ea619ba15dfdc5ae57d7d25a47f0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 3 Jul 2025 17:11:23 +0300
Subject: [PATCH 038/424] sorting, typo

---
 .../component_preview/component_preview.js    |  2 +-
 .../settings_modal/tabs/appearance_tab.js     |  6 ++---
 .../tabs/style_tab/style_tab.js               |  2 +-
 .../tabs/theme_tab/theme_tab.js               |  2 +-
 src/services/style_setter/style_setter.js     | 24 +++++++++++--------
 5 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index c0a2aad72..9f830cd72 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -52,7 +52,7 @@ export default {
       this.$emit('update:shadow', { axis, value: Number(value) })
     },
     update () {
-      const sheet = createStyleSheet('style-component-preview')
+      const sheet = createStyleSheet('style-component-preview', 90)
 
       sheet.clear()
 
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index e0f446a0e..838ac6d6c 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -412,11 +412,9 @@ const AppearanceTab = {
       }
 
 
-      const sheet = createStyleSheet('appearance-tab-previews')
+      const sheet = createStyleSheet('appearance-tab-previews', 90)
       sheet.addRule([
-        '#theme-preview-',
-        key,
-        ' {\n',
+        '#theme-preview-', key, ' {\n',
         getCssRules(theme3.eager).join('\n'),
         '\n}'
       ].join(''))
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index f92579bb2..5453da57b 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -695,7 +695,7 @@ export default {
         return
       }
 
-      const sheet = createStyleSheet('style-tab-overall-preview')
+      const sheet = createStyleSheet('style-tab-overall-preview', 90)
 
       sheet.clear()
       sheet.addRule([
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.js b/src/components/settings_modal/tabs/theme_tab/theme_tab.js
index 70854e3bd..4b558471f 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.js
+++ b/src/components/settings_modal/tabs/theme_tab/theme_tab.js
@@ -697,7 +697,7 @@ export default {
         liteMode: true
       })
 
-      const sheet = createStyleSheet('theme-tab-overall-preview')
+      const sheet = createStyleSheet('theme-tab-overall-preview', 90)
       const rule = getScopedVersion(
         getCssRules(theme3.eager),
         '&'
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 6312d5b89..0cf3fb854 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -10,11 +10,12 @@ const supportsAdoptedStyleSheets = !!document.adoptedStyleSheets
 
 const stylesheets = {}
 
-export const createStyleSheet = (id) => {
+export const createStyleSheet = (id, priority) => {
   if (stylesheets[id]) return stylesheets[id]
   const newStyleSheet = {
     rules: [],
     ready: false,
+    priority,
     clear () {
       this.rules = []
     },
@@ -40,9 +41,10 @@ export const adoptStyleSheets = throttle(() => {
     document.adoptedStyleSheets = Object
       .values(stylesheets)
       .filter(x => x.ready)
-      .map(x => {
+      .sort((a, b) => a.priority - b.priority)
+      .map(sheet => {
         const css = new CSSStyleSheet()
-        x.rules.forEach(r => css.insertRule(r, css.cssRules.length))
+        sheet.rules.forEach(r => css.insertRule(r, css.cssRules.length))
         return css
       })
   } else {
@@ -50,8 +52,10 @@ export const adoptStyleSheets = throttle(() => {
 
     Object
       .values(stylesheets)
+      .filter(x => x.ready)
+      .sort((a, b) => a.priority - b.priority)
       .forEach(sheet => {
-        sheet.rules.forEach(r => holder.sheet.insertRule(r))
+        sheet.rules.forEach(r => holder.sheet.insertRule(r, holder.sheet.cssRules.length))
       })
   }
   // Some older browsers do not support document.adoptedStyleSheets.
@@ -115,8 +119,8 @@ export const tryLoadCache = async () => {
   if (!cache) return null
   try {
     if (cache.engineChecksum === getEngineChecksum()) {
-      const eagerStyles = createStyleSheet(EAGER_STYLE_ID)
-      const lazyStyles = createStyleSheet(LAZY_STYLE_ID)
+      const eagerStyles = createStyleSheet(EAGER_STYLE_ID, 10)
+      const lazyStyles = createStyleSheet(LAZY_STYLE_ID, 20)
 
       cache.data[0].forEach(rule => eagerStyles.addRule(rule))
       cache.data[1].forEach(rule => lazyStyles.addRule(rule))
@@ -144,8 +148,8 @@ export const applyTheme = (
   onFinish = () => {},
   debug
 ) => {
-  const eagerStyles = createStyleSheet(EAGER_STYLE_ID)
-  const lazyStyles = createStyleSheet(LAZY_STYLE_ID)
+  const eagerStyles = createStyleSheet(EAGER_STYLE_ID, 10)
+  const lazyStyles = createStyleSheet(LAZY_STYLE_ID, 20)
 
 
   const { lazyProcessFunc } = generateTheme(
@@ -165,7 +169,7 @@ export const applyTheme = (
         console.info('Eager part of theme finished, waiting for lazy part to finish to store cache')
       },
       onLazyFinished () {
-        eagerStyles.ready = true
+        lazyStyles.ready = true
         adoptStyleSheets()
         const cache = { engineChecksum: getEngineChecksum(), data: [eagerStyles.rules, lazyStyles.rules] }
         onFinish(cache)
@@ -235,7 +239,7 @@ export const applyConfig = (input) => {
     .filter(([, v]) => v)
     .map(([k, v]) => `--${k}: ${v}`).join(';')
 
-  const styleSheet = createStyleSheet('theme-holder')
+  const styleSheet = createStyleSheet('theme-holder', 30)
 
   styleSheet.addRule(`:root { ${rules} }`)
 

From 0f573637a7cefb387e93a5989131c4526466dd76 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 3 Jul 2025 21:19:12 +0300
Subject: [PATCH 039/424] fix redmond

---
 src/services/style_setter/style_setter.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 0cf3fb854..194bc66c1 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -44,7 +44,7 @@ export const adoptStyleSheets = throttle(() => {
       .sort((a, b) => a.priority - b.priority)
       .map(sheet => {
         const css = new CSSStyleSheet()
-        sheet.rules.forEach(r => css.insertRule(r, css.cssRules.length))
+        sheet.rules.forEach(r => css.insertRule(r))
         return css
       })
   } else {

From 1d729cb0c503517efee41f91117cf51b86d30b42 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 3 Jul 2025 21:21:21 +0300
Subject: [PATCH 040/424] fix and default

---
 src/services/style_setter/style_setter.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 194bc66c1..ee151e6e5 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -10,7 +10,7 @@ const supportsAdoptedStyleSheets = !!document.adoptedStyleSheets
 
 const stylesheets = {}
 
-export const createStyleSheet = (id, priority) => {
+export const createStyleSheet = (id, priority = 1000) => {
   if (stylesheets[id]) return stylesheets[id]
   const newStyleSheet = {
     rules: [],
@@ -55,7 +55,7 @@ export const adoptStyleSheets = throttle(() => {
       .filter(x => x.ready)
       .sort((a, b) => a.priority - b.priority)
       .forEach(sheet => {
-        sheet.rules.forEach(r => holder.sheet.insertRule(r, holder.sheet.cssRules.length))
+        sheet.rules.forEach(r => holder.sheet.insertRule(r))
       })
   }
   // Some older browsers do not support document.adoptedStyleSheets.

From a626b373543e831d1eefca476ac6b834c0db5328 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 9 Jul 2025 15:46:05 +0300
Subject: [PATCH 041/424] fix zoom being applied with a delay

---
 src/services/style_setter/style_setter.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 6312d5b89..1f3cf26f5 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -48,6 +48,10 @@ export const adoptStyleSheets = throttle(() => {
   } else {
     const holder = document.getElementById('custom-styles-holder')
 
+    for (let i = holder.cssRules.length - 1; i >= 0; --i) {
+      holder.sheet.deleteRule(i)
+    }
+
     Object
       .values(stylesheets)
       .forEach(sheet => {
@@ -124,7 +128,8 @@ export const tryLoadCache = async () => {
       eagerStyles.ready = true
       lazyStyles.ready = true
 
-      adoptStyleSheets()
+      // Don't do this, we need to wait until config adopts its styles first
+      //adoptStyleSheets()
 
       console.info(`Loaded theme from cache`)
       return true

From c433aa38fb39e1392b425d8d304b0c33b2732676 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 9 Jul 2025 15:48:36 +0300
Subject: [PATCH 042/424] fix

---
 src/services/style_setter/style_setter.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 1f3cf26f5..a31c15e07 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -48,7 +48,7 @@ export const adoptStyleSheets = throttle(() => {
   } else {
     const holder = document.getElementById('custom-styles-holder')
 
-    for (let i = holder.cssRules.length - 1; i >= 0; --i) {
+    for (let i = holder.sheet.cssRules.length - 1; i >= 0; --i) {
       holder.sheet.deleteRule(i)
     }
 

From d9639c543ccd703502f7b3727106bc7ee1342c99 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 9 Jul 2025 15:49:54 +0300
Subject: [PATCH 043/424] chore

---
 changelog.d/zoomlag.skip | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 changelog.d/zoomlag.skip

diff --git a/changelog.d/zoomlag.skip b/changelog.d/zoomlag.skip
new file mode 100644
index 000000000..e69de29bb

From 8436f39eff216d8eb6ec69575d5efdbae3fc0f88 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 9 Jul 2025 17:45:13 +0300
Subject: [PATCH 044/424] block/mute cards update to show expiry and ask for it

---
 src/components/block_card/block_card.js       | 16 +++++------
 src/components/block_card/block_card.vue      | 27 +++++++++----------
 src/components/mute_card/mute_card.js         | 19 +++++++------
 src/components/mute_card/mute_card.vue        | 27 +++++++++----------
 src/i18n/en.json                              |  4 +++
 .../entity_normalizer.service.js              |  2 ++
 6 files changed, 48 insertions(+), 47 deletions(-)

diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 0bf4e37bc..cc3e82403 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -2,11 +2,6 @@ import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 const BlockCard = {
   props: ['userId'],
-  data () {
-    return {
-      progress: false
-    }
-  },
   computed: {
     user () {
       return this.$store.getters.findUser(this.userId)
@@ -16,6 +11,12 @@ const BlockCard = {
     },
     blocked () {
       return this.relationship.blocking
+    },
+    blockExpiry () {
+      console.log(this.user)
+      return this.user.block_expires_at == null
+        ? this.$t('user_card.block_expires_forever')
+        : this.$t('user_card.block_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
     }
   },
   components: {
@@ -29,10 +30,7 @@ const BlockCard = {
       })
     },
     blockUser () {
-      this.progress = true
-      this.$store.dispatch('blockUser', this.user.id).then(() => {
-        this.progress = false
-      })
+      this.$refs.timedBlockDialog.optionallyPrompt()
     }
   }
 }
diff --git a/src/components/block_card/block_card.vue b/src/components/block_card/block_card.vue
index b14ef8448..61aafb288 100644
--- a/src/components/block_card/block_card.vue
+++ b/src/components/block_card/block_card.vue
@@ -1,33 +1,32 @@
 <template>
   <basic-user-card :user="user">
     <div class="block-card-content-container">
+      <span v-if="blocked" class="alert neutral">
+        {{ blockExpiry }}
+      </span>
+      {{ ' ' }}
       <button
         v-if="blocked"
         class="btn button-default"
-        :disabled="progress"
         @click="unblockUser"
       >
-        <template v-if="progress">
-          {{ $t('user_card.unblock_progress') }}
-        </template>
-        <template v-else>
-          {{ $t('user_card.unblock') }}
-        </template>
+        {{ $t('user_card.unblock') }}
       </button>
       <button
         v-else
         class="btn button-default"
-        :disabled="progress"
         @click="blockUser"
       >
-        <template v-if="progress">
-          {{ $t('user_card.block_progress') }}
-        </template>
-        <template v-else>
-          {{ $t('user_card.block') }}
-        </template>
+        {{ $t('user_card.block') }}
       </button>
     </div>
+    <teleport to="#modal">
+      <UserTimedFilterModal
+        :user="user"
+        :is-mute="false"
+        ref="timedBlockDialog"
+      />
+    </teleport>
   </basic-user-card>
 </template>
 
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index cbec0e9bb..3491ff2f7 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -1,12 +1,8 @@
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 
 const MuteCard = {
   props: ['userId'],
-  data () {
-    return {
-      progress: false
-    }
-  },
   computed: {
     user () {
       return this.$store.getters.findUser(this.userId)
@@ -16,10 +12,16 @@ const MuteCard = {
     },
     muted () {
       return this.relationship.muting
+    },
+    muteExpiry () {
+      return this.user.mute_expires_at == null
+        ? this.$t('user_card.mute_expires_forever')
+        : this.$t('user_card.mute_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
     }
   },
   components: {
-    BasicUserCard
+    BasicUserCard,
+    UserTimedFilterModal
   },
   methods: {
     unmuteUser () {
@@ -29,10 +31,7 @@ const MuteCard = {
       })
     },
     muteUser () {
-      this.progress = true
-      this.$store.dispatch('muteUser', this.userId).then(() => {
-        this.progress = false
-      })
+      this.$refs.timedMuteDialog.optionallyPrompt()
     }
   }
 }
diff --git a/src/components/mute_card/mute_card.vue b/src/components/mute_card/mute_card.vue
index 97e91cbca..08f62da9a 100644
--- a/src/components/mute_card/mute_card.vue
+++ b/src/components/mute_card/mute_card.vue
@@ -1,33 +1,32 @@
 <template>
   <basic-user-card :user="user">
     <div class="mute-card-content-container">
+      <span v-if="muted" class="alert neutral">
+        {{ muteExpiry }}
+      </span>
+      {{ ' ' }}
       <button
         v-if="muted"
         class="btn button-default"
-        :disabled="progress"
         @click="unmuteUser"
       >
-        <template v-if="progress">
-          {{ $t('user_card.unmute_progress') }}
-        </template>
-        <template v-else>
-          {{ $t('user_card.unmute') }}
-        </template>
+        {{ $t('user_card.unmute') }}
       </button>
       <button
         v-else
         class="btn button-default"
-        :disabled="progress"
         @click="muteUser"
       >
-        <template v-if="progress">
-          {{ $t('user_card.mute_progress') }}
-        </template>
-        <template v-else>
-          {{ $t('user_card.mute') }}
-        </template>
+        {{ $t('user_card.mute') }}
       </button>
     </div>
+    <teleport to="#modal">
+      <UserTimedFilterModal
+        :user="user"
+        :is-mute="true"
+        ref="timedMuteDialog"
+      />
+    </teleport>
   </basic-user-card>
 </template>
 
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 18bc5cb2c..46cfe6a74 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1412,6 +1412,10 @@
     "dont_ask_again_block": "Always block users this way",
     "mute_block_temporarily": "Temporarily",
     "mute_block_forever": "Forever",
+    "mute_expires_forever": "Muted forever",
+    "mute_expires_at": "Muted until {0}",
+    "block_expires_forever": "Blocked forever",
+    "block_expires_at": "Blocked until {0}",
     "mute_duration_prompt": "Mute this user for (0 for indefinite time):",
     "per_day": "per day",
     "remote_follow": "Remote follow",
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 61eb5313f..28f1bc2aa 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -51,6 +51,8 @@ export const parseUser = (data) => {
     output.screen_name = data.acct
     output.fqn = data.fqn
     output.statusnet_profile_url = data.url
+    output.mute_expires_at = data.mute_expires_at
+    output.block_expires_at = data.block_expires_at
 
     // There's nothing else to get
     if (mastoShort) {

From 71d1baffccf2da5dbb4f667fd8a7a01d4b71bc79 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 9 Jul 2025 17:56:52 +0300
Subject: [PATCH 045/424] better support for lack of block expiration

---
 src/components/block_card/block_card.js | 17 ++++++++++++-----
 src/components/mute_card/mute_card.js   |  4 +---
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index cc3e82403..360cfe740 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -1,3 +1,5 @@
+import { mapState } from 'vuex'
+
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 const BlockCard = {
@@ -17,7 +19,10 @@ const BlockCard = {
       return this.user.block_expires_at == null
         ? this.$t('user_card.block_expires_forever')
         : this.$t('user_card.block_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
-    }
+    },
+    ...mapState({
+      blockExpirationSupported: state => state.instance.blockExpiration,
+    })
   },
   components: {
     BasicUserCard
@@ -25,12 +30,14 @@ const BlockCard = {
   methods: {
     unblockUser () {
       this.progress = true
-      this.$store.dispatch('unblockUser', this.user.id).then(() => {
-        this.progress = false
-      })
+      this.$store.dispatch('unblockUser', this.user.id)
     },
     blockUser () {
-      this.$refs.timedBlockDialog.optionallyPrompt()
+      if (this.blockExpirationSupported) {
+        this.$refs.timedBlockDialog.optionallyPrompt()
+      } else {
+        this.$store.dispatch('blockUser', this.user.id)
+      }
     }
   }
 }
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index 3491ff2f7..3d655465f 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -26,9 +26,7 @@ const MuteCard = {
   methods: {
     unmuteUser () {
       this.progress = true
-      this.$store.dispatch('unmuteUser', this.userId).then(() => {
-        this.progress = false
-      })
+      this.$store.dispatch('unmuteUser', this.userId)
     },
     muteUser () {
       this.$refs.timedMuteDialog.optionallyPrompt()

From 2441e6508d358ab6f6e84b4ae6316151906a5988 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 9 Jul 2025 18:37:05 +0300
Subject: [PATCH 046/424] settings for confirmations

---
 .../settings_modal/tabs/general_tab.js        | 50 +++++++++++++-
 .../settings_modal/tabs/general_tab.vue       | 67 +++++++++++++++++--
 src/i18n/en.json                              |  4 ++
 3 files changed, 113 insertions(+), 8 deletions(-)

diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index df28a23e3..7074a6d81 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -5,9 +5,12 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import FloatSetting from '../helpers/float_setting.vue'
 import UnitSetting from '../helpers/unit_setting.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
+import Select from 'src/components/select/select.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+
+import { mapState } from 'vuex'
 import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -56,6 +59,11 @@ const GeneralTab = {
         value: mode,
         label: this.$t(`settings.unsaved_post_action_${mode}`)
       })),
+      muteBlockLv1Options: ['ask', 'forever', 'temporarily'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`user_card.mute_block_${mode}`)
+      })),
       loopSilentAvailable:
       // Firefox
       Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
@@ -73,12 +81,47 @@ const GeneralTab = {
     UnitSetting,
     InterfaceLanguageSwitcher,
     ScopeSelector,
-    ProfileSettingIndicator
+    ProfileSettingIndicator,
+    Select
   },
   computed: {
     postFormats () {
       return this.$store.state.instance.postFormats || []
     },
+    onMuteDefaultActionLv1: {
+      get () {
+        const value = this.$store.state.config.onMuteDefaultAction
+        if (value === 'ask' || value === 'forever') {
+          return value
+        } else {
+          return 'temporarily'
+        }
+      },
+      set (value) {
+        let realValue = value
+        if (value !== 'ask' && value !== 'forever') {
+          realValue = '14d'
+        }
+        this.$store.dispatch('setOption', { name: 'onMuteDefaultAction', value: realValue })
+      }
+    },
+    onBlockDefaultActionLv1: {
+      get () {
+        const value = this.$store.state.config.onBlockDefaultAction
+        if (value === 'ask' || value === 'forever') {
+          return value
+        } else {
+          return 'temporarily'
+        }
+      },
+      set (value) {
+        let realValue = value
+        if (value !== 'ask' && value !== 'forever') {
+          realValue = '14d'
+        }
+        this.$store.dispatch('setOption', { name: 'onBlockDefaultAction', value: realValue })
+      }
+    },
     postContentOptions () {
       return this.postFormats.map(format => ({
         key: format,
@@ -94,7 +137,10 @@ const GeneralTab = {
     },
     instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
     instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
+    ...mapState({
+      blockExpirationSupported: state => state.instance.blockExpiration
+    })
   },
   methods: {
     changeDefaultScope (value) {
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index b8da782fb..648d7ac84 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -69,6 +69,66 @@
             {{ $t('settings.user_popover_avatar_overlay') }}
           </BooleanSetting>
         </li>
+        <li>
+          {{ $t('user_card.default_mute_expiration') }}
+          <Select
+            id="onMuteDefaultActionLv1"
+            v-model="onMuteDefaultActionLv1"
+          >
+            <option
+              v-for="option in muteBlockLv1Options"
+              :key="option.key"
+              :value="option.value"
+            >
+              {{ option.label }}
+            </option>
+          </Select>
+          <ul
+            class="setting-list suboptions"
+            v-if="onMuteDefaultActionLv1 === 'temporarily'"
+          >
+            <li>
+              <UnitSetting
+                path="onMuteDefaultAction"
+                unit-set="time"
+                :units="['s', 'm', 'h', 'd']"
+                :min="0"
+              >
+                {{ $t('user_card.default_expiration_time') }}
+              </UnitSetting>
+            </li>
+          </ul>
+        </li>
+        <li v-if="blockExpirationSupported">
+          {{ $t('user_card.default_block_expiration') }}
+          <Select
+            id="onBlockDefaultActionLv1"
+            v-model="onBlockDefaultActionLv1"
+          >
+            <option
+              v-for="option in muteBlockLv1Options"
+              :key="option.key"
+              :value="option.value"
+            >
+              {{ option.label }}
+            </option>
+          </Select>
+          <ul
+            class="setting-list suboptions"
+            v-if="onBlockDefaultActionLv1 === 'temporarily'"
+          >
+            <li>
+              <UnitSetting
+                path="onBlockDefaultAction"
+                unit-set="time"
+                :units="['s', 'm', 'h', 'd']"
+                :min="0"
+              >
+                {{ $t('user_card.default_expiration_time') }}
+              </UnitSetting>
+            </li>
+          </ul>
+        </li>
         <li>
           <BooleanSetting
             path="alwaysShowNewPostButton"
@@ -107,15 +167,10 @@
               </BooleanSetting>
             </li>
             <li>
-              <BooleanSetting path="modalOnBlock">
+              <BooleanSetting v-if="!blockExpirationSupported" path="modalOnBlock">
                 {{ $t('settings.confirm_dialogs_block') }}
               </BooleanSetting>
             </li>
-            <li>
-              <BooleanSetting path="modalOnMute">
-                {{ $t('settings.confirm_dialogs_mute') }}
-              </BooleanSetting>
-            </li>
             <li>
               <BooleanSetting path="modalOnMuteConversation">
                 {{ $t('settings.confirm_dialogs_mute_conversation') }}
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 46cfe6a74..43b5b12f4 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1412,6 +1412,10 @@
     "dont_ask_again_block": "Always block users this way",
     "mute_block_temporarily": "Temporarily",
     "mute_block_forever": "Forever",
+    "mute_block_ask": "Ask",
+    "default_mute_expiration": "Always mute users",
+    "default_block_expiration": "Always block users",
+    "default_expiration_time": "Expire in",
     "mute_expires_forever": "Muted forever",
     "mute_expires_at": "Muted until {0}",
     "block_expires_forever": "Blocked forever",

From 9f0b65654eef192b99354b46263de2ddfc6477a5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 9 Jul 2025 19:03:58 +0300
Subject: [PATCH 047/424] show expirety in user profile (currently broken?)

---
 src/components/user_card/user_card.js  | 11 ++++++++++-
 src/components/user_card/user_card.vue | 12 ++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 4b091e0c4..0c01d5ff4 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -77,7 +77,6 @@ export default {
       return this.$store.getters.findUser(this.userId)
     },
     relationship () {
-      console.log(this.$store.getters.relationship(this.userId))
       return this.$store.getters.relationship(this.userId)
     },
     classes () {
@@ -160,6 +159,16 @@ export default {
     supportsNote () {
       return 'note' in this.relationship
     },
+    muteExpiry () {
+      return this.user.mute_expires_at == null
+        ? this.$t('user_card.mute_expires_forever')
+        : this.$t('user_card.mute_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
+    },
+    blockExpiry () {
+      return this.user.block_expires_at == null
+        ? this.$t('user_card.block_expires_forever')
+        : this.$t('user_card.block_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
+    },
     ...mapGetters(['mergedConfig'])
   },
   methods: {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index d05f9a6e4..5e606d653 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -136,6 +136,18 @@
                   size="sm"
                 />
               </span>
+              <span
+                v-if="relationship.muting"
+                class="alert neutral user-role"
+              >
+                {{ muteExpiry }}
+              </span>
+              <span
+                v-if="relationship.blocking"
+                class="alert neutral user-role"
+              >
+                {{ blockExpiry }}
+              </span>
               <span
                 v-if="!mergedConfig.hideUserStats && !hideBio"
                 class="dailyAvg"

From 35c2e871310e1203ffb27cf9bb6b8ff73b1a11e4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 17 Jul 2025 14:53:56 +0300
Subject: [PATCH 048/424] show expiry only if available

---
 src/components/block_card/block_card.js  | 4 +++-
 src/components/block_card/block_card.vue | 2 +-
 src/components/mute_card/mute_card.js    | 3 +++
 src/components/mute_card/mute_card.vue   | 2 +-
 src/components/user_card/user_card.js    | 6 ++++++
 src/components/user_card/user_card.vue   | 4 ++--
 6 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 360cfe740..3f748c479 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -14,8 +14,10 @@ const BlockCard = {
     blocked () {
       return this.relationship.blocking
     },
+    blockExpiryAvailable () {
+      return this.user.block_expires_at !== undefined
+    },
     blockExpiry () {
-      console.log(this.user)
       return this.user.block_expires_at == null
         ? this.$t('user_card.block_expires_forever')
         : this.$t('user_card.block_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
diff --git a/src/components/block_card/block_card.vue b/src/components/block_card/block_card.vue
index 61aafb288..9f64a8e8c 100644
--- a/src/components/block_card/block_card.vue
+++ b/src/components/block_card/block_card.vue
@@ -1,7 +1,7 @@
 <template>
   <basic-user-card :user="user">
     <div class="block-card-content-container">
-      <span v-if="blocked" class="alert neutral">
+      <span v-if="blocked && blockExpiryAvailable" class="alert neutral">
         {{ blockExpiry }}
       </span>
       {{ ' ' }}
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index 3d655465f..2b4314294 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -13,6 +13,9 @@ const MuteCard = {
     muted () {
       return this.relationship.muting
     },
+    muteExpiryAvailable () {
+      return this.user.mute_expires_at !== undefined
+    },
     muteExpiry () {
       return this.user.mute_expires_at == null
         ? this.$t('user_card.mute_expires_forever')
diff --git a/src/components/mute_card/mute_card.vue b/src/components/mute_card/mute_card.vue
index 08f62da9a..60638d3ba 100644
--- a/src/components/mute_card/mute_card.vue
+++ b/src/components/mute_card/mute_card.vue
@@ -1,7 +1,7 @@
 <template>
   <basic-user-card :user="user">
     <div class="mute-card-content-container">
-      <span v-if="muted" class="alert neutral">
+      <span v-if="muted && muteExpiryAvailable" class="alert neutral">
         {{ muteExpiry }}
       </span>
       {{ ' ' }}
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 0c01d5ff4..353a891f6 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -159,11 +159,17 @@ export default {
     supportsNote () {
       return 'note' in this.relationship
     },
+    muteExpiryAvailable () {
+      return this.user.mute_expires_at !== undefined
+    },
     muteExpiry () {
       return this.user.mute_expires_at == null
         ? this.$t('user_card.mute_expires_forever')
         : this.$t('user_card.mute_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
     },
+    blockExpiryAvailable () {
+      return this.user.block_expires_at !== undefined
+    },
     blockExpiry () {
       return this.user.block_expires_at == null
         ? this.$t('user_card.block_expires_forever')
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 5e606d653..e51a16271 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -137,13 +137,13 @@
                 />
               </span>
               <span
-                v-if="relationship.muting"
+                v-if="relationship.muting && muteExpiryAvailable"
                 class="alert neutral user-role"
               >
                 {{ muteExpiry }}
               </span>
               <span
-                v-if="relationship.blocking"
+                v-if="relationship.blocking && blockExpiryAvailable"
                 class="alert neutral user-role"
               >
                 {{ blockExpiry }}

From b014489295089acd7112a40410d770071eaa9674 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 17 Jul 2025 15:13:13 +0300
Subject: [PATCH 049/424] better modal layout

---
 .../confirm_modal/confirm_modal.vue           |  1 +
 .../user_timed_filter_modal.scss              |  4 +++
 .../user_timed_filter_modal.vue               | 26 ++++++++++++-------
 src/i18n/en.json                              |  2 ++
 4 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/components/confirm_modal/confirm_modal.vue b/src/components/confirm_modal/confirm_modal.vue
index 9af00edc4..992792ede 100644
--- a/src/components/confirm_modal/confirm_modal.vue
+++ b/src/components/confirm_modal/confirm_modal.vue
@@ -11,6 +11,7 @@
     <slot />
 
     <template #footer>
+      <slot name="footerLeft" />
       <button
         class="btn button-default"
         @click.prevent="onAccept"
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.scss b/src/components/user_timed_filter_modal/user_timed_filter_modal.scss
index 0fdb66eea..24388868f 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.scss
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.scss
@@ -6,4 +6,8 @@
   .input-expire-at {
     margin-left: 0.25em;
   }
+
+  .footer-left-checkbox {
+    width: max-content;
+  }
 }
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
index 37b4a057b..8fcf6eed8 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
@@ -1,6 +1,7 @@
 <template>
   <confirm-modal
     v-if="showing"
+    class="UserTimedFilterModal"
     :title="$t(isMute ? $t('user_card.mute') : $t('user_card.block'))"
     :confirm-text="$t(isMute ? 'user_card.mute_confirm_accept_button' : 'user_card.block_confirm_accept_button')"
     :cancel-text="$t(isMute ? 'user_card.mute_confirm_cancel_button' : 'user_card.block_confirm_cancel_button')"
@@ -34,25 +35,30 @@
         <option key="d" value="d"> {{ $t('time.unit.days_suffix') }} </option>
       </Select>
 
-      <br />
+      {{ $t('user_card.mute_or') }}
+
       <Checkbox
         id="forever"
         v-model="forever"
         name="forever"
         class="input-forever"
       >
-        {{ $t('user_card.mute_block_forever') }}
+        {{ $t('user_card.mute_block_never') }}
       </Checkbox>
     </p>
 
-    <Checkbox
-      id="dontAskAgain"
-      v-model="dontAskAgain"
-      name="dontAskAgain"
-      class="input-dont-ask-again"
-    >
-      {{ $t(isMute ? 'user_card.dont_ask_again_mute' : 'user_card.dont_ask_again_block') }}
-    </Checkbox>
+    <template #footerLeft>
+      <div class="footer-left-checkbox">
+        <Checkbox
+          id="dontAskAgain"
+          v-model="dontAskAgain"
+          name="dontAskAgain"
+          class="input-dont-ask-again"
+        >
+          {{ $t(isMute ? 'user_card.dont_ask_again_mute' : 'user_card.dont_ask_again_block') }}
+        </Checkbox>
+      </div>
+    </template>
   </confirm-modal>
 </template>
 
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 43b5b12f4..737e6f417 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1405,6 +1405,7 @@
     "mute_confirm": "Do you really want to mute {user}?",
     "mute_confirm_accept_button": "Mute",
     "mute_confirm_cancel_button": "Do not mute",
+    "mute_or": "or",
     "expire_in": "Expire in",
     "expire_mute_message": "Are you sure you want to mute {0}?",
     "expire_block_message": "Are you sure you want to block {0}?",
@@ -1412,6 +1413,7 @@
     "dont_ask_again_block": "Always block users this way",
     "mute_block_temporarily": "Temporarily",
     "mute_block_forever": "Forever",
+    "mute_block_never": "Never",
     "mute_block_ask": "Ask",
     "default_mute_expiration": "Always mute users",
     "default_block_expiration": "Always block users",

From eb77c5dbb94e329b24010dace6dfcd5326675139 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 17 Jul 2025 15:23:05 +0300
Subject: [PATCH 050/424] changelog

---
 changelog.d/timed.add | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/timed.add

diff --git a/changelog.d/timed.add b/changelog.d/timed.add
new file mode 100644
index 000000000..66cb50c9f
--- /dev/null
+++ b/changelog.d/timed.add
@@ -0,0 +1 @@
+Support for expiring mutes and blocks (if available)

From 6ae52e192b6df023ff9622673e4dd49f20f51360 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 17 Jul 2025 16:13:35 +0300
Subject: [PATCH 051/424] cleanup

---
 src/boot/after_store.js                 | 1 -
 src/components/block_card/block_card.js | 1 -
 src/components/mute_card/mute_card.js   | 1 -
 src/modules/users.js                    | 1 -
 4 files changed, 4 deletions(-)

diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 3ef92fd11..fd4c57229 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -254,7 +254,6 @@ const getNodeInfo = async ({ store }) => {
       const data = await res.json()
       const metadata = data.metadata
       const features = metadata.features
-      console.log(features)
       store.dispatch('setInstanceOption', { name: 'name', value: metadata.nodeName })
       store.dispatch('setInstanceOption', { name: 'registrationOpen', value: data.openRegistrations })
       store.dispatch('setInstanceOption', { name: 'mediaProxyAvailable', value: features.includes('media_proxy') })
diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 3f748c479..b5be9e7b7 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -31,7 +31,6 @@ const BlockCard = {
   },
   methods: {
     unblockUser () {
-      this.progress = true
       this.$store.dispatch('unblockUser', this.user.id)
     },
     blockUser () {
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index 2b4314294..895586888 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -28,7 +28,6 @@ const MuteCard = {
   },
   methods: {
     unmuteUser () {
-      this.progress = true
       this.$store.dispatch('unmuteUser', this.userId)
     },
     muteUser () {
diff --git a/src/modules/users.js b/src/modules/users.js
index d0098f05a..5563a280e 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -53,7 +53,6 @@ const blockUser = (store, args) => {
 
   return store.rootState.api.backendInteractor.blockUser({ id, expiresIn })
     .then((relationship) => {
-      console.log(relationship)
       store.commit('updateUserRelationship', [relationship])
       store.commit('addBlockId', id)
 

From 6aae8a87058acec83440e2e8c355f03b30876350 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 17 Jul 2025 16:20:16 +0300
Subject: [PATCH 052/424] move "ask" options to filtering tab

---
 .../settings_modal/tabs/filtering_tab.js      | 43 +++++++++++++
 .../settings_modal/tabs/filtering_tab.vue     | 60 +++++++++++++++++++
 .../settings_modal/tabs/general_tab.js        | 45 +-------------
 .../settings_modal/tabs/general_tab.vue       | 60 -------------------
 4 files changed, 104 insertions(+), 104 deletions(-)

diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index f78f6815c..9a4ed814d 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -1,5 +1,6 @@
 import { cloneDeep } from 'lodash'
 import { mapState, mapActions } from 'pinia'
+import { mapState as mapVuexState } from 'vuex'
 import { v4 as uuidv4 } from 'uuid';
 
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
@@ -30,6 +31,11 @@ const FilteringTab = {
         value: mode,
         label: this.$t(`settings.reply_visibility_${mode}`)
       })),
+      muteBlockLv1Options: ['ask', 'forever', 'temporarily'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`user_card.mute_block_${mode}`)
+      })),
       muteFiltersDraftObject: cloneDeep(useServerSideStorageStore().prefsStorage.simple.muteFilters),
       muteFiltersDraftDirty: Object.fromEntries(
         Object.entries(
@@ -93,6 +99,43 @@ const FilteringTab = {
         muteFiltersObject: store => store.prefsStorage.simple.muteFilters
       }
     ),
+    ...mapVuexState({
+      blockExpirationSupported: state => state.instance.blockExpiration
+    }),
+    onMuteDefaultActionLv1: {
+      get () {
+        const value = this.$store.state.config.onMuteDefaultAction
+        if (value === 'ask' || value === 'forever') {
+          return value
+        } else {
+          return 'temporarily'
+        }
+      },
+      set (value) {
+        let realValue = value
+        if (value !== 'ask' && value !== 'forever') {
+          realValue = '14d'
+        }
+        this.$store.dispatch('setOption', { name: 'onMuteDefaultAction', value: realValue })
+      }
+    },
+    onBlockDefaultActionLv1: {
+      get () {
+        const value = this.$store.state.config.onBlockDefaultAction
+        if (value === 'ask' || value === 'forever') {
+          return value
+        } else {
+          return 'temporarily'
+        }
+      },
+      set (value) {
+        let realValue = value
+        if (value !== 'ask' && value !== 'forever') {
+          realValue = '14d'
+        }
+        this.$store.dispatch('setOption', { name: 'onBlockDefaultAction', value: realValue })
+      }
+    },
     muteFiltersDraft () {
       return Object.entries(this.muteFiltersDraftObject)
     },
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index 6db82d3c4..2b05d1906 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -80,6 +80,66 @@
     <div class="setting-item">
       <h2>{{ $t('settings.filter.mute_filter') }}</h2>
       <ul class="setting-list">
+        <li>
+          {{ $t('user_card.default_mute_expiration') }}
+          <Select
+            id="onMuteDefaultActionLv1"
+            v-model="onMuteDefaultActionLv1"
+          >
+            <option
+              v-for="option in muteBlockLv1Options"
+              :key="option.key"
+              :value="option.value"
+            >
+              {{ option.label }}
+            </option>
+          </Select>
+          <ul
+            class="setting-list suboptions"
+            v-if="onMuteDefaultActionLv1 === 'temporarily'"
+          >
+            <li>
+              <UnitSetting
+                path="onMuteDefaultAction"
+                unit-set="time"
+                :units="['s', 'm', 'h', 'd']"
+                :min="0"
+              >
+                {{ $t('user_card.default_expiration_time') }}
+              </UnitSetting>
+            </li>
+          </ul>
+        </li>
+        <li v-if="blockExpirationSupported">
+          {{ $t('user_card.default_block_expiration') }}
+          <Select
+            id="onBlockDefaultActionLv1"
+            v-model="onBlockDefaultActionLv1"
+          >
+            <option
+              v-for="option in muteBlockLv1Options"
+              :key="option.key"
+              :value="option.value"
+            >
+              {{ option.label }}
+            </option>
+          </Select>
+          <ul
+            class="setting-list suboptions"
+            v-if="onBlockDefaultActionLv1 === 'temporarily'"
+          >
+            <li>
+              <UnitSetting
+                path="onBlockDefaultAction"
+                unit-set="time"
+                :units="['s', 'm', 'h', 'd']"
+                :min="0"
+              >
+                {{ $t('user_card.default_expiration_time') }}
+              </UnitSetting>
+            </li>
+          </ul>
+        </li>
         <li>
           <BooleanSetting path="hideFilteredStatuses">
             {{ $t('settings.hide_muted_statuses') }}
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 7074a6d81..879dfd1a3 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -10,7 +10,6 @@ import Select from 'src/components/select/select.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 
-import { mapState } from 'vuex'
 import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -59,11 +58,6 @@ const GeneralTab = {
         value: mode,
         label: this.$t(`settings.unsaved_post_action_${mode}`)
       })),
-      muteBlockLv1Options: ['ask', 'forever', 'temporarily'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`user_card.mute_block_${mode}`)
-      })),
       loopSilentAvailable:
       // Firefox
       Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
@@ -88,40 +82,6 @@ const GeneralTab = {
     postFormats () {
       return this.$store.state.instance.postFormats || []
     },
-    onMuteDefaultActionLv1: {
-      get () {
-        const value = this.$store.state.config.onMuteDefaultAction
-        if (value === 'ask' || value === 'forever') {
-          return value
-        } else {
-          return 'temporarily'
-        }
-      },
-      set (value) {
-        let realValue = value
-        if (value !== 'ask' && value !== 'forever') {
-          realValue = '14d'
-        }
-        this.$store.dispatch('setOption', { name: 'onMuteDefaultAction', value: realValue })
-      }
-    },
-    onBlockDefaultActionLv1: {
-      get () {
-        const value = this.$store.state.config.onBlockDefaultAction
-        if (value === 'ask' || value === 'forever') {
-          return value
-        } else {
-          return 'temporarily'
-        }
-      },
-      set (value) {
-        let realValue = value
-        if (value !== 'ask' && value !== 'forever') {
-          realValue = '14d'
-        }
-        this.$store.dispatch('setOption', { name: 'onBlockDefaultAction', value: realValue })
-      }
-    },
     postContentOptions () {
       return this.postFormats.map(format => ({
         key: format,
@@ -137,10 +97,7 @@ const GeneralTab = {
     },
     instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
     instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
-    ...SharedComputedObject(),
-    ...mapState({
-      blockExpirationSupported: state => state.instance.blockExpiration
-    })
+    ...SharedComputedObject()
   },
   methods: {
     changeDefaultScope (value) {
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 648d7ac84..40d40bc3e 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -69,66 +69,6 @@
             {{ $t('settings.user_popover_avatar_overlay') }}
           </BooleanSetting>
         </li>
-        <li>
-          {{ $t('user_card.default_mute_expiration') }}
-          <Select
-            id="onMuteDefaultActionLv1"
-            v-model="onMuteDefaultActionLv1"
-          >
-            <option
-              v-for="option in muteBlockLv1Options"
-              :key="option.key"
-              :value="option.value"
-            >
-              {{ option.label }}
-            </option>
-          </Select>
-          <ul
-            class="setting-list suboptions"
-            v-if="onMuteDefaultActionLv1 === 'temporarily'"
-          >
-            <li>
-              <UnitSetting
-                path="onMuteDefaultAction"
-                unit-set="time"
-                :units="['s', 'm', 'h', 'd']"
-                :min="0"
-              >
-                {{ $t('user_card.default_expiration_time') }}
-              </UnitSetting>
-            </li>
-          </ul>
-        </li>
-        <li v-if="blockExpirationSupported">
-          {{ $t('user_card.default_block_expiration') }}
-          <Select
-            id="onBlockDefaultActionLv1"
-            v-model="onBlockDefaultActionLv1"
-          >
-            <option
-              v-for="option in muteBlockLv1Options"
-              :key="option.key"
-              :value="option.value"
-            >
-              {{ option.label }}
-            </option>
-          </Select>
-          <ul
-            class="setting-list suboptions"
-            v-if="onBlockDefaultActionLv1 === 'temporarily'"
-          >
-            <li>
-              <UnitSetting
-                path="onBlockDefaultAction"
-                unit-set="time"
-                :units="['s', 'm', 'h', 'd']"
-                :min="0"
-              >
-                {{ $t('user_card.default_expiration_time') }}
-              </UnitSetting>
-            </li>
-          </ul>
-        </li>
         <li>
           <BooleanSetting
             path="alwaysShowNewPostButton"

From c12e1a69cf29b165ce922932579b96b433d61ec5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 17 Jul 2025 17:32:09 +0300
Subject: [PATCH 053/424] fix firefox

---
 src/services/style_setter/style_setter.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index a8b7e43e5..dd22b80e0 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -24,6 +24,11 @@ export const createStyleSheet = (id, priority = 1000) => {
       if (!CSS.supports?.('backdrop-filter', 'blur()')) {
         newRule = newRule.replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
       }
+
+      // firefox doesn't like invalid selectors
+      if (!CSS.supports?.('::-webkit') && newRule.startsWith('::-webkit')) {
+        return
+      }
       this.rules.push(
         newRule
           .replace(/var\(--shadowFilter\)[^;]*;/g, '') // Remove shadowFilter references

From 23975b506efa7ecb898e071c90a08e8c3ee6840b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 17 Jul 2025 17:50:38 +0300
Subject: [PATCH 054/424] fix theme change not working

---
 src/services/style_setter/style_setter.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index dd22b80e0..99162efc1 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -161,6 +161,8 @@ export const applyTheme = (
   const eagerStyles = createStyleSheet(EAGER_STYLE_ID, 10)
   const lazyStyles = createStyleSheet(LAZY_STYLE_ID, 20)
 
+  eagerStyles.clear()
+  lazyStyles.clear()
 
   const { lazyProcessFunc } = generateTheme(
     input,

From 04ee1a892c8b269a309531f158965270f7140829 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 17 Jul 2025 17:55:20 +0300
Subject: [PATCH 055/424] proper detection

---
 src/services/style_setter/style_setter.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 99162efc1..2a001007d 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -26,7 +26,7 @@ export const createStyleSheet = (id, priority = 1000) => {
       }
 
       // firefox doesn't like invalid selectors
-      if (!CSS.supports?.('::-webkit') && newRule.startsWith('::-webkit')) {
+      if (!CSS.supports?.('selector(::-webkit-scrollbar)') && newRule.startsWith('::-webkit')) {
         return
       }
       this.rules.push(

From 0e56f8f103020c5c89e8a1f2364d49e3e39f59d4 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Fri, 25 Jul 2025 08:52:58 +0000
Subject: [PATCH 056/424] Update babel monorepo

---
 package.json |  10 +-
 yarn.lock    | 358 ++++++++++++++++++++++++++++++++++-----------------
 2 files changed, 246 insertions(+), 122 deletions(-)

diff --git a/package.json b/package.json
index eea94a10e..06c22f537 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "lint-fix": "eslint --fix src test/unit/specs test/e2e/specs"
   },
   "dependencies": {
-    "@babel/runtime": "7.27.1",
+    "@babel/runtime": "7.28.2",
     "@chenfengyuan/vue-qrcode": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "6.7.2",
     "@fortawesome/free-regular-svg-icons": "6.7.2",
@@ -54,10 +54,10 @@
     "vuex": "4.1.0"
   },
   "devDependencies": {
-    "@babel/core": "7.27.1",
-    "@babel/eslint-parser": "7.27.1",
-    "@babel/plugin-transform-runtime": "7.27.1",
-    "@babel/preset-env": "7.27.2",
+    "@babel/core": "7.28.0",
+    "@babel/eslint-parser": "7.28.0",
+    "@babel/plugin-transform-runtime": "7.28.0",
+    "@babel/preset-env": "7.28.0",
     "@babel/register": "7.27.1",
     "@ungap/event-target": "0.2.4",
     "@vitejs/plugin-vue": "^5.2.1",
diff --git a/yarn.lock b/yarn.lock
index 3e5da1d1d..9a3fd5b91 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -46,7 +46,7 @@
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
-"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.26.8":
+"@babel/compat-data@^7.26.8":
   version "7.26.8"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.8.tgz#821c1d35641c355284d4a870b8a4a7b0c141e367"
   integrity sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==
@@ -56,21 +56,26 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.2.tgz#4183f9e642fd84e74e3eea7ffa93a412e3b102c9"
   integrity sha512-TUtMJYRPyUb/9aU8f3K0mjmjf6M9N5Woshn2CS6nqJSeJtTtQcpLUXjGt9vbF8ZGff0El99sWkLgzwW3VXnxZQ==
 
-"@babel/core@7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.27.1.tgz#89de51e86bd12246003e3524704c49541b16c3e6"
-  integrity sha512-IaaGWsQqfsQWVLqMn9OB92MNN7zukfVA4s7KKAI0KfrrDsZ0yhi5uV4baBuLuN7n3vsZpwP8asPPcVwApxvjBQ==
+"@babel/compat-data@^7.27.7", "@babel/compat-data@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.0.tgz#9fc6fd58c2a6a15243cd13983224968392070790"
+  integrity sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==
+
+"@babel/core@7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.0.tgz#55dad808d5bf3445a108eefc88ea3fdf034749a4"
+  integrity sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
     "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.27.1"
-    "@babel/helper-compilation-targets" "^7.27.1"
-    "@babel/helper-module-transforms" "^7.27.1"
-    "@babel/helpers" "^7.27.1"
-    "@babel/parser" "^7.27.1"
-    "@babel/template" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/generator" "^7.28.0"
+    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-module-transforms" "^7.27.3"
+    "@babel/helpers" "^7.27.6"
+    "@babel/parser" "^7.28.0"
+    "@babel/template" "^7.27.2"
+    "@babel/traverse" "^7.28.0"
+    "@babel/types" "^7.28.0"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
@@ -98,10 +103,10 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/eslint-parser@7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.27.1.tgz#e146fb2facef62c6c5d1a6fd07cfd79ee9f7b0f1"
-  integrity sha512-q8rjOuadH0V6Zo4XLMkJ3RMQ9MSBqwaDByyYB0izsYdaIWGNLmEblbCOf1vyFHICcg16CD7Fsi51vcQnYxmt6Q==
+"@babel/eslint-parser@7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.28.0.tgz#c1b3fbba070f5bac32e3d02f244201add4afdd6e"
+  integrity sha512-N4ntErOlKvcbTt01rr5wj3y55xnIdx1ymrfIr8C2WnM1Y9glFgWaGDEULJIazOX3XM9NRzhfJ6zZnQ1sBNWU+w==
   dependencies:
     "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
     eslint-visitor-keys "^2.1.0"
@@ -129,6 +134,17 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^3.0.2"
 
+"@babel/generator@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.0.tgz#9cc2f7bd6eb054d77dc66c2664148a0c5118acd2"
+  integrity sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==
+  dependencies:
+    "@babel/parser" "^7.28.0"
+    "@babel/types" "^7.28.0"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
 "@babel/helper-annotate-as-pure@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
@@ -143,7 +159,14 @@
   dependencies:
     "@babel/types" "^7.27.1"
 
-"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.26.5":
+"@babel/helper-annotate-as-pure@^7.27.3":
+  version "7.27.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
+  integrity sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==
+  dependencies:
+    "@babel/types" "^7.27.3"
+
+"@babel/helper-compilation-targets@^7.26.5":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.0.tgz#de0c753b1cd1d9ab55d473c5a5cf7170f0a81880"
   integrity sha512-LVk7fbXml0H2xH34dFzKQ7TDZ2G4/rVTOrq9V+icbbadjbVxxeFeDsNHv2SrZeWoA+6ZiTyWYWtScEIW07EAcA==
@@ -209,16 +232,21 @@
     regexpu-core "^6.2.0"
     semver "^6.3.1"
 
-"@babel/helper-define-polyfill-provider@^0.6.3", "@babel/helper-define-polyfill-provider@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz#15e8746368bfa671785f5926ff74b3064c291fab"
-  integrity sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==
+"@babel/helper-define-polyfill-provider@^0.6.5":
+  version "0.6.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz#742ccf1cb003c07b48859fc9fa2c1bbe40e5f753"
+  integrity sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.22.6"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    debug "^4.1.1"
+    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    debug "^4.4.1"
     lodash.debounce "^4.0.8"
-    resolve "^1.14.2"
+    resolve "^1.22.10"
+
+"@babel/helper-globals@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
+  integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
 
 "@babel/helper-member-expression-to-functions@^7.25.9":
   version "7.25.9"
@@ -270,6 +298,15 @@
     "@babel/helper-validator-identifier" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
+"@babel/helper-module-transforms@^7.27.3":
+  version "7.27.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz#db0bbcfba5802f9ef7870705a7ef8788508ede02"
+  integrity sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==
+  dependencies:
+    "@babel/helper-module-imports" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+    "@babel/traverse" "^7.27.3"
+
 "@babel/helper-optimise-call-expression@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz#3324ae50bae7e2ab3c33f60c9a877b6a0146b54e"
@@ -284,7 +321,7 @@
   dependencies:
     "@babel/types" "^7.27.1"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5":
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5":
   version "7.26.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz#18580d00c9934117ad719392c4f6585c9333cc35"
   integrity sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==
@@ -379,13 +416,13 @@
     "@babel/template" "^7.27.0"
     "@babel/types" "^7.27.0"
 
-"@babel/helpers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.1.tgz#ffc27013038607cdba3288e692c3611c06a18aa4"
-  integrity sha512-FCvFTm0sWV8Fxhpp2McP5/W53GPllQ9QeQ7SiqGWjMf/LVG07lFa5+pgK05IRhVwtvafT22KF+ZSnM9I545CvQ==
+"@babel/helpers@^7.27.6":
+  version "7.28.2"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.2.tgz#80f0918fecbfebea9af856c419763230040ee850"
+  integrity sha512-/V9771t+EgXz62aCcyofnQhGM8DQACbRhvzKFsXKC9QM+5MadF8ZmIm0crDMaz3+o0h0zXfJnd4EhbYbxsrcFw==
   dependencies:
-    "@babel/template" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.2"
 
 "@babel/highlight@^7.0.0":
   version "7.25.9"
@@ -418,6 +455,13 @@
   dependencies:
     "@babel/types" "^7.27.3"
 
+"@babel/parser@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.0.tgz#979829fbab51a29e13901e5a80713dbcb840825e"
+  integrity sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==
+  dependencies:
+    "@babel/types" "^7.28.0"
+
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz#61dd8a8e61f7eb568268d1b5f129da3eee364bf9"
@@ -505,14 +549,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-async-generator-functions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.27.1.tgz#ca433df983d68e1375398e7ca71bf2a4f6fd89d7"
-  integrity sha512-eST9RrwlpaoJBDHShc+DS2SG4ATTi2MYNb4OxYkf3n+7eb49LWpnS+HSpVfW4x927qQwgk8A2hGNVaajAEw0EA==
+"@babel/plugin-transform-async-generator-functions@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz#1276e6c7285ab2cd1eccb0bc7356b7a69ff842c2"
+  integrity sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-remap-async-to-generator" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.0"
 
 "@babel/plugin-transform-async-to-generator@^7.27.1":
   version "7.27.1"
@@ -530,10 +574,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-block-scoping@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.27.1.tgz#bc0dbe8ac6de5602981ba58ef68c6df8ef9bfbb3"
-  integrity sha512-QEcFlMl9nGTgh1rn2nIeU5bkfb9BAjaQcWbiP4LvKxUot52ABcTkpcyJ7f2Q2U2RuQ84BNLgts3jRme2dTx6Fw==
+"@babel/plugin-transform-block-scoping@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.0.tgz#e7c50cbacc18034f210b93defa89638666099451"
+  integrity sha512-gKKnwjpdx5sER/wl0WN0efUBFzF/56YZO0RJrSYP4CljXnP31ByY7fol89AzomdlLNzI36AvOTmYHsnZTCkq8Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -553,17 +597,17 @@
     "@babel/helper-create-class-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-classes@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.27.1.tgz#03bb04bea2c7b2f711f0db7304a8da46a85cced4"
-  integrity sha512-7iLhfFAubmpeJe/Wo2TVuDrykh/zlWXLzPNdL0Jqn/Xu8R3QQ8h9ff8FQoISZOsw74/HFqFI7NX63HN7QFIHKA==
+"@babel/plugin-transform-classes@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.0.tgz#12fa46cffc32a6e084011b650539e880add8a0f8"
+  integrity sha512-IjM1IoJNw72AZFlj33Cu8X0q2XK/6AaVC3jQu+cgQ5lThWD5ajnuUAml80dqRmOhmPkTH8uAwnpMu9Rvj0LTRA==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-compilation-targets" "^7.27.1"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-globals" "^7.28.0"
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-replace-supers" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-    globals "^11.1.0"
+    "@babel/traverse" "^7.28.0"
 
 "@babel/plugin-transform-computed-properties@^7.27.1":
   version "7.27.1"
@@ -573,12 +617,13 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/template" "^7.27.1"
 
-"@babel/plugin-transform-destructuring@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.27.1.tgz#d5916ef7089cb254df0418ae524533c1b72ba656"
-  integrity sha512-ttDCqhfvpE9emVkXbPD8vyxxh4TWYACVybGkDj+oReOGwnp066ITEivDlLwe0b1R0+evJ13IXQuLNB5w1fhC5Q==
+"@babel/plugin-transform-destructuring@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.0.tgz#0f156588f69c596089b7d5b06f5af83d9aa7f97a"
+  integrity sha512-v1nrSMBiKcodhsyJ4Gf+Z0U/yawmJDBOTpEB3mcQY52r9RIyPneGyAS/yM6seP/8I+mWI3elOMtT5dB8GJVs+A==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/traverse" "^7.28.0"
 
 "@babel/plugin-transform-dotall-regex@^7.27.1":
   version "7.27.1"
@@ -610,6 +655,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
+"@babel/plugin-transform-explicit-resource-management@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.0.tgz#45be6211b778dbf4b9d54c4e8a2b42fa72e09a1a"
+  integrity sha512-K8nhUcn3f6iB+P3gwCv/no7OdzOZQcKchW6N389V6PD8NUWKZHzndOd9sPDVbMoBsbmjMqlB4L9fm+fEFNVlwQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/plugin-transform-destructuring" "^7.28.0"
+
 "@babel/plugin-transform-exponentiation-operator@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.27.1.tgz#fc497b12d8277e559747f5a3ed868dd8064f83e1"
@@ -732,15 +785,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-object-rest-spread@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.27.2.tgz#67f9ab822347aa2bcee91e8996763da79bdea973"
-  integrity sha512-AIUHD7xJ1mCrj3uPozvtngY3s0xpv7Nu7DoUSnzNY6Xam1Cy4rUznR//pvMHOhQ4AvbCexhbqXCtpxGHOGOO6g==
+"@babel/plugin-transform-object-rest-spread@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.0.tgz#d23021857ffd7cd809f54d624299b8086402ed8d"
+  integrity sha512-9VNGikXxzu5eCiQjdE4IZn8sb9q7Xsk5EXLDBKUYg1e/Tve8/05+KJEtcxGxAgCY5t/BpKQM+JEL/yT4tvgiUA==
   dependencies:
     "@babel/helper-compilation-targets" "^7.27.2"
     "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.27.1"
-    "@babel/plugin-transform-parameters" "^7.27.1"
+    "@babel/plugin-transform-destructuring" "^7.28.0"
+    "@babel/plugin-transform-parameters" "^7.27.7"
+    "@babel/traverse" "^7.28.0"
 
 "@babel/plugin-transform-object-super@^7.27.1":
   version "7.27.1"
@@ -765,10 +819,10 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
-"@babel/plugin-transform-parameters@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.1.tgz#80334b54b9b1ac5244155a0c8304a187a618d5a7"
-  integrity sha512-018KRk76HWKeZ5l4oTj2zPpSh+NbGdt0st5S6x0pga6HgrjBOJb24mMDHorFopOOd6YHkLgOZ+zaCjZGPO4aKg==
+"@babel/plugin-transform-parameters@^7.27.7":
+  version "7.27.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz#1fd2febb7c74e7d21cf3b05f7aebc907940af53a"
+  integrity sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -796,10 +850,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-regenerator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.27.1.tgz#0a471df9213416e44cd66bf67176b66f65768401"
-  integrity sha512-B19lbbL7PMrKr52BNPjCqg1IyNUIjTcxKj8uX9zHO+PmWN93s19NDr/f69mIkEp2x9nmDJ08a7lgHaTTzvW7mw==
+"@babel/plugin-transform-regenerator@^7.28.0":
+  version "7.28.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.1.tgz#bde80603442ff4bb4e910bc8b35485295d556ab1"
+  integrity sha512-P0QiV/taaa3kXpLY+sXla5zec4E+4t4Aqc9ggHlfZ7a2cp8/x/Gv08jfwEtn9gnnYIMvHx6aoOZ8XJL8eU71Dg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -818,16 +872,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-runtime@7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.27.1.tgz#f9fbf71949a209eb26b3e60375b1d956937b8be9"
-  integrity sha512-TqGF3desVsTcp3WrJGj4HfKokfCXCLcHpt4PJF0D8/iT6LPd9RS82Upw3KPeyr6B22Lfd3DO8MVrmp0oRkUDdw==
+"@babel/plugin-transform-runtime@7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.0.tgz#462e79008cc7bdac03e4c5e1765b9de2bcd31c21"
+  integrity sha512-dGopk9nZrtCs2+nfIem25UuHyt5moSJamArzIoh9/vezUQPmYDOzjaHDCkAzuGJibCIkPup8rMT2+wYB6S73cA==
   dependencies:
     "@babel/helper-module-imports" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
-    babel-plugin-polyfill-corejs2 "^0.4.10"
-    babel-plugin-polyfill-corejs3 "^0.11.0"
-    babel-plugin-polyfill-regenerator "^0.6.1"
+    babel-plugin-polyfill-corejs2 "^0.4.14"
+    babel-plugin-polyfill-corejs3 "^0.13.0"
+    babel-plugin-polyfill-regenerator "^0.6.5"
     semver "^6.3.1"
 
 "@babel/plugin-transform-shorthand-properties@^7.27.1":
@@ -908,12 +962,12 @@
     "@babel/helper-create-regexp-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/preset-env@7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.27.2.tgz#106e6bfad92b591b1f6f76fd4cf13b7725a7bf9a"
-  integrity sha512-Ma4zSuYSlGNRlCLO+EAzLnCmJK2vdstgv+n7aUP+/IKZrOfWHOJVdSJtuub8RzHTj3ahD37k5OKJWvzf16TQyQ==
+"@babel/preset-env@7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.28.0.tgz#d23a6bc17b43227d11db77081a0779c706b5569c"
+  integrity sha512-VmaxeGOwuDqzLl5JUkIRM1X2Qu2uKGxHEQWh+cvvbl7JuJRgKGJSfsEF/bUaxFhJl/XAyxBe7q7qSuTbKFuCyg==
   dependencies:
-    "@babel/compat-data" "^7.27.2"
+    "@babel/compat-data" "^7.28.0"
     "@babel/helper-compilation-targets" "^7.27.2"
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-validator-option" "^7.27.1"
@@ -927,19 +981,20 @@
     "@babel/plugin-syntax-import-attributes" "^7.27.1"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
     "@babel/plugin-transform-arrow-functions" "^7.27.1"
-    "@babel/plugin-transform-async-generator-functions" "^7.27.1"
+    "@babel/plugin-transform-async-generator-functions" "^7.28.0"
     "@babel/plugin-transform-async-to-generator" "^7.27.1"
     "@babel/plugin-transform-block-scoped-functions" "^7.27.1"
-    "@babel/plugin-transform-block-scoping" "^7.27.1"
+    "@babel/plugin-transform-block-scoping" "^7.28.0"
     "@babel/plugin-transform-class-properties" "^7.27.1"
     "@babel/plugin-transform-class-static-block" "^7.27.1"
-    "@babel/plugin-transform-classes" "^7.27.1"
+    "@babel/plugin-transform-classes" "^7.28.0"
     "@babel/plugin-transform-computed-properties" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.27.1"
+    "@babel/plugin-transform-destructuring" "^7.28.0"
     "@babel/plugin-transform-dotall-regex" "^7.27.1"
     "@babel/plugin-transform-duplicate-keys" "^7.27.1"
     "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.27.1"
     "@babel/plugin-transform-dynamic-import" "^7.27.1"
+    "@babel/plugin-transform-explicit-resource-management" "^7.28.0"
     "@babel/plugin-transform-exponentiation-operator" "^7.27.1"
     "@babel/plugin-transform-export-namespace-from" "^7.27.1"
     "@babel/plugin-transform-for-of" "^7.27.1"
@@ -956,15 +1011,15 @@
     "@babel/plugin-transform-new-target" "^7.27.1"
     "@babel/plugin-transform-nullish-coalescing-operator" "^7.27.1"
     "@babel/plugin-transform-numeric-separator" "^7.27.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.27.2"
+    "@babel/plugin-transform-object-rest-spread" "^7.28.0"
     "@babel/plugin-transform-object-super" "^7.27.1"
     "@babel/plugin-transform-optional-catch-binding" "^7.27.1"
     "@babel/plugin-transform-optional-chaining" "^7.27.1"
-    "@babel/plugin-transform-parameters" "^7.27.1"
+    "@babel/plugin-transform-parameters" "^7.27.7"
     "@babel/plugin-transform-private-methods" "^7.27.1"
     "@babel/plugin-transform-private-property-in-object" "^7.27.1"
     "@babel/plugin-transform-property-literals" "^7.27.1"
-    "@babel/plugin-transform-regenerator" "^7.27.1"
+    "@babel/plugin-transform-regenerator" "^7.28.0"
     "@babel/plugin-transform-regexp-modifiers" "^7.27.1"
     "@babel/plugin-transform-reserved-words" "^7.27.1"
     "@babel/plugin-transform-shorthand-properties" "^7.27.1"
@@ -977,10 +1032,10 @@
     "@babel/plugin-transform-unicode-regex" "^7.27.1"
     "@babel/plugin-transform-unicode-sets-regex" "^7.27.1"
     "@babel/preset-modules" "0.1.6-no-external-plugins"
-    babel-plugin-polyfill-corejs2 "^0.4.10"
-    babel-plugin-polyfill-corejs3 "^0.11.0"
-    babel-plugin-polyfill-regenerator "^0.6.1"
-    core-js-compat "^3.40.0"
+    babel-plugin-polyfill-corejs2 "^0.4.14"
+    babel-plugin-polyfill-corejs3 "^0.13.0"
+    babel-plugin-polyfill-regenerator "^0.6.5"
+    core-js-compat "^3.43.0"
     semver "^6.3.1"
 
 "@babel/preset-modules@0.1.6-no-external-plugins":
@@ -1003,7 +1058,12 @@
     pirates "^4.0.6"
     source-map-support "^0.5.16"
 
-"@babel/runtime@7.27.1", "@babel/runtime@^7.12.5":
+"@babel/runtime@7.28.2":
+  version "7.28.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.2.tgz#2ae5a9d51cc583bd1f5673b3bb70d6d819682473"
+  integrity sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==
+
+"@babel/runtime@^7.12.5":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.27.1.tgz#9fce313d12c9a77507f264de74626e87fd0dc541"
   integrity sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==
@@ -1017,7 +1077,7 @@
     "@babel/parser" "^7.27.0"
     "@babel/types" "^7.27.0"
 
-"@babel/template@^7.27.1":
+"@babel/template@^7.27.1", "@babel/template@^7.27.2":
   version "7.27.2"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
   integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
@@ -1052,6 +1112,19 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
+"@babel/traverse@^7.27.3", "@babel/traverse@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.0.tgz#518aa113359b062042379e333db18380b537e34b"
+  integrity sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.0"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.0"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.0"
+    debug "^4.3.1"
+
 "@babel/types@^7.0.0-beta.49", "@babel/types@^7.25.9", "@babel/types@^7.26.10", "@babel/types@^7.26.9", "@babel/types@^7.27.0", "@babel/types@^7.4.4":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.0.tgz#ef9acb6b06c3173f6632d993ecb6d4ae470b4559"
@@ -1076,6 +1149,14 @@
     "@babel/helper-string-parser" "^7.27.1"
     "@babel/helper-validator-identifier" "^7.27.1"
 
+"@babel/types@^7.28.0", "@babel/types@^7.28.2":
+  version "7.28.2"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.2.tgz#da9db0856a9a88e0a13b019881d7513588cf712b"
+  integrity sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+
 "@bazel/runfiles@^6.3.1":
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/@bazel/runfiles/-/runfiles-6.3.1.tgz#3f8824b2d82853377799d42354b4df78ab0ace0b"
@@ -1570,6 +1651,14 @@
     wrap-ansi "^8.1.0"
     wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
 
+"@jridgewell/gen-mapping@^0.3.12":
+  version "0.3.12"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz#2234ce26c62889f03db3d7fea43c1932ab3e927b"
+  integrity sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/gen-mapping@^0.3.5":
   version "0.3.8"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
@@ -1602,6 +1691,14 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.29"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz#a58d31eaadaf92c6695680b2e1d464a9b8fbf7fc"
+  integrity sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
 "@kazvmoe-infra/pinch-zoom-element@1.3.0":
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/@kazvmoe-infra/pinch-zoom-element/-/pinch-zoom-element-1.3.0.tgz#a5e35ab190f93d016b8a83f69004fc69a8e6b774"
@@ -2836,29 +2933,29 @@ babel-plugin-lodash@3.3.4:
     lodash "^4.17.10"
     require-package-name "^2.0.1"
 
-babel-plugin-polyfill-corejs2@^0.4.10:
-  version "0.4.13"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz#7d445f0e0607ebc8fb6b01d7e8fb02069b91dd8b"
-  integrity sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==
+babel-plugin-polyfill-corejs2@^0.4.14:
+  version "0.4.14"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz#8101b82b769c568835611542488d463395c2ef8f"
+  integrity sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==
   dependencies:
-    "@babel/compat-data" "^7.22.6"
-    "@babel/helper-define-polyfill-provider" "^0.6.4"
+    "@babel/compat-data" "^7.27.7"
+    "@babel/helper-define-polyfill-provider" "^0.6.5"
     semver "^6.3.1"
 
-babel-plugin-polyfill-corejs3@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz#4e4e182f1bb37c7ba62e2af81d8dd09df31344f6"
-  integrity sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==
+babel-plugin-polyfill-corejs3@^0.13.0:
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.13.0.tgz#bb7f6aeef7addff17f7602a08a6d19a128c30164"
+  integrity sha512-U+GNwMdSFgzVmfhNm8GJUX88AadB3uo9KpJqS3FaqNIPKgySuvMb+bHPsOmmuWyIcuqZj/pzt1RUIUZns4y2+A==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.3"
-    core-js-compat "^3.40.0"
+    "@babel/helper-define-polyfill-provider" "^0.6.5"
+    core-js-compat "^3.43.0"
 
-babel-plugin-polyfill-regenerator@^0.6.1:
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.4.tgz#428c615d3c177292a22b4f93ed99e358d7906a9b"
-  integrity sha512-7gD3pRadPrbjhjLyxebmx/WrFYcuSjZ0XbdUujQMZ/fcE9oeewk2U/7PCvez84UeuK3oSjmPZ0Ch0dlupQvGzw==
+babel-plugin-polyfill-regenerator@^0.6.5:
+  version "0.6.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz#32752e38ab6f6767b92650347bf26a31b16ae8c5"
+  integrity sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.4"
+    "@babel/helper-define-polyfill-provider" "^0.6.5"
 
 balanced-match@^1.0.0:
   version "1.0.2"
@@ -2975,6 +3072,16 @@ browserslist@^4.24.0, browserslist@^4.24.4:
     node-releases "^2.0.19"
     update-browserslist-db "^1.1.1"
 
+browserslist@^4.25.1:
+  version "4.25.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.25.1.tgz#ba9e8e6f298a1d86f829c9b975e07948967bb111"
+  integrity sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==
+  dependencies:
+    caniuse-lite "^1.0.30001726"
+    electron-to-chromium "^1.5.173"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.3"
+
 buffer-crc32@^0.2.1, buffer-crc32@^0.2.13, buffer-crc32@~0.2.3:
   version "0.2.13"
   resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
@@ -3065,6 +3172,11 @@ caniuse-lite@^1.0.30001688, caniuse-lite@^1.0.30001702:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001707.tgz#c5e104d199e6f4355a898fcd995a066c7eb9bf41"
   integrity sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==
 
+caniuse-lite@^1.0.30001726:
+  version "1.0.30001727"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz#22e9706422ad37aa50556af8c10e40e2d93a8b85"
+  integrity sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==
+
 chai-nightwatch@^0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/chai-nightwatch/-/chai-nightwatch-0.5.3.tgz#980ecf63dde5a04e7f3524370682c7ff01178ffb"
@@ -3350,12 +3462,12 @@ copy-anything@^3.0.2:
   dependencies:
     is-what "^4.1.8"
 
-core-js-compat@^3.40.0:
-  version "3.41.0"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.41.0.tgz#4cdfce95f39a8f27759b667cf693d96e5dda3d17"
-  integrity sha512-RFsU9LySVue9RTwdDVX/T0e2Y6jRYWXERKElIjpuEOEnxaXffI0X7RUwVzfYLfzuLXSNJDYoRYUAmRUcyln20A==
+core-js-compat@^3.43.0:
+  version "3.44.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.44.0.tgz#62b9165b97e4cbdb8bca16b14818e67428b4a0f8"
+  integrity sha512-JepmAj2zfl6ogy34qfWtcE7nHKAJnKsQFRn++scjVS2bZFllwptzw61BZcZFYBPpUznLfAvh0LGhxKppk04ClA==
   dependencies:
-    browserslist "^4.24.4"
+    browserslist "^4.25.1"
 
 core-util-is@~1.0.0:
   version "1.0.3"
@@ -3514,6 +3626,13 @@ debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
+debug@^4.4.1:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.1.tgz#e5a8bc6cbc4c6cd3e64308b0693a3d4fa550189b"
+  integrity sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==
+  dependencies:
+    ms "^2.1.3"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -3744,6 +3863,11 @@ ejs@^3.1.10:
   dependencies:
     jake "^10.8.5"
 
+electron-to-chromium@^1.5.173:
+  version "1.5.191"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.191.tgz#8ae49a471447b1ceaf1d4d183a9000082f52363c"
+  integrity sha512-xcwe9ELcuxYLUFqZZxL19Z6HVKcvNkIwhbHUz7L3us6u12yR+7uY89dSl570f/IqNthx8dAw3tojG7i4Ni4tDA==
+
 electron-to-chromium@^1.5.73:
   version "1.5.129"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.129.tgz#fafa835aea5d15fcd5cbe9bd6bf1cb5d4b3aa06e"
@@ -6748,7 +6872,7 @@ resolve-pkg-maps@^1.0.0:
   resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
   integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
 
-resolve@^1.14.2, resolve@^1.22.4:
+resolve@^1.22.10, resolve@^1.22.4:
   version "1.22.10"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
   integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
@@ -7762,7 +7886,7 @@ untildify@4.0.0:
   resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
   integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
 
-update-browserslist-db@^1.1.1:
+update-browserslist-db@^1.1.1, update-browserslist-db@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz#348377dd245216f9e7060ff50b15a1b740b75420"
   integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==

From 3294df0325886893f0b2c359cf721e661a233197 Mon Sep 17 00:00:00 2001
From: Pleroma User <66706-pleromian@users.noreply.git.pleroma.social>
Date: Sun, 27 Jul 2025 17:28:21 +0000
Subject: [PATCH 057/424] Lint some things

---
 .stylelintrc.json                             |  2 ++
 changelog.d/linter.skip                       |  0
 src/App.scss                                  |  2 +-
 src/components/block_card/block_card.vue      |  7 ++--
 src/components/emoji_picker/emoji_picker.scss |  2 ++
 src/components/gallery/gallery.vue            |  2 ++
 src/components/mute_card/mute_card.vue        |  7 ++--
 .../settings_modal/tabs/filtering_tab.vue     |  4 +--
 .../settings_modal/tabs/general_tab.vue       |  5 ++-
 .../action_button_container.vue               |  2 +-
 src/components/status_body/status_body.scss   |  4 +++
 src/components/user_card/user_card.scss       |  2 ++
 .../user_timed_filter_modal.vue               | 33 +++++++++++++++----
 13 files changed, 56 insertions(+), 16 deletions(-)
 create mode 100644 changelog.d/linter.skip

diff --git a/.stylelintrc.json b/.stylelintrc.json
index c91107595..afdfd5f5b 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -12,6 +12,8 @@
     "custom-property-pattern": null,
     "keyframes-name-pattern": null,
     "scss/operator-no-newline-after": null,
+    "declaration-property-value-no-unknown": true,
+    "scss/declaration-property-value-no-unknown": true,
     "declaration-block-no-redundant-longhand-properties": [
       true,
       {
diff --git a/changelog.d/linter.skip b/changelog.d/linter.skip
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/App.scss b/src/App.scss
index d56306c9e..59995664c 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -1075,7 +1075,7 @@ option {
         scale: 1.0063 0.9938;
         translate: 0 -10%;
         transform: rotateZ(var(--defaultZ));
-        animation-timing-function: ease-in-ou;
+        animation-timing-function: ease-in-out;
       }
 
       90% {
diff --git a/src/components/block_card/block_card.vue b/src/components/block_card/block_card.vue
index 9f64a8e8c..90b9a2b16 100644
--- a/src/components/block_card/block_card.vue
+++ b/src/components/block_card/block_card.vue
@@ -1,7 +1,10 @@
 <template>
   <basic-user-card :user="user">
     <div class="block-card-content-container">
-      <span v-if="blocked && blockExpiryAvailable" class="alert neutral">
+      <span
+        v-if="blocked && blockExpiryAvailable"
+        class="alert neutral"
+      >
         {{ blockExpiry }}
       </span>
       {{ ' ' }}
@@ -22,9 +25,9 @@
     </div>
     <teleport to="#modal">
       <UserTimedFilterModal
+        ref="timedBlockDialog"
         :user="user"
         :is-mute="false"
-        ref="timedBlockDialog"
       />
     </teleport>
   </basic-user-card>
diff --git a/src/components/emoji_picker/emoji_picker.scss b/src/components/emoji_picker/emoji_picker.scss
index 05600c790..e318cdb40 100644
--- a/src/components/emoji_picker/emoji_picker.scss
+++ b/src/components/emoji_picker/emoji_picker.scss
@@ -154,10 +154,12 @@
       // Autoprefixed seem to ignore this one, and also syntax is different
       /* stylelint-disable mask-composite */
       /* stylelint-disable declaration-property-value-no-unknown */
+      /* stylelint-disable scss/declaration-property-value-no-unknown */
 
       /* TODO check if this is still needed */
       mask-composite: xor;
       /* stylelint-enable declaration-property-value-no-unknown */
+      /* stylelint-enable scss/declaration-property-value-no-unknown */
       /* stylelint-enable mask-composite */
       mask-composite: exclude;
 
diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue
index 6043e64e9..7209e9144 100644
--- a/src/components/gallery/gallery.vue
+++ b/src/components/gallery/gallery.vue
@@ -159,9 +159,11 @@
       /* Autoprefixed seem to ignore this one, and also syntax is different */
       /* stylelint-disable mask-composite */
       /* stylelint-disable declaration-property-value-no-unknown */
+      /* stylelint-disable scss/declaration-property-value-no-unknown */
 
       /* TODO check if this is still needed */
       mask-composite: xor;
+      /* stylelint-enable scss/declaration-property-value-no-unknown */
       /* stylelint-enable declaration-property-value-no-unknown */
       /* stylelint-enable mask-composite */
       mask-composite: exclude;
diff --git a/src/components/mute_card/mute_card.vue b/src/components/mute_card/mute_card.vue
index 60638d3ba..83520dc22 100644
--- a/src/components/mute_card/mute_card.vue
+++ b/src/components/mute_card/mute_card.vue
@@ -1,7 +1,10 @@
 <template>
   <basic-user-card :user="user">
     <div class="mute-card-content-container">
-      <span v-if="muted && muteExpiryAvailable" class="alert neutral">
+      <span
+        v-if="muted && muteExpiryAvailable"
+        class="alert neutral"
+      >
         {{ muteExpiry }}
       </span>
       {{ ' ' }}
@@ -22,9 +25,9 @@
     </div>
     <teleport to="#modal">
       <UserTimedFilterModal
+        ref="timedMuteDialog"
         :user="user"
         :is-mute="true"
-        ref="timedMuteDialog"
       />
     </teleport>
   </basic-user-card>
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index 2b05d1906..a699653f0 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -95,8 +95,8 @@
             </option>
           </Select>
           <ul
-            class="setting-list suboptions"
             v-if="onMuteDefaultActionLv1 === 'temporarily'"
+            class="setting-list suboptions"
           >
             <li>
               <UnitSetting
@@ -125,8 +125,8 @@
             </option>
           </Select>
           <ul
-            class="setting-list suboptions"
             v-if="onBlockDefaultActionLv1 === 'temporarily'"
+            class="setting-list suboptions"
           >
             <li>
               <UnitSetting
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 40d40bc3e..de8209e26 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -107,7 +107,10 @@
               </BooleanSetting>
             </li>
             <li>
-              <BooleanSetting v-if="!blockExpirationSupported" path="modalOnBlock">
+              <BooleanSetting
+                v-if="!blockExpirationSupported"
+                path="modalOnBlock"
+              >
                 {{ $t('settings.confirm_dialogs_block') }}
               </BooleanSetting>
             </li>
diff --git a/src/components/status_action_buttons/action_button_container.vue b/src/components/status_action_buttons/action_button_container.vue
index 75f5010ee..b7ff10f3c 100644
--- a/src/components/status_action_buttons/action_button_container.vue
+++ b/src/components/status_action_buttons/action_button_container.vue
@@ -95,9 +95,9 @@
         :user="user"
       />
       <UserTimedFilterModal
+        ref="confirmUser"
         :is-mute="true"
         :user="user"
-        ref="confirmUser"
       />
     </teleport>
   </div>
diff --git a/src/components/status_body/status_body.scss b/src/components/status_body/status_body.scss
index f89ea8d89..a8a7d662a 100644
--- a/src/components/status_body/status_body.scss
+++ b/src/components/status_body/status_body.scss
@@ -73,9 +73,11 @@
         /* Autoprefixed seem to ignore this one, and also syntax is different */
         /* stylelint-disable mask-composite */
         /* stylelint-disable declaration-property-value-no-unknown */
+        /* stylelint-disable scss/declaration-property-value-no-unknown */
 
         /* TODO check if this is still needed */
         mask-composite: xor;
+        /* stylelint-enable scss/declaration-property-value-no-unknown */
         /* stylelint-enable declaration-property-value-no-unknown */
         /* stylelint-enable mask-composite */
         mask-composite: exclude;
@@ -156,9 +158,11 @@
       /* Autoprefixed seem to ignore this one, and also syntax is different */
       /* stylelint-disable mask-composite */
       /* stylelint-disable declaration-property-value-no-unknown */
+      /* stylelint-disable scss/declaration-property-value-no-unknown */
 
       /* TODO check if this is still needed */
       mask-composite: xor;
+      /* stylelint-enable scss/declaration-property-value-no-unknown */
       /* stylelint-enable declaration-property-value-no-unknown */
       /* stylelint-enable mask-composite */
       mask-composite: exclude;
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 418bef08b..83b02fbc5 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -33,9 +33,11 @@
     // Autoprefixer seem to ignore this one, and also syntax is different
     /* stylelint-disable mask-composite */
     /* stylelint-disable declaration-property-value-no-unknown */
+    /* stylelint-disable scss/declaration-property-value-no-unknown */
 
     /* TODO check if this is still needed */
     mask-composite: xor;
+    /* stylelint-enable scss/declaration-property-value-no-unknown */
     /* stylelint-enable declaration-property-value-no-unknown */
     /* stylelint-enable mask-composite */
     mask-composite: exclude;
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
index 8fcf6eed8..91c05ad77 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
@@ -8,17 +8,16 @@
     @accepted="accept"
     @cancelled="cancel"
   >
-
     <p>
       {{ $t(isMute ? 'user_card.expire_mute_message' : 'user_card.expire_block_message', [user.screen_name]) }}
     </p>
     <p>
-    {{ $t('user_card.expire_in') }}
+      {{ $t('user_card.expire_in') }}
       <input
         id="userFilterExpires"
+        v-model="expiration"
         class="input input-expire-in"
         :class="{ disabled: forever }"
-        v-model="expiration"
         :disabled="forever"
         min="1"
         type="number"
@@ -29,10 +28,30 @@
         class="input unit-input unstyled"
         :disabled="forever"
       >
-        <option key="s" value="s"> {{ $t('time.unit.seconds_suffix') }} </option>
-        <option key="m" value="m"> {{ $t('time.unit.minutes_suffix') }} </option>
-        <option key="h" value="h"> {{ $t('time.unit.hours_suffix') }} </option>
-        <option key="d" value="d"> {{ $t('time.unit.days_suffix') }} </option>
+        <option
+          key="s"
+          value="s"
+        >
+          {{ $t('time.unit.seconds_suffix') }}
+        </option>
+        <option
+          key="m"
+          value="m"
+        >
+          {{ $t('time.unit.minutes_suffix') }}
+        </option>
+        <option
+          key="h"
+          value="h"
+        >
+          {{ $t('time.unit.hours_suffix') }}
+        </option>
+        <option
+          key="d"
+          value="d"
+        >
+          {{ $t('time.unit.days_suffix') }}
+        </option>
       </Select>
 
       {{ $t('user_card.mute_or') }}

From 79868aeeb90a23b2be03ab337007d56a82316e20 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 29 Jul 2025 17:38:08 +0300
Subject: [PATCH 058/424] initial profile overhaul

---
 src/components/color_input/color_input.vue   |   7 +-
 src/components/user_card/user_card.js        |  15 +-
 src/components/user_card/user_card.scss      | 250 +++++++++----
 src/components/user_card/user_card.vue       | 371 ++++++++++---------
 src/components/user_note/user_note.js        |   8 +-
 src/components/user_note/user_note.vue       |  74 ++--
 src/components/user_panel/user_panel.vue     |  15 +-
 src/components/user_popover/user_popover.vue |  19 +-
 src/components/user_profile/user_profile.js  |  11 +-
 src/components/user_profile/user_profile.vue |  91 -----
 src/i18n/en.json                             |  18 +-
 11 files changed, 470 insertions(+), 409 deletions(-)

diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index bcdf435fc..266ad4d4e 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -19,7 +19,7 @@
     />
     <div
       class="input color-input-field"
-      :class="{ disabled: !present || disabled }"
+      :class="{ disabled: !present || disabled, unstyled }"
     >
       <input
         :id="name + '-t'"
@@ -92,6 +92,11 @@ export default {
       required: true,
       type: String
     },
+    // use unstyled, uh, style
+    unstyled: {
+      required: false,
+      type: Boolean
+    },
     // Color value, should be required but vue cannot tell the difference
     // between "property missing" and "property set to undefined"
     modelValue: {
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 353a891f6..bb36c1255 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -1,3 +1,4 @@
+import ColorInput from 'src/components/color_input/color_input.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import RemoteFollow from '../remote_follow/remote_follow.vue'
 import ProgressButton from '../progress_button/progress_button.vue'
@@ -9,6 +10,7 @@ import Select from '../select/select.vue'
 import UserLink from '../user_link/user_link.vue'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import localeService from 'src/services/locale/locale.service.js'
 
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { mapGetters } from 'vuex'
@@ -21,7 +23,8 @@ import {
   faExternalLinkAlt,
   faEdit,
   faTimes,
-  faExpandAlt
+  faExpandAlt,
+  faBirthdayCake
 } from '@fortawesome/free-solid-svg-icons'
 
 import { useMediaViewerStore } from '../../stores/media_viewer'
@@ -34,7 +37,8 @@ library.add(
   faExternalLinkAlt,
   faEdit,
   faTimes,
-  faExpandAlt
+  faExpandAlt,
+  faBirthdayCake
 )
 
 export default {
@@ -60,7 +64,8 @@ export default {
     RichContent,
     UserLink,
     UserNote,
-    UserTimedFilterModal
+    UserTimedFilterModal,
+    ColorInput
   },
   data () {
     return {
@@ -175,6 +180,10 @@ export default {
         ? this.$t('user_card.block_expires_forever')
         : this.$t('user_card.block_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
     },
+    formattedBirthday () {
+      const browserLocale = localeService.internalToBrowserLocale(this.$i18n.locale)
+      return this.user.birthday && new Date(Date.parse(this.user.birthday)).toLocaleDateString(browserLocale, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' })
+    },
     ...mapGetters(['mergedConfig'])
   },
   methods: {
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 83b02fbc5..6abfef283 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -2,34 +2,67 @@
   position: relative;
   z-index: 1;
 
+  .user-card-inner {
+    padding-bottom: 0;
+  }
+
   &:hover {
     --_still-image-img-visibility: visible;
     --_still-image-canvas-visibility: hidden;
     --_still-image-label-visibility: hidden;
   }
 
-  .btn-mute, .btn-mention {
-    display: block;
-    width: 100%;
-  }
-
   .panel-heading {
-    padding: 0.5em 0;
     text-align: center;
     box-shadow: none;
     background: transparent;
+    backdrop-filter: none;
     flex-direction: column;
     align-items: stretch;
     // create new stacking context
     position: relative;
+    overflow: hidden;
+  }
+
+  .personal-marks {
+    margin: 0.6em;
+    padding: 0.6em;
+    border-bottom: 1px solid var(--border);
+
+    .highlighter {
+      h4 {
+        margin-top: 0.6em;
+      }
+
+      .userHighlightSel {
+        vertical-align: bottom;
+        margin-left: -0.1em;
+
+        &.-none {
+          font-style: italic;
+          color: var(--textFaint);
+        }
+      }
+
+      .highlighter-color {
+        vertical-align: bottom;
+        margin-left: 0.6em;
+      }
+    }
   }
 
   .background-image {
-    position: absolute;
+    width: calc(100% + 2.4em);
+    margin-left: -1.2em;
+    margin-right: -1.2em;
+    margin-top: -1.2em;
+    margin-bottom: -4.5em;
+    aspect-ratio: 3;
+    padding: 0;
     inset: 0;
     mask:
-      linear-gradient(to top, white, transparent) bottom no-repeat,
-      linear-gradient(to top, white, white);
+      linear-gradient(to top, white 0%, transparent 20%) bottom no-repeat,
+      linear-gradient(to top, white 0%, white 100%);
     // Autoprefixer seem to ignore this one, and also syntax is different
     /* stylelint-disable mask-composite */
     /* stylelint-disable declaration-property-value-no-unknown */
@@ -42,7 +75,7 @@
     /* stylelint-enable mask-composite */
     mask-composite: exclude;
     background-size: cover;
-    mask-size: 100% 60%;
+    mask-size: 100%;
     border-top-left-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
     border-top-right-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
     border-bottom-left-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
@@ -57,10 +90,11 @@
 
   &-bio {
     text-align: center;
+    color: var(--lightText);
     display: block;
     line-height: 1.3;
-    padding: 1em;
-    margin: 0;
+    padding: 0.6em;
+    margin: 0 0.6em;
 
     img {
       object-fit: contain;
@@ -100,14 +134,15 @@
 }
 
 .user-info {
-  padding: 0 26px;
+  position: relative;
+  margin: 0.6em;
+  margin-bottom: 0;
 
-  .container {
+  .user-identity {
     min-width: 0;
-    padding: 16px 0 6px;
     display: flex;
-    align-items: flex-start;
-    max-height: 56px;
+    align-items: flex-end;
+    margin-bottom: 1em;
 
     > * {
       min-width: 0;
@@ -123,19 +158,42 @@
       --_avatarShadowFilter: var(--avatarShadowFilter);
       --_avatarShadowInset: var(--avatarShadowInset);
 
-      width: 56px;
-      height: 56px;
+      min-width: 6em;
+      height: 6em;
       object-fit: cover;
     }
   }
 
+  .other-actions {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: grid;
+    grid-auto-flow: column;
+    grid-gap: 0.6em;
+
+    a, button {
+      text-align: center;
+      width: 2em;
+      height: 2em;
+      line-height: 2em;
+
+      &:not(:hover) .icon {
+        color: var(--lightText);
+      }
+    }
+  }
+
   &-avatar {
     position: relative;
     cursor: pointer;
+    margin-right: 0.6em;
 
     &.-overlay {
       position: absolute;
-      inset: 0;
+      inset: -0.6em;
+      left: -0.6em;
+      right: -1.2em;
       background-color: rgb(0 0 0 / 30%);
       display: flex;
       justify-content: center;
@@ -154,22 +212,9 @@
     }
   }
 
-  .external-link-button,
-  .edit-profile-button {
-    cursor: pointer;
-    width: 2.5em;
-    text-align: center;
-    margin: -0.5em 0;
-    padding: 0.5em 0;
-
-    &:not(:hover) .icon {
-      color: var(--lightText);
-    }
-  }
-
   .bottom-line {
     font-weight: lighter;
-    font-size: 1.1em;
+    font-size: 0.9em;
     align-items: baseline;
 
     .lock-icon {
@@ -184,16 +229,9 @@
       overflow: hidden;
     }
 
-    .dailyAvg {
-      min-width: 1px;
-      flex: 0 0 auto;
-      margin-left: 1em;
-      font-size: 0.7em;
-      color: var(--text);
-    }
-
     .user-role {
       flex: none;
+      align-self: baseline;
     }
   }
 
@@ -216,9 +254,16 @@
       --link: var(--text) !important;
     }
 
-    .top-line,
+    .top-line, {
+      display: flex;
+      line-height: 2;
+      font-weight: 600;
+    }
+
     .bottom-line {
       display: flex;
+      font-weight: 500;
+      line-height: 1.5;
     }
   }
 
@@ -230,9 +275,8 @@
     font-size: 1.1em;
   }
 
-  .user-meta {
-    margin-bottom: 0.15em;
-    display: flex;
+  .highlighter {
+    margin: 5em;
     align-items: baseline;
     line-height: 22px;
     flex-wrap: wrap;
@@ -279,23 +323,17 @@
 
   .user-interactions {
     position: relative;
-    display: flex;
-    flex-flow: row wrap;
-    margin-right: -0.75em;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(17%, 7em));
+    grid-gap: 0.6em;
 
-    > * {
-      margin: 0 0.75em 0.6em 0;
+    .popover-trigger-button, .moderation-tools-button {
+      width: 100%;
+    }
+
+    > .btn-group, > button {
       white-space: nowrap;
-      min-width: 95px;
     }
-
-    button {
-      margin: 0;
-    }
-  }
-
-  .user-note {
-    margin: 0 0.75em 0.6em 0;
   }
 }
 
@@ -303,24 +341,92 @@
   display: none;
 }
 
-.user-counts {
-  display: flex;
-  line-height: 16px;
-  padding: 0.5em 1.5em 0;
-  text-align: center;
+.user-extras {
+  display: grid;
+  place-items: center baseline;
   justify-content: space-between;
-  flex-wrap: wrap;
+  grid-template-columns: minmax(max-content, 1fr);
+  grid-auto-columns: 1fr;
+  grid-auto-flow: column;
+  padding: 1.2em 0.6em;
 }
 
-.user-count {
-  flex: 1 0 auto;
-  padding: 0.5em 0;
+.birthday {
+  width: 100%;
+  text-align: right;
+}
+
+.user-birthday {
+  margin: 0 0.75em 0.5em;
+}
+
+.user-profile-fields {
   margin: 0 0.5em;
 
-  h5 {
-    font-size: 1em;
+  img {
+    object-fit: contain;
+    vertical-align: middle;
+    max-width: 100%;
+    max-height: 400px;
+
+    &.emoji {
+      width: 18px;
+      height: 18px;
+    }
+  }
+
+  .user-profile-field {
+    display: flex;
+    margin: 0.25em;
+    border: 1px solid var(--border);
+    border-radius: var(--roundness);
+
+    .user-profile-field-name,
+    .user-profile-field-value {
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+      box-sizing: border-box;
+      line-height: 2em;
+    }
+
+    .user-profile-field-name {
+      flex: 0 1 50%;
+      font-weight: 600;
+      text-align: right;
+      color: var(--lightText);
+      min-width: 9em;
+      border-right: 1px solid var(--border);
+      padding-left: 1.2em;
+      padding-right: 0.6em;
+    }
+
+    .user-profile-field-value {
+      flex: 1 1 55%;
+      color: var(--text);
+      padding-left: 0.6em;
+      margin: 0;
+    }
+  }
+}
+
+.user-stats {
+  display: block;
+  text-align: center;
+  width: 100%;
+
+  dl {
+    display: inline;
+    margin-right: 1em;
+  }
+
+  dd {
     font-weight: bolder;
-    margin: 0 0 0.25em;
+    margin: 0;
+  }
+
+  dd, dt {
+    display: inline
   }
 
   /* stylelint-disable-next-line no-descending-specificity */
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index e51a16271..be5aa4bcd 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -3,14 +3,65 @@
     class="user-card"
     :class="classes"
   >
-    <div
-      :class="{ 'hide-bio': hideBio }"
-      :style="style"
-      class="background-image"
-    />
-    <div :class="onClose ? '' : 'panel-heading -flexible-height'">
+    <div :class="onClose ? '' : 'panel-heading -flexible-height'" class="user-card-inner">
       <div class="user-info">
-        <div class="container">
+        <div
+          :class="{ 'hide-bio': hideBio }"
+          :style="style"
+          class="background-image"
+        />
+        <div class="other-actions">
+          <button
+            v-if="!isOtherUser && user.is_local"
+            class="button-unstyled edit-profile-button"
+            @click.stop="openProfileTab"
+          >
+            <FAIcon
+              fixed-width
+              class="icon"
+              icon="edit"
+              :title="$t('user_card.edit_profile')"
+            />
+          </button>
+          <a
+            v-if="isOtherUser && !user.is_local"
+            :href="user.statusnet_profile_url"
+            target="_blank"
+            class="button-unstyled external-link-button"
+          >
+            <FAIcon
+              class="icon"
+              icon="external-link-alt"
+            />
+          </a>
+          <AccountActions
+            v-if="isOtherUser && loggedIn"
+            :user="user"
+            :relationship="relationship"
+          />
+          <router-link
+            v-if="onClose"
+            :to="userProfileLink(user)"
+            class="button-unstyled external-link-button"
+            @click="onClose"
+          >
+            <FAIcon
+              class="icon"
+              icon="expand-alt"
+            />
+          </router-link>
+          <button
+            v-if="onClose"
+            class="button-unstyled external-link-button"
+            @click="onClose"
+          >
+            <FAIcon
+              class="icon"
+              icon="times"
+            />
+          </button>
+        </div>
+        <div class="user-identity">
           <a
             v-if="avatarAction === 'zoom'"
             class="user-info-avatar -link"
@@ -48,55 +99,6 @@
                   :emoji="user.emoji"
                 />
               </router-link>
-              <button
-                v-if="!isOtherUser && user.is_local"
-                class="button-unstyled edit-profile-button"
-                @click.stop="openProfileTab"
-              >
-                <FAIcon
-                  fixed-width
-                  class="icon"
-                  icon="edit"
-                  :title="$t('user_card.edit_profile')"
-                />
-              </button>
-              <a
-                v-if="isOtherUser && !user.is_local"
-                :href="user.statusnet_profile_url"
-                target="_blank"
-                class="button-unstyled external-link-button"
-              >
-                <FAIcon
-                  class="icon"
-                  icon="external-link-alt"
-                />
-              </a>
-              <AccountActions
-                v-if="isOtherUser && loggedIn"
-                :user="user"
-                :relationship="relationship"
-              />
-              <router-link
-                v-if="onClose"
-                :to="userProfileLink(user)"
-                class="button-unstyled external-link-button"
-                @click="onClose"
-              >
-                <FAIcon
-                  class="icon"
-                  icon="expand-alt"
-                />
-              </router-link>
-              <button
-                v-if="onClose"
-                class="button-unstyled external-link-button"
-                @click="onClose"
-              >
-                <FAIcon
-                  class="icon"
-                  icon="times"
-                />
-              </button>
             </div>
             <div class="bottom-line">
               <user-link
@@ -148,60 +150,15 @@
               >
                 {{ blockExpiry }}
               </span>
-              <span
-                v-if="!mergedConfig.hideUserStats && !hideBio"
-                class="dailyAvg"
-              >{{ dailyAvg }} {{ $t('user_card.per_day') }}</span>
+              <div
+                v-if="relationship.followed_by && loggedIn && isOtherUser"
+                class="alert neutral user-role"
+              >
+                {{ $t('user_card.follows_you') }}
+              </div>
             </div>
           </div>
         </div>
-        <div class="user-meta">
-          <div
-            v-if="relationship.followed_by && loggedIn && isOtherUser"
-            class="following"
-          >
-            {{ $t('user_card.follows_you') }}
-          </div>
-          <div
-            v-if="isOtherUser && (loggedIn || !switcher)"
-            class="highlighter"
-          >
-            <!-- id's need to be unique, otherwise vue confuses which user-card checkbox belongs to -->
-            <input
-              v-if="userHighlightType !== 'disabled'"
-              :id="'userHighlightColorTx'+user.id"
-              v-model="userHighlightColor"
-              class="input userHighlightText"
-              type="text"
-            >
-            <input
-              v-if="userHighlightType !== 'disabled'"
-              :id="'userHighlightColor'+user.id"
-              v-model="userHighlightColor"
-              class="input userHighlightCl"
-              type="color"
-            >
-            {{ ' ' }}
-            <Select
-              :id="'userHighlightSel'+user.id"
-              v-model="userHighlightType"
-              class="userHighlightSel"
-            >
-              <option value="disabled">
-                {{ $t('user_card.highlight.disabled') }}
-              </option>
-              <option value="solid">
-                {{ $t('user_card.highlight.solid') }}
-              </option>
-              <option value="striped">
-                {{ $t('user_card.highlight.striped') }}
-              </option>
-              <option value="side">
-                {{ $t('user_card.highlight.side') }}
-              </option>
-            </Select>
-          </div>
-        </div>
         <div
           v-if="loggedIn && isOtherUser"
           class="user-interactions"
@@ -241,35 +198,32 @@
               </ProgressButton>
             </template>
           </div>
-          <div>
-            <button
-              v-if="relationship.muting"
-              class="btn button-default btn-mute toggled"
-              :disabled="user.deactivated"
-              @click="unmuteUser"
-            >
-              {{ $t('user_card.muted') }}
-            </button>
-            <button
-              v-else
-              class="btn button-default btn-mute"
-              :disabled="user.deactivated"
-              @click="muteUser"
-            >
-              {{ $t('user_card.mute') }}
-            </button>
-          </div>
-          <div>
-            <button
-              class="btn button-default btn-mention"
-              :disabled="user.deactivated"
-              @click="mentionUser"
-            >
-              {{ $t('user_card.mention') }}
-            </button>
-          </div>
+          <button
+            v-if="relationship.muting"
+            class="btn button-default btn-mute toggled"
+            :disabled="user.deactivated"
+            @click="unmuteUser"
+          >
+            {{ $t('user_card.muted') }}
+          </button>
+          <button
+            v-else
+            class="btn button-default btn-mute"
+            :disabled="user.deactivated"
+            @click="muteUser"
+          >
+            {{ $t('user_card.mute') }}
+          </button>
+          <button
+            class="btn button-default btn-mention"
+            :disabled="user.deactivated"
+            @click="mentionUser"
+          >
+            {{ $t('user_card.mention') }}
+          </button>
           <ModerationTools
             v-if="showModerationMenu"
+            class="moderation-menu"
             :user="user"
           />
         </div>
@@ -279,51 +233,132 @@
         >
           <RemoteFollow :user="user" />
         </div>
-        <UserNote
-          v-if="loggedIn && isOtherUser && (hasNote || (hasNoteEditor && supportsNote))"
-          :user="user"
-          :relationship="relationship"
-          :editable="hasNoteEditor"
+      </div>
+    </div>
+    <div class="personal-marks" v-if="loggedIn && isOtherUser && (hasNote || !hideBio)">
+      <UserNote
+        v-if="hasNote || (hasNoteEditor && supportsNote)"
+        :user="user"
+        :relationship="relationship"
+        :editable="hasNoteEditor"
+      />
+      <div
+        v-if="!hideBio"
+        class="highlighter"
+      >
+        <h4>{{ $t('user_card.highlight_header') }}</h4>
+        <Select
+          :id="'userHighlightSel'+user.id"
+          v-model="userHighlightType"
+          class="userHighlightSel unstyled"
+          :class="{ '-none': userHighlightType === 'disabled' }"
+        >
+          <option value="disabled">
+            {{ $t('user_card.highlight_new.disabled') }}
+          </option>
+          <option value="solid">
+            {{ $t('user_card.highlight_new.solid') }}
+          </option>
+          <option value="striped">
+            {{ $t('user_card.highlight_new.striped') }}
+          </option>
+          <option value="side">
+            {{ $t('user_card.highlight_new.side') }}
+          </option>
+        </Select>
+        <!-- id's need to be unique, otherwise vue confuses which user-card checkbox belongs to -->
+        <ColorInput
+          v-if="userHighlightType !== 'disabled'"
+          class="highlighter-color"
+          v-model="userHighlightColor"
+          :show-optional-checkbox="false"
+          name="'userHighlightColorTx'+user.id"
+          :unstyled="true"
         />
       </div>
     </div>
-    <div
+    <RichContent
       v-if="!hideBio"
-      class="user-bio"
+      class="user-card-bio"
+      :html="user.description_html"
+      :emoji="user.emoji"
+      :handle-links="true"
+    />
+    <div
+      v-if="!hideBio && user.fields_html && user.fields_html.length > 0"
+      class="user-profile-fields"
     >
-      <div
-        v-if="!mergedConfig.hideUserStats && switcher"
-        class="user-counts"
+      <dl
+        v-for="(field, index) in user.fields_html"
+        :key="index"
+        class="user-profile-field"
       >
-        <div
-          class="user-count"
-          @click.prevent="setProfileView('statuses')"
+        <dt
+          :title="user.fields_text[index].name"
+          class="user-profile-field-name"
         >
-          <h5>{{ $t('user_card.statuses') }}</h5>
-          <span>{{ user.statuses_count }} <br></span>
-        </div>
-        <div
-          class="user-count"
-          @click.prevent="setProfileView('friends')"
+          <RichContent
+            :html="field.name"
+            :emoji="user.emoji"
+          />
+        </dt>
+        <dd
+          :title="user.fields_text[index].value"
+          class="user-profile-field-value"
         >
-          <h5>{{ $t('user_card.followees') }}</h5>
-          <span>{{ hideFollowsCount ? $t('user_card.hidden') : user.friends_count }}</span>
-        </div>
-        <div
-          class="user-count"
-          @click.prevent="setProfileView('followers')"
+          <RichContent
+            :html="field.value"
+            :emoji="user.emoji"
+          />
+        </dd>
+      </dl>
+      <div class="user-extras">
+        <span
+          v-if="!hideBio && !mergedConfig.hideUserStats"
+          class="user-stats"
         >
-          <h5>{{ $t('user_card.followers') }}</h5>
-          <span>{{ hideFollowersCount ? $t('user_card.hidden') : user.followers_count }}</span>
+          <dl
+            class="user-count"
+            @click.prevent="setProfileView('statuses')"
+            v-if="!mergedConfig.hideUserStats && !hideBio"
+          >
+            <dd>{{ user.statuses_count }}</dd>
+            {{ ' ' }}
+            <dt>{{ $t('user_card.statuses') }}</dt>
+          </dl>
+          <dl
+            class="user-count"
+            @click.prevent="setProfileView('statuses')"
+          >
+            <dd>{{ dailyAvg }}</dd>
+            {{ ' ' }}
+            <dt>{{ $t('user_card.statuses_per_day') }}</dt>
+          </dl>
+          <dl
+            class="user-count"
+            @click.prevent="setProfileView('friends')"
+          >
+            <dd>{{ hideFollowsCount ? $t('user_card.hidden') : user.friends_count }}</dd>
+            {{ ' ' }}
+            <dt>{{ $t('user_card.followees') }}</dt>
+          </dl>
+          <dl
+            class="user-count"
+            @click.prevent="setProfileView('followers')"
+          >
+            <dd>{{ hideFollowersCount ? $t('user_card.hidden') : user.followers_count }}</dd>
+            {{ ' ' }}
+            <dt>{{ $t('user_card.followers') }}</dt>
+          </dl>
+        </span>
+        <div class="birthday" v-if="!hideBio && !!user.birthday">
+          <FAIcon
+            class="fa-old-padding"
+            icon="birthday-cake"
+          />
+          {{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
         </div>
       </div>
-      <RichContent
-        v-if="!hideBio"
-        class="user-card-bio"
-        :html="user.description_html"
-        :emoji="user.emoji"
-        :handle-links="true"
-      />
     </div>
     <teleport to="#modal">
       <UserTimedFilterModal
diff --git a/src/components/user_note/user_note.js b/src/components/user_note/user_note.js
index 830b2e594..00d8d076d 100644
--- a/src/components/user_note/user_note.js
+++ b/src/components/user_note/user_note.js
@@ -1,9 +1,14 @@
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+
 const UserNote = {
   props: {
     user: Object,
     relationship: Object,
     editable: Boolean
   },
+  components: {
+    PanelLoading
+  },
   data () {
     return {
       localNote: '',
@@ -21,9 +26,6 @@ const UserNote = {
       this.localNote = this.relationship.note
       this.editing = true
     },
-    cancelEditing () {
-      this.editing = false
-    },
     finalizeEditing () {
       this.frozen = true
 
diff --git a/src/components/user_note/user_note.vue b/src/components/user_note/user_note.vue
index e175ced00..f8b02271d 100644
--- a/src/components/user_note/user_note.vue
+++ b/src/components/user_note/user_note.vue
@@ -1,46 +1,28 @@
 <template>
   <div
     class="user-note"
+    :class="{ '-frozen': frozen }"
   >
-    <div class="heading">
-      <span>{{ $t('user_card.note') }}</span>
-      <div class="buttons">
-        <button
-          v-show="!editing && editable"
-          class="button-default btn"
-          @click="startEditing"
-        >
-          {{ $t('user_card.edit_note') }}
-        </button>
-        <button
-          v-show="editing"
-          class="button-default btn"
-          :disabled="frozen"
-          @click="finalizeEditing"
-        >
-          {{ $t('user_card.edit_note_apply') }}
-        </button>
-        <button
-          v-show="editing"
-          class="button-default btn"
-          :disabled="frozen"
-          @click="cancelEditing"
-        >
-          {{ $t('user_card.edit_note_cancel') }}
-        </button>
-      </div>
-    </div>
+    <h4>{{ $t('user_card.personal_note') }}</h4>
     <textarea
       v-show="editing"
       v-model="localNote"
       class="input note-text"
+      @blur="finalizeEditing"
     />
     <span
       v-show="!editing"
       class="note-text"
       :class="{ '-blank': !relationship.note }"
+      @click="startEditing"
     >
-      {{ relationship.note || $t('user_card.note_blank') }}
+      {{ relationship.note || $t('user_card.note_blank_click') }}
+    </span>
+    <span
+      class="overlay"
+      v-if="frozen"
+    >
+      <PanelLoading />
     </span>
   </div>
 </template>
@@ -49,29 +31,11 @@
 
 <style lang="scss">
 .user-note {
-  display: flex;
-  flex-direction: column;
+  position: relative;
 
-  .heading {
-    display: flex;
-    flex-direction: row;
+  h4 {
     justify-content: space-between;
-    align-items: center;
-    margin-bottom: 0.75em;
-
-    .btn {
-      min-width: 95px;
-    }
-
-    .buttons {
-      display: flex;
-      flex-direction: row;
-      justify-content: right;
-
-      .btn {
-        margin-left: 0.5em;
-      }
-    }
+    margin-bottom: 0.5em;
   }
 
   .note-text {
@@ -82,5 +46,15 @@
     font-style: italic;
     color: var(--textFaint);
   }
+
+  .overlay {
+    position: absolute;
+    inset: 0;
+    background-color: rgb(0 0 0 / 30%);
+
+    .panel-loading {
+      font-size: 1em;
+    }
+  }
 }
 </style>
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index 9323b65e7..801c88744 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -28,8 +28,21 @@
     backdrop-filter: var(--backdrop-filter);
   }
 
+  .user-info {
+    margin-bottom: 0;
+
+    .background-image {
+      max-height: 5.6em;
+      margin-bottom: -4.6em;
+    }
+
+    .Avatar {
+      width: 5em;
+      height: 5em;
+    }
+  }
+
   .signed-in {
-    overflow: visible;
     z-index: 10;
   }
 }
diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index 413b254cc..b8aeb18ad 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -26,7 +26,24 @@
 <style lang="scss">
 /* popover styles load on-demand, so we need to override */
 /* stylelint-disable block-no-empty */
-.user-popover.popover {
+.user-popover{
+  .user-card-inner {
+    display: flex;
+  }
+
+  &.popover {
+    overflow: hidden;
+    padding: 0.6em;
+
+    .user-info {
+      width: 30em;
+    }
+
+    .background-image {
+      max-height: 6em;
+      margin-bottom: -4.5em;
+    }
+  }
 }
 /* stylelint-enable block-no-empty */
 
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 49d6fd60a..a65f1b5ea 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -7,16 +7,13 @@ import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import List from '../list/list.vue'
 import withLoadMore from '../../hocs/with_load_more/with_load_more'
-import localeService from 'src/services/locale/locale.service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faCircleNotch,
-  faBirthdayCake
+  faCircleNotch
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
-  faCircleNotch,
-  faBirthdayCake
+  faCircleNotch
 )
 
 const FollowerList = withLoadMore({
@@ -82,10 +79,6 @@ const UserProfile = {
     },
     favoritesTabVisible () {
       return this.isUs || (this.$store.state.instance.pleromaPublicFavouritesAvailable && !this.user.hide_favorites)
-    },
-    formattedBirthday () {
-      const browserLocale = localeService.internalToBrowserLocale(this.$i18n.locale)
-      return this.user.birthday && new Date(Date.parse(this.user.birthday)).toLocaleDateString(browserLocale, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' })
     }
   },
   methods: {
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index f64da4a45..749b828b8 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -13,45 +13,6 @@
           rounded="top"
           :has-note-editor="true"
         />
-        <span
-          v-if="!!user.birthday"
-          class="user-birthday"
-        >
-          <FAIcon
-            class="fa-old-padding"
-            icon="birthday-cake"
-          />
-          {{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
-        </span>
-        <div
-          v-if="user.fields_html && user.fields_html.length > 0"
-          class="user-profile-fields"
-        >
-          <dl
-            v-for="(field, index) in user.fields_html"
-            :key="index"
-            class="user-profile-field"
-          >
-            <dt
-              :title="user.fields_text[index].name"
-              class="user-profile-field-name"
-            >
-              <RichContent
-                :html="field.name"
-                :emoji="user.emoji"
-              />
-            </dt>
-            <dd
-              :title="user.fields_text[index].value"
-              class="user-profile-field-value"
-            >
-              <RichContent
-                :html="field.value"
-                :emoji="user.emoji"
-              />
-            </dd>
-          </dl>
-        </div>
       </div>
       <tab-switcher
         :active-tab="tab"
@@ -173,58 +134,6 @@
   // No sticky header on user profile
   --currentPanelStack: 0;
 
-  .user-birthday {
-    margin: 0 0.75em 0.5em;
-  }
-
-  .user-profile-fields {
-    margin: 0 0.5em;
-
-    img {
-      object-fit: contain;
-      vertical-align: middle;
-      max-width: 100%;
-      max-height: 400px;
-
-      &.emoji {
-        width: 18px;
-        height: 18px;
-      }
-    }
-
-    .user-profile-field {
-      display: flex;
-      margin: 0.25em;
-      border: 1px solid var(--border);
-      border-radius: var(--roundness);
-
-      .user-profile-field-name {
-        flex: 0 1 30%;
-        font-weight: 500;
-        text-align: right;
-        color: var(--lightText);
-        min-width: 120px;
-        border-right: 1px solid var(--border);
-      }
-
-      .user-profile-field-value {
-        flex: 1 1 70%;
-        color: var(--text);
-        margin: 0 0 0 0.25em;
-      }
-
-      .user-profile-field-name,
-      .user-profile-field-value {
-        line-height: 1.3;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        padding: 0.5em 1.5em;
-        box-sizing: border-box;
-      }
-    }
-  }
-
   .userlist-placeholder {
     display: flex;
     justify-content: center;
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 737e6f417..e7a17253a 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1423,7 +1423,7 @@
     "block_expires_forever": "Blocked forever",
     "block_expires_at": "Blocked until {0}",
     "mute_duration_prompt": "Mute this user for (0 for indefinite time):",
-    "per_day": "per day",
+    "statuses_per_day": "Statuses per day",
     "remote_follow": "Remote follow",
     "remove_follower": "Remove follower",
     "remove_follower_confirm_title": "Remove follower confirmation",
@@ -1464,17 +1464,15 @@
       "delete_user": "Delete user",
       "delete_user_data_and_deactivate_confirmation": "This will permanently delete the data from this account and deactivate it. Are you absolutely sure?"
     },
-    "highlight": {
-      "disabled": "No highlight",
-      "solid": "Solid bg",
-      "striped": "Striped bg",
+    "highlight_new": {
+      "disabled": "Don't highlight",
+      "solid": "Solid background",
+      "striped": "Striped background",
       "side": "Side stripe"
     },
-    "note": "Note",
-    "note_blank": "(None)",
-    "edit_note": "Edit note",
-    "edit_note_apply": "Apply",
-    "edit_note_cancel": "Cancel"
+    "personal_note": "Personal note",
+    "note_blank_click": "Click to add note",
+    "highlight_header": "Highlight user's posts and mentions"
   },
   "user_profile": {
     "timeline_title": "User timeline",

From d299e864bf228d6864f9cac263b0c14e75dd6e6d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 29 Jul 2025 17:41:18 +0300
Subject: [PATCH 059/424] what's this doing here, begone

---
 .../notifications_fetcher/notifications_fetcher.service.js     | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index 89e000dd6..c7eed1858 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -18,8 +18,7 @@ const mastoApiNotificationTypes = new Set([
   'move',
   'poll',
   'pleroma:emoji_reaction',
-  'pleroma:report',
-  'test'
+  'pleroma:report'
 ])
 
 const fetchAndUpdate = ({ store, credentials, older = false, since }) => {

From ef0a4f402344899832a2ebe4b1ac579ee4c5ee36 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 29 Jul 2025 17:52:52 +0300
Subject: [PATCH 060/424] "fix" select styles

---
 src/components/user_card/user_card.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 6abfef283..b088b499d 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -38,9 +38,15 @@
         vertical-align: bottom;
         margin-left: -0.1em;
 
-        &.-none {
+        &.-none select {
           font-style: italic;
           color: var(--textFaint);
+
+          option {
+            font-style: initial;
+            color: var(--text);
+            background: var(--background);
+          }
         }
       }
 

From 0b1e7dbcea0b4d8699327875f9c5b622a493188e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 29 Jul 2025 18:38:41 +0300
Subject: [PATCH 061/424] simpler format for bdey/stats

---
 src/components/user_card/user_card.scss | 73 ++++++++++++-------------
 1 file changed, 35 insertions(+), 38 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index b088b499d..c0be15706 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -348,22 +348,44 @@
 }
 
 .user-extras {
-  display: grid;
-  place-items: center baseline;
-  justify-content: space-between;
-  grid-template-columns: minmax(max-content, 1fr);
-  grid-auto-columns: 1fr;
-  grid-auto-flow: column;
   padding: 1.2em 0.6em;
-}
+  line-height: 1.5;
 
-.birthday {
-  width: 100%;
-  text-align: right;
-}
+  .user-stats {
+    display: block;
+    text-align: center;
+    width: 100%;
 
-.user-birthday {
-  margin: 0 0.75em 0.5em;
+    dl {
+      display: inline;
+      margin-right: 1em;
+      white-space: nowrap;
+    }
+
+    dd {
+      font-weight: bolder;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      margin: 0;
+    }
+
+    dd, dt {
+      display: inline
+    }
+
+    /* stylelint-disable-next-line no-descending-specificity */
+    a {
+      text-decoration: none;
+    }
+  }
+
+  .birthday {
+    width: 100%;
+    text-align: center;
+    white-space: nowrap;
+
+    --icon: var(--text);
+  }
 }
 
 .user-profile-fields {
@@ -415,28 +437,3 @@
     }
   }
 }
-
-.user-stats {
-  display: block;
-  text-align: center;
-  width: 100%;
-
-  dl {
-    display: inline;
-    margin-right: 1em;
-  }
-
-  dd {
-    font-weight: bolder;
-    margin: 0;
-  }
-
-  dd, dt {
-    display: inline
-  }
-
-  /* stylelint-disable-next-line no-descending-specificity */
-  a {
-    text-decoration: none;
-  }
-}

From 731e9eed6e6e57fc2b1d5c09d69662e5ffef026d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 29 Jul 2025 19:00:45 +0300
Subject: [PATCH 062/424] style updates

---
 src/App.scss                                  |  4 +
 .../account_actions/account_actions.vue       |  1 -
 src/components/user_card/user_card.scss       | 12 +--
 src/components/user_card/user_card.vue        | 91 ++++++++++---------
 src/components/user_note/user_note.js         |  9 +-
 src/components/user_note/user_note.vue        | 20 ++--
 src/components/user_panel/user_panel.vue      |  7 +-
 7 files changed, 73 insertions(+), 71 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 59995664c..64c8b8b82 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -525,6 +525,10 @@ textarea {
     height: unset;
   }
 
+  &::placeholder {
+    color: var(--textFaint)
+  }
+
   --_padding: 0.5em;
 
   border: none;
diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue
index f3cca45d0..be281c5ae 100644
--- a/src/components/account_actions/account_actions.vue
+++ b/src/components/account_actions/account_actions.vue
@@ -3,7 +3,6 @@
     <Popover
       trigger="click"
       placement="bottom"
-      :bound-to="{ x: 'container' }"
       remove-padding
     >
       <template #content>
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index c0be15706..d66108927 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -21,13 +21,15 @@
     align-items: stretch;
     // create new stacking context
     position: relative;
-    overflow: hidden;
   }
 
   .personal-marks {
     margin: 0.6em;
     padding: 0.6em;
-    border-bottom: 1px solid var(--border);
+
+    &:not(:last-child) {
+      border-bottom: 1px solid var(--border);
+    }
 
     .highlighter {
       h4 {
@@ -39,11 +41,9 @@
         margin-left: -0.1em;
 
         &.-none select {
-          font-style: italic;
           color: var(--textFaint);
 
           option {
-            font-style: initial;
             color: var(--text);
             background: var(--background);
           }
@@ -164,8 +164,8 @@
       --_avatarShadowFilter: var(--avatarShadowFilter);
       --_avatarShadowInset: var(--avatarShadowInset);
 
-      min-width: 6em;
-      height: 6em;
+      width: 7em;
+      height: 7em;
       object-fit: cover;
     }
   }
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index be5aa4bcd..df6604a07 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -83,6 +83,7 @@
           />
           <router-link
             v-else
+            class="user-info-avatar"
             :to="userProfileLink(user)"
           >
             <UserAvatar :user="user" />
@@ -312,52 +313,52 @@
           />
         </dd>
       </dl>
-      <div class="user-extras">
-        <span
-          v-if="!hideBio && !mergedConfig.hideUserStats"
-          class="user-stats"
+    </div>
+    <div class="user-extras" v-if="!hideBio">
+      <span
+        v-if="!mergedConfig.hideUserStats"
+        class="user-stats"
+      >
+        <dl
+          class="user-count"
+          @click.prevent="setProfileView('statuses')"
+          v-if="!mergedConfig.hideUserStats && !hideBio"
         >
-          <dl
-            class="user-count"
-            @click.prevent="setProfileView('statuses')"
-            v-if="!mergedConfig.hideUserStats && !hideBio"
-          >
-            <dd>{{ user.statuses_count }}</dd>
-            {{ ' ' }}
-            <dt>{{ $t('user_card.statuses') }}</dt>
-          </dl>
-          <dl
-            class="user-count"
-            @click.prevent="setProfileView('statuses')"
-          >
-            <dd>{{ dailyAvg }}</dd>
-            {{ ' ' }}
-            <dt>{{ $t('user_card.statuses_per_day') }}</dt>
-          </dl>
-          <dl
-            class="user-count"
-            @click.prevent="setProfileView('friends')"
-          >
-            <dd>{{ hideFollowsCount ? $t('user_card.hidden') : user.friends_count }}</dd>
-            {{ ' ' }}
-            <dt>{{ $t('user_card.followees') }}</dt>
-          </dl>
-          <dl
-            class="user-count"
-            @click.prevent="setProfileView('followers')"
-          >
-            <dd>{{ hideFollowersCount ? $t('user_card.hidden') : user.followers_count }}</dd>
-            {{ ' ' }}
-            <dt>{{ $t('user_card.followers') }}</dt>
-          </dl>
-        </span>
-        <div class="birthday" v-if="!hideBio && !!user.birthday">
-          <FAIcon
-            class="fa-old-padding"
-            icon="birthday-cake"
-          />
-          {{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
-        </div>
+          <dd>{{ user.statuses_count }}</dd>
+          {{ ' ' }}
+          <dt>{{ $t('user_card.statuses') }}</dt>
+        </dl>
+        <dl
+          class="user-count"
+          @click.prevent="setProfileView('statuses')"
+        >
+          <dd>{{ dailyAvg }}</dd>
+          {{ ' ' }}
+          <dt>{{ $t('user_card.statuses_per_day') }}</dt>
+        </dl>
+        <dl
+          class="user-count"
+          @click.prevent="setProfileView('friends')"
+        >
+          <dd>{{ hideFollowsCount ? $t('user_card.hidden') : user.friends_count }}</dd>
+          {{ ' ' }}
+          <dt>{{ $t('user_card.followees') }}</dt>
+        </dl>
+        <dl
+          class="user-count"
+          @click.prevent="setProfileView('followers')"
+        >
+          <dd>{{ hideFollowersCount ? $t('user_card.hidden') : user.followers_count }}</dd>
+          {{ ' ' }}
+          <dt>{{ $t('user_card.followers') }}</dt>
+        </dl>
+      </span>
+      <div class="birthday" v-if="!hideBio && !!user.birthday">
+        <FAIcon
+          class="fa-old-padding"
+          icon="birthday-cake"
+        />
+        {{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
       </div>
     </div>
     <teleport to="#modal">
diff --git a/src/components/user_note/user_note.js b/src/components/user_note/user_note.js
index 00d8d076d..e5ead513c 100644
--- a/src/components/user_note/user_note.js
+++ b/src/components/user_note/user_note.js
@@ -11,14 +11,14 @@ const UserNote = {
   },
   data () {
     return {
-      localNote: '',
+      localNote: this.relationship.note,
       editing: false,
       frozen: false
     }
   },
-  computed: {
-    shouldShow () {
-      return this.relationship.note || this.editing
+  watch: {
+    relationship () {
+      this.localNote = this.relationship.note
     }
   },
   methods: {
@@ -39,6 +39,7 @@ const UserNote = {
         })
         .catch(() => {
           this.frozen = false
+          this.editing = false
         })
     }
   }
diff --git a/src/components/user_note/user_note.vue b/src/components/user_note/user_note.vue
index f8b02271d..eca009e7b 100644
--- a/src/components/user_note/user_note.vue
+++ b/src/components/user_note/user_note.vue
@@ -5,19 +5,14 @@
   >
     <h4>{{ $t('user_card.personal_note') }}</h4>
     <textarea
-      v-show="editing"
       v-model="localNote"
       class="input note-text"
+      :class="{ unstyled: !editing }"
+      @focus="startEditing"
       @blur="finalizeEditing"
+      rows="1"
+      :placeholder="$t('user_card.note_blank_click')"
     />
-    <span
-      v-show="!editing"
-      class="note-text"
-      :class="{ '-blank': !relationship.note }"
-      @click="startEditing"
-    >
-      {{ relationship.note || $t('user_card.note_blank_click') }}
-    </span>
     <span
       class="overlay"
       v-if="frozen"
@@ -40,11 +35,8 @@
 
   .note-text {
     align-self: stretch;
-  }
-
-  .note-text.-blank {
-    font-style: italic;
-    color: var(--textFaint);
+    min-width: 100%;
+    margin: -0.6em;
   }
 
   .overlay {
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index 801c88744..b6912066b 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -28,8 +28,13 @@
     backdrop-filter: var(--backdrop-filter);
   }
 
+  .other-actions {
+    top: -0.6em;
+    right: -0.6em;
+  }
+
   .user-info {
-    margin-bottom: 0;
+    margin-bottom: -1em;
 
     .background-image {
       max-height: 5.6em;

From 518144f30816dcc2e875f283d26cd50b37da5ffc Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 29 Jul 2025 23:46:39 +0300
Subject: [PATCH 063/424] changelog

---
 changelog.d/user_profile_redesign.change | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/user_profile_redesign.change

diff --git a/changelog.d/user_profile_redesign.change b/changelog.d/user_profile_redesign.change
new file mode 100644
index 000000000..27fc5f890
--- /dev/null
+++ b/changelog.d/user_profile_redesign.change
@@ -0,0 +1 @@
+User card/profile got an overhaul

From b05ebeaed504bb6ae0e1a22fc4d4815f8ce8e999 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 00:29:46 +0300
Subject: [PATCH 064/424] made profile action buttons easier to press

---
 src/components/user_card/user_card.scss  | 9 ++++++++-
 src/components/user_panel/user_panel.vue | 6 ++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index d66108927..372ce44c9 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -177,12 +177,19 @@
     display: grid;
     grid-auto-flow: column;
     grid-gap: 0.6em;
+    font-size: 110%;
 
-    a, button {
+    a, button, div {
       text-align: center;
       width: 2em;
       height: 2em;
       line-height: 2em;
+      padding: 0.6em;
+      margin: -0.6em;
+
+      &:hover .icon {
+        color: var(--textFaint);
+      }
 
       &:not(:hover) .icon {
         color: var(--lightText);
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index b6912066b..a3c71b169 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -31,6 +31,12 @@
   .other-actions {
     top: -0.6em;
     right: -0.6em;
+
+    a, button, div {
+      width: 2em;
+      height: 2em;
+      line-height: 2em;
+    }
   }
 
   .user-info {

From 4ffd8499a7d0b5bac09facee286d21ff9036ee4c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 00:30:07 +0300
Subject: [PATCH 065/424] scale avatar and user title with container width

---
 src/components/user_card/user_card.scss  | 9 ++++++++-
 src/components/user_panel/user_panel.vue | 2 ++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 372ce44c9..7357784a5 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -149,6 +149,7 @@
     display: flex;
     align-items: flex-end;
     margin-bottom: 1em;
+    container: user-card / inline-size;
 
     > * {
       min-width: 0;
@@ -165,7 +166,9 @@
       --_avatarShadowInset: var(--avatarShadowInset);
 
       width: 7em;
+      width: calc(min(7em, 20cqw));
       height: 7em;
+      height: calc(min(7em, 20cqw));
       object-fit: cover;
     }
   }
@@ -267,10 +270,14 @@
       --link: var(--text) !important;
     }
 
-    .top-line, {
+    .top-line {
       display: flex;
+      // these two normalize position and height when custom emoji are used
       line-height: 2;
+      margin-bottom: -0.2em;
       font-weight: 600;
+      font-size: 110%;
+      font-size: calc(max(110%, 4cqw));
     }
 
     .bottom-line {
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index a3c71b169..94d6a9286 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -49,7 +49,9 @@
 
     .Avatar {
       width: 5em;
+      width: calc(min(5em, 20cqw));
       height: 5em;
+      height: calc(min(5em, 20cqw));
     }
   }
 

From f5d167950decab5f19ee1f2b4daac98740635f99 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 01:03:47 +0300
Subject: [PATCH 066/424] proper bottom spacing in user popover

---
 src/components/user_popover/user_popover.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index b8aeb18ad..c2663fb47 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -26,7 +26,9 @@
 <style lang="scss">
 /* popover styles load on-demand, so we need to override */
 /* stylelint-disable block-no-empty */
-.user-popover{
+.user-popover {
+  margin-bottom: 0.6em;
+
   .user-card-inner {
     display: flex;
   }

From 9e77071e773c64280b3da36497a6de12f65d71f8 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 01:13:24 +0300
Subject: [PATCH 067/424] requested options

---
 .../settings_modal/tabs/general_tab.vue          | 16 ++++++++++++++++
 src/components/user_card/user_card.scss          |  6 ++++++
 src/components/user_card/user_card.vue           |  3 ++-
 src/i18n/en.json                                 |  2 ++
 src/modules/default_config_state.js              |  2 ++
 5 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index de8209e26..411fd8772 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -69,6 +69,22 @@
             {{ $t('settings.user_popover_avatar_overlay') }}
           </BooleanSetting>
         </li>
+        <li>
+          <BooleanSetting
+            path="userCardLeftJustify"
+            expert="1"
+          >
+            {{ $t('settings.user_card_left_justify') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="userCardHidePersonalMarks"
+            expert="1"
+          >
+            {{ $t('settings.user_card_hide_personal_marks') }}
+          </BooleanSetting>
+        </li>
         <li>
           <BooleanSetting
             path="alwaysShowNewPostButton"
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 7357784a5..0c56880fc 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -6,6 +6,12 @@
     padding-bottom: 0;
   }
 
+  .user-card-bio {
+    &.-justify-left {
+      text-align: start;
+    }
+  }
+
   &:hover {
     --_still-image-img-visibility: visible;
     --_still-image-canvas-visibility: hidden;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index df6604a07..6ff579b73 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -236,7 +236,7 @@
         </div>
       </div>
     </div>
-    <div class="personal-marks" v-if="loggedIn && isOtherUser && (hasNote || !hideBio)">
+    <div class="personal-marks" v-if="loggedIn && isOtherUser && (hasNote || !hideBio) && !mergedConfig.userCardHidePersonalMarks">
       <UserNote
         v-if="hasNote || (hasNoteEditor && supportsNote)"
         :user="user"
@@ -281,6 +281,7 @@
     <RichContent
       v-if="!hideBio"
       class="user-card-bio"
+      :class="{ '-justify-left': mergedConfig.userCardLeftJustify }"
       :html="user.description_html"
       :emoji="user.emoji"
       :handle-links="true"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index e7a17253a..c83ba46ae 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -797,6 +797,8 @@
     "user_popover_avatar_action_close": "Close the popover",
     "user_popover_avatar_action_open": "Open profile",
     "user_popover_avatar_overlay": "Show user popover over user avatar",
+    "user_card_left_justify": "Justify user bio to the left",
+    "user_card_hide_personal_marks": "Hide personal marks (highlight/note) in user profiles",
     "fun": "Fun",
     "greentext": "Meme arrows",
     "show_yous": "Show (You)s",
diff --git a/src/modules/default_config_state.js b/src/modules/default_config_state.js
index 8ccf79e70..045cb407a 100644
--- a/src/modules/default_config_state.js
+++ b/src/modules/default_config_state.js
@@ -126,6 +126,8 @@ export const defaultState = {
   showScrollbars: false,
   userPopoverAvatarAction: 'open',
   userPopoverOverlay: false,
+  userCardLeftJustify: false,
+  userCardHidePersonalMarks: false,
   sidebarColumnWidth: '25rem',
   contentColumnWidth: '45rem',
   notifsColumnWidth: '25rem',

From 1fdb676eca2eae4334e0b6f166855bcf9f28f760 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 01:20:27 +0300
Subject: [PATCH 068/424] better buttons sizing

---
 src/components/moderation_tools/moderation_tools.vue | 2 ++
 src/components/user_card/user_card.scss              | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/moderation_tools/moderation_tools.vue b/src/components/moderation_tools/moderation_tools.vue
index 9c8894bff..da33b89dc 100644
--- a/src/components/moderation_tools/moderation_tools.vue
+++ b/src/components/moderation_tools/moderation_tools.vue
@@ -208,6 +208,8 @@
 }
 
 .moderation-tools-button {
+  white-space: nowrap;
+
   svg,
   i {
     font-size: 0.8em;
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 0c56880fc..f96d6dff7 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -350,7 +350,7 @@
   .user-interactions {
     position: relative;
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(17%, 7em));
+    grid-template-columns: repeat(auto-fill, minmax(17%, min-content));
     grid-gap: 0.6em;
 
     .popover-trigger-button, .moderation-tools-button {

From add9535b1a005bf7962ad12446edc30ec40ee4d6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 10:00:03 +0300
Subject: [PATCH 069/424] fix overflows and small screens

---
 src/components/user_card/user_card.scss      | 13 +++++++------
 src/components/user_card/user_card.vue       | 14 +++++++-------
 src/components/user_popover/user_popover.vue |  4 ----
 3 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index f96d6dff7..e76f2973d 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -67,7 +67,7 @@
     width: calc(100% + 2.4em);
     margin-left: -1.2em;
     margin-right: -1.2em;
-    margin-top: -1.2em;
+    margin-top: -3.2em;
     margin-bottom: -4.5em;
     aspect-ratio: 3;
     padding: 0;
@@ -149,6 +149,7 @@
   position: relative;
   margin: 0.6em;
   margin-bottom: 0;
+  text-align: right;
 
   .user-identity {
     min-width: 0;
@@ -180,13 +181,12 @@
   }
 
   .other-actions {
-    position: absolute;
-    top: 0;
-    right: 0;
-    display: grid;
+    position: relative;
+    display: inline-grid;
     grid-auto-flow: column;
     grid-gap: 0.6em;
     font-size: 110%;
+    z-index: 2;
 
     a, button, div {
       text-align: center;
@@ -350,8 +350,9 @@
   .user-interactions {
     position: relative;
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(17%, min-content));
+    grid-template-columns: repeat(auto-fit, minmax(7.5em, 20%));
     grid-gap: 0.6em;
+    max-width: 98vw;
 
     .popover-trigger-button, .moderation-tools-button {
       width: 100%;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 6ff579b73..8656c6620 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -5,11 +5,6 @@
   >
     <div :class="onClose ? '' : 'panel-heading -flexible-height'" class="user-card-inner">
       <div class="user-info">
-        <div
-          :class="{ 'hide-bio': hideBio }"
-          :style="style"
-          class="background-image"
-        />
         <div class="other-actions">
           <button
             v-if="!isOtherUser && user.is_local"
@@ -61,6 +56,11 @@
             />
           </button>
         </div>
+        <div
+          :class="{ 'hide-bio': hideBio }"
+          :style="style"
+          class="background-image"
+        />
         <div class="user-identity">
           <a
             v-if="avatarAction === 'zoom'"
@@ -106,7 +106,7 @@
                 class="user-screen-name"
                 :user="user"
               />
-              <template v-if="!hideBio">
+              <div class="tags" v-if="!hideBio">
                 <span
                   v-if="user.deactivated"
                   class="alert neutral user-role"
@@ -131,7 +131,7 @@
                 >
                   {{ $t('user_card.group') }}
                 </span>
-              </template>
+              </div>
               <span v-if="user.locked">
                 <FAIcon
                   class="lock-icon"
diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index c2663fb47..c90fe5f69 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -37,10 +37,6 @@
     overflow: hidden;
     padding: 0.6em;
 
-    .user-info {
-      width: 30em;
-    }
-
     .background-image {
       max-height: 6em;
       margin-bottom: -4.5em;

From eb688572931abd991763c5322a3d960a053a207c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 10:22:37 +0300
Subject: [PATCH 070/424] user tags overflow

---
 src/components/user_card/user_card.scss | 43 +++++++--------
 src/components/user_card/user_card.vue  | 71 ++++++++++++-------------
 2 files changed, 54 insertions(+), 60 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index e76f2973d..21a5571da 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -234,29 +234,6 @@
     }
   }
 
-  .bottom-line {
-    font-weight: lighter;
-    font-size: 0.9em;
-    align-items: baseline;
-
-    .lock-icon {
-      margin-left: 0.5em;
-    }
-
-    .user-screen-name {
-      color: var(--text);
-      min-width: 1px;
-      flex: 0 1 auto;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-
-    .user-role {
-      flex: none;
-      align-self: baseline;
-    }
-  }
-
   .user-summary {
     display: block;
     margin-left: 0.6em;
@@ -287,10 +264,28 @@
     }
 
     .bottom-line {
-      display: flex;
+      white-space: normal;
       font-weight: 500;
+      font-size: 0.9em;
       line-height: 1.5;
     }
+
+    .lock-icon {
+      margin-left: 0.5em;
+    }
+
+    .user-screen-name {
+      color: var(--text);
+      min-width: 5em;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      display: inline-block;
+    }
+
+    .user-role {
+      display: inline-block;
+      vertical-align: baseline;
+    }
   }
 
   .user-name {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 8656c6620..92eb03830 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -102,42 +102,41 @@
               </router-link>
             </div>
             <div class="bottom-line">
-              <user-link
-                class="user-screen-name"
-                :user="user"
-              />
-              <div class="tags" v-if="!hideBio">
-                <span
-                  v-if="user.deactivated"
-                  class="alert neutral user-role"
-                >
-                  {{ $t('user_card.deactivated') }}
-                </span>
-                <span
-                  v-if="!!visibleRole"
-                  class="alert neutral user-role"
-                >
-                  {{ $t(`general.role.${visibleRole}`) }}
-                </span>
-                <span
-                  v-if="user.actor_type === 'Service'"
-                  class="alert neutral user-role"
-                >
-                  {{ $t('user_card.bot') }}
-                </span>
-                <span
-                  v-if="user.actor_type === 'Group'"
-                  class="alert user-role"
-                >
-                  {{ $t('user_card.group') }}
+              <div class="user-screen-name">
+                <user-link
+                  :user="user"
+                />
+                <span v-if="user.locked">
+                  <FAIcon
+                    class="lock-icon"
+                    icon="lock"
+                    size="sm"
+                  />
                 </span>
               </div>
-              <span v-if="user.locked">
-                <FAIcon
-                  class="lock-icon"
-                  icon="lock"
-                  size="sm"
-                />
+              <span
+                v-if="user.deactivated"
+                class="alert neutral user-role"
+              >
+                {{ $t('user_card.deactivated') }}
+              </span>
+              <span
+                v-if="!!visibleRole"
+                class="alert neutral user-role"
+              >
+                {{ $t(`general.role.${visibleRole}`) }}
+              </span>
+              <span
+                v-if="user.actor_type === 'Service'"
+                class="alert neutral user-role"
+              >
+                {{ $t('user_card.bot') }}
+              </span>
+              <span
+                v-if="user.actor_type === 'Group'"
+                class="alert user-role"
+              >
+                {{ $t('user_card.group') }}
               </span>
               <span
                 v-if="relationship.muting && muteExpiryAvailable"
@@ -151,12 +150,12 @@
               >
                 {{ blockExpiry }}
               </span>
-              <div
+              <span
                 v-if="relationship.followed_by && loggedIn && isOtherUser"
                 class="alert neutral user-role"
               >
                 {{ $t('user_card.follows_you') }}
-              </div>
+              </span>
             </div>
           </div>
         </div>

From 41d794d3ab9b83f500a0fa903fdfd2613a80574a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 10:29:28 +0300
Subject: [PATCH 071/424] fix border on popovers

---
 src/components/user_card/user_card.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 21a5571da..1a6fb805a 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -67,7 +67,7 @@
     width: calc(100% + 2.4em);
     margin-left: -1.2em;
     margin-right: -1.2em;
-    margin-top: -3.2em;
+    margin-top: -3.4em;
     margin-bottom: -4.5em;
     aspect-ratio: 3;
     padding: 0;

From 83ad4078bb0c8840711c10b4ebb25ba107263c67 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 16:53:22 +0300
Subject: [PATCH 072/424] fix stats on small screens

---
 src/components/user_card/user_card.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 1a6fb805a..8376548be 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -370,6 +370,7 @@
   .user-stats {
     display: block;
     text-align: center;
+    word-wrap: break-word;
     width: 100%;
 
     dl {

From ba5efe4a6798dac3271d4d2b145290c646e97376 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 16:53:33 +0300
Subject: [PATCH 073/424] fix tags showing up when they shouldn't

---
 src/components/user_card/user_card.vue | 86 +++++++++++++-------------
 1 file changed, 44 insertions(+), 42 deletions(-)

diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 92eb03830..3c2a5c2cc 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -114,48 +114,50 @@
                   />
                 </span>
               </div>
-              <span
-                v-if="user.deactivated"
-                class="alert neutral user-role"
-              >
-                {{ $t('user_card.deactivated') }}
-              </span>
-              <span
-                v-if="!!visibleRole"
-                class="alert neutral user-role"
-              >
-                {{ $t(`general.role.${visibleRole}`) }}
-              </span>
-              <span
-                v-if="user.actor_type === 'Service'"
-                class="alert neutral user-role"
-              >
-                {{ $t('user_card.bot') }}
-              </span>
-              <span
-                v-if="user.actor_type === 'Group'"
-                class="alert user-role"
-              >
-                {{ $t('user_card.group') }}
-              </span>
-              <span
-                v-if="relationship.muting && muteExpiryAvailable"
-                class="alert neutral user-role"
-              >
-                {{ muteExpiry }}
-              </span>
-              <span
-                v-if="relationship.blocking && blockExpiryAvailable"
-                class="alert neutral user-role"
-              >
-                {{ blockExpiry }}
-              </span>
-              <span
-                v-if="relationship.followed_by && loggedIn && isOtherUser"
-                class="alert neutral user-role"
-              >
-                {{ $t('user_card.follows_you') }}
-              </span>
+              <template v-if="!hideBio">
+                <span
+                  v-if="user.deactivated"
+                  class="alert neutral user-role"
+                >
+                  {{ $t('user_card.deactivated') }}
+                </span>
+                <span
+                  v-if="!!visibleRole"
+                  class="alert neutral user-role"
+                >
+                  {{ $t(`general.role.${visibleRole}`) }}
+                </span>
+                <span
+                  v-if="user.actor_type === 'Service'"
+                  class="alert neutral user-role"
+                >
+                  {{ $t('user_card.bot') }}
+                </span>
+                <span
+                  v-if="user.actor_type === 'Group'"
+                  class="alert user-role"
+                >
+                  {{ $t('user_card.group') }}
+                </span>
+                <span
+                  v-if="relationship.muting && muteExpiryAvailable"
+                  class="alert neutral user-role"
+                >
+                  {{ muteExpiry }}
+                </span>
+                <span
+                  v-if="relationship.blocking && blockExpiryAvailable"
+                  class="alert neutral user-role"
+                >
+                  {{ blockExpiry }}
+                </span>
+                <span
+                  v-if="relationship.followed_by && loggedIn && isOtherUser"
+                  class="alert neutral user-role"
+                >
+                  {{ $t('user_card.follows_you') }}
+                </span>
+              </template>
             </div>
           </div>
         </div>

From 2008fcce222c5c24f4df6cdad959ab4a61c13c81 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 31 Jul 2025 21:28:00 +0300
Subject: [PATCH 074/424] simpligy gradient style and improve other-actions
 layout

---
 src/components/user_card/user_card.scss      |  40 +++----
 src/components/user_card/user_card.vue       | 112 +++++++++----------
 src/components/user_panel/user_panel.vue     |  17 ---
 src/components/user_popover/user_popover.vue |   5 -
 4 files changed, 69 insertions(+), 105 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 8376548be..ad462e818 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -64,40 +64,20 @@
   }
 
   .background-image {
-    width: calc(100% + 2.4em);
-    margin-left: -1.2em;
-    margin-right: -1.2em;
-    margin-top: -3.4em;
-    margin-bottom: -4.5em;
-    aspect-ratio: 3;
-    padding: 0;
+    position: absolute;
     inset: 0;
-    mask:
-      linear-gradient(to top, white 0%, transparent 20%) bottom no-repeat,
-      linear-gradient(to top, white 0%, white 100%);
-    // Autoprefixer seem to ignore this one, and also syntax is different
-    /* stylelint-disable mask-composite */
-    /* stylelint-disable declaration-property-value-no-unknown */
-    /* stylelint-disable scss/declaration-property-value-no-unknown */
-
-    /* TODO check if this is still needed */
-    mask-composite: xor;
-    /* stylelint-enable scss/declaration-property-value-no-unknown */
-    /* stylelint-enable declaration-property-value-no-unknown */
-    /* stylelint-enable mask-composite */
-    mask-composite: exclude;
+    right: -1.2em;
+    left: -1.2em;
+    top: -1.4em;
+    padding: 0;
+    mask: linear-gradient(to top, transparent 1em, white 5em) bottom no-repeat;
     background-size: cover;
-    mask-size: 100%;
     border-top-left-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
     border-top-right-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
     border-bottom-left-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
     border-bottom-right-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
     background-color: var(--profileBg);
     z-index: -2;
-
-    &.hide-bio {
-      mask-size: 100% 40px;
-    }
   }
 
   &-bio {
@@ -152,6 +132,7 @@
   text-align: right;
 
   .user-identity {
+    aspect-ratio: 3;
     min-width: 0;
     display: flex;
     align-items: flex-end;
@@ -187,6 +168,7 @@
     grid-gap: 0.6em;
     font-size: 110%;
     z-index: 2;
+    align-self: start;
 
     a, button, div {
       text-align: center;
@@ -235,7 +217,9 @@
   }
 
   .user-summary {
-    display: block;
+    align-self: stretch;
+    display: flex;
+    flex-direction: column;
     margin-left: 0.6em;
     text-align: left;
     text-overflow: ellipsis;
@@ -255,6 +239,7 @@
 
     .top-line {
       display: flex;
+      flex: 1;
       // these two normalize position and height when custom emoji are used
       line-height: 2;
       margin-bottom: -0.2em;
@@ -289,6 +274,7 @@
   }
 
   .user-name {
+    align-self: end;
     text-overflow: ellipsis;
     overflow: hidden;
     flex: 1 1 auto;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 3c2a5c2cc..55bbe6ca7 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -5,63 +5,12 @@
   >
     <div :class="onClose ? '' : 'panel-heading -flexible-height'" class="user-card-inner">
       <div class="user-info">
-        <div class="other-actions">
-          <button
-            v-if="!isOtherUser && user.is_local"
-            class="button-unstyled edit-profile-button"
-            @click.stop="openProfileTab"
-          >
-            <FAIcon
-              fixed-width
-              class="icon"
-              icon="edit"
-              :title="$t('user_card.edit_profile')"
-            />
-          </button>
-          <a
-            v-if="isOtherUser && !user.is_local"
-            :href="user.statusnet_profile_url"
-            target="_blank"
-            class="button-unstyled external-link-button"
-          >
-            <FAIcon
-              class="icon"
-              icon="external-link-alt"
-            />
-          </a>
-          <AccountActions
-            v-if="isOtherUser && loggedIn"
-            :user="user"
-            :relationship="relationship"
-          />
-          <router-link
-            v-if="onClose"
-            :to="userProfileLink(user)"
-            class="button-unstyled external-link-button"
-            @click="onClose"
-          >
-            <FAIcon
-              class="icon"
-              icon="expand-alt"
-            />
-          </router-link>
-          <button
-            v-if="onClose"
-            class="button-unstyled external-link-button"
-            @click="onClose"
-          >
-            <FAIcon
-              class="icon"
-              icon="times"
-            />
-          </button>
-        </div>
-        <div
-          :class="{ 'hide-bio': hideBio }"
-          :style="style"
-          class="background-image"
-        />
         <div class="user-identity">
+          <div
+            :class="{ 'hide-bio': hideBio }"
+            :style="style"
+            class="background-image"
+          />
           <a
             v-if="avatarAction === 'zoom'"
             class="user-info-avatar -link"
@@ -100,6 +49,57 @@
                   :emoji="user.emoji"
                 />
               </router-link>
+              <div class="other-actions">
+                <button
+                  v-if="!isOtherUser && user.is_local"
+                  class="button-unstyled edit-profile-button"
+                  @click.stop="openProfileTab"
+                >
+                  <FAIcon
+                    fixed-width
+                    class="icon"
+                    icon="edit"
+                    :title="$t('user_card.edit_profile')"
+                  />
+                </button>
+                <a
+                  v-if="isOtherUser && !user.is_local"
+                  :href="user.statusnet_profile_url"
+                  target="_blank"
+                  class="button-unstyled external-link-button"
+                >
+                  <FAIcon
+                    class="icon"
+                    icon="external-link-alt"
+                  />
+                </a>
+                <AccountActions
+                  v-if="isOtherUser && loggedIn"
+                  :user="user"
+                  :relationship="relationship"
+                />
+                <router-link
+                  v-if="onClose"
+                  :to="userProfileLink(user)"
+                  class="button-unstyled external-link-button"
+                  @click="onClose"
+                >
+                  <FAIcon
+                    class="icon"
+                    icon="expand-alt"
+                  />
+                </router-link>
+                <button
+                  v-if="onClose"
+                  class="button-unstyled external-link-button"
+                  @click="onClose"
+                >
+                  <FAIcon
+                    class="icon"
+                    icon="times"
+                  />
+                </button>
+              </div>
             </div>
             <div class="bottom-line">
               <div class="user-screen-name">
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index 94d6a9286..f13fb1216 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -28,24 +28,7 @@
     backdrop-filter: var(--backdrop-filter);
   }
 
-  .other-actions {
-    top: -0.6em;
-    right: -0.6em;
-
-    a, button, div {
-      width: 2em;
-      height: 2em;
-      line-height: 2em;
-    }
-  }
-
   .user-info {
-    margin-bottom: -1em;
-
-    .background-image {
-      max-height: 5.6em;
-      margin-bottom: -4.6em;
-    }
 
     .Avatar {
       width: 5em;
diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index c90fe5f69..1fa855f03 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -36,11 +36,6 @@
   &.popover {
     overflow: hidden;
     padding: 0.6em;
-
-    .background-image {
-      max-height: 6em;
-      margin-bottom: -4.5em;
-    }
   }
 }
 /* stylelint-enable block-no-empty */

From 426fb9052200c29fd8ec60873f83e3b4b606367e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 31 Jul 2025 21:28:34 +0300
Subject: [PATCH 075/424] fix short names

---
 src/components/user_card/user_card.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index ad462e818..d4d9015bf 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -261,7 +261,6 @@
 
     .user-screen-name {
       color: var(--text);
-      min-width: 5em;
       text-overflow: ellipsis;
       overflow: hidden;
       display: inline-block;

From bb044315cdd5c58352488361c0c730204e413c28 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 31 Jul 2025 21:29:58 +0300
Subject: [PATCH 076/424] improve gradient styles again

---
 src/components/user_card/user_card.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index d4d9015bf..d59091e81 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -70,7 +70,7 @@
     left: -1.2em;
     top: -1.4em;
     padding: 0;
-    mask: linear-gradient(to top, transparent 1em, white 5em) bottom no-repeat;
+    mask: linear-gradient(to top, transparent 0, white 5em) bottom no-repeat;
     background-size: cover;
     border-top-left-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
     border-top-right-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
@@ -132,6 +132,7 @@
   text-align: right;
 
   .user-identity {
+    position: relative;
     aspect-ratio: 3;
     min-width: 0;
     display: flex;

From f8a5918fc8b1d5355060915b6fcd82085e61dec8 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 31 Jul 2025 21:35:43 +0300
Subject: [PATCH 077/424] improve other-actions again

---
 src/components/user_card/user_card.scss |  6 +++---
 src/components/user_card/user_card.vue  | 20 ++++++++++----------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index d59091e81..4ce5ac36e 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -167,9 +167,10 @@
     display: inline-grid;
     grid-auto-flow: column;
     grid-gap: 0.6em;
+    flex: 1;
     font-size: 110%;
     z-index: 2;
-    align-self: start;
+    align-self: end;
 
     a, button, div {
       text-align: center;
@@ -240,6 +241,7 @@
 
     .top-line {
       display: flex;
+      flex-direction: column;
       flex: 1;
       // these two normalize position and height when custom emoji are used
       line-height: 2;
@@ -274,10 +276,8 @@
   }
 
   .user-name {
-    align-self: end;
     text-overflow: ellipsis;
     overflow: hidden;
-    flex: 1 1 auto;
     margin-right: 1em;
     font-size: 1.1em;
   }
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 55bbe6ca7..4b859c9d7 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -39,16 +39,6 @@
           </router-link>
           <div class="user-summary">
             <div class="top-line">
-              <router-link
-                :to="userProfileLink(user)"
-                class="user-name"
-              >
-                <RichContent
-                  :title="user.name"
-                  :html="user.name"
-                  :emoji="user.emoji"
-                />
-              </router-link>
               <div class="other-actions">
                 <button
                   v-if="!isOtherUser && user.is_local"
@@ -100,6 +90,16 @@
                   />
                 </button>
               </div>
+              <router-link
+                :to="userProfileLink(user)"
+                class="user-name"
+              >
+                <RichContent
+                  :title="user.name"
+                  :html="user.name"
+                  :emoji="user.emoji"
+                />
+              </router-link>
             </div>
             <div class="bottom-line">
               <div class="user-screen-name">

From ddcd9007dcbce9d84f308be218806bedb8cbaad3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 31 Jul 2025 21:43:43 +0300
Subject: [PATCH 078/424] improve styles again

---
 src/components/user_card/user_card.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 4ce5ac36e..f8b1b15a2 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -167,8 +167,7 @@
     display: inline-grid;
     grid-auto-flow: column;
     grid-gap: 0.6em;
-    flex: 1;
-    font-size: 110%;
+    font-size: 1.25rem;
     z-index: 2;
     align-self: end;
 
@@ -242,6 +241,7 @@
     .top-line {
       display: flex;
       flex-direction: column;
+      justify-content: space-between;
       flex: 1;
       // these two normalize position and height when custom emoji are used
       line-height: 2;

From 07a6d58660fa0b05b1fe6e56069583571a75b455 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 31 Jul 2025 22:02:04 +0300
Subject: [PATCH 079/424] fix lock icon

---
 src/components/user_card/user_card.scss |  5 ++++-
 src/components/user_card/user_card.vue  | 23 ++++++++++++-----------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index f8b1b15a2..e3c825435 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -259,7 +259,10 @@
     }
 
     .lock-icon {
-      margin-left: 0.5em;
+      display: inline-block;
+      vertical-align: baseline;
+      overflow-x: hidden;
+      margin: 0 0.35em 0 0.5em;
     }
 
     .user-screen-name {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 4b859c9d7..1904b9c40 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -102,18 +102,19 @@
               </router-link>
             </div>
             <div class="bottom-line">
-              <div class="user-screen-name">
-                <user-link
-                  :user="user"
+              <user-link
+                class="user-screen-name"
+                :user="user"
+              />
+              <span
+                v-if="user.locked"
+                class="lock-icon"
+              >
+                <FAIcon
+                  icon="lock"
+                  size="sm"
                 />
-                <span v-if="user.locked">
-                  <FAIcon
-                    class="lock-icon"
-                    icon="lock"
-                    size="sm"
-                  />
-                </span>
-              </div>
+              </span>
               <template v-if="!hideBio">
                 <span
                   v-if="user.deactivated"

From 6e7ad5d554d48134a2440bef0c7697184b86a276 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 31 Jul 2025 22:34:46 +0300
Subject: [PATCH 080/424] fuck it, i dunno why it doesn't work right without
 flex

---
 src/components/user_card/user_card.scss |  3 +++
 src/components/user_card/user_card.vue  | 12 ++++++------
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index e3c825435..7b7545613 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -252,6 +252,9 @@
     }
 
     .bottom-line {
+      display: flex;
+      align-items: baseline;
+      flex-wrap: wrap;
       white-space: normal;
       font-weight: 500;
       font-size: 0.9em;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 1904b9c40..c8673ae19 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -115,6 +115,12 @@
                   size="sm"
                 />
               </span>
+              <span
+                v-if="relationship.followed_by && loggedIn && isOtherUser"
+                class="alert neutral user-role"
+              >
+                {{ $t('user_card.follows_you') }}
+              </span>
               <template v-if="!hideBio">
                 <span
                   v-if="user.deactivated"
@@ -152,12 +158,6 @@
                 >
                   {{ blockExpiry }}
                 </span>
-                <span
-                  v-if="relationship.followed_by && loggedIn && isOtherUser"
-                  class="alert neutral user-role"
-                >
-                  {{ $t('user_card.follows_you') }}
-                </span>
               </template>
             </div>
           </div>

From 34c29e4fdcf3e1720c11bed65d4e00229d36b776 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 31 Jul 2025 22:46:06 +0300
Subject: [PATCH 081/424] enforce min height to prevent buttonless (self)
 popovers from being tiny

---
 src/components/user_card/user_card.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 7b7545613..f8a7c48a4 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -134,7 +134,7 @@
   .user-identity {
     position: relative;
     aspect-ratio: 3;
-    min-width: 0;
+    min-height: 7em;
     display: flex;
     align-items: flex-end;
     margin-bottom: 1em;

From 9a85c3f8fb4fd85621780f677d3495ef5d9f0251 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 1 Aug 2025 00:58:59 +0300
Subject: [PATCH 082/424] save some space in popovers

---
 src/components/user_popover/user_popover.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index 1fa855f03..8626d27e8 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -29,6 +29,10 @@
 .user-popover {
   margin-bottom: 0.6em;
 
+  .user-identity {
+    aspect-ratio: unset;
+  }
+
   .user-card-inner {
     display: flex;
   }

From 66b83558bb8b01264f5c50f545cb35144a0b4646 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 1 Aug 2025 02:13:44 +0300
Subject: [PATCH 083/424] fix self popover... again

---
 src/components/user_popover/user_popover.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index 8626d27e8..9bff355e9 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -31,6 +31,7 @@
 
   .user-identity {
     aspect-ratio: unset;
+    min-width: calc(min(30em, 98vw));
   }
 
   .user-card-inner {

From d82ab81e4e65381eae4ae05b4811651439125c2c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 1 Aug 2025 02:19:48 +0300
Subject: [PATCH 084/424] make popovers even more nicer

---
 src/components/user_card/user_card.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index f8a7c48a4..53f885446 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -134,7 +134,7 @@
   .user-identity {
     position: relative;
     aspect-ratio: 3;
-    min-height: 7em;
+    min-height: 6em;
     display: flex;
     align-items: flex-end;
     margin-bottom: 1em;

From 68c88677a0f4b0335a3635b85624ce9e79d38a72 Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Sat, 2 Aug 2025 00:35:19 +0300
Subject: [PATCH 085/424] Correct the block expiration parameter name

---
 src/services/api/api.service.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 8e4be73eb..975b04c3e 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -323,7 +323,7 @@ const unmuteConversation = ({ id, credentials }) => {
 const blockUser = ({ id, expiresIn, credentials }) => {
   const payload = {}
   if (expiresIn) {
-    payload.expires_in = expiresIn
+    payload.duration = expiresIn
   }
 
   return promisedRequest({

From 3c2c5726612db1859f0ea96d466dc7b48a268ebf Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 3 Aug 2025 17:51:27 +0300
Subject: [PATCH 086/424] lint

---
 .../account_actions/account_actions.vue       |  2 +-
 src/components/user_card/user_card.vue        | 26 ++++++++++++++-----
 src/components/user_note/user_note.vue        |  6 ++---
 3 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue
index be281c5ae..cc00a735d 100644
--- a/src/components/account_actions/account_actions.vue
+++ b/src/components/account_actions/account_actions.vue
@@ -139,9 +139,9 @@
       </confirm-modal>
       <UserTimedFilterModal
         v-if="blockExpirationSupported"
+        ref="timedBlockDialog"
         :is-mute="false"
         :user="user"
-        ref="timedBlockDialog"
       />
     </teleport>
   </div>
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index c8673ae19..9c62359c9 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -3,7 +3,10 @@
     class="user-card"
     :class="classes"
   >
-    <div :class="onClose ? '' : 'panel-heading -flexible-height'" class="user-card-inner">
+    <div
+      :class="onClose ? '' : 'panel-heading -flexible-height'"
+      class="user-card-inner"
+    >
       <div class="user-info">
         <div class="user-identity">
           <div
@@ -238,7 +241,10 @@
         </div>
       </div>
     </div>
-    <div class="personal-marks" v-if="loggedIn && isOtherUser && (hasNote || !hideBio) && !mergedConfig.userCardHidePersonalMarks">
+    <div
+      v-if="loggedIn && isOtherUser && (hasNote || !hideBio) && !mergedConfig.userCardHidePersonalMarks"
+      class="personal-marks"
+    >
       <UserNote
         v-if="hasNote || (hasNoteEditor && supportsNote)"
         :user="user"
@@ -272,8 +278,8 @@
         <!-- id's need to be unique, otherwise vue confuses which user-card checkbox belongs to -->
         <ColorInput
           v-if="userHighlightType !== 'disabled'"
-          class="highlighter-color"
           v-model="userHighlightColor"
+          class="highlighter-color"
           :show-optional-checkbox="false"
           name="'userHighlightColorTx'+user.id"
           :unstyled="true"
@@ -317,15 +323,18 @@
         </dd>
       </dl>
     </div>
-    <div class="user-extras" v-if="!hideBio">
+    <div
+      v-if="!hideBio"
+      class="user-extras"
+    >
       <span
         v-if="!mergedConfig.hideUserStats"
         class="user-stats"
       >
         <dl
+          v-if="!mergedConfig.hideUserStats && !hideBio"
           class="user-count"
           @click.prevent="setProfileView('statuses')"
-          v-if="!mergedConfig.hideUserStats && !hideBio"
         >
           <dd>{{ user.statuses_count }}</dd>
           {{ ' ' }}
@@ -356,7 +365,10 @@
           <dt>{{ $t('user_card.followers') }}</dt>
         </dl>
       </span>
-      <div class="birthday" v-if="!hideBio && !!user.birthday">
+      <div
+        v-if="!hideBio && !!user.birthday"
+        class="birthday"
+      >
         <FAIcon
           class="fa-old-padding"
           icon="birthday-cake"
@@ -366,9 +378,9 @@
     </div>
     <teleport to="#modal">
       <UserTimedFilterModal
+        ref="timedMuteDialog"
         :user="user"
         :is-mute="true"
-        ref="timedMuteDialog"
       />
     </teleport>
   </div>
diff --git a/src/components/user_note/user_note.vue b/src/components/user_note/user_note.vue
index eca009e7b..8c4ec3662 100644
--- a/src/components/user_note/user_note.vue
+++ b/src/components/user_note/user_note.vue
@@ -8,14 +8,14 @@
       v-model="localNote"
       class="input note-text"
       :class="{ unstyled: !editing }"
-      @focus="startEditing"
-      @blur="finalizeEditing"
       rows="1"
       :placeholder="$t('user_card.note_blank_click')"
+      @focus="startEditing"
+      @blur="finalizeEditing"
     />
     <span
-      class="overlay"
       v-if="frozen"
+      class="overlay"
     >
       <PanelLoading />
     </span>

From 28422adc8c9846ca31e1f85a96963b59615e1752 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 3 Aug 2025 18:01:09 +0300
Subject: [PATCH 087/424] lint

---
 src/components/user_panel/user_panel.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index f13fb1216..7ac4d429c 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -29,7 +29,6 @@
   }
 
   .user-info {
-
     .Avatar {
       width: 5em;
       width: calc(min(5em, 20cqw));

From 51eb61180df191798cff395b09fd63bcd5b45b94 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 3 Aug 2025 18:32:18 +0300
Subject: [PATCH 088/424] fix missing computed in general tab

---
 src/components/settings_modal/tabs/general_tab.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 879dfd1a3..21ccd2393 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -1,3 +1,5 @@
+import { mapState } from 'vuex'
+
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
@@ -97,7 +99,10 @@ const GeneralTab = {
     },
     instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
     instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
+    ...mapState({
+      blockExpirationSupported: state => state.instance.blockExpiration,
+    })
   },
   methods: {
     changeDefaultScope (value) {

From 2df895ab027f1ae84b5bc090220ea497924a7f3c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 3 Aug 2025 21:56:45 +0300
Subject: [PATCH 089/424] editable meta and bdey

---
 src/components/emoji_input/emoji_input.vue    |   1 +
 .../settings_modal/tabs/profile_tab.js        |  10 +-
 .../settings_modal/tabs/profile_tab.scss      |   5 -
 .../settings_modal/tabs/profile_tab.vue       |  75 +-----
 src/components/user_card/user_card.js         | 109 ++++++++-
 src/components/user_card/user_card.scss       |  56 ++++-
 src/components/user_card/user_card.vue        | 222 ++++++++++++++----
 src/i18n/en.json                              |   1 +
 src/modules/instance.js                       |   1 +
 9 files changed, 343 insertions(+), 137 deletions(-)

diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue
index f9788d874..a7e98db95 100644
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@@ -115,6 +115,7 @@
   display: flex;
   flex-direction: column;
   position: relative;
+  display: flex;
 
   .emoji-picker-icon {
     position: absolute;
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index a549a8705..7de50dc4c 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -1,12 +1,12 @@
 import unescape from 'lodash/unescape'
 import merge from 'lodash/merge'
+import UserCard from 'src/components/user_card/user_card.vue'
 import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
 import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
 import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
 import ProgressButton from 'src/components/progress_button/progress_button.vue'
 import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import suggestor from 'src/components/emoji_input/suggestor.js'
-import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import Select from 'src/components/select/select.vue'
@@ -53,10 +53,10 @@ const ProfileTab = {
     }
   },
   components: {
+    UserCard,
     ScopeSelector,
     ImageCropper,
     EmojiInput,
-    Autosuggest,
     ProgressButton,
     Checkbox,
     BooleanSetting,
@@ -88,12 +88,6 @@ const ProfileTab = {
     userSuggestor () {
       return suggestor({ store: this.$store })
     },
-    fieldsLimits () {
-      return this.$store.state.instance.fieldsLimits
-    },
-    maxFields () {
-      return this.fieldsLimits ? this.fieldsLimits.maxFields : 0
-    },
     defaultAvatar () {
       return this.$store.state.instance.server + this.$store.state.instance.defaultAvatar
     },
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index 7eda943b7..2588caf38 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -125,9 +125,4 @@
       padding: 0 0.5em;
     }
   }
-
-  .birthday-input {
-    display: block;
-    margin-bottom: 1em;
-  }
 }
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 034034a12..4335a678e 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -2,6 +2,12 @@
   <div class="profile-tab">
     <div class="setting-item">
       <h2>{{ $t('settings.name_bio') }}</h2>
+      <UserCard
+        :user-id="user.id"
+        :editable="true"
+        :switcher="false"
+        rounded="top"
+      />
       <p>{{ $t('settings.name') }}</p>
       <EmojiInput
         v-model="newName"
@@ -41,75 +47,6 @@
           </template>
         </Checkbox>
       </p>
-      <div>
-        <p>{{ $t('settings.birthday.label') }}</p>
-        <input
-          id="birthday"
-          v-model="newBirthday"
-          type="date"
-          class="input birthday-input"
-        >
-        <Checkbox v-model="showBirthday">
-          {{ $t('settings.birthday.show_birthday') }}
-        </Checkbox>
-      </div>
-      <div v-if="maxFields > 0">
-        <p>{{ $t('settings.profile_fields.label') }}</p>
-        <div
-          v-for="(_, i) in newFields"
-          :key="i"
-          class="profile-fields"
-        >
-          <EmojiInput
-            v-model="newFields[i].name"
-            enable-emoji-picker
-            hide-emoji-button
-            :suggest="userSuggestor"
-          >
-            <template #default="inputProps">
-              <input
-                v-model="newFields[i].name"
-                :placeholder="$t('settings.profile_fields.name')"
-                v-bind="propsToNative(inputProps)"
-                class="input"
-              >
-            </template>
-          </EmojiInput>
-          <EmojiInput
-            v-model="newFields[i].value"
-            enable-emoji-picker
-            hide-emoji-button
-            :suggest="userSuggestor"
-          >
-            <template #default="inputProps">
-              <input
-                v-model="newFields[i].value"
-                :placeholder="$t('settings.profile_fields.value')"
-                v-bind="propsToNative(inputProps)"
-                class="input"
-              >
-            </template>
-          </EmojiInput>
-          <button
-            class="delete-field button-unstyled -hover-highlight"
-            @click="deleteField(i)"
-          >
-            <!-- TODO something is wrong with v-show here -->
-            <FAIcon
-              v-if="newFields.length > 1"
-              icon="times"
-            />
-          </button>
-        </div>
-        <button
-          v-if="newFields.length < maxFields"
-          class="add-field faint button-unstyled -hover-highlight"
-          @click="addField"
-        >
-          <FAIcon icon="plus" />
-          {{ $t("settings.profile_fields.add_field") }}
-        </button>
-      </div>
       <p>
         <label>
           {{ $t('settings.actor_type') }}
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index bb36c1255..11ffad439 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -1,3 +1,6 @@
+import merge from 'lodash/merge'
+import unescape from 'lodash/unescape'
+
 import ColorInput from 'src/components/color_input/color_input.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import RemoteFollow from '../remote_follow/remote_follow.vue'
@@ -10,11 +13,17 @@ import Select from '../select/select.vue'
 import UserLink from '../user_link/user_link.vue'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+
 import localeService from 'src/services/locale/locale.service.js'
+import suggestor from 'src/components/emoji_input/suggestor.js'
 
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { mapGetters } from 'vuex'
 import { usePostStatusStore } from 'src/stores/post_status'
+import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
@@ -24,13 +33,15 @@ import {
   faEdit,
   faTimes,
   faExpandAlt,
-  faBirthdayCake
+  faBirthdayCake,
+  faSave
 } from '@fortawesome/free-solid-svg-icons'
 
 import { useMediaViewerStore } from '../../stores/media_viewer'
 import { useInterfaceStore } from '../../stores/interface'
 
 library.add(
+  faSave,
   faRss,
   faBell,
   faSearchPlus,
@@ -43,6 +54,7 @@ library.add(
 
 export default {
   props: [
+    'editable',
     'userId',
     'switcher',
     'selected',
@@ -55,6 +67,7 @@ export default {
   ],
   components: {
     UserAvatar,
+    Checkbox,
     RemoteFollow,
     ModerationTools,
     AccountActions,
@@ -65,13 +78,27 @@ export default {
     UserLink,
     UserNote,
     UserTimedFilterModal,
-    ColorInput
+    ColorInput,
+    EmojiInput
   },
   data () {
+    const user = this.$store.state.users.currentUser
+
     return {
       followRequestInProgress: false,
       muteExpiryAmount: 0,
-      muteExpiryUnit: 'minutes'
+      muteExpiryUnit: 'minutes',
+
+      // Editable stuff
+      newName: user.name_unescaped,
+      newActorType: user.actor_type,
+      newBio: unescape(user.description),
+      newBirthday: user.birthday,
+      newShowBirthday: user.show_birthday,
+      newFields: user.fields.map(field => ({ name: field.name, value: field.value })),
+      editingFields: false,
+      newLocked: user.locked,
+      newShowRole: user.show_role,
     }
   },
   created () {
@@ -114,6 +141,13 @@ export default {
       const days = Math.ceil((new Date() - new Date(this.user.created_at)) / (60 * 60 * 24 * 1000))
       return Math.round(this.user.statuses_count / days)
     },
+    emoji () {
+      return this.$store.state.instance.customEmoji.map(e => ({
+        shortcode: e.displayText,
+        static_url: e.imageUrl,
+        url: e.imageUrl
+      }))
+    },
     userHighlightType: {
       get () {
         const data = this.$store.getters.mergedConfig.highlight[this.user.screen_name]
@@ -184,6 +218,31 @@ export default {
       const browserLocale = localeService.internalToBrowserLocale(this.$i18n.locale)
       return this.user.birthday && new Date(Date.parse(this.user.birthday)).toLocaleDateString(browserLocale, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' })
     },
+
+    // Editable stuff
+    fieldsLimits () {
+      return this.$store.state.instance.fieldsLimits
+    },
+    maxFields () {
+      return this.fieldsLimits ? this.fieldsLimits.maxFields : 0
+    },
+    emojiUserSuggestor () {
+      return suggestor({
+        emoji: [
+          ...this.$store.getters.standardEmojiList,
+          ...this.$store.state.instance.customEmoji
+        ],
+        store: this.$store
+      })
+    },
+    emojiSuggestor () {
+      return suggestor({
+        emoji: [
+          ...this.$store.getters.standardEmojiList,
+          ...this.$store.state.instance.customEmoji
+        ]
+      })
+    },
     ...mapGetters(['mergedConfig'])
   },
   methods: {
@@ -238,6 +297,48 @@ export default {
         e.preventDefault()
         this.onAvatarClick()
       }
-    }
+    },
+
+    // Editable stuff
+    addField () {
+      if (this.newFields.length < this.maxFields) {
+        this.newFields.push({ name: '', value: '' })
+        return true
+      }
+      return false
+    },
+    deleteField (index) {
+      this.newFields.splice(index, 1)
+    },
+    propsToNative (props) {
+      return propsToNative(props)
+    },
+    updateProfile () {
+      const params = {
+        note: this.newBio,
+        locked: this.newLocked,
+
+        // Backend notation.
+        display_name: this.newName,
+        fields_attributes: this.newFields.filter(el => el != null),
+        actor_type: this.actorType,
+        show_role: this.showRole,
+        birthday: this.newBirthday || '',
+        show_birthday: this.showBirthday
+      }
+
+      if (this.emailLanguage) {
+        params.language = localeService.internalToBackendLocaleMulti(this.emailLanguage)
+      }
+
+      this.$store.state.api.backendInteractor
+        .updateProfile({ params })
+        .then((user) => {
+          this.newFields.splice(user.fields.length)
+          merge(this.newFields, user.fields)
+          this.$store.commit('addNewUsers', [user])
+          this.$store.commit('setCurrentUser', user)
+        })
+    },
   }
 }
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 53f885446..f06ac4c55 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -2,6 +2,17 @@
   position: relative;
   z-index: 1;
 
+  // editing headers
+  h4 {
+    line-height: 2;
+    display: flex;
+    padding: 0 1.0em;
+
+    span {
+      flex: 1;
+    }
+  }
+
   .user-card-inner {
     padding-bottom: 0;
   }
@@ -179,6 +190,10 @@
       padding: 0.6em;
       margin: -0.6em;
 
+      &.save-profile-button {
+        width: auto;
+      }
+
       &:hover .icon {
         color: var(--textFaint);
       }
@@ -400,37 +415,64 @@
 .user-profile-fields {
   margin: 0 0.5em;
 
+  --emoji-size: 1.8em;
+
   img {
     object-fit: contain;
     vertical-align: middle;
     max-width: 100%;
     max-height: 400px;
-
-    &.emoji {
-      width: 18px;
-      height: 18px;
-    }
   }
 
+  .user-profile-field-add,
   .user-profile-field {
     display: flex;
+    align-items: baseline;
     margin: 0.25em;
     border: 1px solid var(--border);
     border-radius: var(--roundness);
+    line-height: 2em;
+  }
+
+  .user-profile-field-add {
+    justify-content: center;
+  }
+
+  .user-profile-field {
+    .input {
+      text-align: inherit;
+      flex: 1;
+    }
+
+    .delete-field {
+      display: inline-block;
+      text-align: center;
+      width: 2em;
+    }
 
     .user-profile-field-name,
-    .user-profile-field-value {
+    .user-profile-field-value,
+    .user-profile-field-add {
       text-overflow: ellipsis;
       white-space: nowrap;
       overflow: hidden;
       box-sizing: border-box;
-      line-height: 2em;
+      display: inline-flex;
+
+      &.-edit {
+        padding: 0;
+
+        input {
+          font-weight: inherit;
+        }
+      }
     }
 
     .user-profile-field-name {
       flex: 0 1 50%;
       font-weight: 600;
       text-align: right;
+      justify-content: end;
       color: var(--lightText);
       min-width: 9em;
       border-right: 1px solid var(--border);
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 9c62359c9..5fbfee3c4 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -27,6 +27,19 @@
               />
             </div>
           </a>
+          <button
+            v-else-if="editable"
+            class="user-info-avatar button-unstyled -link"
+            @click="editAvatar"
+          >
+            <UserAvatar :user="user" />
+            <div class="user-info-avatar -link -overlay">
+              <FAIcon
+                class="fa-scale-110 fa-old-padding"
+                icon="pencil"
+              />
+            </div>
+          </button>
           <UserAvatar
             v-else-if="typeof avatarAction === 'function'"
             class="user-info-avatar"
@@ -42,9 +55,25 @@
           </router-link>
           <div class="user-summary">
             <div class="top-line">
-              <div class="other-actions">
+              <div
+                class="other-actions"
+              >
                 <button
-                  v-if="!isOtherUser && user.is_local"
+                  v-if="editable"
+                  :disabled="newName && newName.length === 0"
+                  class="btn button-unstyled save-profile-button"
+                  @click="updateProfile"
+                >
+                  {{ $t('settings.save') }}
+                  <FAIcon
+                    fixed-width
+                    class="icon"
+                    icon="save"
+                    :title="$t('user_card.edit_profile')"
+                  />
+                </button>
+                <button
+                  v-else-if="!editable && !isOtherUser && user.is_local"
                   class="button-unstyled edit-profile-button"
                   @click.stop="openProfileTab"
                 >
@@ -100,7 +129,7 @@
                 <RichContent
                   :title="user.name"
                   :html="user.name"
-                  :emoji="user.emoji"
+                  :emoji="editable ? emoji : user.emoji"
                 />
               </router-link>
             </div>
@@ -166,7 +195,7 @@
           </div>
         </div>
         <div
-          v-if="loggedIn && isOtherUser"
+          v-if="!editable && loggedIn && isOtherUser"
           class="user-interactions"
         >
           <div class="btn-group">
@@ -242,7 +271,7 @@
       </div>
     </div>
     <div
-      v-if="loggedIn && isOtherUser && (hasNote || !hideBio) && !mergedConfig.userCardHidePersonalMarks"
+      v-if="!editable && loggedIn && isOtherUser && (hasNote || !hideBio) && !mergedConfig.userCardHidePersonalMarks"
       class="personal-marks"
     >
       <UserNote
@@ -291,44 +320,127 @@
       class="user-card-bio"
       :class="{ '-justify-left': mergedConfig.userCardLeftJustify }"
       :html="user.description_html"
-      :emoji="user.emoji"
+      :emoji="editable ? emoji : user.emoji"
       :handle-links="true"
     />
-    <div
-      v-if="!hideBio && user.fields_html && user.fields_html.length > 0"
-      class="user-profile-fields"
-    >
-      <dl
-        v-for="(field, index) in user.fields_html"
-        :key="index"
-        class="user-profile-field"
+    <h4 v-if="editable">
+      <span>
+        {{ $t('settings.profile_fields.label') }}
+      </span>
+      <button
+        class="button-default"
+        @click="editingFields = !editingFields"
       >
-        <dt
-          :title="user.fields_text[index].name"
-          class="user-profile-field-name"
+        {{ $t('settings.toggle_edit') }}
+      </button>
+    </h4>
+    <template v-if="!editable || !editingFields">
+      <div
+        v-if="!hideBio && user.fields_html && user.fields_html.length > 0"
+        class="user-profile-fields"
+      >
+        <dl
+          v-for="(field, index) in newFields"
+          :key="index"
+          class="user-profile-field"
         >
-          <RichContent
-            :html="field.name"
-            :emoji="user.emoji"
-          />
-        </dt>
-        <dd
-          :title="user.fields_text[index].value"
-          class="user-profile-field-value"
+          <dt
+            :title="field.name"
+            class="user-profile-field-name"
+          >
+            <RichContent
+              :html="field.name"
+              :emoji="editable ? emoji : user.emoji"
+            />
+          </dt>
+          <dd
+            :title="field.value"
+            class="user-profile-field-value"
+          >
+            <RichContent
+              :html="field.value"
+              :emoji="editable ? emoji : user.emoji"
+            />
+          </dd>
+        </dl>
+      </div>
+    </template>
+    <template v-else-if="editingFields">
+      <div
+        v-if="maxFields > 0"
+        class="user-profile-fields"
+      >
+        <dl
+          v-for="(_, i) in newFields"
+          :key="i"
+          class="user-profile-field"
         >
-          <RichContent
-            :html="field.value"
-            :emoji="user.emoji"
-          />
-        </dd>
-      </dl>
-    </div>
+          <dt
+            class="user-profile-field-name -edit"
+          >
+            <EmojiInput
+              v-model="newFields[i].name"
+              enable-emoji-picker
+              :suggest="emojiSuggestor"
+            >
+              <template #default="inputProps">
+                <input
+                  v-model="newFields[i].name"
+                  :placeholder="$t('settings.profile_fields.name')"
+                  v-bind="propsToNative(inputProps)"
+                  class="input"
+                >
+              </template>
+            </EmojiInput>
+          </dt>
+          <dd
+            class="user-profile-field-value -edit"
+          >
+            <EmojiInput
+              v-model="newFields[i].value"
+              enable-emoji-picker
+              :suggest="emojiSuggestor"
+            >
+              <template #default="inputProps">
+                <input
+                  v-model="newFields[i].value"
+                  :placeholder="$t('settings.profile_fields.value')"
+                  v-bind="propsToNative(inputProps)"
+                  class="input input"
+                >
+              </template>
+            </EmojiInput>
+            <button
+              class="delete-field button-unstyled -hover-highlight"
+              @click="deleteField(i)"
+            >
+              <!-- TODO something is wrong with v-show here -->
+              <FAIcon
+                v-if="newFields.length > 1"
+                icon="times"
+              />
+            </button>
+          </dd>
+        </dl>
+        <p class="user-profile-field-add">
+          <button
+            v-if="newFields.length < maxFields"
+            class="add-field faint button-unstyled -hover-highlight"
+            @click="addField"
+          >
+            <FAIcon icon="plus" />
+            {{ ' ' }}
+            {{ $t("settings.profile_fields.add_field") }}
+          </button>
+        </p>
+      </div>
+    </template>
     <div
-      v-if="!hideBio"
       class="user-extras"
+      v-if="!hideBio"
     >
       <span
-        v-if="!mergedConfig.hideUserStats"
+        v-if="!editable && !mergedConfig.hideUserStats"
         class="user-stats"
       >
         <dl
@@ -365,16 +477,38 @@
           <dt>{{ $t('user_card.followers') }}</dt>
         </dl>
       </span>
-      <div
-        v-if="!hideBio && !!user.birthday"
-        class="birthday"
-      >
-        <FAIcon
-          class="fa-old-padding"
-          icon="birthday-cake"
-        />
-        {{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
-      </div>
+      <template v-if="!hideBio">
+        <div
+          v-if="user.birthday && !editable"
+          class="birthday"
+        >
+          <FAIcon
+            class="fa-old-padding"
+            icon="birthday-cake"
+          />
+          {{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
+        </div>
+        <div
+          v-else-if="editable"
+          class="birthday"
+        >
+          <FAIcon
+            class="fa-old-padding"
+            icon="birthday-cake"
+          />
+          <input
+            id="birthday"
+            v-model="newBirthday"
+            type="date"
+            class="input birthday-input"
+          >
+          <div>
+            <Checkbox v-model="showBirthday">
+              {{ $t('settings.birthday.show_birthday') }}
+            </Checkbox>
+          </div>
+        </div>
+      </template>
     </div>
     <teleport to="#modal">
       <UserTimedFilterModal
diff --git a/src/i18n/en.json b/src/i18n/en.json
index c83ba46ae..46424bf7d 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -394,6 +394,7 @@
     "expert_mode": "Show advanced",
     "save": "Save changes",
     "security": "Security",
+    "toggle_edit": "Toggle edit",
     "setting_changed": "Setting is different from default",
     "setting_server_side": "This setting is tied to your profile and affects all sessions and clients",
     "enter_current_password_to_confirm": "Enter your current password to confirm your identity",
diff --git a/src/modules/instance.js b/src/modules/instance.js
index 93f81e4d8..ef27353eb 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -139,6 +139,7 @@ const defaultState = {
 
   // Nasty stuff
   customEmoji: [],
+  rawCustomEmoji: [],
   customEmojiFetched: false,
   emoji: {},
   emojiFetched: false,

From 20beb30fc3f94ef19cc45a2b9d23b377be50794f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 3 Aug 2025 23:05:16 +0300
Subject: [PATCH 090/424] bio editable

---
 src/components/emoji_input/emoji_input.js     | 16 +++----
 .../settings_modal/tabs/profile_tab.vue       | 15 ------
 src/components/user_card/user_card.js         |  1 +
 src/components/user_card/user_card.scss       | 10 ++++
 src/components/user_card/user_card.vue        | 47 +++++++++++++++----
 5 files changed, 57 insertions(+), 32 deletions(-)

diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index f3b6dfe9b..f6ba6e245 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -205,12 +205,6 @@ const EmojiInput = {
         return emoji.displayText
       }
     },
-    onInputScroll () {
-      this.$refs.hiddenOverlay.scrollTo({
-        top: this.input.scrollTop,
-        left: this.input.scrollLeft
-      })
-    },
     suggestionListId () {
       return `suggestions-${this.randomSeed}`
     },
@@ -239,7 +233,6 @@ const EmojiInput = {
     this.overlayStyle.fontSize = style.fontSize
     this.overlayStyle.wordWrap = style.wordWrap
     this.overlayStyle.whiteSpace = style.whiteSpace
-    this.resize()
     input.addEventListener('blur', this.onBlur)
     input.addEventListener('focus', this.onFocus)
     input.addEventListener('paste', this.onPaste)
@@ -302,6 +295,13 @@ const EmojiInput = {
     }
   },
   methods: {
+    onInputScroll (e) {
+      this.$refs.hiddenOverlay.scrollTo({
+        top: this.input.scrollTop,
+        left: this.input.scrollLeft
+      })
+      this.setCaret(e)
+    },
     triggerShowPicker () {
       this.$nextTick(() => {
         this.$refs.picker.showPicker()
@@ -561,8 +561,6 @@ const EmojiInput = {
         this.$refs.suggestorPopover.updateStyles()
       })
     },
-    resize () {
-    },
     autoCompleteItemLabel (suggestion) {
       if (suggestion.user) {
         return suggestion.displayText + ' ' + suggestion.detailText
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 4335a678e..f25349b24 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="profile-tab">
     <div class="setting-item">
-      <h2>{{ $t('settings.name_bio') }}</h2>
       <UserCard
         :user-id="user.id"
         :editable="true"
@@ -23,20 +22,6 @@
           >
         </template>
       </EmojiInput>
-      <p>{{ $t('settings.bio') }}</p>
-      <EmojiInput
-        v-model="newBio"
-        enable-emoji-picker
-        :suggest="emojiUserSuggestor"
-      >
-        <template #default="inputProps">
-          <textarea
-            v-model="newBio"
-            class="input bio resize-height"
-            v-bind="propsToNative(inputProps)"
-          />
-        </template>
-      </EmojiInput>
       <p v-if="role === 'admin' || role === 'moderator'">
         <Checkbox v-model="showRole">
           <template v-if="role === 'admin'">
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 11ffad439..f7237a1d8 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -93,6 +93,7 @@ export default {
       newName: user.name_unescaped,
       newActorType: user.actor_type,
       newBio: unescape(user.description),
+      editingBio: false,
       newBirthday: user.birthday,
       newShowBirthday: user.show_birthday,
       newFields: user.fields.map(field => ({ name: field.name, value: field.value })),
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index f06ac4c55..52b5e4fea 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -13,11 +13,21 @@
     }
   }
 
+  .input.bio {
+    height: auto; // override settings default textarea size
+  }
+
   .user-card-inner {
     padding-bottom: 0;
   }
 
   .user-card-bio {
+    margin: 0.6em;
+
+    &, * {
+      line-height: 1.5;
+    }
+
     &.-justify-left {
       text-align: start;
     }
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 5fbfee3c4..498f51c54 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -315,14 +315,45 @@
         />
       </div>
     </div>
-    <RichContent
-      v-if="!hideBio"
-      class="user-card-bio"
-      :class="{ '-justify-left': mergedConfig.userCardLeftJustify }"
-      :html="user.description_html"
-      :emoji="editable ? emoji : user.emoji"
-      :handle-links="true"
-    />
+    <h4 v-if="editable">
+      <span>
+        {{ $t('settings.bio') }}
+      </span>
+      <button
+        class="button-default"
+        @click="editingBio = !editingBio"
+      >
+        {{ $t('settings.toggle_edit') }}
+      </button>
+    </h4>
+    <template v-if="!editable || !editingBio">
+      <RichContent
+        v-if="!hideBio"
+        class="user-card-bio"
+        :class="{ '-justify-left': mergedConfig.userCardLeftJustify }"
+        :html="user.description_html"
+        :emoji="editable ? emoji : user.emoji"
+        :handle-links="true"
+      />
+    </template>
+    <template v-else-if="editingBio">
+      <EmojiInput
+        v-model="newBio"
+        enable-emoji-picker
+        class="user-card-bio"
+        :class="{ '-justify-left': mergedConfig.userCardLeftJustify }"
+        :suggest="emojiUserSuggestor"
+      >
+        <template #default="inputProps">
+          <textarea
+            v-model="newBio"
+            class="input bio resize-height"
+            v-bind="propsToNative(inputProps)"
+            :rows="newBio.split(/\n/g).length"
+          />
+        </template>
+      </EmojiInput>
+    </template>
     <h4 v-if="editable">
       <span>
         {{ $t('settings.profile_fields.label') }}

From 50314fe253f850b7a450adcfc21c2d15babf29bf Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 3 Aug 2025 23:15:35 +0300
Subject: [PATCH 091/424] better fields

---
 src/components/user_card/user_card.scss |  3 +++
 src/components/user_card/user_card.vue  | 22 ++++++++++------------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 52b5e4fea..92dbd0315 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -424,6 +424,8 @@
 
 .user-profile-fields {
   margin: 0 0.5em;
+  display: flex;
+  flex-direction: column;
 
   --emoji-size: 1.8em;
 
@@ -446,6 +448,7 @@
 
   .user-profile-field-add {
     justify-content: center;
+    margin: 0.25em;
   }
 
   .user-profile-field {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 498f51c54..2c0298c97 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -442,7 +442,7 @@
               </template>
             </EmojiInput>
             <button
-              class="delete-field button-unstyled -hover-highlight"
+              class="delete-field button-default -hover-highlight"
               @click="deleteField(i)"
             >
               <!-- TODO something is wrong with v-show here -->
@@ -453,17 +453,15 @@
             </button>
           </dd>
         </dl>
-        <p class="user-profile-field-add">
-          <button
-            v-if="newFields.length < maxFields"
-            class="add-field faint button-unstyled -hover-highlight"
-            @click="addField"
-          >
-            <FAIcon icon="plus" />
-            {{ ' ' }}
-            {{ $t("settings.profile_fields.add_field") }}
-          </button>
-        </p>
+        <button
+          v-if="newFields.length < maxFields"
+          class="user-profile-field-add add-field button-default -hover-highlight"
+          @click="addField"
+        >
+          <FAIcon icon="plus" />
+          {{ ' ' }}
+          {{ $t("settings.profile_fields.add_field") }}
+        </button>
       </div>
     </template>
     <div

From 60363e66fbed265d577f3e9005fa8b9e29df7f39 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 00:14:34 +0300
Subject: [PATCH 092/424] editable name

---
 src/components/emoji_input/emoji_input.vue    | 10 ++--
 .../settings_modal/tabs/profile_tab.vue       | 15 ------
 src/components/user_card/user_card.js         |  1 +
 src/components/user_card/user_card.scss       | 34 +++++++++----
 src/components/user_card/user_card.vue        | 49 +++++++++++++++----
 5 files changed, 70 insertions(+), 39 deletions(-)

diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue
index a7e98db95..057e6aa5c 100644
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@@ -124,7 +124,7 @@
     margin: 0.2em 0.25em;
     font-size: 1.3em;
     cursor: pointer;
-    line-height: 24px;
+    line-height: 1.2em;
 
     &:hover i {
       color: var(--text);
@@ -134,7 +134,7 @@
   .emoji-picker-panel {
     position: absolute;
     z-index: 20;
-    margin-top: 2px;
+    margin-top: 0.2em;
 
     &.hide {
       display: none;
@@ -153,7 +153,7 @@
   }
 
   &.with-picker input {
-    padding-right: 30px;
+    padding-right: 2em;
   }
 
   .hidden-overlay {
@@ -216,8 +216,8 @@
       }
 
       .detailText {
-        font-size: 9px;
-        line-height: 9px;
+        font-size: 0.6em;
+        line-height: 0.6em;
       }
     }
   }
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index f25349b24..6300746ff 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -7,21 +7,6 @@
         :switcher="false"
         rounded="top"
       />
-      <p>{{ $t('settings.name') }}</p>
-      <EmojiInput
-        v-model="newName"
-        enable-emoji-picker
-        :suggest="emojiSuggestor"
-      >
-        <template #default="inputProps">
-          <input
-            id="username"
-            v-model="newName"
-            class="input name-changer"
-            v-bind="propsToNative(inputProps)"
-          >
-        </template>
-      </EmojiInput>
       <p v-if="role === 'admin' || role === 'moderator'">
         <Checkbox v-model="showRole">
           <template v-if="role === 'admin'">
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index f7237a1d8..148f93985 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -91,6 +91,7 @@ export default {
 
       // Editable stuff
       newName: user.name_unescaped,
+      editingName: true,
       newActorType: user.actor_type,
       newBio: unescape(user.description),
       editingBio: false,
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 92dbd0315..7e26c005f 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -263,6 +263,31 @@
       --link: var(--text) !important;
     }
 
+    .name-wrapper {
+      display: flex;
+      align-items: baseline;
+
+      .edit-button {
+        width: 3em;
+        text-align: center;
+      }
+
+      .input,
+      .user-name {
+        flex: 1;
+        font-weight: 600;
+        line-height: 2;
+        margin-right: 1em;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+
+      .input {
+        margin: 0 -0.5em;
+        padding: 0 0.5em;
+      }
+    }
+
     .top-line {
       display: flex;
       flex-direction: column;
@@ -271,8 +296,6 @@
       // these two normalize position and height when custom emoji are used
       line-height: 2;
       margin-bottom: -0.2em;
-      font-weight: 600;
-      font-size: 110%;
       font-size: calc(max(110%, 4cqw));
     }
 
@@ -306,13 +329,6 @@
     }
   }
 
-  .user-name {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    margin-right: 1em;
-    font-size: 1.1em;
-  }
-
   .highlighter {
     margin: 5em;
     align-items: baseline;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 2c0298c97..37b5015f5 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -122,16 +122,45 @@
                   />
                 </button>
               </div>
-              <router-link
-                :to="userProfileLink(user)"
-                class="user-name"
-              >
-                <RichContent
-                  :title="user.name"
-                  :html="user.name"
-                  :emoji="editable ? emoji : user.emoji"
-                />
-              </router-link>
+              <div class="name-wrapper">
+                <router-link
+                  v-if="!editable || !editingName"
+                  :to="userProfileLink(user)"
+                  class="user-name"
+                >
+                  <RichContent
+                    :title="newName"
+                    :html="newName"
+                    :emoji="editable ? emoji : user.emoji"
+                  />
+                </router-link>
+                <EmojiInput
+                  v-else-if="editingName"
+                  v-model="newName"
+                  enable-emoji-picker
+                  :suggest="emojiSuggestor"
+                >
+                  <template #default="inputProps">
+                    <input
+                      id="username"
+                      v-model="newName"
+                      class="input name-changer"
+                      v-bind="propsToNative(inputProps)"
+                    >
+                  </template>
+                </EmojiInput>
+                <button
+                  v-if="editable"
+                  class="button-unstyled edit-button"
+                  @click="editingName = !editingName"
+                  :title="$t('settings.toggle_edit')"
+                >
+                  <FAIcon
+                    class="icon"
+                    icon="pencil"
+                  />
+                </button>
+              </div>
             </div>
             <div class="bottom-line">
               <user-link

From 7d985bd4756836f445da9fe79596ecf6e37f7df3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 00:45:13 +0300
Subject: [PATCH 093/424] misc

---
 src/components/user_card/user_card.js   |  5 +++--
 src/components/user_card/user_card.scss | 24 +++++++++++++++++++++---
 src/components/user_card/user_card.vue  | 22 +++++++++++++++++++---
 src/i18n/en.json                        |  1 +
 4 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 148f93985..8c747d026 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -91,12 +91,13 @@ export default {
 
       // Editable stuff
       newName: user.name_unescaped,
-      editingName: true,
+      editingName: false,
       newActorType: user.actor_type,
       newBio: unescape(user.description),
       editingBio: false,
       newBirthday: user.birthday,
       newShowBirthday: user.show_birthday,
+      newCoverPhoto: user.cover_photo,
       newFields: user.fields.map(field => ({ name: field.name, value: field.value })),
       editingFields: false,
       newLocked: user.locked,
@@ -125,7 +126,7 @@ export default {
       return {
         backgroundImage: [
           'linear-gradient(to bottom, var(--profileTint), var(--profileTint))',
-          `url(${this.user.cover_photo})`
+          `url(${this.newCoverPhoto})`
         ].join(', ')
       }
     },
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 7e26c005f..5c7367607 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -200,7 +200,8 @@
       padding: 0.6em;
       margin: -0.6em;
 
-      &.save-profile-button {
+      &.save-profile-button,
+      &.edit-banner-button {
         width: auto;
       }
 
@@ -224,7 +225,6 @@
       inset: -0.6em;
       left: -0.6em;
       right: -1.2em;
-      background-color: rgb(0 0 0 / 30%);
       display: flex;
       justify-content: center;
       align-items: center;
@@ -234,11 +234,21 @@
 
       svg {
         color: #fff;
+        margin: 0.5em;
       }
     }
 
     &:hover &.-overlay {
       opacity: 1;
+      background-color: rgb(0 0 0 / 30%);
+    }
+  }
+
+  .user-info-avatar.-editable {
+    .-overlay {
+      opacity: 1;
+      place-items: start end;
+      justify-content: end;
     }
   }
 
@@ -455,11 +465,15 @@
   .user-profile-field-add,
   .user-profile-field {
     display: flex;
-    align-items: baseline;
+    align-items: center;
     margin: 0.25em;
     border: 1px solid var(--border);
     border-radius: var(--roundness);
     line-height: 2em;
+
+    .label {
+      margin-left: 0.5em;
+    }
   }
 
   .user-profile-field-add {
@@ -468,10 +482,14 @@
   }
 
   .user-profile-field {
+
+    /* stylelint-disable no-descending-specificity */
+    // input is a generic class
     .input {
       text-align: inherit;
       flex: 1;
     }
+    /* stylelint-enable no-descending-specificity */
 
     .delete-field {
       display: inline-block;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 37b5015f5..21f766e26 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -30,6 +30,7 @@
           <button
             v-else-if="editable"
             class="user-info-avatar button-unstyled -link"
+            :class="{ '-editable': editable }"
             @click="editAvatar"
           >
             <UserAvatar :user="user" />
@@ -61,6 +62,20 @@
                 <button
                   v-if="editable"
                   :disabled="newName && newName.length === 0"
+                  class="btn button-unstyled edit-banner-button"
+                  @click="updateProfile"
+                >
+                  {{ $t('settings.change_banner') }}
+                  <FAIcon
+                    fixed-width
+                    class="icon"
+                    icon="pencil"
+                    :title="$t('user_card.change_banner')"
+                  />
+                </button>
+                <button
+                  v-if="editable"
+                  :disabled="somethingToSave"
                   class="btn button-unstyled save-profile-button"
                   @click="updateProfile"
                 >
@@ -487,9 +502,10 @@
           class="user-profile-field-add add-field button-default -hover-highlight"
           @click="addField"
         >
-          <FAIcon icon="plus" />
-          {{ ' ' }}
-          {{ $t("settings.profile_fields.add_field") }}
+          <FAIcon icon="plus" class="icon" />
+          <span class="label">
+            {{ $t("settings.profile_fields.add_field") }}
+          </span>
         </button>
       </div>
     </template>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 46424bf7d..e15735345 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -395,6 +395,7 @@
     "save": "Save changes",
     "security": "Security",
     "toggle_edit": "Toggle edit",
+    "change_banner": "Change banner",
     "setting_changed": "Setting is different from default",
     "setting_server_side": "This setting is tied to your profile and affects all sessions and clients",
     "enter_current_password_to_confirm": "Enter your current password to confirm your identity",

From b305748a920c1c0c0d262743a4a718b8348d3f05 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 03:35:09 +0300
Subject: [PATCH 094/424] avatar upload works

---
 src/App.scss                                  |   6 --
 src/components/image_cropper/image_cropper.js |  43 +-------
 .../image_cropper/image_cropper.vue           |  47 ++------
 .../settings_modal/tabs/profile_tab.js        | 101 ------------------
 .../settings_modal/tabs/profile_tab.scss      |   4 -
 .../settings_modal/tabs/profile_tab.vue       |   1 +
 src/components/user_card/user_card.js         |  85 ++++++++++++++-
 src/components/user_card/user_card.scss       |  73 ++++++++++---
 src/components/user_card/user_card.vue        |  83 +++++++++++++-
 src/i18n/en.json                              |   3 +
 10 files changed, 239 insertions(+), 207 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 64c8b8b82..51f2c9af3 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -782,12 +782,6 @@ option {
   color: var(--text);
 }
 
-.visibility-notice {
-  padding: 0.5em;
-  border: 1px solid var(--textFaint);
-  border-radius: var(--roundness);
-}
-
 .notice-dismissible {
   padding-right: 4rem;
   position: relative;
diff --git a/src/components/image_cropper/image_cropper.js b/src/components/image_cropper/image_cropper.js
index 3cb4f6fd1..6d961e563 100644
--- a/src/components/image_cropper/image_cropper.js
+++ b/src/components/image_cropper/image_cropper.js
@@ -10,14 +10,6 @@ library.add(
 
 const ImageCropper = {
   props: {
-    trigger: {
-      type: [String, window.Element],
-      required: true
-    },
-    submitHandler: {
-      type: Function,
-      required: true
-    },
     mimes: {
       type: String,
       default: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon'
@@ -39,17 +31,7 @@ const ImageCropper = {
       submitting: false
     }
   },
-  computed: {
-    saveText () {
-      return this.saveButtonLabel || this.$t('image_cropper.save')
-    },
-    saveWithoutCroppingText () {
-      return this.saveWithoutCroppingButtonlabel || this.$t('image_cropper.save_without_cropping')
-    },
-    cancelText () {
-      return this.cancelButtonLabel || this.$t('image_cropper.cancel')
-    }
-  },
+  emits: ['submit'],
   methods: {
     destroy () {
       this.$refs.input.value = ''
@@ -65,20 +47,15 @@ const ImageCropper = {
       } else {
         cropperPromise = Promise.resolve()
       }
+
       cropperPromise.then(canvas => {
-        this.submitHandler(canvas, this.file)
-            .then(() => this.destroy())
-            .finally(() => {
-              this.submitting = false
-            })
+        this.$emit('submit', { canvas, file: this.file })
+        this.submitting = false
       })
     },
     pickImage () {
       this.$refs.input.click()
     },
-    getTriggerDOM () {
-      return typeof this.trigger === 'object' ? this.trigger : document.querySelector(this.trigger)
-    },
     readFile () {
       const fileInput = this.$refs.input
       if (fileInput.files != null && fileInput.files[0] != null) {
@@ -117,23 +94,11 @@ const ImageCropper = {
     }
   },
   mounted () {
-    // listen for click event on trigger
-    const trigger = this.getTriggerDOM()
-    if (!trigger) {
-      this.$emit('error', 'No image make trigger found.', 'user')
-    } else {
-      trigger.addEventListener('click', this.pickImage)
-    }
     // listen for input file changes
     const fileInput = this.$refs.input
     fileInput.addEventListener('change', this.readFile)
   },
   beforeUnmount: function () {
-    // remove the event listeners
-    const trigger = this.getTriggerDOM()
-    if (trigger) {
-      trigger.removeEventListener('click', this.pickImage)
-    }
     const fileInput = this.$refs.input
     fileInput.removeEventListener('change', this.readFile)
   }
diff --git a/src/components/image_cropper/image_cropper.vue b/src/components/image_cropper/image_cropper.vue
index 0122d1216..4ef077ef6 100644
--- a/src/components/image_cropper/image_cropper.vue
+++ b/src/components/image_cropper/image_cropper.vue
@@ -1,13 +1,14 @@
 <template>
   <div class="image-cropper">
-    <div v-if="dataUrl">
+    <div class="image">
       <cropper-canvas
         ref="cropperCanvas"
         background
         class="image-cropper-canvas"
-        height="25em"
+        height="100%"
       >
         <cropper-image
+          v-if="dataUrl"
           ref="cropperImage"
           :src="dataUrl"
           alt="Picture"
@@ -47,41 +48,13 @@
           <cropper-handle action="sw-resize" />
         </cropper-selection>
       </cropper-canvas>
-      <div class="image-cropper-buttons-wrapper">
-        <button
-          class="button-default btn"
-          type="button"
-          :disabled="submitting"
-          @click="submit()"
-          v-text="saveText"
-        />
-        <button
-          class="button-default btn"
-          type="button"
-          :disabled="submitting"
-          @click="destroy"
-          v-text="cancelText"
-        />
-        <button
-          class="button-default btn"
-          type="button"
-          :disabled="submitting"
-          @click="submit(false)"
-          v-text="saveWithoutCroppingText"
-        />
-        <FAIcon
-          v-if="submitting"
-          spin
-          icon="circle-notch"
-        />
-      </div>
     </div>
     <input
       ref="input"
       type="file"
       class="input image-cropper-img-input"
       :accept="mimes"
-    >
+    />
   </div>
 </template>
 
@@ -89,13 +62,15 @@
 
 <style lang="scss">
 .image-cropper {
-  &-img-input {
-    display: none;
+  display: flex;
+  flex-direction: column;
+
+  &-canvas, .image {
+    height: 100%;
   }
 
-  &-canvas {
-    height: 25em;
-    width: 25em;
+  & &-img-input {
+    display: none;
   }
 
   &-buttons-wrapper {
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index 7de50dc4c..965765327 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -42,7 +42,6 @@ const ProfileTab = {
       role: this.$store.state.users.currentUser.role,
       bot: this.$store.state.users.currentUser.bot,
       actorType: this.$store.state.users.currentUser.actor_type,
-      pickAvatarBtnVisible: true,
       bannerUploading: false,
       backgroundUploading: false,
       banner: null,
@@ -88,29 +87,6 @@ const ProfileTab = {
     userSuggestor () {
       return suggestor({ store: this.$store })
     },
-    defaultAvatar () {
-      return this.$store.state.instance.server + this.$store.state.instance.defaultAvatar
-    },
-    defaultBanner () {
-      return this.$store.state.instance.server + this.$store.state.instance.defaultBanner
-    },
-    isDefaultAvatar () {
-      const baseAvatar = this.$store.state.instance.defaultAvatar
-      return !(this.$store.state.users.currentUser.profile_image_url) ||
-      this.$store.state.users.currentUser.profile_image_url.includes(baseAvatar)
-    },
-    isDefaultBanner () {
-      const baseBanner = this.$store.state.instance.defaultBanner
-      return !(this.$store.state.users.currentUser.cover_photo) ||
-      this.$store.state.users.currentUser.cover_photo.includes(baseBanner)
-    },
-    isDefaultBackground () {
-      return !(this.$store.state.users.currentUser.background_image)
-    },
-    avatarImgSrc () {
-      const src = this.$store.state.users.currentUser.profile_image_url_original
-      return (!src) ? this.defaultAvatar : src
-    },
     bannerImgSrc () {
       const src = this.$store.state.users.currentUser.cover_photo
       return (!src) ? this.defaultBanner : src
@@ -153,16 +129,6 @@ const ProfileTab = {
     changeVis (visibility) {
       this.newDefaultScope = visibility
     },
-    addField () {
-      if (this.newFields.length < this.maxFields) {
-        this.newFields.push({ name: '', value: '' })
-        return true
-      }
-      return false
-    },
-    deleteField (index) {
-      this.newFields.splice(index, 1)
-    },
     uploadFile (slot, e) {
       const file = e.target.files[0]
       if (!file) { return }
@@ -192,73 +158,6 @@ const ProfileTab = {
       }
       reader.readAsDataURL(file)
     },
-    resetAvatar () {
-      const confirmed = window.confirm(this.$t('settings.reset_avatar_confirm'))
-      if (confirmed) {
-        this.submitAvatar(undefined, '')
-      }
-    },
-    resetBanner () {
-      const confirmed = window.confirm(this.$t('settings.reset_banner_confirm'))
-      if (confirmed) {
-        this.submitBanner('')
-      }
-    },
-    resetBackground () {
-      const confirmed = window.confirm(this.$t('settings.reset_background_confirm'))
-      if (confirmed) {
-        this.submitBackground('')
-      }
-    },
-    submitAvatar (canvas, file) {
-      const that = this
-      return new Promise((resolve, reject) => {
-        function updateAvatar (avatar, avatarName) {
-          that.$store.state.api.backendInteractor.updateProfileImages({ avatar, avatarName })
-            .then((user) => {
-              that.$store.commit('addNewUsers', [user])
-              that.$store.commit('setCurrentUser', user)
-              resolve()
-            })
-            .catch((error) => {
-              that.displayUploadError(error)
-              reject(error)
-            })
-        }
-
-        if (canvas) {
-          canvas.toBlob((data) => updateAvatar(data, file.name), file.type)
-        } else {
-          updateAvatar(file, file.name)
-        }
-      })
-    },
-    submitBanner (banner) {
-      if (!this.bannerPreview && banner !== '') { return }
-
-      this.bannerUploading = true
-      this.$store.state.api.backendInteractor.updateProfileImages({ banner })
-        .then((user) => {
-          this.$store.commit('addNewUsers', [user])
-          this.$store.commit('setCurrentUser', user)
-          this.bannerPreview = null
-        })
-        .catch(this.displayUploadError)
-        .finally(() => { this.bannerUploading = false })
-    },
-    submitBackground (background) {
-      if (!this.backgroundPreview && background !== '') { return }
-
-      this.backgroundUploading = true
-      this.$store.state.api.backendInteractor.updateProfileImages({ background })
-        .then((data) => {
-          this.$store.commit('addNewUsers', [data])
-          this.$store.commit('setCurrentUser', data)
-          this.backgroundPreview = null
-        })
-        .catch(this.displayUploadError)
-        .finally(() => { this.backgroundUploading = false })
-    },
     displayUploadError (error) {
       useInterfaceStore().pushGlobalNotice({
         messageKey: 'upload.error.message',
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index 2588caf38..7c30be8d2 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -3,10 +3,6 @@
     margin: 0;
   }
 
-  .visibility-tray {
-    padding-top: 5px;
-  }
-
   input[type="file"] {
     padding: 5px;
     height: auto;
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 6300746ff..ae896e78d 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -7,6 +7,7 @@
         :switcher="false"
         rounded="top"
       />
+      <p>{{ $t('settings.name') }}</p>
       <p v-if="role === 'admin' || role === 'moderator'">
         <Checkbox v-model="showRole">
           <template v-if="role === 'admin'">
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 8c747d026..a86298737 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -15,6 +15,8 @@ import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+import Modal from 'src/components/modal/modal.vue'
+import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
 
 import localeService from 'src/services/locale/locale.service.js'
 import suggestor from 'src/components/emoji_input/suggestor.js'
@@ -34,7 +36,8 @@ import {
   faTimes,
   faExpandAlt,
   faBirthdayCake,
-  faSave
+  faSave,
+  faChevronRight
 } from '@fortawesome/free-solid-svg-icons'
 
 import { useMediaViewerStore } from '../../stores/media_viewer'
@@ -49,7 +52,8 @@ library.add(
   faEdit,
   faTimes,
   faExpandAlt,
-  faBirthdayCake
+  faBirthdayCake,
+  faChevronRight
 )
 
 export default {
@@ -66,6 +70,7 @@ export default {
     'hasNoteEditor'
   ],
   components: {
+    Modal,
     UserAvatar,
     Checkbox,
     RemoteFollow,
@@ -79,7 +84,8 @@ export default {
     UserNote,
     UserTimedFilterModal,
     ColorInput,
-    EmojiInput
+    EmojiInput,
+    ImageCropper
   },
   data () {
     const user = this.$store.state.users.currentUser
@@ -93,6 +99,7 @@ export default {
       newName: user.name_unescaped,
       editingName: false,
       newActorType: user.actor_type,
+      editImage: false,
       newBio: unescape(user.description),
       editingBio: false,
       newBirthday: user.birthday,
@@ -223,6 +230,29 @@ export default {
     },
 
     // Editable stuff
+    defaultAvatar () {
+      return this.$store.state.instance.server + this.$store.state.instance.defaultAvatar
+    },
+    defaultBanner () {
+      return this.$store.state.instance.server + this.$store.state.instance.defaultBanner
+    },
+    isDefaultAvatar () {
+      const baseAvatar = this.$store.state.instance.defaultAvatar
+      return !(this.$store.state.users.currentUser.profile_image_url) ||
+      this.$store.state.users.currentUser.profile_image_url.includes(baseAvatar)
+    },
+    isDefaultBanner () {
+      const baseBanner = this.$store.state.instance.defaultBanner
+      return !(this.$store.state.users.currentUser.cover_photo) ||
+      this.$store.state.users.currentUser.cover_photo.includes(baseBanner)
+    },
+    isDefaultBackground () {
+      return !(this.$store.state.users.currentUser.background_image)
+    },
+    avatarImgSrc () {
+      const src = this.$store.state.users.currentUser.profile_image_url_original
+      return (!src) ? this.defaultAvatar : src
+    },
     fieldsLimits () {
       return this.$store.state.instance.fieldsLimits
     },
@@ -303,6 +333,52 @@ export default {
     },
 
     // Editable stuff
+    changeAvatar () {
+      this.editImage = 'avatar'
+    },
+    changeBanner () {
+      this.editImage = 'banner'
+    },
+    resetAvatar () {
+      const confirmed = window.confirm(this.$t('settings.reset_avatar_confirm'))
+      if (confirmed) {
+        this.submitAvatar(undefined, '')
+      }
+    },
+    resetBanner () {
+      const confirmed = window.confirm(this.$t('settings.reset_banner_confirm'))
+      if (confirmed) {
+        this.submitBanner('')
+      }
+    },
+    resetBackground () {
+      const confirmed = window.confirm(this.$t('settings.reset_background_confirm'))
+      if (confirmed) {
+        this.submitBackground('')
+      }
+    },
+    submitImage ({ canvas, file }) {
+      const reqData = {}
+      if (this.editImage === 'avatar') {
+        if (canvas) {
+          return canvas.toBlob((data) => this.submitImage({ canvas: null, file: data }))
+        }
+        reqData.avatar = file
+        reqData.avatarName = file.name
+      } else {
+        reqData.banner = file
+      }
+
+      return this.$store.state.api.backendInteractor.updateProfileImages(reqData)
+        .then((user) => {
+          this.$store.commit('addNewUsers', [user])
+          this.$store.commit('setCurrentUser', user)
+          this.editImage = false
+        })
+        .catch((error) => {
+          this.displayUploadError(error)
+        })
+    },
     addField () {
       if (this.newFields.length < this.maxFields) {
         this.newFields.push({ name: '', value: '' })
@@ -316,6 +392,9 @@ export default {
     propsToNative (props) {
       return propsToNative(props)
     },
+    cancelImageText () {
+      return
+    },
     updateProfile () {
       const params = {
         note: this.newBio,
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 5c7367607..d4537a07d 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -21,6 +21,22 @@
     padding-bottom: 0;
   }
 
+  &-bio {
+    text-align: center;
+    color: var(--lightText);
+    display: block;
+    line-height: 1.3;
+    padding: 0.6em;
+    margin: 0 0.6em;
+
+    img {
+      object-fit: contain;
+      vertical-align: middle;
+      max-width: 100%;
+      max-height: 400px;
+    }
+  }
+
   .user-card-bio {
     margin: 0.6em;
 
@@ -101,22 +117,6 @@
     z-index: -2;
   }
 
-  &-bio {
-    text-align: center;
-    color: var(--lightText);
-    display: block;
-    line-height: 1.3;
-    padding: 0.6em;
-    margin: 0 0.6em;
-
-    img {
-      object-fit: contain;
-      vertical-align: middle;
-      max-width: 100%;
-      max-height: 400px;
-    }
-  }
-
   &.-rounded-t {
     border-top-left-radius: var(--roundness);
     border-top-right-radius: var(--roundness);
@@ -535,3 +535,44 @@
     }
   }
 }
+
+.edit-image {
+  .panel-body {
+    text-align: center;
+  }
+
+  .current-avatar {
+    object-fit: contain;
+  }
+
+  .images-container {
+    display: grid;
+    margin: 1em;
+    grid-template-columns: 1fr 5em 1fr;
+    grid-template-rows: 20em;
+    gap: 0.5em;
+
+    .new-image {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .cropper {
+      flex: 1;
+    }
+
+    > * {
+      flex: 1 0 10em;
+      max-height: 100%;
+      aspect-ratio: 1;
+    }
+
+    .separator {
+      min-width: 1.1em;
+      font-size: 500%;
+      align-self: center;
+      flex: 0 1 5em;
+      aspect-ratio: unset;
+    }
+  }
+}
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 21f766e26..d74754d9a 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -31,7 +31,7 @@
             v-else-if="editable"
             class="user-info-avatar button-unstyled -link"
             :class="{ '-editable': editable }"
-            @click="editAvatar"
+            @click="changeAvatar"
           >
             <UserAvatar :user="user" />
             <div class="user-info-avatar -link -overlay">
@@ -63,7 +63,7 @@
                   v-if="editable"
                   :disabled="newName && newName.length === 0"
                   class="btn button-unstyled edit-banner-button"
-                  @click="updateProfile"
+                  @click="changeBanner"
                 >
                   {{ $t('settings.change_banner') }}
                   <FAIcon
@@ -591,6 +591,85 @@
         :is-mute="true"
       />
     </teleport>
+    <teleport to="#modal">
+      <Modal
+        v-if="editImage"
+        :is-mute="true"
+        class="edit-image"
+        @backdrop-clicked="editImage = false"
+      >
+        <div class="panel">
+          <div class="panel-heading">
+            <h1 class="title">
+              {{ editImage === 'avatar' ? $t('settings.change_avatar') : $t('settings.change_banner') }}
+            </h1>
+          </div>
+          <div class="panel-body">
+            <div class="images-container">
+              <img
+                :src="editImage === 'avatar' ? user.profile_image_url_original : newBanner"
+                class="current-avatar"
+              />
+              <FAIcon
+                class="separator"
+                icon="chevron-right"
+              />
+              <image-cropper
+                ref="cropper"
+                class="cropper"
+                @submit="submitImage"
+              />
+            </div>
+            <button
+              id="pick-image"
+              class="button-default btn"
+              type="button"
+              @click="() => this.$refs.cropper.pickImage()"
+            >
+              {{ $t('settings.upload_picture') }}
+            </button>
+            <p class="visibility-notice">
+              {{ $t('settings.avatar_size_instruction') }}
+            </p>
+            <button
+              :title="editImage === 'avatar' ? $t('settings.reset_avatar') : $t('settings.reset_banner')"
+              class="button-unstyled reset-button"
+              @click="resetImage"
+            >
+            </button>
+            <div class="panel-footer">
+              <div/>
+              <button
+                class="button-default btn"
+                type="button"
+                @click="destroy"
+              >
+                {{ this.$t('image_cropper.cancel') }}
+              </button>
+              <button
+                class="button-default btn"
+                type="button"
+                @click="this.$refs.cropper.submit(true)"
+              >
+                {{ $t('image_cropper.save') }}
+              </button>
+              <button
+                class="button-default btn"
+                type="button"
+                @click="this.$refs.cropper.submit(false)"
+              >
+                {{ $t('image_cropper.save_without_cropping') }}
+              </button>
+              <FAIcon
+                v-if="submitting"
+                spin
+                icon="circle-notch"
+              />
+            </div>
+          </div>
+        </div>
+      </Modal>
+    </teleport>
   </div>
 </template>
 
diff --git a/src/i18n/en.json b/src/i18n/en.json
index e15735345..ee5301fb0 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -396,6 +396,7 @@
     "security": "Security",
     "toggle_edit": "Toggle edit",
     "change_banner": "Change banner",
+    "change_avatar": "Change avatar",
     "setting_changed": "Setting is different from default",
     "setting_server_side": "This setting is tied to your profile and affects all sessions and clients",
     "enter_current_password_to_confirm": "Enter your current password to confirm your identity",
@@ -726,6 +727,7 @@
     "set_new_profile_background": "Set new profile background",
     "set_new_profile_banner": "Set new profile banner",
     "reset_avatar": "Reset avatar",
+    "reset_banner": "Reset banner",
     "reset_profile_background": "Reset profile background",
     "reset_profile_banner": "Reset profile banner",
     "reset_avatar_confirm": "Do you really want to reset the avatar?",
@@ -778,6 +780,7 @@
     "tooltipRadius": "Tooltips/alerts",
     "type_domains_to_mute": "Search domains to mute",
     "upload_a_photo": "Upload a photo",
+    "upload_picture": "Upload picture",
     "user_settings": "User Settings",
     "values": {
       "false": "no",

From f79c61c4e7e2212f499b28432c6228d4d9d10152 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 11:10:43 +0300
Subject: [PATCH 095/424] name/bio/avatar/banner edit support

---
 src/components/image_cropper/image_cropper.js |   3 +
 .../image_cropper/image_cropper.vue           |   4 +-
 .../settings_modal/tabs/profile_tab.js        |  24 +++-
 src/components/user_avatar/user_avatar.js     |   3 +-
 src/components/user_avatar/user_avatar.vue    |   2 +-
 src/components/user_card/user_card.js         | 122 +++++++++++++-----
 src/components/user_card/user_card.scss       |  35 ++++-
 src/components/user_card/user_card.vue        |  42 +++++-
 src/i18n/en.json                              |   1 +
 src/services/api/api.service.js               |  24 +++-
 10 files changed, 203 insertions(+), 57 deletions(-)

diff --git a/src/components/image_cropper/image_cropper.js b/src/components/image_cropper/image_cropper.js
index 6d961e563..32b615265 100644
--- a/src/components/image_cropper/image_cropper.js
+++ b/src/components/image_cropper/image_cropper.js
@@ -22,6 +22,9 @@ const ImageCropper = {
     },
     cancelButtonLabel: {
       type: String
+    },
+    aspectRatio: {
+      type: Number
     }
   },
   data () {
diff --git a/src/components/image_cropper/image_cropper.vue b/src/components/image_cropper/image_cropper.vue
index 4ef077ef6..9d8ecd173 100644
--- a/src/components/image_cropper/image_cropper.vue
+++ b/src/components/image_cropper/image_cropper.vue
@@ -23,8 +23,8 @@
         />
         <cropper-selection
           ref="cropperSelection"
-          initial-coverage="1"
-          aspect-ratio="1"
+          initial-coverage="0.9"
+          :aspect-ratio="aspectRatio"
           movable
           resizable
           @change="onCropperSelectionChange"
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index 965765327..55aef9a4f 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -158,12 +158,24 @@ const ProfileTab = {
       }
       reader.readAsDataURL(file)
     },
-    displayUploadError (error) {
-      useInterfaceStore().pushGlobalNotice({
-        messageKey: 'upload.error.message',
-        messageArgs: [error.message],
-        level: 'error'
-      })
+    resetBackground () {
+      const confirmed = window.confirm(this.$t('settings.reset_background_confirm'))
+      if (confirmed) {
+        this.submitBackground('')
+      }
+    },
+    submitBackground (background) {
+      if (!this.backgroundPreview && background !== '') { return }
+
+      this.backgroundUploading = true
+      this.$store.state.api.backendInteractor.updateProfileImages({ background })
+        .then((data) => {
+          this.$store.commit('addNewUsers', [data])
+          this.$store.commit('setCurrentUser', data)
+          this.backgroundPreview = null
+        })
+        .catch(this.displayUploadError)
+        .finally(() => { this.backgroundUploading = false })
     },
     propsToNative (props) {
       return propsToNative(props)
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 09eadda61..855ea60e8 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -17,7 +17,8 @@ const UserAvatar = {
   props: [
     'user',
     'compact',
-    'showActorTypeIndicator'
+    'showActorTypeIndicator',
+    'url'
   ],
   data () {
     return {
diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue
index 83608c505..e3398165c 100644
--- a/src/components/user_avatar/user_avatar.vue
+++ b/src/components/user_avatar/user_avatar.vue
@@ -8,7 +8,7 @@
       class="avatar"
       :alt="user.screen_name_ui"
       :title="user.screen_name_ui"
-      :src="imgSrc(user.profile_image_url_original)"
+      :src="url ? url : imgSrc(user.profile_image_url_original)"
       :image-load-error="imageLoadError"
       :class="{ '-compact': compact, '-better-shadow': betterShadow }"
     />
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index a86298737..e682fcb21 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -37,7 +37,9 @@ import {
   faExpandAlt,
   faBirthdayCake,
   faSave,
-  faChevronRight
+  faChevronRight,
+  faChevronDown,
+  faClockRotateLeft
 } from '@fortawesome/free-solid-svg-icons'
 
 import { useMediaViewerStore } from '../../stores/media_viewer'
@@ -53,7 +55,9 @@ library.add(
   faTimes,
   faExpandAlt,
   faBirthdayCake,
-  faChevronRight
+  faChevronRight,
+  faChevronDown,
+  faClockRotateLeft
 )
 
 export default {
@@ -98,8 +102,12 @@ export default {
       // Editable stuff
       newName: user.name_unescaped,
       editingName: false,
-      newActorType: user.actor_type,
       editImage: false,
+      newAvatar: '',
+      newAvatarFile: null,
+      newBanner: '',
+      newBannerFile: null,
+      newActorType: user.actor_type,
       newBio: unescape(user.description),
       editingBio: false,
       newBirthday: user.birthday,
@@ -133,7 +141,7 @@ export default {
       return {
         backgroundImage: [
           'linear-gradient(to bottom, var(--profileTint), var(--profileTint))',
-          `url(${this.newCoverPhoto})`
+          `url(${this.bannerImgSrc})`
         ].join(', ')
       }
     },
@@ -230,11 +238,25 @@ export default {
     },
 
     // Editable stuff
+    avatarImgSrc () {
+      const src = this.newAvatar
+      return (!src) ? this.defaultAvatar : src
+    },
+    bannerImgSrc () {
+      const src = this.newBanner
+      return (!src) ? this.defaultBanner : src
+    },
     defaultAvatar () {
-      return this.$store.state.instance.server + this.$store.state.instance.defaultAvatar
+      if (this.isDefaultAvatar) {
+        return this.$store.state.instance.server + this.$store.state.instance.defaultAvatar
+      }
+      return this.user.profile_image_url
     },
     defaultBanner () {
-      return this.$store.state.instance.server + this.$store.state.instance.defaultBanner
+      if (this.isDefaultBanner) {
+        return this.$store.state.instance.server + this.$store.state.instance.defaultBanner
+      }
+      return this.user.cover_photo
     },
     isDefaultAvatar () {
       const baseAvatar = this.$store.state.instance.defaultAvatar
@@ -249,10 +271,6 @@ export default {
     isDefaultBackground () {
       return !(this.$store.state.users.currentUser.background_image)
     },
-    avatarImgSrc () {
-      const src = this.$store.state.users.currentUser.profile_image_url_original
-      return (!src) ? this.defaultAvatar : src
-    },
     fieldsLimits () {
       return this.$store.state.instance.fieldsLimits
     },
@@ -358,26 +376,27 @@ export default {
       }
     },
     submitImage ({ canvas, file }) {
-      const reqData = {}
-      if (this.editImage === 'avatar') {
-        if (canvas) {
-          return canvas.toBlob((data) => this.submitImage({ canvas: null, file: data }))
-        }
-        reqData.avatar = file
-        reqData.avatarName = file.name
-      } else {
-        reqData.banner = file
+      if (canvas) {
+        return canvas.toBlob((data) => this.submitImage({ canvas: null, file: data }))
       }
 
-      return this.$store.state.api.backendInteractor.updateProfileImages(reqData)
-        .then((user) => {
-          this.$store.commit('addNewUsers', [user])
-          this.$store.commit('setCurrentUser', user)
-          this.editImage = false
-        })
-        .catch((error) => {
-          this.displayUploadError(error)
-        })
+      const reader = new window.FileReader()
+      reader.onload = (e) => {
+        const dataUrl = e.target.result
+
+        if (this.editImage === 'avatar') {
+          this.newAvatar = dataUrl
+          this.newAvatarFile = file
+        } else {
+          this.newBanner = dataUrl
+          this.newBannerFile = file
+        }
+
+        this.editImage = false
+      }
+
+      reader.readAsDataURL(file)
+
     },
     addField () {
       if (this.newFields.length < this.maxFields) {
@@ -395,6 +414,23 @@ export default {
     cancelImageText () {
       return
     },
+    resetNews () {
+      const user = this.$store.state.users.currentUser
+
+      this.newName = user.name_unescaped
+      this.newAvatar = ''
+      this.newAvatarFile = null
+      this.newBanner = ''
+      this.newBannerFile = null
+      this.newActorType = user.actor_type
+      this.newBio = unescape(user.description)
+      this.newBirthday = user.birthday
+      this.newShowBirthday = user.show_birthday
+      this.newCoverPhoto = user.cover_photo
+      this.newFields = user.fields.map(field => ({ name: field.name, value: field.value }))
+      this.newLocked = user.locked
+      this.newShowRole = user.show_role
+    },
     updateProfile () {
       const params = {
         note: this.newBio,
@@ -403,10 +439,21 @@ export default {
         // Backend notation.
         display_name: this.newName,
         fields_attributes: this.newFields.filter(el => el != null),
-        actor_type: this.actorType,
-        show_role: this.showRole,
+        show_role: !!this.showRole,
         birthday: this.newBirthday || '',
-        show_birthday: this.showBirthday
+        show_birthday: !!this.showBirthday,
+      }
+
+      if (this.actorType) {
+        params.actor_type = this.actorType
+      }
+
+      if (this.newAvatar) {
+        params.avatar = this.newAvatarFile
+      }
+
+      if (this.newBanner) {
+        params.header = this.newBannerFile
       }
 
       if (this.emailLanguage) {
@@ -416,11 +463,22 @@ export default {
       this.$store.state.api.backendInteractor
         .updateProfile({ params })
         .then((user) => {
-          this.newFields.splice(user.fields.length)
+          this.newFields.splice(this.newFields.length)
           merge(this.newFields, user.fields)
           this.$store.commit('addNewUsers', [user])
           this.$store.commit('setCurrentUser', user)
+          this.resetNews()
+        })
+        .catch((error) => {
+          this.displayUploadError(error)
         })
     },
+    displayUploadError (error) {
+      useInterfaceStore().pushGlobalNotice({
+        messageKey: 'upload.error.message',
+        messageArgs: [error.message],
+        level: 'error'
+      })
+    }
   }
 }
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index d4537a07d..dee45ab23 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -26,7 +26,7 @@
     color: var(--lightText);
     display: block;
     line-height: 1.3;
-    padding: 0.6em;
+    padding: 0 0.6em;
     margin: 0 0.6em;
 
     img {
@@ -38,8 +38,6 @@
   }
 
   .user-card-bio {
-    margin: 0.6em;
-
     &, * {
       line-height: 1.5;
     }
@@ -201,6 +199,7 @@
       margin: -0.6em;
 
       &.save-profile-button,
+      &.reset-profile-button,
       &.edit-banner-button {
         width: auto;
       }
@@ -280,6 +279,14 @@
       .edit-button {
         width: 3em;
         text-align: center;
+
+        &:hover .icon {
+          color: var(--textFaint);
+        }
+
+        &:not(:hover) .icon {
+          color: var(--lightText);
+        }
       }
 
       .input,
@@ -391,6 +398,7 @@
     grid-template-columns: repeat(auto-fit, minmax(7.5em, 20%));
     grid-gap: 0.6em;
     max-width: 98vw;
+    margin-bottom: 0.6em;
 
     .popover-trigger-button, .moderation-tools-button {
       width: 100%;
@@ -575,4 +583,25 @@
       aspect-ratio: unset;
     }
   }
+
+  &.-banner {
+    .images-container {
+      grid-template-rows: 20em 5em 20em;
+      grid-template-columns: 1fr;
+
+      > * {
+        flex: 1 0 10em;
+        width: 100%;
+        aspect-ratio: 3;
+      }
+    }
+
+    .separator {
+      min-height: 1.1em;
+      font-size: 500%;
+      justify-self: center;
+      flex: 0 1 5em;
+      aspect-ratio: unset;
+    }
+  }
 }
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index d74754d9a..6d856d285 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -19,7 +19,10 @@
             class="user-info-avatar -link"
             @click="zoomAvatar"
           >
-            <UserAvatar :user="user" />
+            <UserAvatar
+              :user="user"
+              :url="avatarImgSrc"
+            />
             <div class="user-info-avatar -link -overlay">
               <FAIcon
                 class="fa-scale-110 fa-old-padding"
@@ -73,6 +76,20 @@
                     :title="$t('user_card.change_banner')"
                   />
                 </button>
+                <button
+                  v-if="editable"
+                  :disabled="somethingToSave"
+                  class="btn button-unstyled reset-profile-button"
+                  @click="resetNews"
+                >
+                  {{ $t('settings.reset') }}
+                  <FAIcon
+                    fixed-width
+                    class="icon"
+                    icon="clock-rotate-left"
+                    :title="$t('user_card.edit_profile')"
+                  />
+                </button>
                 <button
                   v-if="editable"
                   :disabled="somethingToSave"
@@ -144,8 +161,8 @@
                   class="user-name"
                 >
                   <RichContent
-                    :title="newName"
-                    :html="newName"
+                    :title="editable ? newName : user.name_unescaped"
+                    :html="editable ? newName : user.name_unescaped"
                     :emoji="editable ? emoji : user.emoji"
                   />
                 </router-link>
@@ -314,6 +331,7 @@
         </div>
       </div>
     </div>
+    <slot />
     <div
       v-if="!editable && loggedIn && isOtherUser && (hasNote || !hideBio) && !mergedConfig.userCardHidePersonalMarks"
       class="personal-marks"
@@ -368,6 +386,10 @@
         @click="editingBio = !editingBio"
       >
         {{ $t('settings.toggle_edit') }}
+        <FAIcon
+          class="fa-scale-110 fa-old-padding"
+          icon="pencil"
+        />
       </button>
     </h4>
     <template v-if="!editable || !editingBio">
@@ -375,7 +397,7 @@
         v-if="!hideBio"
         class="user-card-bio"
         :class="{ '-justify-left': mergedConfig.userCardLeftJustify }"
-        :html="user.description_html"
+        :html="editable ? newBio.replace(/\n/g, '<br>') : user.description_html"
         :emoji="editable ? emoji : user.emoji"
         :handle-links="true"
       />
@@ -407,6 +429,10 @@
         @click="editingFields = !editingFields"
       >
         {{ $t('settings.toggle_edit') }}
+        <FAIcon
+          class="fa-scale-110 fa-old-padding"
+          icon="pencil"
+        />
       </button>
     </h4>
     <template v-if="!editable || !editingFields">
@@ -415,7 +441,7 @@
         class="user-profile-fields"
       >
         <dl
-          v-for="(field, index) in newFields"
+          v-for="(field, index) in (editable ? newFields : user.fields_html)"
           :key="index"
           class="user-profile-field"
         >
@@ -596,6 +622,7 @@
         v-if="editImage"
         :is-mute="true"
         class="edit-image"
+        :class="{ '-banner': editImage === 'banner' }"
         @backdrop-clicked="editImage = false"
       >
         <div class="panel">
@@ -607,16 +634,17 @@
           <div class="panel-body">
             <div class="images-container">
               <img
-                :src="editImage === 'avatar' ? user.profile_image_url_original : newBanner"
+                :src="editImage === 'avatar' ? avatarImgSrc : bannerImgSrc"
                 class="current-avatar"
               />
               <FAIcon
                 class="separator"
-                icon="chevron-right"
+                :icon="editImage === 'avatar' ? 'chevron-right' : 'chevron-down'"
               />
               <image-cropper
                 ref="cropper"
                 class="cropper"
+                :aspect-ratio="editImage === 'avatar' ? 1 : 3"
                 @submit="submitImage"
               />
             </div>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index ee5301fb0..fc57403e7 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -393,6 +393,7 @@
     "app_name": "App name",
     "expert_mode": "Show advanced",
     "save": "Save changes",
+    "reset": "Reset changes",
     "security": "Security",
     "toggle_edit": "Toggle edit",
     "change_banner": "Change banner",
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 975b04c3e..f3e1f6e0f 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -215,12 +215,26 @@ const updateProfileImages = ({ credentials, avatar = null, avatarName = null, ba
 }
 
 const updateProfile = ({ credentials, params }) => {
-  return promisedRequest({
-    url: MASTODON_PROFILE_UPDATE_URL,
+  const formData = new FormData();
+
+  for(const name in params) {
+    if (name === 'fields_attributes') {
+      params[name].forEach((param, i) => {
+        formData.append(name + `[${i}][name]`, param.name)
+        formData.append(name + `[${i}][value]`, param.value)
+      })
+    } else {
+      formData.append(name, params[name]);
+    }
+  }
+
+  return fetch(MASTODON_PROFILE_UPDATE_URL, {
+    headers: authHeaders(credentials),
     method: 'PATCH',
-    payload: params,
-    credentials
-  }).then((data) => parseUser(data))
+    body: formData
+  })
+    .then((data) => data.json())
+    .then((data) => parseUser(data))
 }
 
 // Params needed:

From 59de80639f72a06dc0bbb6542beb3933a65b64c0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 11:34:41 +0300
Subject: [PATCH 096/424] small updates

---
 .../settings_modal/tabs/profile_tab.vue       | 115 +++---------------
 src/components/user_card/user_card.scss       |   8 +-
 src/components/user_card/user_card.vue        |  11 +-
 src/i18n/en.json                              |   2 +
 4 files changed, 34 insertions(+), 102 deletions(-)

diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index ae896e78d..25a3f5482 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="profile-tab">
-    <div class="setting-item">
-      <UserCard
-        :user-id="user.id"
-        :editable="true"
-        :switcher="false"
-        rounded="top"
-      />
-      <p>{{ $t('settings.name') }}</p>
-      <p v-if="role === 'admin' || role === 'moderator'">
+    <UserCard
+      :user-id="user.id"
+      :editable="true"
+      :switcher="false"
+      rounded="top"
+    >
+      <template v-if="role === 'admin' || role === 'moderator'">
+      <h4>{{ $t('settings.show_labels') }}</h4>
+      <p class="user-card-setting">
         <Checkbox v-model="showRole">
           <template v-if="role === 'admin'">
             {{ $t('settings.show_admin_badge') }}
@@ -18,7 +18,9 @@
           </template>
         </Checkbox>
       </p>
-      <p>
+      </template>
+      <h4>{{ $t('settings.user_type') }}</h4>
+      <p class="user-card-setting">
         <label>
           {{ $t('settings.actor_type') }}
           <Select v-model="actorType">
@@ -30,13 +32,15 @@
               {{ $t('settings.actor_type_' + option) }}
             </option>
           </Select>
+          <div v-if="groupActorAvailable">
+            <small>
+              {{ $t('settings.actor_type_description') }}
+            </small>
+          </div>
         </label>
       </p>
-      <div v-if="groupActorAvailable">
-        <small>
-          {{ $t('settings.actor_type_description') }}
-        </small>
-      </div>
+    </UserCard>
+    <div class="setting-item">
       <p>
         <interface-language-switcher
           :prompt-text="$t('settings.email_language')"
@@ -52,87 +56,6 @@
         {{ $t('settings.save') }}
       </button>
     </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.avatar') }}</h2>
-      <p class="visibility-notice">
-        {{ $t('settings.avatar_size_instruction') }}
-      </p>
-      <div class="current-avatar-container">
-        <img
-          :src="user.profile_image_url_original"
-          class="current-avatar"
-        >
-        <button
-          v-if="!isDefaultAvatar && pickAvatarBtnVisible"
-          :title="$t('settings.reset_avatar')"
-          class="button-unstyled reset-button"
-          @click="resetAvatar"
-        >
-          <FAIcon
-            icon="times"
-            type="button"
-          />
-        </button>
-      </div>
-      <p>{{ $t('settings.set_new_avatar') }}</p>
-      <button
-        v-show="pickAvatarBtnVisible"
-        id="pick-avatar"
-        class="button-default btn"
-        type="button"
-      >
-        {{ $t('settings.upload_a_photo') }}
-      </button>
-      <image-cropper
-        trigger="#pick-avatar"
-        :submit-handler="submitAvatar"
-        @open="pickAvatarBtnVisible=false"
-        @close="pickAvatarBtnVisible=true"
-      />
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.profile_banner') }}</h2>
-      <div class="banner-background-preview">
-        <img :src="user.cover_photo">
-        <button
-          v-if="!isDefaultBanner"
-          class="button-unstyled reset-button"
-          :title="$t('settings.reset_profile_banner')"
-          @click="resetBanner"
-        >
-          <FAIcon
-            icon="times"
-            type="button"
-          />
-        </button>
-      </div>
-      <p>{{ $t('settings.set_new_profile_banner') }}</p>
-      <img
-        v-if="bannerPreview"
-        class="banner-background-preview"
-        :src="bannerPreview"
-      >
-      <div>
-        <input
-          type="file"
-          class="input"
-          @change="uploadFile('banner', $event)"
-        >
-      </div>
-      <FAIcon
-        v-if="bannerUploading"
-        class="uploading"
-        spin
-        icon="circle-notch"
-      />
-      <button
-        v-else-if="bannerPreview"
-        class="btn button-default"
-        @click="submitBanner(banner)"
-      >
-        {{ $t('settings.save') }}
-      </button>
-    </div>
     <div class="setting-item">
       <h2>{{ $t('settings.profile_background') }}</h2>
       <div class="banner-background-preview">
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index dee45ab23..af4fd9608 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -21,8 +21,8 @@
     padding-bottom: 0;
   }
 
+  &-setting,
   &-bio {
-    text-align: center;
     color: var(--lightText);
     display: block;
     line-height: 1.3;
@@ -38,6 +38,12 @@
   }
 
   .user-card-bio {
+    text-align: center;
+
+    &.input {
+      margin: 0 1em;
+    }
+
     &, * {
       line-height: 1.5;
     }
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 6d856d285..a85455d86 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -592,21 +592,22 @@
           v-else-if="editable"
           class="birthday"
         >
+          <div>
+            <Checkbox v-model="showBirthday">
+              {{ $t('settings.birthday.show_birthday') }}
+            </Checkbox>
+          </div>
           <FAIcon
             class="fa-old-padding"
             icon="birthday-cake"
           />
+          {{ $t('settings.birthday.label') }}
           <input
             id="birthday"
             v-model="newBirthday"
             type="date"
             class="input birthday-input"
           >
-          <div>
-            <Checkbox v-model="showBirthday">
-              {{ $t('settings.birthday.show_birthday') }}
-            </Checkbox>
-          </div>
         </div>
       </template>
     </div>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index fc57403e7..ba109f903 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -492,6 +492,8 @@
     "avatarRadius": "Avatars",
     "background": "Background",
     "bio": "Bio",
+    "user_type": "User type",
+    "show_labels": "User labels",
     "email_language": "Language for receiving emails from the server",
     "block_export": "Block export",
     "block_export_button": "Export your blocks to a csv file",

From 800ab90cf90aff7fedde3464b7f50537bb7f41be Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 13:48:09 +0300
Subject: [PATCH 097/424] reorganization of some settings

---
 .../interface_language_switcher.vue           | 15 ++--
 .../settings_modal/tabs/general_tab.js        | 17 ++++-
 .../settings_modal/tabs/general_tab.vue       | 10 ++-
 .../settings_modal/tabs/profile_tab.js        | 73 ++++++-------------
 .../settings_modal/tabs/profile_tab.vue       | 59 +--------------
 src/components/user_card/user_card.js         | 12 ++-
 src/components/user_card/user_card.scss       |  7 +-
 src/components/user_card/user_card.vue        | 38 +++++++++-
 src/i18n/en.json                              |  3 +-
 9 files changed, 113 insertions(+), 121 deletions(-)

diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue
index ad11589b0..46837b018 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.vue
+++ b/src/components/interface_language_switcher/interface_language_switcher.vue
@@ -2,6 +2,7 @@
   <div class="interface-language-switcher">
     <label>
       {{ promptText }}
+      <ProfileSettingIndicator :is-profile="profile" />
     </label>
     <ul class="setting-list">
       <li
@@ -46,12 +47,15 @@
 
 <script>
 import localeService from '../../services/locale/locale.service.js'
+
 import Select from '../select/select.vue'
+import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
 
 export default {
   components: {
     // eslint-disable-next-line vue/no-reserved-component-names
-    Select
+    Select,
+    ProfileSettingIndicator
   },
   props: {
     promptText: {
@@ -62,11 +66,12 @@ export default {
       type: [Array, String],
       required: true
     },
-    setLanguage: {
-      type: Function,
-      required: true
+    profile: {
+      type: Boolean,
+      default: false
     }
   },
+  emits: ['update'],
   computed: {
     languages () {
       return localeService.languages
@@ -77,7 +82,7 @@ export default {
         return Array.isArray(this.language) ? this.language : [this.language]
       },
       set: function (val) {
-        this.setLanguage(val)
+        this.$emit('update', val)
       }
     }
   },
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 21ccd2393..7f5d99da5 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -10,8 +10,8 @@ import InterfaceLanguageSwitcher from 'src/components/interface_language_switche
 import Select from 'src/components/select/select.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 
+import localeService from 'src/services/locale/locale.service.js'
 import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -77,7 +77,6 @@ const GeneralTab = {
     UnitSetting,
     InterfaceLanguageSwitcher,
     ScopeSelector,
-    ProfileSettingIndicator,
     Select
   },
   computed: {
@@ -122,7 +121,19 @@ const GeneralTab = {
     },
     clearEmojiCache () {
       this.clearCache(emojiCacheKey)
-    }
+    },
+    updateProfile () {
+      const params = {
+        language: localeService.internalToBackendLocaleMulti(this.emailLanguage)
+      }
+
+      this.$store.state.api.backendInteractor
+        .updateProfile({ params })
+        .then((user) => {
+          this.$store.commit('addNewUsers', [user])
+          this.$store.commit('setCurrentUser', user)
+        })
+    },
   }
 }
 
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 411fd8772..c8858f773 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -7,7 +7,15 @@
           <interface-language-switcher
             :prompt-text="$t('settings.interfaceLanguage')"
             :language="language"
-            :set-language="val => language = val"
+            @update="val => language = val"
+          />
+        </li>
+        <li>
+          <interface-language-switcher
+            :prompt-text="$t('settings.email_language')"
+            :language="emailLanguage"
+            :profile="true"
+            @update="val => { emailLanguage = val; updateProfile() }"
           />
         </li>
         <li v-if="instanceSpecificPanelPresent">
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index 55aef9a4f..2b5cf95bb 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -1,5 +1,3 @@
-import unescape from 'lodash/unescape'
-import merge from 'lodash/merge'
 import UserCard from 'src/components/user_card/user_card.vue'
 import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
 import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
@@ -12,7 +10,8 @@ import InterfaceLanguageSwitcher from 'src/components/interface_language_switche
 import Select from 'src/components/select/select.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import localeService from 'src/services/locale/locale.service.js'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+
 import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -32,20 +31,8 @@ library.add(
 const ProfileTab = {
   data () {
     return {
-      newName: this.$store.state.users.currentUser.name_unescaped,
-      newBio: unescape(this.$store.state.users.currentUser.description),
-      newLocked: this.$store.state.users.currentUser.locked,
-      newBirthday: this.$store.state.users.currentUser.birthday,
-      showBirthday: this.$store.state.users.currentUser.show_birthday,
-      newFields: this.$store.state.users.currentUser.fields.map(field => ({ name: field.name, value: field.value })),
-      showRole: this.$store.state.users.currentUser.show_role,
-      role: this.$store.state.users.currentUser.role,
-      bot: this.$store.state.users.currentUser.bot,
-      actorType: this.$store.state.users.currentUser.actor_type,
-      bannerUploading: false,
+      locked: this.$store.state.users.currentUser.locked,
       backgroundUploading: false,
-      banner: null,
-      bannerPreview: null,
       background: null,
       backgroundPreview: null,
       emailLanguage: this.$store.state.users.currentUser.language || ['']
@@ -60,6 +47,7 @@ const ProfileTab = {
     Checkbox,
     BooleanSetting,
     InterfaceLanguageSwitcher,
+    ProfileSettingIndicator,
     Select
   },
   computed: {
@@ -91,41 +79,8 @@ const ProfileTab = {
       const src = this.$store.state.users.currentUser.cover_photo
       return (!src) ? this.defaultBanner : src
     },
-    groupActorAvailable () {
-      return this.$store.state.instance.groupActorAvailable
-    },
-    availableActorTypes () {
-      return this.groupActorAvailable ? ['Person', 'Service', 'Group'] : ['Person', 'Service']
-    }
   },
   methods: {
-    updateProfile () {
-      const params = {
-        note: this.newBio,
-        locked: this.newLocked,
-
-        // Backend notation.
-        display_name: this.newName,
-        fields_attributes: this.newFields.filter(el => el != null),
-        actor_type: this.actorType,
-        show_role: this.showRole,
-        birthday: this.newBirthday || '',
-        show_birthday: this.showBirthday
-      }
-
-      if (this.emailLanguage) {
-        params.language = localeService.internalToBackendLocaleMulti(this.emailLanguage)
-      }
-
-      this.$store.state.api.backendInteractor
-        .updateProfile({ params })
-        .then((user) => {
-          this.newFields.splice(user.fields.length)
-          merge(this.newFields, user.fields)
-          this.$store.commit('addNewUsers', [user])
-          this.$store.commit('setCurrentUser', user)
-        })
-    },
     changeVis (visibility) {
       this.newDefaultScope = visibility
     },
@@ -177,9 +132,29 @@ const ProfileTab = {
         .catch(this.displayUploadError)
         .finally(() => { this.backgroundUploading = false })
     },
+    updateProfile () {
+      const params = {
+        locked: this.locked
+      }
+
+      this.$store.state.api.backendInteractor
+        .updateProfile({ params })
+        .then((user) => {
+          this.$store.commit('addNewUsers', [user])
+          this.$store.commit('setCurrentUser', user)
+        })
+        .catch((error) => {
+          this.displayUploadError(error)
+        })
+    },
     propsToNative (props) {
       return propsToNative(props)
     }
+  },
+  watch: {
+    locked () {
+      this.updateProfile()
+    }
   }
 }
 
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 25a3f5482..461882e32 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -5,57 +5,8 @@
       :editable="true"
       :switcher="false"
       rounded="top"
-    >
-      <template v-if="role === 'admin' || role === 'moderator'">
-      <h4>{{ $t('settings.show_labels') }}</h4>
-      <p class="user-card-setting">
-        <Checkbox v-model="showRole">
-          <template v-if="role === 'admin'">
-            {{ $t('settings.show_admin_badge') }}
-          </template>
-          <template v-if="role === 'moderator'">
-            {{ $t('settings.show_moderator_badge') }}
-          </template>
-        </Checkbox>
-      </p>
-      </template>
-      <h4>{{ $t('settings.user_type') }}</h4>
-      <p class="user-card-setting">
-        <label>
-          {{ $t('settings.actor_type') }}
-          <Select v-model="actorType">
-            <option
-              v-for="option in availableActorTypes"
-              :key="option"
-              :value="option"
-            >
-              {{ $t('settings.actor_type_' + option) }}
-            </option>
-          </Select>
-          <div v-if="groupActorAvailable">
-            <small>
-              {{ $t('settings.actor_type_description') }}
-            </small>
-          </div>
-        </label>
-      </p>
-    </UserCard>
-    <div class="setting-item">
-      <p>
-        <interface-language-switcher
-          :prompt-text="$t('settings.email_language')"
-          :language="emailLanguage"
-          :set-language="val => emailLanguage = val"
-        />
-      </p>
-      <button
-        :disabled="newName && newName.length === 0"
-        class="btn button-default"
-        @click="updateProfile"
       >
-        {{ $t('settings.save') }}
-      </button>
-    </div>
+    </UserCard>
     <div class="setting-item">
       <h2>{{ $t('settings.profile_background') }}</h2>
       <div class="banner-background-preview">
@@ -103,12 +54,10 @@
       <h2>{{ $t('settings.account_privacy') }}</h2>
       <ul class="setting-list">
         <li>
-          <BooleanSetting
-            source="profile"
-            path="locked"
-          >
+          <Checkbox v-model="locked">
             {{ $t('settings.lock_account_description') }}
-          </BooleanSetting>
+          </Checkbox>
+          <ProfileSettingIndicator :is-profile="true" />
         </li>
         <li>
           <BooleanSetting
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index e682fcb21..370904b71 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -115,7 +115,6 @@ export default {
       newCoverPhoto: user.cover_photo,
       newFields: user.fields.map(field => ({ name: field.name, value: field.value })),
       editingFields: false,
-      newLocked: user.locked,
       newShowRole: user.show_role,
     }
   },
@@ -123,9 +122,18 @@ export default {
     this.$store.dispatch('fetchUserRelationship', this.user.id)
   },
   computed: {
+    groupActorAvailable () {
+      return this.$store.state.instance.groupActorAvailable
+    },
+    availableActorTypes () {
+      return this.groupActorAvailable ? ['Person', 'Service', 'Group'] : ['Person', 'Service']
+    },
     user () {
       return this.$store.getters.findUser(this.userId)
     },
+    role () {
+      return this.user.role
+    },
     relationship () {
       return this.$store.getters.relationship(this.userId)
     },
@@ -428,13 +436,11 @@ export default {
       this.newShowBirthday = user.show_birthday
       this.newCoverPhoto = user.cover_photo
       this.newFields = user.fields.map(field => ({ name: field.name, value: field.value }))
-      this.newLocked = user.locked
       this.newShowRole = user.show_role
     },
     updateProfile () {
       const params = {
         note: this.newBio,
-        locked: this.newLocked,
 
         // Backend notation.
         display_name: this.newName,
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index af4fd9608..cc3a62915 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -27,7 +27,6 @@
     display: block;
     line-height: 1.3;
     padding: 0 0.6em;
-    margin: 0 0.6em;
 
     img {
       object-fit: contain;
@@ -37,8 +36,14 @@
     }
   }
 
+  .user-card-setting {
+    margin-left: 0.6em;
+    margin-right: 0.6em;
+  }
+
   .user-card-bio {
     text-align: center;
+    margin: 0 0.6em;
 
     &.input {
       margin: 0 1em;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index a85455d86..27cd07fa1 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -331,7 +331,41 @@
         </div>
       </div>
     </div>
-    <slot />
+    <template v-if="editable">
+      <h4>{{ $t('settings.user_preferences') }}</h4>
+      <p
+        v-if="role === 'admin' || role === 'moderator'"
+        class="user-card-setting"
+      >
+        <Checkbox v-model="newShowRole">
+          <template v-if="role === 'admin'">
+            {{ $t('settings.show_admin_badge') }}
+          </template>
+          <template v-if="role === 'moderator'">
+            {{ $t('settings.show_moderator_badge') }}
+          </template>
+        </Checkbox>
+      </p>
+      <p class="user-card-setting">
+        <label>
+          {{ $t('settings.actor_type') }}
+          <Select v-model="newActorType">
+            <option
+              v-for="option in availableActorTypes"
+              :key="option"
+              :value="option"
+            >
+              {{ $t('settings.actor_type_' + option) }}
+            </option>
+          </Select>
+          <div v-if="groupActorAvailable">
+            <small>
+              {{ $t('settings.actor_type_description') }}
+            </small>
+          </div>
+        </label>
+      </p>
+    </template>
     <div
       v-if="!editable && loggedIn && isOtherUser && (hasNote || !hideBio) && !mergedConfig.userCardHidePersonalMarks"
       class="personal-marks"
@@ -671,7 +705,7 @@
               <button
                 class="button-default btn"
                 type="button"
-                @click="destroy"
+                @click="editImage = false"
               >
                 {{ this.$t('image_cropper.cancel') }}
               </button>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index ba109f903..d118ff595 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -492,8 +492,7 @@
     "avatarRadius": "Avatars",
     "background": "Background",
     "bio": "Bio",
-    "user_type": "User type",
-    "show_labels": "User labels",
+    "user_preferences": "User preferences",
     "email_language": "Language for receiving emails from the server",
     "block_export": "Block export",
     "block_export_button": "Export your blocks to a csv file",

From c8fa72c791accbd62efc53ce106c30a820920d7a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 14:04:28 +0300
Subject: [PATCH 098/424] move background to appearance tab

---
 .../settings_modal/tabs/appearance_tab.js     |  56 ++++++++-
 .../settings_modal/tabs/appearance_tab.scss   |  40 +++++++
 .../settings_modal/tabs/appearance_tab.vue    |  43 +++++++
 .../settings_modal/tabs/profile_tab.js        |  54 ---------
 .../settings_modal/tabs/profile_tab.scss      | 110 ------------------
 .../settings_modal/tabs/profile_tab.vue       |  43 -------
 src/i18n/en.json                              |   1 +
 7 files changed, 138 insertions(+), 209 deletions(-)

diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 838ac6d6c..77204850a 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -16,6 +16,7 @@ import {
 } from 'src/services/theme_data/css_utils.js'
 import { deserialize } from 'src/services/theme_data/iss_deserializer.js'
 import { createStyleSheet, adoptStyleSheets } from 'src/services/style_setter/style_setter.js'
+import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
@@ -72,7 +73,10 @@ const AppearanceTab = {
         key: mode,
         value: mode,
         label: this.$t(`settings.style.themes3.hacks.underlay_override_mode_${mode}`)
-      }))
+      })),
+      backgroundUploading: false,
+      background: null,
+      backgroundPreview: null,
     }
   },
   components: {
@@ -420,7 +424,55 @@ const AppearanceTab = {
       ].join(''))
       sheet.ready = true
       adoptStyleSheets()
-    }
+    },
+    uploadFile (slot, e) {
+      const file = e.target.files[0]
+      if (!file) { return }
+      if (file.size > this.$store.state.instance[slot + 'limit']) {
+        const filesize = fileSizeFormatService.fileSizeFormat(file.size)
+        const allowedsize = fileSizeFormatService.fileSizeFormat(this.$store.state.instance[slot + 'limit'])
+        useInterfaceStore().pushGlobalNotice({
+          messageKey: 'upload.error.message',
+          messageArgs: [
+            this.$t('upload.error.file_too_big', {
+              filesize: filesize.num,
+              filesizeunit: filesize.unit,
+              allowedsize: allowedsize.num,
+              allowedsizeunit: allowedsize.unit
+            })
+          ],
+          level: 'error'
+        })
+        return
+      }
+
+      const reader = new FileReader()
+      reader.onload = ({ target }) => {
+        const img = target.result
+        this[slot + 'Preview'] = img
+        this[slot] = file
+      }
+      reader.readAsDataURL(file)
+    },
+    resetBackground () {
+      const confirmed = window.confirm(this.$t('settings.reset_background_confirm'))
+      if (confirmed) {
+        this.submitBackground('')
+      }
+    },
+    submitBackground (background) {
+      if (!this.backgroundPreview && background !== '') { return }
+
+      this.backgroundUploading = true
+      this.$store.state.api.backendInteractor.updateProfileImages({ background })
+        .then((data) => {
+          this.$store.commit('addNewUsers', [data])
+          this.$store.commit('setCurrentUser', data)
+          this.backgroundPreview = null
+        })
+        .catch(this.displayUploadError)
+        .finally(() => { this.backgroundUploading = false })
+    },
   }
 }
 
diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index ae8691f16..d786cfa38 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -24,6 +24,46 @@
     margin: 0.5em 0;
   }
 
+  input[type="file"] {
+    padding: 0.25em;
+    height: auto;
+  }
+
+  .banner-background-preview {
+    max-width: 100%;
+    width: 300px;
+    position: relative;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  .reset-button {
+    position: absolute;
+    top: 0.2em;
+    right: 0.2em;
+    border-radius: var(--roundness);
+    background-color: rgb(0 0 0 / 60%);
+    opacity: 0.7;
+    width: 1.5em;
+    height: 1.5em;
+    text-align: center;
+    line-height: 1.5em;
+    font-size: 1.5em;
+    cursor: pointer;
+
+    &:hover {
+      opacity: 1;
+    }
+
+    svg {
+      color: white;
+    }
+  }
+
+
+
   .palettes-container {
     height: 15em;
     overflow: hidden auto;
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index cbbb8ff9c..cd54e2c82 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -151,6 +151,49 @@
         </div>
       </div>
     </div>
+    <div class="setting-item">
+      <h2>{{ $t('settings.background') }}</h2>
+      <div class="banner-background-preview">
+        <img :src="user.background_image">
+        <button
+          v-if="!isDefaultBackground"
+          class="button-unstyled reset-button"
+          :title="$t('settings.reset_profile_background')"
+          @click="resetBackground"
+        >
+          <FAIcon
+            icon="times"
+            type="button"
+          />
+        </button>
+      </div>
+      <p>{{ $t('settings.set_new_background') }}</p>
+      <img
+        v-if="backgroundPreview"
+        class="banner-background-preview"
+        :src="backgroundPreview"
+      >
+      <div>
+        <input
+          type="file"
+          class="input"
+          @change="uploadFile('background', $event)"
+        >
+      </div>
+      <FAIcon
+        v-if="backgroundUploading"
+        class="uploading"
+        spin
+        icon="circle-notch"
+      />
+      <button
+        v-else-if="backgroundPreview"
+        class="btn button-default"
+        @click="submitBackground(background)"
+      >
+        {{ $t('settings.save') }}
+      </button>
+    </div>
     <div class="setting-item">
       <h2>{{ $t('settings.scale_and_layout') }}</h2>
       <div class="alert neutral theme-notice">
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index 2b5cf95bb..e6d3e6141 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -1,7 +1,6 @@
 import UserCard from 'src/components/user_card/user_card.vue'
 import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
 import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
-import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
 import ProgressButton from 'src/components/progress_button/progress_button.vue'
 import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import suggestor from 'src/components/emoji_input/suggestor.js'
@@ -20,7 +19,6 @@ import {
   faPlus,
   faCircleNotch
 } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
 
 library.add(
   faTimes,
@@ -32,10 +30,6 @@ const ProfileTab = {
   data () {
     return {
       locked: this.$store.state.users.currentUser.locked,
-      backgroundUploading: false,
-      background: null,
-      backgroundPreview: null,
-      emailLanguage: this.$store.state.users.currentUser.language || ['']
     }
   },
   components: {
@@ -84,54 +78,6 @@ const ProfileTab = {
     changeVis (visibility) {
       this.newDefaultScope = visibility
     },
-    uploadFile (slot, e) {
-      const file = e.target.files[0]
-      if (!file) { return }
-      if (file.size > this.$store.state.instance[slot + 'limit']) {
-        const filesize = fileSizeFormatService.fileSizeFormat(file.size)
-        const allowedsize = fileSizeFormatService.fileSizeFormat(this.$store.state.instance[slot + 'limit'])
-        useInterfaceStore().pushGlobalNotice({
-          messageKey: 'upload.error.message',
-          messageArgs: [
-            this.$t('upload.error.file_too_big', {
-              filesize: filesize.num,
-              filesizeunit: filesize.unit,
-              allowedsize: allowedsize.num,
-              allowedsizeunit: allowedsize.unit
-            })
-          ],
-          level: 'error'
-        })
-        return
-      }
-
-      const reader = new FileReader()
-      reader.onload = ({ target }) => {
-        const img = target.result
-        this[slot + 'Preview'] = img
-        this[slot] = file
-      }
-      reader.readAsDataURL(file)
-    },
-    resetBackground () {
-      const confirmed = window.confirm(this.$t('settings.reset_background_confirm'))
-      if (confirmed) {
-        this.submitBackground('')
-      }
-    },
-    submitBackground (background) {
-      if (!this.backgroundPreview && background !== '') { return }
-
-      this.backgroundUploading = true
-      this.$store.state.api.backendInteractor.updateProfileImages({ background })
-        .then((data) => {
-          this.$store.commit('addNewUsers', [data])
-          this.$store.commit('setCurrentUser', data)
-          this.backgroundPreview = null
-        })
-        .catch(this.displayUploadError)
-        .finally(() => { this.backgroundUploading = false })
-    },
     updateProfile () {
       const params = {
         locked: this.locked
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index 7c30be8d2..8f0f7862a 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -3,122 +3,12 @@
     margin: 0;
   }
 
-  input[type="file"] {
-    padding: 5px;
-    height: auto;
-  }
-
-  .banner-background-preview {
-    max-width: 100%;
-    width: 300px;
-    position: relative;
-
-    img {
-      width: 100%;
-    }
-  }
-
   .uploading {
     font-size: 1.5em;
     margin: 0.25em;
   }
 
-  .name-changer {
-    width: 100%;
-  }
-
-  .current-avatar-container {
-    position: relative;
-    width: 150px;
-    height: 150px;
-  }
-
-  .current-avatar {
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: var(--roundness);
-  }
-
-  .reset-button {
-    position: absolute;
-    top: 0.2em;
-    right: 0.2em;
-    border-radius: var(--roundness);
-    background-color: rgb(0 0 0 / 60%);
-    opacity: 0.7;
-    width: 1.5em;
-    height: 1.5em;
-    text-align: center;
-    line-height: 1.5em;
-    font-size: 1.5em;
-    cursor: pointer;
-
-    &:hover {
-      opacity: 1;
-    }
-
-    svg {
-      color: white;
-    }
-  }
-
-  .oauth-tokens {
-    width: 100%;
-
-    th {
-      text-align: left;
-    }
-
-    .actions {
-      text-align: right;
-    }
-  }
-
-  &-usersearch-wrapper {
-    padding: 1em;
-  }
-
-  &-bulk-actions {
-    text-align: right;
-    padding: 0 1em;
-    min-height: 2em;
-
-    button {
-      width: 10em;
-    }
-  }
-
-  &-domain-mute-form {
-    padding: 1em;
-    display: flex;
-    flex-direction: column;
-
-    button {
-      align-self: flex-end;
-      margin-top: 1em;
-      width: 10em;
-    }
-  }
-
   .setting-subitem {
     margin-left: 1.75em;
   }
-
-  .profile-fields {
-    display: flex;
-
-    & > .emoji-input {
-      flex: 1 1 auto;
-      margin: 0 0.2em 0.5em;
-      min-width: 0;
-    }
-
-    .delete-field {
-      width: 20px;
-      align-self: center;
-      margin: 0 0.2em 0.5em;
-      padding: 0 0.5em;
-    }
-  }
 }
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 461882e32..7be01d689 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -7,49 +7,6 @@
       rounded="top"
       >
     </UserCard>
-    <div class="setting-item">
-      <h2>{{ $t('settings.profile_background') }}</h2>
-      <div class="banner-background-preview">
-        <img :src="user.background_image">
-        <button
-          v-if="!isDefaultBackground"
-          class="button-unstyled reset-button"
-          :title="$t('settings.reset_profile_background')"
-          @click="resetBackground"
-        >
-          <FAIcon
-            icon="times"
-            type="button"
-          />
-        </button>
-      </div>
-      <p>{{ $t('settings.set_new_profile_background') }}</p>
-      <img
-        v-if="backgroundPreview"
-        class="banner-background-preview"
-        :src="backgroundPreview"
-      >
-      <div>
-        <input
-          type="file"
-          class="input"
-          @change="uploadFile('background', $event)"
-        >
-      </div>
-      <FAIcon
-        v-if="backgroundUploading"
-        class="uploading"
-        spin
-        icon="circle-notch"
-      />
-      <button
-        v-else-if="backgroundPreview"
-        class="btn button-default"
-        @click="submitBackground(background)"
-      >
-        {{ $t('settings.save') }}
-      </button>
-    </div>
     <div class="setting-item">
       <h2>{{ $t('settings.account_privacy') }}</h2>
       <ul class="setting-list">
diff --git a/src/i18n/en.json b/src/i18n/en.json
index d118ff595..39022866f 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -727,6 +727,7 @@
     "minimal_scopes_mode": "Minimize post scope selection options",
     "set_new_avatar": "Set new avatar",
     "set_new_profile_background": "Set new profile background",
+    "set_new_background": "Set new background",
     "set_new_profile_banner": "Set new profile banner",
     "reset_avatar": "Reset avatar",
     "reset_banner": "Reset banner",

From 41267a5d4356fb63be0e0aef0cb46db6e46dad20 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 14:09:25 +0300
Subject: [PATCH 099/424] small fixes

---
 src/components/user_card/user_card.scss | 4 ++++
 src/i18n/en.json                        | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index cc3a62915..d8e6e82fb 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -47,6 +47,10 @@
 
     &.input {
       margin: 0 1em;
+
+      textarea {
+        text-align: inherit;
+      }
     }
 
     &, * {
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 39022866f..46bf9b31e 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -492,7 +492,7 @@
     "avatarRadius": "Avatars",
     "background": "Background",
     "bio": "Bio",
-    "user_preferences": "User preferences",
+    "user_preferences": "Profile settings",
     "email_language": "Language for receiving emails from the server",
     "block_export": "Block export",
     "block_export_button": "Export your blocks to a csv file",

From 86f8f46b95a35a33b41f7722fcc124b1b58cfeed Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 14:22:20 +0300
Subject: [PATCH 100/424] i have no idea how this worked before, but now it
 does fr

---
 src/components/user_card/user_card.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 370904b71..63dbc5c8e 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -92,7 +92,7 @@ export default {
     ImageCropper
   },
   data () {
-    const user = this.$store.state.users.currentUser
+    const user = this.$store.getters.findUser(this.userId)
 
     return {
       followRequestInProgress: false,
@@ -113,7 +113,7 @@ export default {
       newBirthday: user.birthday,
       newShowBirthday: user.show_birthday,
       newCoverPhoto: user.cover_photo,
-      newFields: user.fields.map(field => ({ name: field.name, value: field.value })),
+      newFields: user.fields?.map(field => ({ name: field.name, value: field.value })),
       editingFields: false,
       newShowRole: user.show_role,
     }
@@ -248,11 +248,11 @@ export default {
     // Editable stuff
     avatarImgSrc () {
       const src = this.newAvatar
-      return (!src) ? this.defaultAvatar : src
+      return (!src) ? (this.user.profile_image_url_original || this.defaultAvatar) : src
     },
     bannerImgSrc () {
       const src = this.newBanner
-      return (!src) ? this.defaultBanner : src
+      return (!src) ? (this.user.cover_photo || this.defaultBanner) : src
     },
     defaultAvatar () {
       if (this.isDefaultAvatar) {
@@ -445,7 +445,7 @@ export default {
         // Backend notation.
         display_name: this.newName,
         fields_attributes: this.newFields.filter(el => el != null),
-        show_role: !!this.showRole,
+        show_role: !!this.newShowRole,
         birthday: this.newBirthday || '',
         show_birthday: !!this.showBirthday,
       }

From a4802030bead68fd1b09eb4e77595ebe545a53ed Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 14:25:14 +0300
Subject: [PATCH 101/424] visible role preview

---
 src/components/user_card/user_card.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 63dbc5c8e..ca18cbfca 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -199,6 +199,7 @@ export default {
       }
     },
     visibleRole () {
+      if (!this.newShowRole) { return }
       const rights = this.user.rights
       if (!rights) { return }
       const validRole = rights.admin || rights.moderator

From d89f564b5e3e39c74875e4bdd575f7a2134a69f3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 23:15:26 +0300
Subject: [PATCH 102/424] proper resets, better upload dialog

---
 src/components/user_card/user_card.js   | 102 ++++----
 src/components/user_card/user_card.scss |  10 +-
 src/components/user_card/user_card.vue  | 310 +++++++++++-------------
 src/i18n/en.json                        |   4 +-
 4 files changed, 199 insertions(+), 227 deletions(-)

diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index ca18cbfca..e80ee91de 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -15,7 +15,7 @@ import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
-import Modal from 'src/components/modal/modal.vue'
+import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
 import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
 
 import localeService from 'src/services/locale/locale.service.js'
@@ -37,8 +37,6 @@ import {
   faExpandAlt,
   faBirthdayCake,
   faSave,
-  faChevronRight,
-  faChevronDown,
   faClockRotateLeft
 } from '@fortawesome/free-solid-svg-icons'
 
@@ -55,8 +53,6 @@ library.add(
   faTimes,
   faExpandAlt,
   faBirthdayCake,
-  faChevronRight,
-  faChevronDown,
   faClockRotateLeft
 )
 
@@ -74,7 +70,7 @@ export default {
     'hasNoteEditor'
   ],
   components: {
-    Modal,
+    DialogModal,
     UserAvatar,
     Checkbox,
     RemoteFollow,
@@ -100,22 +96,27 @@ export default {
       muteExpiryUnit: 'minutes',
 
       // Editable stuff
+      editImage: false,
+
       newName: user.name_unescaped,
       editingName: false,
-      editImage: false,
-      newAvatar: '',
-      newAvatarFile: null,
-      newBanner: '',
-      newBannerFile: null,
-      newActorType: user.actor_type,
+
       newBio: unescape(user.description),
       editingBio: false,
+
+      newAvatar: null,
+      newAvatarFile: null,
+
+      newBanner: null,
+      newBannerFile: null,
+
+      newActorType: user.actor_type,
       newBirthday: user.birthday,
       newShowBirthday: user.show_birthday,
-      newCoverPhoto: user.cover_photo,
+      newShowRole: user.show_role,
+
       newFields: user.fields?.map(field => ({ name: field.name, value: field.value })),
       editingFields: false,
-      newShowRole: user.show_role,
     }
   },
   created () {
@@ -248,24 +249,20 @@ export default {
 
     // Editable stuff
     avatarImgSrc () {
-      const src = this.newAvatar
-      return (!src) ? (this.user.profile_image_url_original || this.defaultAvatar) : src
+      const currentUrl = this.user.profile_image_url_original || this.defaultAvatar
+      const newUrl = this.newAvatar === '' ? this.defaultAvatar : this.newAvatar
+      return (this.newAvatar === null) ? currentUrl : newUrl
     },
     bannerImgSrc () {
-      const src = this.newBanner
-      return (!src) ? (this.user.cover_photo || this.defaultBanner) : src
+      const currentUrl = this.user.cover_photo || this.defaultBanner
+      const newUrl = this.newBanner === '' ? this.defaultBanner : this.newBanner
+      return (this.newBanner === null) ? currentUrl : newUrl
     },
     defaultAvatar () {
-      if (this.isDefaultAvatar) {
-        return this.$store.state.instance.server + this.$store.state.instance.defaultAvatar
-      }
-      return this.user.profile_image_url
+      return this.$store.state.instance.server + this.$store.state.instance.defaultAvatar
     },
     defaultBanner () {
-      if (this.isDefaultBanner) {
-        return this.$store.state.instance.server + this.$store.state.instance.defaultBanner
-      }
-      return this.user.cover_photo
+      return this.$store.state.instance.server + this.$store.state.instance.defaultBanner
     },
     isDefaultAvatar () {
       const baseAvatar = this.$store.state.instance.defaultAvatar
@@ -366,24 +363,6 @@ export default {
     changeBanner () {
       this.editImage = 'banner'
     },
-    resetAvatar () {
-      const confirmed = window.confirm(this.$t('settings.reset_avatar_confirm'))
-      if (confirmed) {
-        this.submitAvatar(undefined, '')
-      }
-    },
-    resetBanner () {
-      const confirmed = window.confirm(this.$t('settings.reset_banner_confirm'))
-      if (confirmed) {
-        this.submitBanner('')
-      }
-    },
-    resetBackground () {
-      const confirmed = window.confirm(this.$t('settings.reset_background_confirm'))
-      if (confirmed) {
-        this.submitBackground('')
-      }
-    },
     submitImage ({ canvas, file }) {
       if (canvas) {
         return canvas.toBlob((data) => this.submitImage({ canvas: null, file: data }))
@@ -407,6 +386,16 @@ export default {
       reader.readAsDataURL(file)
 
     },
+    resetImage () {
+      if (this.editImage === 'avatar') {
+        this.newAvatar = ''
+        this.newAvatarFile = ''
+      } else {
+        this.newBanner = ''
+        this.newBannerFile = ''
+      }
+      this.editImage = false
+    },
     addField () {
       if (this.newFields.length < this.maxFields) {
         this.newFields.push({ name: '', value: '' })
@@ -423,21 +412,24 @@ export default {
     cancelImageText () {
       return
     },
-    resetNews () {
+    resetState () {
       const user = this.$store.state.users.currentUser
 
       this.newName = user.name_unescaped
-      this.newAvatar = ''
-      this.newAvatarFile = null
-      this.newBanner = ''
-      this.newBannerFile = null
-      this.newActorType = user.actor_type
       this.newBio = unescape(user.description)
+
+      this.newAvatar = null
+      this.newAvatarFile = null
+
+      this.newBanner = null
+      this.newBannerFile = null
+
+      this.newActorType = user.actor_type
       this.newBirthday = user.birthday
       this.newShowBirthday = user.show_birthday
-      this.newCoverPhoto = user.cover_photo
-      this.newFields = user.fields.map(field => ({ name: field.name, value: field.value }))
       this.newShowRole = user.show_role
+
+      this.newFields = user.fields.map(field => ({ name: field.name, value: field.value }))
     },
     updateProfile () {
       const params = {
@@ -455,11 +447,11 @@ export default {
         params.actor_type = this.actorType
       }
 
-      if (this.newAvatar) {
+      if (this.newAvatarFile !== null) {
         params.avatar = this.newAvatarFile
       }
 
-      if (this.newBanner) {
+      if (this.newBannerFile !== null) {
         params.header = this.newBannerFile
       }
 
@@ -474,7 +466,7 @@ export default {
           merge(this.newFields, user.fields)
           this.$store.commit('addNewUsers', [user])
           this.$store.commit('setCurrentUser', user)
-          this.resetNews()
+          this.resetState()
         })
         .catch((error) => {
           this.displayUploadError(error)
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index d8e6e82fb..84e103aec 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -410,7 +410,7 @@
   .user-interactions {
     position: relative;
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(7.5em, 20%));
+    grid-template-columns: repeat(auto-fit, minmax(5em, 40%));
     grid-gap: 0.6em;
     max-width: 98vw;
     margin-bottom: 0.6em;
@@ -568,11 +568,9 @@
     object-fit: contain;
   }
 
-  .images-container {
-    display: grid;
-    margin: 1em;
-    grid-template-columns: 1fr 5em 1fr;
-    grid-template-rows: 20em;
+  .image-container {
+    display: flex;
+    margin: 0 1em 0.5em;
     gap: 0.5em;
 
     .new-image {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 27cd07fa1..4fe2905ec 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -19,10 +19,7 @@
             class="user-info-avatar -link"
             @click="zoomAvatar"
           >
-            <UserAvatar
-              :user="user"
-              :url="avatarImgSrc"
-            />
+            <UserAvatar :user="user" />
             <div class="user-info-avatar -link -overlay">
               <FAIcon
                 class="fa-scale-110 fa-old-padding"
@@ -36,7 +33,10 @@
             :class="{ '-editable': editable }"
             @click="changeAvatar"
           >
-            <UserAvatar :user="user" />
+            <UserAvatar
+              :user="user"
+              :url="avatarImgSrc"
+            />
             <div class="user-info-avatar -link -overlay">
               <FAIcon
                 class="fa-scale-110 fa-old-padding"
@@ -76,34 +76,6 @@
                     :title="$t('user_card.change_banner')"
                   />
                 </button>
-                <button
-                  v-if="editable"
-                  :disabled="somethingToSave"
-                  class="btn button-unstyled reset-profile-button"
-                  @click="resetNews"
-                >
-                  {{ $t('settings.reset') }}
-                  <FAIcon
-                    fixed-width
-                    class="icon"
-                    icon="clock-rotate-left"
-                    :title="$t('user_card.edit_profile')"
-                  />
-                </button>
-                <button
-                  v-if="editable"
-                  :disabled="somethingToSave"
-                  class="btn button-unstyled save-profile-button"
-                  @click="updateProfile"
-                >
-                  {{ $t('settings.save') }}
-                  <FAIcon
-                    fixed-width
-                    class="icon"
-                    icon="save"
-                    :title="$t('user_card.edit_profile')"
-                  />
-                </button>
                 <button
                   v-else-if="!editable && !isOtherUser && user.is_local"
                   class="button-unstyled edit-profile-button"
@@ -256,72 +228,102 @@
           </div>
         </div>
         <div
-          v-if="!editable && loggedIn && isOtherUser"
+          v-if="loggedIn"
           class="user-interactions"
         >
-          <div class="btn-group">
-            <FollowButton
-              :relationship="relationship"
+          <template v-if="isOtherUser">
+            <div class="btn-group">
+              <FollowButton
+                :relationship="relationship"
+                :user="user"
+              />
+              <template v-if="relationship.following">
+                <ProgressButton
+                  v-if="!relationship.notifying"
+                  class="btn button-default"
+                  :click="subscribeUser"
+                  :title="$t('user_card.subscribe')"
+                >
+                  <FAIcon icon="bell" />
+                </ProgressButton>
+                <ProgressButton
+                  v-else
+                  class="btn button-default toggled"
+                  :click="unsubscribeUser"
+                  :title="$t('user_card.unsubscribe')"
+                >
+                  <FALayers>
+                    <FAIcon
+                      icon="rss"
+                      transform="left-5 shrink-6 up-3 rotate-20"
+                      flip="horizontal"
+                    />
+                    <FAIcon
+                      icon="rss"
+                      transform="right-5 shrink-6 up-3 rotate-20"
+                    />
+                    <FAIcon icon="bell" />
+                  </FALayers>
+                </ProgressButton>
+              </template>
+            </div>
+            <button
+              v-if="relationship.muting"
+              class="btn button-default btn-mute toggled"
+              :disabled="user.deactivated"
+              @click="unmuteUser"
+            >
+              {{ $t('user_card.muted') }}
+            </button>
+            <button
+              v-else
+              class="btn button-default btn-mute"
+              :disabled="user.deactivated"
+              @click="muteUser"
+            >
+              {{ $t('user_card.mute') }}
+            </button>
+            <button
+              class="btn button-default btn-mention"
+              :disabled="user.deactivated"
+              @click="mentionUser"
+            >
+              {{ $t('user_card.mention') }}
+            </button>
+            <ModerationTools
+              v-if="showModerationMenu"
+              class="moderation-menu"
               :user="user"
             />
-            <template v-if="relationship.following">
-              <ProgressButton
-                v-if="!relationship.notifying"
-                class="btn button-default"
-                :click="subscribeUser"
-                :title="$t('user_card.subscribe')"
-              >
-                <FAIcon icon="bell" />
-              </ProgressButton>
-              <ProgressButton
-                v-else
-                class="btn button-default toggled"
-                :click="unsubscribeUser"
-                :title="$t('user_card.unsubscribe')"
-              >
-                <FALayers>
-                  <FAIcon
-                    icon="rss"
-                    transform="left-5 shrink-6 up-3 rotate-20"
-                    flip="horizontal"
-                  />
-                  <FAIcon
-                    icon="rss"
-                    transform="right-5 shrink-6 up-3 rotate-20"
-                  />
-                  <FAIcon icon="bell" />
-                </FALayers>
-              </ProgressButton>
-            </template>
-          </div>
+          </template>
           <button
-            v-if="relationship.muting"
-            class="btn button-default btn-mute toggled"
-            :disabled="user.deactivated"
-            @click="unmuteUser"
+            v-if="editable"
+            :disabled="somethingToSave"
+            class="btn button-default reset-profile-button"
+            @click="resetState"
           >
-            {{ $t('user_card.muted') }}
+            {{ $t('settings.reset') }}
+            <FAIcon
+              fixed-width
+              class="icon"
+              icon="clock-rotate-left"
+              :title="$t('user_card.edit_profile')"
+            />
           </button>
           <button
-            v-else
-            class="btn button-default btn-mute"
-            :disabled="user.deactivated"
-            @click="muteUser"
+            v-if="editable"
+            :disabled="somethingToSave"
+            class="btn button-default save-profile-button"
+            @click="updateProfile"
           >
-            {{ $t('user_card.mute') }}
+            {{ $t('settings.save') }}
+            <FAIcon
+              fixed-width
+              class="icon"
+              icon="save"
+              :title="$t('user_card.edit_profile')"
+            />
           </button>
-          <button
-            class="btn button-default btn-mention"
-            :disabled="user.deactivated"
-            @click="mentionUser"
-          >
-            {{ $t('user_card.mention') }}
-          </button>
-          <ModerationTools
-            v-if="showModerationMenu"
-            class="moderation-menu"
-            :user="user"
-          />
         </div>
         <div
           v-if="!loggedIn && user.is_local"
@@ -355,7 +357,7 @@
               :key="option"
               :value="option"
             >
-              {{ $t('settings.actor_type_' + option) }}
+              {{ $t('settings.actor_type_' + (option === 'Person' ? 'person_proper' : option)) }}
             </option>
           </Select>
           <div v-if="groupActorAvailable">
@@ -653,85 +655,63 @@
       />
     </teleport>
     <teleport to="#modal">
-      <Modal
+      <DialogModal
         v-if="editImage"
-        :is-mute="true"
         class="edit-image"
-        :class="{ '-banner': editImage === 'banner' }"
-        @backdrop-clicked="editImage = false"
       >
-        <div class="panel">
-          <div class="panel-heading">
-            <h1 class="title">
-              {{ editImage === 'avatar' ? $t('settings.change_avatar') : $t('settings.change_banner') }}
-            </h1>
-          </div>
-          <div class="panel-body">
-            <div class="images-container">
-              <img
-                :src="editImage === 'avatar' ? avatarImgSrc : bannerImgSrc"
-                class="current-avatar"
-              />
-              <FAIcon
-                class="separator"
-                :icon="editImage === 'avatar' ? 'chevron-right' : 'chevron-down'"
-              />
-              <image-cropper
-                ref="cropper"
-                class="cropper"
-                :aspect-ratio="editImage === 'avatar' ? 1 : 3"
-                @submit="submitImage"
-              />
-            </div>
-            <button
-              id="pick-image"
-              class="button-default btn"
-              type="button"
-              @click="() => this.$refs.cropper.pickImage()"
-            >
-              {{ $t('settings.upload_picture') }}
-            </button>
-            <p class="visibility-notice">
-              {{ $t('settings.avatar_size_instruction') }}
-            </p>
-            <button
-              :title="editImage === 'avatar' ? $t('settings.reset_avatar') : $t('settings.reset_banner')"
-              class="button-unstyled reset-button"
-              @click="resetImage"
-            >
-            </button>
-            <div class="panel-footer">
-              <div/>
-              <button
-                class="button-default btn"
-                type="button"
-                @click="editImage = false"
-              >
-                {{ this.$t('image_cropper.cancel') }}
-              </button>
-              <button
-                class="button-default btn"
-                type="button"
-                @click="this.$refs.cropper.submit(true)"
-              >
-                {{ $t('image_cropper.save') }}
-              </button>
-              <button
-                class="button-default btn"
-                type="button"
-                @click="this.$refs.cropper.submit(false)"
-              >
-                {{ $t('image_cropper.save_without_cropping') }}
-              </button>
-              <FAIcon
-                v-if="submitting"
-                spin
-                icon="circle-notch"
-              />
-            </div>
-          </div>
+        <template #header>
+          {{ editImage === 'avatar' ? $t('settings.change_avatar') : $t('settings.change_banner') }}
+        </template>
+        <div class="image-container">
+          <image-cropper
+            ref="cropper"
+            class="cropper"
+            :aspect-ratio="editImage === 'avatar' ? 1 : 3"
+            @submit="submitImage"
+          />
         </div>
-      </Modal>
+        <button
+          id="pick-image"
+          class="button-default btn"
+          type="button"
+          @click="() => this.$refs.cropper.pickImage()"
+        >
+          {{ $t('settings.upload_picture') }}
+        </button>
+        <p class="visibility-notice">
+          {{ editImage === 'avatar' ? $t('settings.avatar_size_instruction') : $t('settings.banner_size_instruction' )}}
+        </p>
+        <template #footer>
+          <button
+            class="button-default btn"
+            type="button"
+            @click="editImage = false"
+          >
+            {{ this.$t('image_cropper.cancel') }}
+          </button>
+          <button
+            :title="editImage === 'avatar' ? $t('settings.reset_avatar') : $t('settings.reset_banner')"
+            class="button-default btn reset-button"
+            @click="resetImage"
+          >
+            {{ editImage === 'avatar' ? $t('settings.reset_avatar') : $t('settings.reset_banner' )}}
+          </button>
+          <button
+            class="button-default btn"
+            type="button"
+            @click="this.$refs.cropper.submit(false)"
+          >
+            {{ $t('image_cropper.save_without_cropping') }}
+          </button>
+          <button
+            class="button-default btn"
+            type="button"
+            @click="this.$refs.cropper.submit(true)"
+          >
+            {{ $t('image_cropper.save') }}
+          </button>
+        </template>
+      </DialogModal>
     </teleport>
   </div>
 </template>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 46bf9b31e..f284cbedb 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -387,6 +387,7 @@
     "actor_type": "This account is:",
     "actor_type_description": "Marking your account as a group will make it automatically repeat statuses that mention it.",
     "actor_type_Person": "a normal user",
+    "actor_type_person_proper": "a person",
     "actor_type_Service": "a bot",
     "actor_type_Group": "a group",
     "mobile_center_dialog": "Vertically center dialogs on mobile",
@@ -568,7 +569,8 @@
     "move_account_error": "Error moving account: {error}",
     "discoverable": "Allow discovery of this account in search results and other services",
     "domain_mutes": "Domains",
-    "avatar_size_instruction": "The recommended minimum size for avatar images is 150x150 pixels.",
+    "avatar_size_instruction": "The recommended minimum size for avatar images is 150x150 pixels. Recommended aspect ratio is 1:1",
+    "banner_size_instruction": "The recommended minimum size for banner images is 450x150 pixels. Recommended aspect ratio is 3:1",
     "pad_emoji": "Pad emoji with spaces when adding from picker",
     "autocomplete_select_first": "Automatically select the first candidate when autocomplete results are available",
     "unsaved_post_action": "When you try to close an unsaved posting form",

From ea3e054c2191bad9388a1da575eaa3b5272b0437 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 4 Aug 2025 23:16:27 +0300
Subject: [PATCH 103/424] changelog

---
 changelog.d/user_profile_edit.change | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/user_profile_edit.change

diff --git a/changelog.d/user_profile_edit.change b/changelog.d/user_profile_edit.change
new file mode 100644
index 000000000..dd2260260
--- /dev/null
+++ b/changelog.d/user_profile_edit.change
@@ -0,0 +1 @@
+Profile editing change overhaul

From fc90a92ecfabee6c003d1126d1942f37782d8f35 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 00:24:00 +0300
Subject: [PATCH 104/424] better interaction buttons. can't get them quite
 right - limitation of html?

---
 src/components/user_card/user_card.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 84e103aec..caa358daf 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -163,7 +163,7 @@
   position: relative;
   margin: 0.6em;
   margin-bottom: 0;
-  text-align: right;
+  text-align: left;
 
   .user-identity {
     position: relative;
@@ -409,11 +409,13 @@
 
   .user-interactions {
     position: relative;
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(5em, 40%));
-    grid-gap: 0.6em;
-    max-width: 98vw;
-    margin-bottom: 0.6em;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.6em;
+
+    > * {
+      flex: 0 0 10%;
+    }
 
     .popover-trigger-button, .moderation-tools-button {
       width: 100%;

From d34ce95d1732eb758b1a76c7f7e9b358c762efee Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 00:27:20 +0300
Subject: [PATCH 105/424] scale bottom line too

---
 src/components/user_card/user_card.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index caa358daf..913589725 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -338,6 +338,7 @@
       white-space: normal;
       font-weight: 500;
       font-size: 0.9em;
+      font-size: calc(max(90%, 2.5cqw));
       line-height: 1.5;
     }
 

From 49422705a8c5714bd9df0cc8720ab885d996cdf5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 13:59:56 +0300
Subject: [PATCH 106/424] fixed interaction button size

---
 src/components/user_card/user_card.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 913589725..150a15d5b 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -415,7 +415,7 @@
     gap: 0.6em;
 
     > * {
-      flex: 0 0 10%;
+      flex: 0 0 8em;
     }
 
     .popover-trigger-button, .moderation-tools-button {

From a4e6a72ca2b099d2926996b98f8e6b6cbbec9547 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 14:10:07 +0300
Subject: [PATCH 107/424] fix banner overflowing

---
 src/components/user_card/user_card.scss      | 7 ++++---
 src/components/user_panel/user_panel.vue     | 2 ++
 src/components/user_popover/user_popover.vue | 7 +++++--
 src/components/user_profile/user_profile.vue | 4 ++++
 4 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 150a15d5b..d15303fde 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -1,6 +1,7 @@
 .user-card {
   position: relative;
   z-index: 1;
+  overflow: hidden;
 
   // editing headers
   h4 {
@@ -161,9 +162,10 @@
 
 .user-info {
   position: relative;
-  margin: 0.6em;
-  margin-bottom: 0;
   text-align: left;
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
 
   .user-identity {
     position: relative;
@@ -171,7 +173,6 @@
     min-height: 6em;
     display: flex;
     align-items: flex-end;
-    margin-bottom: 1em;
     container: user-card / inline-size;
 
     > * {
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index 7ac4d429c..783770dda 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -29,6 +29,8 @@
   }
 
   .user-info {
+    margin: 0.6em;
+
     .Avatar {
       width: 5em;
       width: calc(min(5em, 20cqw));
diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index 9bff355e9..10850ef70 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -27,7 +27,11 @@
 /* popover styles load on-demand, so we need to override */
 /* stylelint-disable block-no-empty */
 .user-popover {
-  margin-bottom: 0.6em;
+  margin: 0;
+
+  .user-info {
+    margin: 1.2em;
+  }
 
   .user-identity {
     aspect-ratio: unset;
@@ -40,7 +44,6 @@
 
   &.popover {
     overflow: hidden;
-    padding: 0.6em;
   }
 }
 /* stylelint-enable block-no-empty */
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index 749b828b8..03042f2ab 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -140,6 +140,10 @@
     align-items: center;
     padding: 2em;
   }
+
+  .user-info {
+    margin: 0.6em;
+  }
 }
 
 .user-profile-placeholder {

From 8268d0d349304ed09abc4e2c3b334c823fd6103c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 14:18:09 +0300
Subject: [PATCH 108/424] better headers

---
 src/components/user_card/user_card.scss | 12 +++++++++---
 src/components/user_card/user_card.vue  | 12 +++++++-----
 src/i18n/en.json                        |  2 +-
 3 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index d15303fde..4b0536008 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -7,10 +7,16 @@
   h4 {
     line-height: 2;
     display: flex;
-    padding: 0 1.0em;
+  }
 
-    span {
-      flex: 1;
+  h3 {
+    padding-left: 0.6em;
+    margin-bottom: 0;
+
+    .button-default {
+      font-size: 1rem;
+      line-height: 2;
+      padding: 0 0.6em;
     }
   }
 
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 4fe2905ec..743cbef04 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -334,7 +334,7 @@
       </div>
     </div>
     <template v-if="editable">
-      <h4>{{ $t('settings.user_preferences') }}</h4>
+      <h3>{{ $t('settings.user_preferences') }}</h3>
       <p
         v-if="role === 'admin' || role === 'moderator'"
         class="user-card-setting"
@@ -413,10 +413,11 @@
         />
       </div>
     </div>
-    <h4 v-if="editable">
+    <h3 v-if="editable">
       <span>
         {{ $t('settings.bio') }}
       </span>
+      {{ ' ' }}
       <button
         class="button-default"
         @click="editingBio = !editingBio"
@@ -427,7 +428,7 @@
           icon="pencil"
         />
       </button>
-    </h4>
+    </h3>
     <template v-if="!editable || !editingBio">
       <RichContent
         v-if="!hideBio"
@@ -456,10 +457,11 @@
         </template>
       </EmojiInput>
     </template>
-    <h4 v-if="editable">
+    <h3 v-if="editable">
       <span>
         {{ $t('settings.profile_fields.label') }}
       </span>
+      {{ ' ' }}
       <button
         class="button-default"
         @click="editingFields = !editingFields"
@@ -470,7 +472,7 @@
           icon="pencil"
         />
       </button>
-    </h4>
+    </h3>
     <template v-if="!editable || !editingFields">
       <div
         v-if="!hideBio && user.fields_html && user.fields_html.length > 0"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index f284cbedb..91f6cc868 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -396,7 +396,7 @@
     "save": "Save changes",
     "reset": "Reset changes",
     "security": "Security",
-    "toggle_edit": "Toggle edit",
+    "toggle_edit": "Edit",
     "change_banner": "Change banner",
     "change_avatar": "Change avatar",
     "setting_changed": "Setting is different from default",

From 184f1cdc2432512b0a15aad6f845e04d2718f12e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 14:39:15 +0300
Subject: [PATCH 109/424] remove useless stuff

---
 src/components/user_card/user_card.scss      | 59 --------------------
 src/components/user_card/user_card.vue       |  5 +-
 src/components/user_profile/user_profile.vue |  3 +-
 3 files changed, 2 insertions(+), 65 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 4b0536008..1d5017d61 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -75,17 +75,6 @@
     --_still-image-label-visibility: hidden;
   }
 
-  .panel-heading {
-    text-align: center;
-    box-shadow: none;
-    background: transparent;
-    backdrop-filter: none;
-    flex-direction: column;
-    align-items: stretch;
-    // create new stacking context
-    position: relative;
-  }
-
   .personal-marks {
     margin: 0.6em;
     padding: 0.6em;
@@ -369,52 +358,6 @@
     }
   }
 
-  .highlighter {
-    margin: 5em;
-    align-items: baseline;
-    line-height: 22px;
-    flex-wrap: wrap;
-
-    .following {
-      flex: 1 0 auto;
-      margin: 0;
-      margin-bottom: 0.25em;
-      text-align: left;
-    }
-
-    .highlighter {
-      flex: 0 1 auto;
-      display: flex;
-      flex-wrap: wrap;
-      margin-right: -0.5em;
-      align-self: start;
-
-      .userHighlightCl {
-        padding: 2px 10px;
-        flex: 1 0 auto;
-      }
-
-      .userHighlightSel {
-        padding-top: 0;
-        padding-bottom: 0;
-        flex: 1 0 auto;
-      }
-
-      .userHighlightText {
-        width: 70px;
-        flex: 1 0 auto;
-      }
-
-      .userHighlightCl,
-      .userHighlightText,
-      .userHighlightSel {
-        vertical-align: top;
-        margin-right: 0.5em;
-        margin-bottom: 0.25em;
-      }
-    }
-  }
-
   .user-interactions {
     position: relative;
     display: flex;
@@ -491,8 +434,6 @@
   img {
     object-fit: contain;
     vertical-align: middle;
-    max-width: 100%;
-    max-height: 400px;
   }
 
   .user-profile-field-add,
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 743cbef04..1e70ea4db 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -3,10 +3,7 @@
     class="user-card"
     :class="classes"
   >
-    <div
-      :class="onClose ? '' : 'panel-heading -flexible-height'"
-      class="user-card-inner"
-    >
+    <div class="user-card-inner">
       <div class="user-info">
         <div class="user-identity">
           <div
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index 03042f2ab..e759c6752 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -129,7 +129,6 @@
 <style lang="scss">
 .user-profile {
   flex: 2;
-  flex-basis: 500px;
 
   // No sticky header on user profile
   --currentPanelStack: 0;
@@ -142,7 +141,7 @@
   }
 
   .user-info {
-    margin: 0.6em;
+    margin: 1.2em;
   }
 }
 

From 3311c676ad38f22a45b99a2a65f037c1fcafe268 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 14:43:37 +0300
Subject: [PATCH 110/424] better layout & wording

---
 .../settings_modal/tabs/profile_tab.scss      | 14 ++++
 .../settings_modal/tabs/profile_tab.vue       | 17 +++--
 src/components/user_card/user_card.scss       |  1 +
 src/components/user_card/user_card.vue        | 70 +++++++++----------
 src/i18n/en.json                              |  3 +-
 5 files changed, 62 insertions(+), 43 deletions(-)

diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index 8f0f7862a..33a7c5ed0 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -1,4 +1,18 @@
 .profile-tab {
+  // overriding global for better look
+  div.profile-edit {
+    margin: 0;
+
+    h2 {
+      margin-left: 1rem;
+    }
+
+    .user-card {
+      padding: 1.2em;
+      overflow: hidden;
+    }
+  }
+
   .bio {
     margin: 0;
   }
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 7be01d689..e3e5cc0a2 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -1,12 +1,15 @@
 <template>
   <div class="profile-tab">
-    <UserCard
-      :user-id="user.id"
-      :editable="true"
-      :switcher="false"
-      rounded="top"
-      >
-    </UserCard>
+    <div class="setting-item profile-edit">
+      <h2>{{ $t('settings.account_profile_edit') }}</h2>
+      <UserCard
+        :user-id="user.id"
+        :editable="true"
+        :switcher="false"
+        rounded="top"
+        >
+      </UserCard>
+    </div>
     <div class="setting-item">
       <h2>{{ $t('settings.account_privacy') }}</h2>
       <ul class="setting-list">
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 1d5017d61..8b224efb6 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -426,6 +426,7 @@
 
 .user-profile-fields {
   margin: 0 0.5em;
+  padding: 0 0.5em;
   display: flex;
   flex-direction: column;
 
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 1e70ea4db..5bb21c838 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -330,41 +330,6 @@
         </div>
       </div>
     </div>
-    <template v-if="editable">
-      <h3>{{ $t('settings.user_preferences') }}</h3>
-      <p
-        v-if="role === 'admin' || role === 'moderator'"
-        class="user-card-setting"
-      >
-        <Checkbox v-model="newShowRole">
-          <template v-if="role === 'admin'">
-            {{ $t('settings.show_admin_badge') }}
-          </template>
-          <template v-if="role === 'moderator'">
-            {{ $t('settings.show_moderator_badge') }}
-          </template>
-        </Checkbox>
-      </p>
-      <p class="user-card-setting">
-        <label>
-          {{ $t('settings.actor_type') }}
-          <Select v-model="newActorType">
-            <option
-              v-for="option in availableActorTypes"
-              :key="option"
-              :value="option"
-            >
-              {{ $t('settings.actor_type_' + (option === 'Person' ? 'person_proper' : option)) }}
-            </option>
-          </Select>
-          <div v-if="groupActorAvailable">
-            <small>
-              {{ $t('settings.actor_type_description') }}
-            </small>
-          </div>
-        </label>
-      </p>
-    </template>
     <div
       v-if="!editable && loggedIn && isOtherUser && (hasNote || !hideBio) && !mergedConfig.userCardHidePersonalMarks"
       class="personal-marks"
@@ -646,6 +611,41 @@
         </div>
       </template>
     </div>
+    <template v-if="editable">
+      <h3>{{ $t('settings.profile_other') }}</h3>
+      <p
+        v-if="role === 'admin' || role === 'moderator'"
+        class="user-card-setting"
+      >
+        <Checkbox v-model="newShowRole">
+          <template v-if="role === 'admin'">
+            {{ $t('settings.show_admin_badge') }}
+          </template>
+          <template v-if="role === 'moderator'">
+            {{ $t('settings.show_moderator_badge') }}
+          </template>
+        </Checkbox>
+      </p>
+      <p class="user-card-setting">
+        <label>
+          {{ $t('settings.actor_type') }}
+          <Select v-model="newActorType">
+            <option
+              v-for="option in availableActorTypes"
+              :key="option"
+              :value="option"
+            >
+              {{ $t('settings.actor_type_' + (option === 'Person' ? 'person_proper' : option)) }}
+            </option>
+          </Select>
+          <div v-if="groupActorAvailable">
+            <small>
+              {{ $t('settings.actor_type_description') }}
+            </small>
+          </div>
+        </label>
+      </p>
+    </template>
     <teleport to="#modal">
       <UserTimedFilterModal
         ref="timedMuteDialog"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 91f6cc868..c38d18c36 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -493,7 +493,7 @@
     "avatarRadius": "Avatars",
     "background": "Background",
     "bio": "Bio",
-    "user_preferences": "Profile settings",
+    "profile_other": "Other",
     "email_language": "Language for receiving emails from the server",
     "block_export": "Block export",
     "block_export_button": "Export your blocks to a csv file",
@@ -664,6 +664,7 @@
       "label": "Birthday",
       "show_birthday": "Show my birthday"
     },
+    "account_profile_edit": "Edit Profile",
     "account_privacy": "Privacy",
     "use_contain_fit": "Don't crop the attachment in thumbnails",
     "name": "Name",

From bc2964c327cf584f8c9e15238dcf2dea7fa8aebd Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 14:58:53 +0300
Subject: [PATCH 111/424] dirty state

---
 src/components/user_card/user_card.js   | 17 ++++++++
 src/components/user_card/user_card.scss |  5 +++
 src/components/user_card/user_card.vue  | 58 +++++++++++++------------
 3 files changed, 52 insertions(+), 28 deletions(-)

diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index e80ee91de..e9c79aff1 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -1,4 +1,5 @@
 import merge from 'lodash/merge'
+import isEqual from 'lodash/isEqual'
 import unescape from 'lodash/unescape'
 
 import ColorInput from 'src/components/color_input/color_input.vue'
@@ -116,6 +117,7 @@ export default {
       newShowRole: user.show_role,
 
       newFields: user.fields?.map(field => ({ name: field.name, value: field.value })),
+
       editingFields: false,
     }
   },
@@ -123,6 +125,21 @@ export default {
     this.$store.dispatch('fetchUserRelationship', this.user.id)
   },
   computed: {
+    somethingToSave () {
+      if (this.newName !== this.user.name_unescaped) return true
+      if (this.newBio !== unescape(this.user.description)) return true
+      if (this.newAvatar !== null) return true
+      if (this.newBanner !== null) return true
+      if (this.newActorType !== this.user.actor_type) return true
+      if (this.newBirthday !== this.user.birthday) return true
+      if (this.newShowBirthday !== this.user.show_birthday) return true
+      if (this.newShowRole !== this.user.show_role) return true
+      if (!isEqual(
+        this.newFields,
+        this.user.fields?.map(field => ({ name: field.name, value: field.value }))
+      )) return true
+      return false
+    },
     groupActorAvailable () {
       return this.$store.state.instance.groupActorAvailable
     },
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 8b224efb6..c948480ba 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -153,6 +153,11 @@
     border-style: solid;
     border-color: var(--border);
   }
+
+  .bottom-buttons {
+    display: flex;
+    gap: 0.5em;
+  }
 }
 
 .user-info {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 5bb21c838..9873c0aea 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -293,34 +293,6 @@
               :user="user"
             />
           </template>
-          <button
-            v-if="editable"
-            :disabled="somethingToSave"
-            class="btn button-default reset-profile-button"
-            @click="resetState"
-          >
-            {{ $t('settings.reset') }}
-            <FAIcon
-              fixed-width
-              class="icon"
-              icon="clock-rotate-left"
-              :title="$t('user_card.edit_profile')"
-            />
-          </button>
-          <button
-            v-if="editable"
-            :disabled="somethingToSave"
-            class="btn button-default save-profile-button"
-            @click="updateProfile"
-          >
-            {{ $t('settings.save') }}
-            <FAIcon
-              fixed-width
-              class="icon"
-              icon="save"
-              :title="$t('user_card.edit_profile')"
-            />
-          </button>
         </div>
         <div
           v-if="!loggedIn && user.is_local"
@@ -645,6 +617,36 @@
           </div>
         </label>
       </p>
+      <div class="bottom-buttons">
+        <button
+          v-if="editable"
+          :disabled="!somethingToSave"
+          class="btn button-default reset-profile-button"
+          @click="resetState"
+        >
+          {{ $t('settings.reset') }}
+          <FAIcon
+            fixed-width
+            class="icon"
+            icon="clock-rotate-left"
+            :title="$t('user_card.edit_profile')"
+          />
+        </button>
+        <button
+          v-if="editable"
+          :disabled="!somethingToSave"
+          class="btn button-default save-profile-button"
+          @click="updateProfile"
+        >
+          {{ $t('settings.save') }}
+          <FAIcon
+            fixed-width
+            class="icon"
+            icon="save"
+            :title="$t('user_card.edit_profile')"
+          />
+        </button>
+      </div>
     </template>
     <teleport to="#modal">
       <UserTimedFilterModal

From 7e9fd4d1dd46f60472525b4ee6af8cfa1c5f9792 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 15:17:07 +0300
Subject: [PATCH 112/424] lint

---
 .../image_cropper/image_cropper.vue           |  2 +-
 .../settings_modal/tabs/profile_tab.vue       |  3 +--
 src/components/user_card/user_card.vue        | 21 +++++++++++--------
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/image_cropper/image_cropper.vue b/src/components/image_cropper/image_cropper.vue
index 9d8ecd173..ee487b09c 100644
--- a/src/components/image_cropper/image_cropper.vue
+++ b/src/components/image_cropper/image_cropper.vue
@@ -54,7 +54,7 @@
       type="file"
       class="input image-cropper-img-input"
       :accept="mimes"
-    />
+    >
   </div>
 </template>
 
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index e3e5cc0a2..6d458c7c8 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -7,8 +7,7 @@
         :editable="true"
         :switcher="false"
         rounded="top"
-        >
-      </UserCard>
+      />
     </div>
     <div class="setting-item">
       <h2>{{ $t('settings.account_privacy') }}</h2>
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 9873c0aea..d913cf96e 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -153,8 +153,8 @@
                 <button
                   v-if="editable"
                   class="button-unstyled edit-button"
-                  @click="editingName = !editingName"
                   :title="$t('settings.toggle_edit')"
+                  @click="editingName = !editingName"
                 >
                   <FAIcon
                     class="icon"
@@ -500,7 +500,10 @@
           class="user-profile-field-add add-field button-default -hover-highlight"
           @click="addField"
         >
-          <FAIcon icon="plus" class="icon" />
+          <FAIcon
+            icon="plus"
+            class="icon"
+          />
           <span class="label">
             {{ $t("settings.profile_fields.add_field") }}
           </span>
@@ -508,8 +511,8 @@
       </div>
     </template>
     <div
-      class="user-extras"
       v-if="!hideBio"
+      class="user-extras"
     >
       <span
         v-if="!editable && !mergedConfig.hideUserStats"
@@ -675,12 +678,12 @@
           id="pick-image"
           class="button-default btn"
           type="button"
-          @click="() => this.$refs.cropper.pickImage()"
+          @click="() => $refs.cropper.pickImage()"
         >
           {{ $t('settings.upload_picture') }}
         </button>
         <p class="visibility-notice">
-          {{ editImage === 'avatar' ? $t('settings.avatar_size_instruction') : $t('settings.banner_size_instruction' )}}
+          {{ editImage === 'avatar' ? $t('settings.avatar_size_instruction') : $t('settings.banner_size_instruction' ) }}
         </p>
         <template #footer>
           <button
@@ -688,26 +691,26 @@
             type="button"
             @click="editImage = false"
           >
-            {{ this.$t('image_cropper.cancel') }}
+            {{ $t('image_cropper.cancel') }}
           </button>
           <button
             :title="editImage === 'avatar' ? $t('settings.reset_avatar') : $t('settings.reset_banner')"
             class="button-default btn reset-button"
             @click="resetImage"
           >
-            {{ editImage === 'avatar' ? $t('settings.reset_avatar') : $t('settings.reset_banner' )}}
+            {{ editImage === 'avatar' ? $t('settings.reset_avatar') : $t('settings.reset_banner' ) }}
           </button>
           <button
             class="button-default btn"
             type="button"
-            @click="this.$refs.cropper.submit(false)"
+            @click="$refs.cropper.submit(false)"
           >
             {{ $t('image_cropper.save_without_cropping') }}
           </button>
           <button
             class="button-default btn"
             type="button"
-            @click="this.$refs.cropper.submit(true)"
+            @click="$refs.cropper.submit(true)"
           >
             {{ $t('image_cropper.save') }}
           </button>

From fa67b2330f1754bf3590da905ae1fb27c4fac7e0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 15:20:19 +0300
Subject: [PATCH 113/424] fix

---
 src/components/emoji_input/emoji_input.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue
index 057e6aa5c..a1cba33bc 100644
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@@ -115,7 +115,6 @@
   display: flex;
   flex-direction: column;
   position: relative;
-  display: flex;
 
   .emoji-picker-icon {
     position: absolute;

From ee0139507102e1a8e6a3c82c4f1209929a0e5578 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 17:00:21 +0300
Subject: [PATCH 114/424] image cropper cleanup

---
 src/components/image_cropper/image_cropper.js | 22 ++++++-------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/src/components/image_cropper/image_cropper.js b/src/components/image_cropper/image_cropper.js
index 32b615265..afca328e8 100644
--- a/src/components/image_cropper/image_cropper.js
+++ b/src/components/image_cropper/image_cropper.js
@@ -10,19 +10,12 @@ library.add(
 
 const ImageCropper = {
   props: {
+    // Mime-types to accept, i.e. which filetypes to accept (.gif, .png, etc.)
     mimes: {
       type: String,
       default: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon'
     },
-    saveButtonLabel: {
-      type: String
-    },
-    saveWithoutCroppingButtonlabel: {
-      type: String
-    },
-    cancelButtonLabel: {
-      type: String
-    },
+    // Fixed aspect-ratio for selection box
     aspectRatio: {
       type: Number
     }
@@ -30,11 +23,13 @@ const ImageCropper = {
   data () {
     return {
       dataUrl: undefined,
-      filename: undefined,
-      submitting: false
+      filename: undefined
     }
   },
-  emits: ['submit'],
+  emits: [
+    'submit', // cropping complete or uncropped image returned
+    'close', // cropper is closed
+  ],
   methods: {
     destroy () {
       this.$refs.input.value = ''
@@ -42,8 +37,6 @@ const ImageCropper = {
       this.$emit('close')
     },
     submit (cropping = true) {
-      this.submitting = true
-
       let cropperPromise
       if (cropping) {
         cropperPromise = this.$refs.cropperSelection.$toCanvas()
@@ -53,7 +46,6 @@ const ImageCropper = {
 
       cropperPromise.then(canvas => {
         this.$emit('submit', { canvas, file: this.file })
-        this.submitting = false
       })
     },
     pickImage () {

From 6e44a3afa935f58fd7074cfca8faf11a829dc2e8 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 17:00:39 +0300
Subject: [PATCH 115/424] language switcher cleanup

---
 .../interface_language_switcher.js            | 58 +++++++++++++++++
 .../interface_language_switcher.vue           | 65 +------------------
 .../settings_modal/tabs/general_tab.js        |  3 +-
 .../settings_modal/tabs/general_tab.vue       | 16 +++--
 src/components/user_card/user_card.js         |  4 --
 5 files changed, 71 insertions(+), 75 deletions(-)
 create mode 100644 src/components/interface_language_switcher/interface_language_switcher.js

diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
new file mode 100644
index 000000000..bd7b641a5
--- /dev/null
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -0,0 +1,58 @@
+import localeService from '../../services/locale/locale.service.js'
+
+import Select from '../select/select.vue'
+import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
+
+export default {
+  components: {
+    Select,
+    ProfileSettingIndicator
+  },
+  props: {
+    // List of languages (or just one language)
+    modelValue: {
+      type: [Array, String],
+      required: true
+    },
+    // Is this setting stored in user profile (true) or elsewhere (false)
+    // Doesn't affect storage, just shows an icon if true
+    profile: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue'],
+  computed: {
+    languages () {
+      return localeService.languages
+    },
+
+    controlledLanguage: {
+      get: function () {
+        return Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue]
+      },
+      set: function (val) {
+        this.$emit('update:modelValue', val)
+      }
+    }
+  },
+
+  methods: {
+    getLanguageName (code) {
+      return localeService.getLanguageName(code)
+    },
+    addLanguage () {
+      this.controlledLanguage = [...this.controlledLanguage, '']
+    },
+    setLanguageAt (index, val) {
+      const lang = [...this.controlledLanguage]
+      lang[index] = val
+      this.controlledLanguage = lang
+    },
+    removeLanguageAt (index) {
+      const lang = [...this.controlledLanguage]
+      lang.splice(index, 1)
+      this.controlledLanguage = lang
+    }
+  }
+}
diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue
index 46837b018..8b300d43b 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.vue
+++ b/src/components/interface_language_switcher/interface_language_switcher.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="interface-language-switcher">
     <label>
-      {{ promptText }}
+      <slot />
       <ProfileSettingIndicator :is-profile="profile" />
     </label>
     <ul class="setting-list">
@@ -45,68 +45,7 @@
   </div>
 </template>
 
-<script>
-import localeService from '../../services/locale/locale.service.js'
-
-import Select from '../select/select.vue'
-import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
-
-export default {
-  components: {
-    // eslint-disable-next-line vue/no-reserved-component-names
-    Select,
-    ProfileSettingIndicator
-  },
-  props: {
-    promptText: {
-      type: String,
-      required: true
-    },
-    language: {
-      type: [Array, String],
-      required: true
-    },
-    profile: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update'],
-  computed: {
-    languages () {
-      return localeService.languages
-    },
-
-    controlledLanguage: {
-      get: function () {
-        return Array.isArray(this.language) ? this.language : [this.language]
-      },
-      set: function (val) {
-        this.$emit('update', val)
-      }
-    }
-  },
-
-  methods: {
-    getLanguageName (code) {
-      return localeService.getLanguageName(code)
-    },
-    addLanguage () {
-      this.controlledLanguage = [...this.controlledLanguage, '']
-    },
-    setLanguageAt (index, val) {
-      const lang = [...this.controlledLanguage]
-      lang[index] = val
-      this.controlledLanguage = lang
-    },
-    removeLanguageAt (index) {
-      const lang = [...this.controlledLanguage]
-      lang.splice(index, 1)
-      this.controlledLanguage = lang
-    }
-  }
-}
-</script>
+<script src="./interface_language_switcher.js"></script>
 
 <style lang="scss">
 .interface-language-switcher {
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 7f5d99da5..8d295db2b 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -66,7 +66,8 @@ const GeneralTab = {
       // Chrome-likes
       Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
       // Future spec, still not supported in Nightly 63 as of 08/2018
-      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks')
+      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks'),
+      emailLanguage: this.$store.state.users.currentUser.language || ['']
     }
   },
   components: {
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index c8858f773..f0ff7f50b 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -5,18 +5,20 @@
       <ul class="setting-list">
         <li>
           <interface-language-switcher
-            :prompt-text="$t('settings.interfaceLanguage')"
-            :language="language"
+            v-model="language"
             @update="val => language = val"
-          />
+          >
+            {{ $t('settings.interfaceLanguage') }}
+          </interface-language-switcher>
         </li>
         <li>
           <interface-language-switcher
-            :prompt-text="$t('settings.email_language')"
-            :language="emailLanguage"
+            v-model="emailLanguage"
             :profile="true"
-            @update="val => { emailLanguage = val; updateProfile() }"
-          />
+            @update:modelValue="updateProfile()"
+          >
+            {{ $t('settings.email_language') }}
+          </interface-language-switcher>
         </li>
         <li v-if="instanceSpecificPanelPresent">
           <BooleanSetting path="hideISP">
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index e9c79aff1..409cc9e6b 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -472,10 +472,6 @@ export default {
         params.header = this.newBannerFile
       }
 
-      if (this.emailLanguage) {
-        params.language = localeService.internalToBackendLocaleMulti(this.emailLanguage)
-      }
-
       this.$store.state.api.backendInteractor
         .updateProfile({ params })
         .then((user) => {

From d4c0ccf659faa207211fb12178b580280c0f9d34 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 17:08:33 +0300
Subject: [PATCH 116/424] profile tab cleanup

---
 .../settings_modal/tabs/profile_tab.js        | 50 ++-----------------
 .../settings_modal/tabs/profile_tab.scss      | 15 +-----
 2 files changed, 4 insertions(+), 61 deletions(-)

diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index e6d3e6141..9e13eed69 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -1,18 +1,9 @@
 import UserCard from 'src/components/user_card/user_card.vue'
-import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
-import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
-import ProgressButton from 'src/components/progress_button/progress_button.vue'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
-import suggestor from 'src/components/emoji_input/suggestor.js'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
-import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
-import Select from 'src/components/select/select.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 
-import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faTimes,
@@ -29,55 +20,23 @@ library.add(
 const ProfileTab = {
   data () {
     return {
+      // Whether user is locked or not
       locked: this.$store.state.users.currentUser.locked,
     }
   },
   components: {
     UserCard,
-    ScopeSelector,
-    ImageCropper,
-    EmojiInput,
-    ProgressButton,
     Checkbox,
     BooleanSetting,
-    InterfaceLanguageSwitcher,
-    ProfileSettingIndicator,
-    Select
+    ProfileSettingIndicator
   },
   computed: {
     user () {
       return this.$store.state.users.currentUser
     },
-    ...SharedComputedObject(),
-    emojiUserSuggestor () {
-      return suggestor({
-        emoji: [
-          ...this.$store.getters.standardEmojiList,
-          ...this.$store.state.instance.customEmoji
-        ],
-        store: this.$store
-      })
-    },
-    emojiSuggestor () {
-      return suggestor({
-        emoji: [
-          ...this.$store.getters.standardEmojiList,
-          ...this.$store.state.instance.customEmoji
-        ]
-      })
-    },
-    userSuggestor () {
-      return suggestor({ store: this.$store })
-    },
-    bannerImgSrc () {
-      const src = this.$store.state.users.currentUser.cover_photo
-      return (!src) ? this.defaultBanner : src
-    },
+    ...SharedComputedObject()
   },
   methods: {
-    changeVis (visibility) {
-      this.newDefaultScope = visibility
-    },
     updateProfile () {
       const params = {
         locked: this.locked
@@ -92,9 +51,6 @@ const ProfileTab = {
         .catch((error) => {
           this.displayUploadError(error)
         })
-    },
-    propsToNative (props) {
-      return propsToNative(props)
     }
   },
   watch: {
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index 33a7c5ed0..ce85188bd 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -1,6 +1,6 @@
 .profile-tab {
   // overriding global for better look
-  div.profile-edit {
+  .setting-item.profile-edit {
     margin: 0;
 
     h2 {
@@ -12,17 +12,4 @@
       overflow: hidden;
     }
   }
-
-  .bio {
-    margin: 0;
-  }
-
-  .uploading {
-    font-size: 1.5em;
-    margin: 0.25em;
-  }
-
-  .setting-subitem {
-    margin-left: 1.75em;
-  }
 }

From 99886ac28c100d9e325aad14e65ec61c0021eda0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 17:17:01 +0300
Subject: [PATCH 117/424] user avatar cleanup

---
 src/components/user_avatar/user_avatar.js  | 31 +++++++++++++++++-----
 src/components/user_avatar/user_avatar.vue |  6 ++---
 2 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 855ea60e8..8092ba62b 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -14,12 +14,31 @@ library.add(
 )
 
 const UserAvatar = {
-  props: [
-    'user',
-    'compact',
-    'showActorTypeIndicator',
-    'url'
-  ],
+  props: {
+    // User object to show avatar of
+    user: {
+      required: true,
+      type: Object
+    },
+    // Use less space and use alternative roundness
+    compact: {
+      required: false,
+      type: Boolean,
+      default: false
+    },
+    // Show small icon indicating if account is a bot or group
+    showActorTypeIndicator : {
+      required: false,
+      type: Boolean,
+      default: false
+    },
+    // Override avatar image URL, useful for profile editing
+    url: {
+      required: false,
+      type: String,
+      default: null
+    }
+  },
   data () {
     return {
       showPlaceholder: false,
diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue
index e3398165c..c0336d407 100644
--- a/src/components/user_avatar/user_avatar.vue
+++ b/src/components/user_avatar/user_avatar.vue
@@ -40,12 +40,12 @@
 
   display: inline-block;
   position: relative;
-  width: 48px;
+  width: 3.5em;
   height: 48px;
 
   &.-compact {
-    width: 32px;
-    height: 32px;
+    width: 2.2em;
+    height: 2.2em;
     border-radius: var(--roundness);
   }
 

From ebe727b3787598e33379c8656beb9edbc7c4467e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 17:52:30 +0300
Subject: [PATCH 118/424] user-card cleanup

---
 .../settings_modal/tabs/general_tab.js        |  2 +
 src/components/user_card/user_card.js         | 71 ++++++++++++-------
 src/components/user_card/user_card.scss       | 37 ++--------
 src/components/user_card/user_card.vue        | 35 +++------
 src/components/user_panel/user_panel.vue      |  1 -
 src/components/user_popover/user_popover.vue  |  4 +-
 src/components/user_profile/user_profile.vue  | 13 +++-
 src/panel.scss                                |  1 +
 8 files changed, 77 insertions(+), 87 deletions(-)

diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 8d295db2b..ff6d0e477 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -8,6 +8,7 @@ import FloatSetting from '../helpers/float_setting.vue'
 import UnitSetting from '../helpers/unit_setting.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import Select from 'src/components/select/select.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
@@ -77,6 +78,7 @@ const GeneralTab = {
     FloatSetting,
     UnitSetting,
     InterfaceLanguageSwitcher,
+    ProfileSettingIndicator,
     ScopeSelector,
     Select
   },
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 409cc9e6b..5521ea411 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -58,18 +58,49 @@ library.add(
 )
 
 export default {
-  props: [
-    'editable',
-    'userId',
-    'switcher',
-    'selected',
-    'hideBio',
-    'rounded',
-    'bordered',
-    'avatarAction', // default - open profile, 'zoom' - zoom, function - call function
-    'onClose',
-    'hasNoteEditor'
-  ],
+  props: {
+    // Enables all the options for profile editing, used in settings -> profile tab
+    editable: {
+      required: false,
+      default: false,
+      type: Boolean
+    },
+    // ID of user to show data of
+    userId: {
+      required: true,
+      type: String
+    },
+    // Use a compact layout that hides bio, stats etc.
+    hideBio: {
+      required: false,
+      default: false,
+      type: Boolean
+    },
+    // default - open profile, 'zoom' - zoom, function - call function
+    avatarAction: {
+      required: false,
+      type: String,
+      default: 'default'
+    },
+    // Show note editor if supported
+    hasNoteEditor: {
+      required: false,
+      type: Boolean,
+      default: false
+    },
+    // Show close icon (for popovers)
+    showClose: {
+      required: false,
+      type: Boolean,
+      default: false
+    },
+    // Show close icon (for popovers)
+    showExpand: {
+      required: false,
+      type: Boolean,
+      default: false
+    }
+  },
   components: {
     DialogModal,
     UserAvatar,
@@ -155,14 +186,6 @@ export default {
     relationship () {
       return this.$store.getters.relationship(this.userId)
     },
-    classes () {
-      return [{
-        '-rounded-t': this.rounded === 'top', // set border-top-left-radius and border-top-right-radius
-        '-rounded': this.rounded === true, // set border-radius for all sides
-        '-bordered': this.bordered === true, // set border for all sides
-        '-popover': !!this.onClose // set popover rounding
-      }]
-    },
     style () {
       return {
         backgroundImage: [
@@ -332,12 +355,6 @@ export default {
     unsubscribeUser () {
       return this.$store.dispatch('unsubscribeUser', this.user.id)
     },
-    setProfileView (v) {
-      if (this.switcher) {
-        const store = this.$store
-        store.commit('setProfileView', { v })
-      }
-    },
     linkClicked ({ target }) {
       if (target.tagName === 'SPAN') {
         target = target.parentNode
@@ -457,7 +474,7 @@ export default {
         fields_attributes: this.newFields.filter(el => el != null),
         show_role: !!this.newShowRole,
         birthday: this.newBirthday || '',
-        show_birthday: !!this.showBirthday,
+        show_birthday: !!this.newShowBirthday,
       }
 
       if (this.actorType) {
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index c948480ba..1ad2018ba 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -3,6 +3,9 @@
   z-index: 1;
   overflow: hidden;
 
+  border-top-left-radius: calc(var(--roundness) - 1px);
+  border-top-right-radius: calc(var(--roundness) - 1px);
+
   // editing headers
   h4 {
     line-height: 2;
@@ -118,42 +121,12 @@
     padding: 0;
     mask: linear-gradient(to top, transparent 0, white 5em) bottom no-repeat;
     background-size: cover;
-    border-top-left-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
-    border-top-right-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
-    border-bottom-left-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
-    border-bottom-right-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
     background-color: var(--profileBg);
+    border-top-left-radius: calc(var(--roundness) - 1px);
+    border-top-right-radius: calc(var(--roundness) - 1px);
     z-index: -2;
   }
 
-  &.-rounded-t {
-    border-top-left-radius: var(--roundness);
-    border-top-right-radius: var(--roundness);
-
-    --__roundnessTop: var(--roundness);
-    --__roundnessBottom: 0;
-  }
-
-  &.-rounded {
-    border-radius: var(--roundness);
-
-    --__roundnessTop: var(--roundness);
-    --__roundnessBottom: var(--roundness);
-  }
-
-  &.-popover {
-    border-radius: var(--roundness);
-
-    --__roundnessTop: var(--roundness);
-    --__roundnessBottom: var(--roundness);
-  }
-
-  &.-bordered {
-    border-width: 1px;
-    border-style: solid;
-    border-color: var(--border);
-  }
-
   .bottom-buttons {
     display: flex;
     gap: 0.5em;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index d913cf96e..a993a87a5 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    class="user-card"
-    :class="classes"
-  >
+  <div class="user-card">
     <div class="user-card-inner">
       <div class="user-info">
         <div class="user-identity">
@@ -70,7 +67,7 @@
                     fixed-width
                     class="icon"
                     icon="pencil"
-                    :title="$t('user_card.change_banner')"
+                    :title="$t('settings.change_banner')"
                   />
                 </button>
                 <button
@@ -102,10 +99,10 @@
                   :relationship="relationship"
                 />
                 <router-link
-                  v-if="onClose"
+                  v-if="showExpand"
                   :to="userProfileLink(user)"
                   class="button-unstyled external-link-button"
-                  @click="onClose"
+                  @click="$emit('close')"
                 >
                   <FAIcon
                     class="icon"
@@ -113,9 +110,9 @@
                   />
                 </router-link>
                 <button
-                  v-if="onClose"
+                  v-if="showClose"
                   class="button-unstyled external-link-button"
-                  @click="onClose"
+                  @click="$emit('close')"
                 >
                   <FAIcon
                     class="icon"
@@ -164,7 +161,7 @@
               </div>
             </div>
             <div class="bottom-line">
-              <user-link
+              <UserLink
                 class="user-screen-name"
                 :user="user"
               />
@@ -521,32 +518,22 @@
         <dl
           v-if="!mergedConfig.hideUserStats && !hideBio"
           class="user-count"
-          @click.prevent="setProfileView('statuses')"
         >
           <dd>{{ user.statuses_count }}</dd>
           {{ ' ' }}
           <dt>{{ $t('user_card.statuses') }}</dt>
         </dl>
-        <dl
-          class="user-count"
-          @click.prevent="setProfileView('statuses')"
-        >
+        <dl class="user-count">
           <dd>{{ dailyAvg }}</dd>
           {{ ' ' }}
           <dt>{{ $t('user_card.statuses_per_day') }}</dt>
         </dl>
-        <dl
-          class="user-count"
-          @click.prevent="setProfileView('friends')"
-        >
+        <dl class="user-count">
           <dd>{{ hideFollowsCount ? $t('user_card.hidden') : user.friends_count }}</dd>
           {{ ' ' }}
           <dt>{{ $t('user_card.followees') }}</dt>
         </dl>
-        <dl
-          class="user-count"
-          @click.prevent="setProfileView('followers')"
-        >
+        <dl class="user-count">
           <dd>{{ hideFollowersCount ? $t('user_card.hidden') : user.followers_count }}</dd>
           {{ ' ' }}
           <dt>{{ $t('user_card.followers') }}</dt>
@@ -568,7 +555,7 @@
           class="birthday"
         >
           <div>
-            <Checkbox v-model="showBirthday">
+            <Checkbox v-model="newShowBirthday">
               {{ $t('settings.birthday.show_birthday') }}
             </Checkbox>
           </div>
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index 783770dda..14741fe00 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -8,7 +8,6 @@
       <UserCard
         :user-id="user.id"
         :hide-bio="true"
-        rounded="top"
       />
       <PostStatusForm />
     </div>
diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index 10850ef70..e0f2c84c1 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -12,10 +12,12 @@
     <template #content="{close}">
       <UserCard
         class="user-popover"
+        :show-close="true"
+        :show-expand="true"
         :user-id="userId"
         :hide-bio="true"
         :avatar-action="userPopoverAvatarAction == 'close' ? close : userPopoverAvatarAction"
-        :on-close="close"
+        @close="close"
       />
     </template>
   </Popover>
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index e759c6752..e05e62c46 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -4,13 +4,12 @@
       v-if="user"
       class="user-profile panel panel-default"
     >
-      <div class="panel-body">
+      <div class="panel-body card-wrapper">
         <UserCard
           :user-id="userId"
           :switcher="true"
           :selected="timeline.viewing"
           avatar-action="zoom"
-          rounded="top"
           :has-note-editor="true"
         />
       </div>
@@ -130,6 +129,16 @@
 .user-profile {
   flex: 2;
 
+  .card-wrapper {
+    border-top-left-radius: var(--roundness);
+    border-top-right-radius: var(--roundness);
+  }
+
+  .panel-footer {
+    border-bottom-left-radius: var(--roundness);
+    border-bottom-right-radius: var(--roundness);
+  }
+
   // No sticky header on user profile
   --currentPanelStack: 0;
 
diff --git a/src/panel.scss b/src/panel.scss
index 8d9c2896b..dbd6f2041 100644
--- a/src/panel.scss
+++ b/src/panel.scss
@@ -4,6 +4,7 @@
   --__panel-backdrop-filter: var(--backdrop-filter);
   --_shadow: var(--shadow);
 
+
   .tab-switcher .tabs {
     background: var(--__panel-background);
     backdrop-filter: var(--__panel-backdrop-filter);

From 76e67a08c6b18e9131a4163d85d013f68a417aef Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 18:20:06 +0300
Subject: [PATCH 119/424] appearance card fix

---
 src/components/settings_modal/tabs/appearance_tab.js | 3 +++
 src/components/user_card/user_card.js                | 3 ---
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 77204850a..7fbb0a5cd 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -191,6 +191,9 @@ const AppearanceTab = {
     }
   },
   computed: {
+    isDefaultBackground () {
+      return !(this.$store.state.users.currentUser.background_image)
+    },
     switchInProgress () {
       return useInterfaceStore().themeChangeInProgress
     },
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 5521ea411..f68ded665 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -314,9 +314,6 @@ export default {
       return !(this.$store.state.users.currentUser.cover_photo) ||
       this.$store.state.users.currentUser.cover_photo.includes(baseBanner)
     },
-    isDefaultBackground () {
-      return !(this.$store.state.users.currentUser.background_image)
-    },
     fieldsLimits () {
       return this.$store.state.instance.fieldsLimits
     },

From d66dd17f7b2d1d1c9147272bcf4453ac71ec32a4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 18:21:49 +0300
Subject: [PATCH 120/424] vuex cleanup

---
 src/modules/instance.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/modules/instance.js b/src/modules/instance.js
index ef27353eb..93f81e4d8 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -139,7 +139,6 @@ const defaultState = {
 
   // Nasty stuff
   customEmoji: [],
-  rawCustomEmoji: [],
   customEmojiFetched: false,
   emoji: {},
   emojiFetched: false,

From 1c4f19e56ffc385263ff47af4b9f6abfbdd31c57 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 18:23:17 +0300
Subject: [PATCH 121/424] fix

---
 src/components/settings_modal/tabs/profile_tab.vue | 1 -
 src/components/user_card/user_card.js              | 2 --
 src/components/user_card/user_card.scss            | 1 -
 src/panel.scss                                     | 1 -
 4 files changed, 5 deletions(-)

diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 6d458c7c8..947be4a18 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -6,7 +6,6 @@
         :user-id="user.id"
         :editable="true"
         :switcher="false"
-        rounded="top"
       />
     </div>
     <div class="setting-item">
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index f68ded665..8a99c4ceb 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -430,9 +430,7 @@ export default {
     addField () {
       if (this.newFields.length < this.maxFields) {
         this.newFields.push({ name: '', value: '' })
-        return true
       }
-      return false
     },
     deleteField (index) {
       this.newFields.splice(index, 1)
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 1ad2018ba..ce26fdfe7 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -2,7 +2,6 @@
   position: relative;
   z-index: 1;
   overflow: hidden;
-
   border-top-left-radius: calc(var(--roundness) - 1px);
   border-top-right-radius: calc(var(--roundness) - 1px);
 
diff --git a/src/panel.scss b/src/panel.scss
index dbd6f2041..8d9c2896b 100644
--- a/src/panel.scss
+++ b/src/panel.scss
@@ -4,7 +4,6 @@
   --__panel-backdrop-filter: var(--backdrop-filter);
   --_shadow: var(--shadow);
 
-
   .tab-switcher .tabs {
     background: var(--__panel-background);
     backdrop-filter: var(--__panel-backdrop-filter);

From 7b643b5486f52e4e07f292606d9e3adb7cdd0966 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 18:33:38 +0300
Subject: [PATCH 122/424] lint

---
 src/components/settings_modal/tabs/general_tab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index f0ff7f50b..49fc57c79 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -15,7 +15,7 @@
           <interface-language-switcher
             v-model="emailLanguage"
             :profile="true"
-            @update:modelValue="updateProfile()"
+            @update:model-value="updateProfile()"
           >
             {{ $t('settings.email_language') }}
           </interface-language-switcher>

From 202bfbad02b28fee9622f6b0b36bbed852785908 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 5 Aug 2025 18:45:42 +0300
Subject: [PATCH 123/424] fix visibility-notice

---
 .../post_status_form/post_status_form.vue     | 28 +++++++++----------
 src/components/user_card/user_card.js         |  3 --
 2 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 303413b55..26a2e2db0 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -13,7 +13,7 @@
           v-if="!$store.state.users.currentUser.locked && newStatus.visibility == 'private' && !disableLockWarning"
           keypath="post_status.account_not_locked_warning"
           tag="p"
-          class="visibility-notice"
+          class="alert neutral"
           scope="global"
         >
           <button
@@ -25,52 +25,52 @@
         </i18n-t>
         <p
           v-if="!hideScopeNotice && newStatus.visibility === 'public'"
-          class="visibility-notice notice-dismissible"
+          class="alert neutral notice-dismissible"
         >
           <span>{{ $t('post_status.scope_notice.public') }}</span>
-          <a
-            class="fa-scale-110 fa-old-padding dismiss"
+          <button
+            class="fa-scale-110 button-unstyled fa-old-padding dismiss"
             :title="$t('post_status.scope_notice_dismiss')"
             role="button"
             tabindex="0"
             @click.prevent="dismissScopeNotice()"
           >
             <FAIcon icon="times" />
-          </a>
+          </button>
         </p>
         <p
           v-else-if="!hideScopeNotice && newStatus.visibility === 'unlisted'"
-          class="visibility-notice notice-dismissible"
+          class="alert neutral notice-dismissible"
         >
           <span>{{ $t('post_status.scope_notice.unlisted') }}</span>
-          <a
-            class="fa-scale-110 fa-old-padding dismiss"
+          <button
+            class="fa-scale-110 button-unstyled fa-old-padding dismiss"
             :title="$t('post_status.scope_notice_dismiss')"
             role="button"
             tabindex="0"
             @click.prevent="dismissScopeNotice()"
           >
             <FAIcon icon="times" />
-          </a>
+          </button>
         </p>
         <p
           v-else-if="!hideScopeNotice && newStatus.visibility === 'private' && $store.state.users.currentUser.locked"
-          class="visibility-notice notice-dismissible"
+          class="alert neutral notice-dismissible"
         >
           <span>{{ $t('post_status.scope_notice.private') }}</span>
-          <a
-            class="fa-scale-110 fa-old-padding dismiss"
+          <button
+            class="fa-scale-110 button-unstyled fa-old-padding dismiss"
             :title="$t('post_status.scope_notice_dismiss')"
             role="button"
             tabindex="0"
             @click.prevent="dismissScopeNotice()"
           >
             <FAIcon icon="times" />
-          </a>
+          </button>
         </p>
         <p
           v-else-if="newStatus.visibility === 'direct'"
-          class="visibility-notice"
+          class="alert neutral"
         >
           <span v-if="safeDMEnabled">{{ $t('post_status.direct_warning_to_first_only') }}</span>
           <span v-else>{{ $t('post_status.direct_warning_to_all') }}</span>
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 8a99c4ceb..159d09e36 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -438,9 +438,6 @@ export default {
     propsToNative (props) {
       return propsToNative(props)
     },
-    cancelImageText () {
-      return
-    },
     resetState () {
       const user = this.$store.state.users.currentUser
 

From 18110d6821119a95af550c7e52a67cdfe15119f7 Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Tue, 14 Jan 2025 02:01:50 +0300
Subject: [PATCH 124/424] Add a way to upload new packs from URL/ZIP file

---
 changelog.d/emoji-upload.-zip.add             |  1 +
 .../settings_modal/admin_tabs/emoji_tab.js    | 48 +++++++++++++-
 .../settings_modal/admin_tabs/emoji_tab.vue   | 62 ++++++++++++++++++-
 src/services/api/api.service.js               | 14 +++++
 4 files changed, 121 insertions(+), 4 deletions(-)
 create mode 100644 changelog.d/emoji-upload.-zip.add

diff --git a/changelog.d/emoji-upload.-zip.add b/changelog.d/emoji-upload.-zip.add
new file mode 100644
index 000000000..798720eef
--- /dev/null
+++ b/changelog.d/emoji-upload.-zip.add
@@ -0,0 +1 @@
+Added a way to upload new packs from a URL or ZIP file via the admin-fe
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index 7f575bcb4..e6327fb2f 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -32,7 +32,10 @@ const EmojiTab = {
       newPackName: '',
       deleteModalVisible: false,
       remotePackInstance: '',
-      remotePackDownloadAs: ''
+      remotePackDownloadAs: '',
+
+      remotePackURL: '',
+      remotePackFile: null
     }
   },
 
@@ -220,7 +223,7 @@ const EmojiTab = {
         .then(data => data.json())
         .then(resp => {
           if (resp === 'ok') {
-            this.$refs.dlPackPopover.hidePopover()
+            this.$refs.downloadPackPopover.hidePopover()
 
             return this.refreshPackList()
           } else {
@@ -232,6 +235,47 @@ const EmojiTab = {
           this.remotePackDownloadAs = ''
         })
     },
+    downloadRemoteURLPack () {
+      this.$store.state.api.backendInteractor.downloadRemoteEmojiPackZIP({
+        url: this.remotePackURL, packName: this.newPackName
+      })
+        .then(data => data.json())
+        .then(resp => {
+          if (resp === 'ok') {
+            this.$refs.additionalRemotePopover.hidePopover()
+
+            return this.refreshPackList()
+          } else {
+            this.displayError(resp.error)
+            return Promise.reject(resp)
+          }
+        }).then(_done => {
+          this.packName = this.newPackName
+          this.newPackName = ''
+          this.remotePackURL = ''
+        })
+    },
+    downloadRemoteFilePack () {
+      this.$store.state.api.backendInteractor.downloadRemoteEmojiPackZIP({
+        file: this.remotePackFile[0], packName: this.newPackName
+      })
+        .then(data => data.json())
+        .then(resp => {
+          if (resp === 'ok') {
+            this.$refs.additionalRemotePopover.hidePopover()
+
+            return this.refreshPackList()
+          } else {
+            this.displayError(resp.error)
+            return Promise.reject(resp)
+          }
+        }).then(_done => {
+          this.packName = this.newPackName
+          this.newPackName = ''
+          this.remotePackURL = ''
+        })
+    },
+
     displayError (msg) {
       useInterfaceStore().pushGlobalNotice({
         messageKey: 'admin_dash.emoji.error',
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index 4bf64c921..333ff8b0e 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -62,6 +62,64 @@
               </template>
             </Popover>
           </button>
+          <button
+            class="button button-default emoji-panel-additional-actions"
+            @click="$refs.additionalRemotePopover.showPopover"
+          >
+            <FAIcon
+              icon="chevron-down"
+            />
+
+            <Popover
+              ref="additionalRemotePopover"
+              popover-class="emoji-tab-edit-popover popover-default"
+              trigger="click"
+              placement="bottom"
+              bound-to-selector=".emoji-tab"
+              :bound-to="{ x: 'container' }"
+              :offset="{ y: 5 }"
+            >
+              <template #content>
+                <div class="emoji-tab-popover-input">
+                  <h3>{{ $t('admin_dash.emoji.new_pack_name') }}</h3>
+                  <input
+                    v-model="newPackName"
+                    :placeholder="$t('admin_dash.emoji.new_pack_name')"
+                    class="input"
+                  >
+                  <h3>Import pack from URL</h3>
+                  <input
+                    v-model="remotePackURL"
+                    class="input"
+                    placeholder="Pack .zip URL"
+                  >
+                  <button
+                    class="button button-default btn emoji-tab-popover-button"
+                    type="button"
+                    :disabled="newPackName.trim() === '' || remotePackURL.trim() === ''"
+                    @click="downloadRemoteURLPack"
+                  >
+                    Import
+                  </button>
+                  <h3>Import pack from a file</h3>
+                  <input
+                    type="file"
+                    accept="application/zip"
+                    class="emoji-tab-popover-file input"
+                    @change="remotePackFile = $event.target.files"
+                  >
+                  <button
+                    class="button button-default btn emoji-tab-popover-button"
+                    type="button"
+                    :disabled="newPackName.trim() === '' || remotePackFile === null || remotePackFile.length === 0"
+                    @click="downloadRemoteFilePack"
+                  >
+                    Import
+                  </button>
+                </div>
+              </template>
+            </Popover>
+          </button>
         </li>
 
         <h3>{{ $t('admin_dash.emoji.emoji_packs') }}</h3>
@@ -240,12 +298,12 @@
                 v-if="pack.remote !== undefined"
                 class="button button-default btn"
                 type="button"
-                @click="$refs.dlPackPopover.showPopover"
+                @click="$refs.downloadPackPopover.showPopover"
               >
                 {{ $t('admin_dash.emoji.download_pack') }}
 
                 <Popover
-                  ref="dlPackPopover"
+                  ref="downloadPackPopover"
                   trigger="click"
                   placement="bottom"
                   bound-to-selector=".emoji-tab"
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 975b04c3e..2672b811f 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -122,6 +122,7 @@ const PLEROMA_EMOJI_IMPORT_FS_URL = '/api/pleroma/emoji/packs/import'
 const PLEROMA_EMOJI_PACKS_URL = (page, pageSize) => `/api/v1/pleroma/emoji/packs?page=${page}&page_size=${pageSize}`
 const PLEROMA_EMOJI_PACK_URL = (name) => `/api/v1/pleroma/emoji/pack?name=${name}`
 const PLEROMA_EMOJI_PACKS_DL_REMOTE_URL = '/api/v1/pleroma/emoji/packs/download'
+const PLEROMA_EMOJI_PACKS_DL_REMOTE_ZIP_URL = '/api/v1/pleroma/emoji/packs/download_zip'
 const PLEROMA_EMOJI_PACKS_LS_REMOTE_URL =
   (url, page, pageSize) => `/api/v1/pleroma/emoji/packs/remote?url=${url}&page=${page}&page_size=${pageSize}`
 const PLEROMA_EMOJI_UPDATE_FILE_URL = (name) => `/api/v1/pleroma/emoji/packs/files?name=${name}`
@@ -1918,6 +1919,18 @@ const downloadRemoteEmojiPack = ({ instance, packName, as }) => {
   )
 }
 
+const downloadRemoteEmojiPackZIP = ({ url, packName, file }) => {
+  const data = new FormData()
+  if (file) data.set('file', file)
+  if (url) data.set('url', url)
+  data.set('name', packName)
+
+  return fetch(
+    PLEROMA_EMOJI_PACKS_DL_REMOTE_ZIP_URL,
+    { method: 'POST', body: data }
+  )
+}
+
 const saveEmojiPackMetadata = ({ name, newData }) => {
   return fetch(
     PLEROMA_EMOJI_PACK_URL(name),
@@ -2123,6 +2136,7 @@ const apiService = {
   deleteEmojiFile,
   listRemoteEmojiPacks,
   downloadRemoteEmojiPack,
+  downloadRemoteEmojiPackZIP,
   fetchBookmarkFolders,
   createBookmarkFolder,
   updateBookmarkFolder,

From f27099a4b354c3f2867523a8bfdc3e130b2989b4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 7 Aug 2025 15:20:33 +0300
Subject: [PATCH 125/424] fix small screens avatar upload

---
 src/components/dialog_modal/dialog_modal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/dialog_modal/dialog_modal.vue b/src/components/dialog_modal/dialog_modal.vue
index 939655f65..2b9c7a5d8 100644
--- a/src/components/dialog_modal/dialog_modal.vue
+++ b/src/components/dialog_modal/dialog_modal.vue
@@ -45,10 +45,10 @@
   inset: 0;
   justify-content: center;
   place-items: center center;
+  overflow: auto;
 }
 
 .dialog-modal.panel {
-  max-height: 80vh;
   max-width: 90vw;
   z-index: 2001;
   cursor: default;

From 7fd46f2d6c1eaf2631682e138f20d73bf1b88cf7 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 7 Aug 2025 15:22:03 +0300
Subject: [PATCH 126/424] Revert "fix visibility-notice"

This reverts commit 202bfbad02b28fee9622f6b0b36bbed852785908.
---
 .../post_status_form/post_status_form.vue     | 28 +++++++++----------
 src/components/user_card/user_card.js         |  3 ++
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 26a2e2db0..303413b55 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -13,7 +13,7 @@
           v-if="!$store.state.users.currentUser.locked && newStatus.visibility == 'private' && !disableLockWarning"
           keypath="post_status.account_not_locked_warning"
           tag="p"
-          class="alert neutral"
+          class="visibility-notice"
           scope="global"
         >
           <button
@@ -25,52 +25,52 @@
         </i18n-t>
         <p
           v-if="!hideScopeNotice && newStatus.visibility === 'public'"
-          class="alert neutral notice-dismissible"
+          class="visibility-notice notice-dismissible"
         >
           <span>{{ $t('post_status.scope_notice.public') }}</span>
-          <button
-            class="fa-scale-110 button-unstyled fa-old-padding dismiss"
+          <a
+            class="fa-scale-110 fa-old-padding dismiss"
             :title="$t('post_status.scope_notice_dismiss')"
             role="button"
             tabindex="0"
             @click.prevent="dismissScopeNotice()"
           >
             <FAIcon icon="times" />
-          </button>
+          </a>
         </p>
         <p
           v-else-if="!hideScopeNotice && newStatus.visibility === 'unlisted'"
-          class="alert neutral notice-dismissible"
+          class="visibility-notice notice-dismissible"
         >
           <span>{{ $t('post_status.scope_notice.unlisted') }}</span>
-          <button
-            class="fa-scale-110 button-unstyled fa-old-padding dismiss"
+          <a
+            class="fa-scale-110 fa-old-padding dismiss"
             :title="$t('post_status.scope_notice_dismiss')"
             role="button"
             tabindex="0"
             @click.prevent="dismissScopeNotice()"
           >
             <FAIcon icon="times" />
-          </button>
+          </a>
         </p>
         <p
           v-else-if="!hideScopeNotice && newStatus.visibility === 'private' && $store.state.users.currentUser.locked"
-          class="alert neutral notice-dismissible"
+          class="visibility-notice notice-dismissible"
         >
           <span>{{ $t('post_status.scope_notice.private') }}</span>
-          <button
-            class="fa-scale-110 button-unstyled fa-old-padding dismiss"
+          <a
+            class="fa-scale-110 fa-old-padding dismiss"
             :title="$t('post_status.scope_notice_dismiss')"
             role="button"
             tabindex="0"
             @click.prevent="dismissScopeNotice()"
           >
             <FAIcon icon="times" />
-          </button>
+          </a>
         </p>
         <p
           v-else-if="newStatus.visibility === 'direct'"
-          class="alert neutral"
+          class="visibility-notice"
         >
           <span v-if="safeDMEnabled">{{ $t('post_status.direct_warning_to_first_only') }}</span>
           <span v-else>{{ $t('post_status.direct_warning_to_all') }}</span>
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 159d09e36..8a99c4ceb 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -438,6 +438,9 @@ export default {
     propsToNative (props) {
       return propsToNative(props)
     },
+    cancelImageText () {
+      return
+    },
     resetState () {
       const user = this.$store.state.users.currentUser
 

From f2783260f11b941fdb860661b3c160b9e08bb427 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 7 Aug 2025 15:40:25 +0300
Subject: [PATCH 127/424] considerably improve styling of upload modal on
 mobile

---
 src/components/user_card/user_card.scss | 27 ++++++++++++++++++++++++-
 src/components/user_card/user_card.vue  | 14 +++++++------
 2 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index ce26fdfe7..df5ef53fd 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -491,6 +491,8 @@
 .edit-image {
   .panel-body {
     text-align: center;
+    display: flex;
+    flex-direction: column;
   }
 
   .current-avatar {
@@ -499,9 +501,19 @@
 
   .image-container {
     display: flex;
-    margin: 0 1em 0.5em;
+    align-self: center;
+    margin: 0 0 1em;
+    max-height: 30em;
+    max-width: 100%;
+    flex: 1 0 20em;
+    aspect-ratio: 1;
     gap: 0.5em;
 
+    &.-banner {
+      aspect-ratio: 3;
+      max-width: 100%;
+    }
+
     .new-image {
       display: flex;
       flex-direction: column;
@@ -509,6 +521,7 @@
 
     .cropper {
       flex: 1;
+      overflow-x: auto;
     }
 
     > * {
@@ -546,4 +559,16 @@
       aspect-ratio: unset;
     }
   }
+
+  #modal.-mobile & {
+    #pick-image {
+      height: 3em;
+    }
+
+    .image-container {
+      &.-banner {
+        max-height: 10em;
+      }
+    }
+  }
 }
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index a993a87a5..f89a1b6f1 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -455,8 +455,7 @@
             >
               <template #default="inputProps">
                 <input
-                  v-model="newFields[i].name"
-                  :placeholder="$t('settings.profile_fields.name')"
+                  v-model="newFields[i].name" :placeholder="$t('settings.profile_fields.name')"
                   v-bind="propsToNative(inputProps)"
                   class="input"
                 >
@@ -653,7 +652,13 @@
         <template #header>
           {{ editImage === 'avatar' ? $t('settings.change_avatar') : $t('settings.change_banner') }}
         </template>
-        <div class="image-container">
+        <p>
+          {{ editImage === 'avatar' ? $t('settings.avatar_size_instruction') : $t('settings.banner_size_instruction' ) }}
+        </p>
+        <div
+          class="image-container"
+          :class="{ '-banner': editImage === 'banner' }"
+        >
           <image-cropper
             ref="cropper"
             class="cropper"
@@ -669,9 +674,6 @@
         >
           {{ $t('settings.upload_picture') }}
         </button>
-        <p class="visibility-notice">
-          {{ editImage === 'avatar' ? $t('settings.avatar_size_instruction') : $t('settings.banner_size_instruction' ) }}
-        </p>
         <template #footer>
           <button
             class="button-default btn"

From cfb4868c559914a45c0fbc45a3a849e5ef4b28e6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 7 Aug 2025 16:00:11 +0300
Subject: [PATCH 128/424] change wording because we only upload on "save"

---
 src/components/user_card/user_card.vue | 2 +-
 src/i18n/en.json                       | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index f89a1b6f1..92dcc36d4 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -672,7 +672,7 @@
           type="button"
           @click="() => $refs.cropper.pickImage()"
         >
-          {{ $t('settings.upload_picture') }}
+          {{ $t('settings.select_picture') }}
         </button>
         <template #footer>
           <button
diff --git a/src/i18n/en.json b/src/i18n/en.json
index c38d18c36..5363eda98 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -787,6 +787,7 @@
     "type_domains_to_mute": "Search domains to mute",
     "upload_a_photo": "Upload a photo",
     "upload_picture": "Upload picture",
+    "select_picture": "Select picture",
     "user_settings": "User Settings",
     "values": {
       "false": "no",

From 409816748e131f1afe15027e95f2f48d4d534e12 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 7 Aug 2025 17:09:58 +0300
Subject: [PATCH 129/424] use img instead of background-image since img works
 with large files but bg-image does not

---
 src/components/user_card/user_card.js   | 16 ++++------------
 src/components/user_card/user_card.scss | 20 +++++++++++++++++---
 src/components/user_card/user_card.vue  |  9 +++++++--
 3 files changed, 28 insertions(+), 17 deletions(-)

diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 8a99c4ceb..15e5b7c57 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -186,14 +186,6 @@ export default {
     relationship () {
       return this.$store.getters.relationship(this.userId)
     },
-    style () {
-      return {
-        backgroundImage: [
-          'linear-gradient(to bottom, var(--profileTint), var(--profileTint))',
-          `url(${this.bannerImgSrc})`
-        ].join(', ')
-      }
-    },
     isOtherUser () {
       return this.user.id !== this.$store.state.users.currentUser.id
     },
@@ -419,11 +411,11 @@ export default {
     },
     resetImage () {
       if (this.editImage === 'avatar') {
-        this.newAvatar = ''
-        this.newAvatarFile = ''
+        this.newAvatar = null
+        this.newAvatarFile = null
       } else {
-        this.newBanner = ''
-        this.newBannerFile = ''
+        this.newBanner = null
+        this.newBannerFile = null
       }
       this.editImage = false
     },
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index df5ef53fd..0d117182d 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -111,7 +111,8 @@
     }
   }
 
-  .background-image {
+  .banner-overlay,
+  .banner-image {
     position: absolute;
     inset: 0;
     right: -1.2em;
@@ -119,11 +120,24 @@
     top: -1.4em;
     padding: 0;
     mask: linear-gradient(to top, transparent 0, white 5em) bottom no-repeat;
-    background-size: cover;
-    background-color: var(--profileBg);
     border-top-left-radius: calc(var(--roundness) - 1px);
     border-top-right-radius: calc(var(--roundness) - 1px);
+  }
+
+  .banner-image {
     z-index: -2;
+
+    img {
+      object-fit: cover;
+      height: 100%;
+      width: 100%;
+    }
+  }
+
+  .banner-overlay {
+    background-color: var(--profileTint);
+    pointer-events: none; // let user copy bg url
+    z-index: -1;
   }
 
   .bottom-buttons {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 92dcc36d4..e0643a111 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -3,10 +3,15 @@
     <div class="user-card-inner">
       <div class="user-info">
         <div class="user-identity">
+          <div class="banner-image">
+            <img
+              :src="bannerImgSrc"
+              :class="{ 'hide-bio': hideBio }"
+            >
+          </div>
           <div
+            class="banner-overlay"
             :class="{ 'hide-bio': hideBio }"
-            :style="style"
-            class="background-image"
           />
           <a
             v-if="avatarAction === 'zoom'"

From 11e6349e8d2952e687b28fb147ade6ac6d3058a4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 7 Aug 2025 17:10:56 +0300
Subject: [PATCH 130/424] don't use newAvatar/Banner in non-editables

---
 src/components/user_card/user_card.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 15e5b7c57..7daee4b76 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -282,12 +282,14 @@ export default {
     // Editable stuff
     avatarImgSrc () {
       const currentUrl = this.user.profile_image_url_original || this.defaultAvatar
-      const newUrl = this.newAvatar === '' ? this.defaultAvatar : this.newAvatar
+      if (!this.editable) return currentUrl
+      const newUrl = this.newAvatar === null ? this.defaultAvatar : this.newAvatar
       return (this.newAvatar === null) ? currentUrl : newUrl
     },
     bannerImgSrc () {
       const currentUrl = this.user.cover_photo || this.defaultBanner
-      const newUrl = this.newBanner === '' ? this.defaultBanner : this.newBanner
+      if (!this.editable) return currentUrl
+      const newUrl = this.newBanner === null ? this.defaultBanner : this.newBanner
       return (this.newBanner === null) ? currentUrl : newUrl
     },
     defaultAvatar () {

From a4de299c587a279d54d6a30eae7646600bd45932 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 7 Aug 2025 17:25:04 +0300
Subject: [PATCH 131/424] improve styles for user_panel

---
 src/components/user_card/user_card.vue   | 126 +++++++++++------------
 src/components/user_panel/user_panel.vue |   8 +-
 2 files changed, 69 insertions(+), 65 deletions(-)

diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index e0643a111..af3c56186 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -227,74 +227,72 @@
           </div>
         </div>
         <div
-          v-if="loggedIn"
+          v-if="loggedIn && isOtherUser"
           class="user-interactions"
         >
-          <template v-if="isOtherUser">
-            <div class="btn-group">
-              <FollowButton
-                :relationship="relationship"
-                :user="user"
-              />
-              <template v-if="relationship.following">
-                <ProgressButton
-                  v-if="!relationship.notifying"
-                  class="btn button-default"
-                  :click="subscribeUser"
-                  :title="$t('user_card.subscribe')"
-                >
-                  <FAIcon icon="bell" />
-                </ProgressButton>
-                <ProgressButton
-                  v-else
-                  class="btn button-default toggled"
-                  :click="unsubscribeUser"
-                  :title="$t('user_card.unsubscribe')"
-                >
-                  <FALayers>
-                    <FAIcon
-                      icon="rss"
-                      transform="left-5 shrink-6 up-3 rotate-20"
-                      flip="horizontal"
-                    />
-                    <FAIcon
-                      icon="rss"
-                      transform="right-5 shrink-6 up-3 rotate-20"
-                    />
-                    <FAIcon icon="bell" />
-                  </FALayers>
-                </ProgressButton>
-              </template>
-            </div>
-            <button
-              v-if="relationship.muting"
-              class="btn button-default btn-mute toggled"
-              :disabled="user.deactivated"
-              @click="unmuteUser"
-            >
-              {{ $t('user_card.muted') }}
-            </button>
-            <button
-              v-else
-              class="btn button-default btn-mute"
-              :disabled="user.deactivated"
-              @click="muteUser"
-            >
-              {{ $t('user_card.mute') }}
-            </button>
-            <button
-              class="btn button-default btn-mention"
-              :disabled="user.deactivated"
-              @click="mentionUser"
-            >
-              {{ $t('user_card.mention') }}
-            </button>
-            <ModerationTools
-              v-if="showModerationMenu"
-              class="moderation-menu"
+          <div class="btn-group">
+            <FollowButton
+              :relationship="relationship"
               :user="user"
             />
-          </template>
+            <template v-if="relationship.following">
+              <ProgressButton
+                v-if="!relationship.notifying"
+                class="btn button-default"
+                :click="subscribeUser"
+                :title="$t('user_card.subscribe')"
+              >
+                <FAIcon icon="bell" />
+              </ProgressButton>
+              <ProgressButton
+                v-else
+                class="btn button-default toggled"
+                :click="unsubscribeUser"
+                :title="$t('user_card.unsubscribe')"
+              >
+                <FALayers>
+                  <FAIcon
+                    icon="rss"
+                    transform="left-5 shrink-6 up-3 rotate-20"
+                    flip="horizontal"
+                  />
+                  <FAIcon
+                    icon="rss"
+                    transform="right-5 shrink-6 up-3 rotate-20"
+                  />
+                  <FAIcon icon="bell" />
+                </FALayers>
+              </ProgressButton>
+            </template>
+          </div>
+          <button
+            v-if="relationship.muting"
+            class="btn button-default btn-mute toggled"
+            :disabled="user.deactivated"
+            @click="unmuteUser"
+          >
+            {{ $t('user_card.muted') }}
+          </button>
+          <button
+            v-else
+            class="btn button-default btn-mute"
+            :disabled="user.deactivated"
+            @click="muteUser"
+          >
+            {{ $t('user_card.mute') }}
+          </button>
+          <button
+            class="btn button-default btn-mention"
+            :disabled="user.deactivated"
+            @click="mentionUser"
+          >
+            {{ $t('user_card.mention') }}
+          </button>
+          <ModerationTools
+            v-if="showModerationMenu"
+            class="moderation-menu"
+            :user="user"
+          />
         </div>
         <div
           v-if="!loggedIn && user.is_local"
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index 14741fe00..3f6922c31 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -28,7 +28,7 @@
   }
 
   .user-info {
-    margin: 0.6em;
+    margin: 0.6em 0.6em 0;
 
     .Avatar {
       width: 5em;
@@ -38,6 +38,12 @@
     }
   }
 
+  .post-status-form {
+    form {
+      margin-top: 0;
+    }
+  }
+
   .signed-in {
     z-index: 10;
   }

From 81bb4f133b195433e32d11a59af52933065e7011 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 7 Aug 2025 17:28:57 +0300
Subject: [PATCH 132/424] fix drawer styling

---
 src/components/side_drawer/side_drawer.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/side_drawer/side_drawer.vue b/src/components/side_drawer/side_drawer.vue
index 7dd6ff28f..eda60a96a 100644
--- a/src/components/side_drawer/side_drawer.vue
+++ b/src/components/side_drawer/side_drawer.vue
@@ -412,6 +412,10 @@
   display: flex;
   padding: 0;
   margin: 0;
+
+  .user-info {
+    margin: 1em;
+  }
 }
 
 .side-drawer ul {

From 8d141cbeababa38cc4fb089bcf3f74c0797865fb Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Fri, 8 Aug 2025 08:53:03 +0000
Subject: [PATCH 133/424] Update dependency chai to v5.2.1

---
 package.json |  2 +-
 yarn.lock    | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index eea94a10e..93bb66d91 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.21",
     "babel-plugin-lodash": "3.3.4",
-    "chai": "5.2.0",
+    "chai": "5.2.1",
     "chalk": "5.4.1",
     "chromedriver": "135.0.4",
     "connect-history-api-fallback": "2.0.0",
diff --git a/yarn.lock b/yarn.lock
index 3e5da1d1d..3b1689d14 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3072,7 +3072,18 @@ chai-nightwatch@^0.5.3:
   dependencies:
     assertion-error "1.1.0"
 
-chai@5.2.0, chai@^5.2.0:
+chai@5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-5.2.1.tgz#a9502462bdc79cf90b4a0953537a9908aa638b47"
+  integrity sha512-5nFxhUrX0PqtyogoYOA8IPswy5sZFTOsBFl/9bNsmDLgsxYTzSZQJDPppDnZPTQbzSEm0hqGjWPzRemQCYbD6A==
+  dependencies:
+    assertion-error "^2.0.1"
+    check-error "^2.1.1"
+    deep-eql "^5.0.1"
+    loupe "^3.1.0"
+    pathval "^2.0.0"
+
+chai@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/chai/-/chai-5.2.0.tgz#1358ee106763624114addf84ab02697e411c9c05"
   integrity sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==

From d879b6f6eb193aaf8cd423d05ca997e7603050ea Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sat, 9 Aug 2025 09:04:58 +0000
Subject: [PATCH 134/424] Update dependency eslint to v9.33.0

---
 package.json |   2 +-
 yarn.lock    | 162 ++++++++++++++++++++-------------------------------
 2 files changed, 64 insertions(+), 100 deletions(-)

diff --git a/package.json b/package.json
index eea94a10e..9ea9a4d59 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "connect-history-api-fallback": "2.0.0",
     "cross-spawn": "7.0.6",
     "custom-event-polyfill": "1.0.7",
-    "eslint": "9.26.0",
+    "eslint": "9.33.0",
     "vue-eslint-parser": "10.1.3",
     "eslint-config-standard": "17.1.0",
     "eslint-formatter-friendly": "7.0.0",
diff --git a/yarn.lock b/yarn.lock
index 3e5da1d1d..a9abdb00d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1392,24 +1392,24 @@
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
   integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
 
-"@eslint/config-array@^0.20.0":
-  version "0.20.0"
-  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.20.0.tgz#7a1232e82376712d3340012a2f561a2764d1988f"
-  integrity sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==
+"@eslint/config-array@^0.21.0":
+  version "0.21.0"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.21.0.tgz#abdbcbd16b124c638081766392a4d6b509f72636"
+  integrity sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==
   dependencies:
     "@eslint/object-schema" "^2.1.6"
     debug "^4.3.1"
     minimatch "^3.1.2"
 
-"@eslint/config-helpers@^0.2.1":
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.2.2.tgz#3779f76b894de3a8ec4763b79660e6d54d5b1010"
-  integrity sha512-+GPzk8PlG0sPpzdU5ZvIRMPidzAnZDl/s9L+y13iodqvb8leL53bTannOrQ/Im7UkpsmFU5Ily5U60LWixnmLg==
+"@eslint/config-helpers@^0.3.1":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.3.1.tgz#d316e47905bd0a1a931fa50e669b9af4104d1617"
+  integrity sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==
 
-"@eslint/core@^0.13.0":
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.13.0.tgz#bf02f209846d3bf996f9e8009db62df2739b458c"
-  integrity sha512-yfkgDw1KR66rkT5A8ci4irzDysN7FRpq3ttJolR88OqQikAWqwA8j5VZyas+vjyBNFIJ7MfybJ9plMILI2UrCw==
+"@eslint/core@^0.15.2":
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.15.2.tgz#59386327d7862cc3603ebc7c78159d2dcc4a868f"
+  integrity sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==
   dependencies:
     "@types/json-schema" "^7.0.15"
 
@@ -1428,22 +1428,22 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@9.26.0":
-  version "9.26.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.26.0.tgz#1e13126b67a3db15111d2dcc61f69a2acff70bd5"
-  integrity sha512-I9XlJawFdSMvWjDt6wksMCrgns5ggLNfFwFvnShsleWruvXM514Qxk8V246efTw+eo9JABvVz+u3q2RiAowKxQ==
+"@eslint/js@9.33.0":
+  version "9.33.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.33.0.tgz#475c92fdddab59b8b8cab960e3de2564a44bf368"
+  integrity sha512-5K1/mKhWaMfreBGJTwval43JJmkip0RmM+3+IuqupeSKNC/Th2Kc7ucaq5ovTSra/OOKB9c58CGSz3QMVbWt0A==
 
 "@eslint/object-schema@^2.1.6":
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.6.tgz#58369ab5b5b3ca117880c0f6c0b0f32f6950f24f"
   integrity sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==
 
-"@eslint/plugin-kit@^0.2.8":
-  version "0.2.8"
-  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.2.8.tgz#47488d8f8171b5d4613e833313f3ce708e3525f8"
-  integrity sha512-ZAoA40rNMPwSm+AeHpCq8STiNAwzWLJuP8Xv4CHIc9wv/PSuExjMrmjfYNj682vW0OOiZ1HKxzvjQr9XZIisQA==
+"@eslint/plugin-kit@^0.3.5":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz#fd8764f0ee79c8ddab4da65460c641cefee017c5"
+  integrity sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==
   dependencies:
-    "@eslint/core" "^0.13.0"
+    "@eslint/core" "^0.15.2"
     levn "^0.4.1"
 
 "@fortawesome/fontawesome-common-types@6.7.2":
@@ -1621,22 +1621,6 @@
   dependencies:
     buffer "^6.0.3"
 
-"@modelcontextprotocol/sdk@^1.8.0":
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/@modelcontextprotocol/sdk/-/sdk-1.11.0.tgz#9f1762efe6f3365f0bf3b019cc9bd1629d19bc50"
-  integrity sha512-k/1pb70eD638anoi0e8wUGAlbMJXyvdV4p62Ko+EZ7eBe1xMx8Uhak1R5DgfoofsK5IBBnRwsYGTaLZl+6/+RQ==
-  dependencies:
-    content-type "^1.0.5"
-    cors "^2.8.5"
-    cross-spawn "^7.0.3"
-    eventsource "^3.0.2"
-    express "^5.0.1"
-    express-rate-limit "^7.5.0"
-    pkce-challenge "^5.0.0"
-    raw-body "^3.0.0"
-    zod "^3.23.8"
-    zod-to-json-schema "^3.24.1"
-
 "@mswjs/interceptors@^0.39.1":
   version "0.39.2"
   resolved "https://registry.yarnpkg.com/@mswjs/interceptors/-/interceptors-0.39.2.tgz#de9de0ab23f99d387c7904df7219a92157d1d666"
@@ -2522,6 +2506,11 @@ acorn@^8.14.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.1.tgz#721d5dc10f7d5b5609a891773d47731796935dfb"
   integrity sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==
 
+acorn@^8.15.0:
+  version "8.15.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.15.0.tgz#a360898bc415edaac46c8241f6383975b930b816"
+  integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==
+
 agent-base@^7.1.0, agent-base@^7.1.2:
   version "7.1.3"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.3.tgz#29435eb821bc4194633a5b89e5bc4703bafc25a1"
@@ -3362,14 +3351,6 @@ core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
-cors@^2.8.5:
-  version "2.8.5"
-  resolved "https://registry.yarnpkg.com/cors/-/cors-2.8.5.tgz#eac11da51592dd86b9f06f6e7ac293b3df875d29"
-  integrity sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==
-  dependencies:
-    object-assign "^4"
-    vary "^1"
-
 cosmiconfig@^9.0.0:
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-9.0.0.tgz#34c3fc58287b915f3ae905ab6dc3de258b55ad9d"
@@ -4102,7 +4083,7 @@ eslint-scope@5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^8.2.0, eslint-scope@^8.3.0:
+eslint-scope@^8.2.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.3.0.tgz#10cd3a918ffdd722f5f3f7b5b83db9b23c87340d"
   integrity sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==
@@ -4110,6 +4091,14 @@ eslint-scope@^8.2.0, eslint-scope@^8.3.0:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
+eslint-scope@^8.4.0:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.4.0.tgz#88e646a207fad61436ffa39eb505147200655c82"
+  integrity sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
 eslint-visitor-keys@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
@@ -4125,23 +4114,27 @@ eslint-visitor-keys@^4.2.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45"
   integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==
 
-eslint@9.26.0:
-  version "9.26.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.26.0.tgz#978fe029adc2aceed28ab437bca876e83461c3b4"
-  integrity sha512-Hx0MOjPh6uK9oq9nVsATZKE/Wlbai7KFjfCuw9UHaguDW3x+HF0O5nIi3ud39TWgrTjTO5nHxmL3R1eANinWHQ==
+eslint-visitor-keys@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz#4cfea60fe7dd0ad8e816e1ed026c1d5251b512c1"
+  integrity sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==
+
+eslint@9.33.0:
+  version "9.33.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.33.0.tgz#cc186b3d9eb0e914539953d6a178a5b413997b73"
+  integrity sha512-TS9bTNIryDzStCpJN93aC5VRSW3uTx9sClUn4B87pwiCaJh220otoI0X8mJKr+VcPtniMdN8GKjlwgWGUv5ZKA==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.12.1"
-    "@eslint/config-array" "^0.20.0"
-    "@eslint/config-helpers" "^0.2.1"
-    "@eslint/core" "^0.13.0"
+    "@eslint/config-array" "^0.21.0"
+    "@eslint/config-helpers" "^0.3.1"
+    "@eslint/core" "^0.15.2"
     "@eslint/eslintrc" "^3.3.1"
-    "@eslint/js" "9.26.0"
-    "@eslint/plugin-kit" "^0.2.8"
+    "@eslint/js" "9.33.0"
+    "@eslint/plugin-kit" "^0.3.5"
     "@humanfs/node" "^0.16.6"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@humanwhocodes/retry" "^0.4.2"
-    "@modelcontextprotocol/sdk" "^1.8.0"
     "@types/estree" "^1.0.6"
     "@types/json-schema" "^7.0.15"
     ajv "^6.12.4"
@@ -4149,9 +4142,9 @@ eslint@9.26.0:
     cross-spawn "^7.0.6"
     debug "^4.3.2"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^8.3.0"
-    eslint-visitor-keys "^4.2.0"
-    espree "^10.3.0"
+    eslint-scope "^8.4.0"
+    eslint-visitor-keys "^4.2.1"
+    espree "^10.4.0"
     esquery "^1.5.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
@@ -4166,7 +4159,6 @@ eslint@9.26.0:
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
     optionator "^0.9.3"
-    zod "^3.24.2"
 
 espree@^10.0.1, espree@^10.3.0:
   version "10.3.0"
@@ -4177,6 +4169,15 @@ espree@^10.0.1, espree@^10.3.0:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^4.2.0"
 
+espree@^10.4.0:
+  version "10.4.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.4.0.tgz#d54f4949d4629005a1fa168d937c3ff1f7e2a837"
+  integrity sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==
+  dependencies:
+    acorn "^8.15.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^4.2.1"
+
 esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
@@ -4233,23 +4234,11 @@ eventemitter3@^4.0.0:
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
-eventsource-parser@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/eventsource-parser/-/eventsource-parser-3.0.1.tgz#5e358dba9a55ba64ca90da883c4ca35bd82467bd"
-  integrity sha512-VARTJ9CYeuQYb0pZEPbzi740OWFgpHe7AYJ2WFZVnUDUQp5Dk2yJUgF36YsZ81cOyxT0QxmXD2EQpapAouzWVA==
-
 eventsource-polyfill@0.9.6:
   version "0.9.6"
   resolved "https://registry.yarnpkg.com/eventsource-polyfill/-/eventsource-polyfill-0.9.6.tgz#10e0d187f111b167f28fdab918843ce7d818f13c"
   integrity sha512-LyMFp2oPDGhum2lMvkjqKZEwWd2/AoXyt8aoyftTBMWwPHNgU+2tdxhTHPluDxoz+z4gNj0uHAPR9nqevATMbg==
 
-eventsource@^3.0.2:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/eventsource/-/eventsource-3.0.6.tgz#5c4b24cd70c0323eed2651a5ee07bd4bc391e656"
-  integrity sha512-l19WpE2m9hSuyP06+FbuUUf1G+R0SFLrtQfbRb9PRr+oimOfxQhgGCbVaXg5IvZyyTThJsxh6L/srkMiCeBPDA==
-  dependencies:
-    eventsource-parser "^3.0.1"
-
 execa@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
@@ -4270,12 +4259,7 @@ expect-type@^1.2.1:
   resolved "https://registry.yarnpkg.com/expect-type/-/expect-type-1.2.1.tgz#af76d8b357cf5fa76c41c09dafb79c549e75f71f"
   integrity sha512-/kP8CAwxzLVEeFrMm4kMmy4CCDlpipyA7MYLVrdJIkV0fYF0UaigQHRsxHiuY/GEea+bh4KSv3TIlgr+2UL6bw==
 
-express-rate-limit@^7.5.0:
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/express-rate-limit/-/express-rate-limit-7.5.0.tgz#6a67990a724b4fbbc69119419feef50c51e8b28f"
-  integrity sha512-eB5zbQh5h+VenMPM3fh+nw1YExi5nMr6HUCR62ELSP11huvxm/Uir1H1QEyTkk5QX6A58pX6NmaTMceKZ0Eodg==
-
-express@5.1.0, express@^5.0.1:
+express@5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/express/-/express-5.1.0.tgz#d31beaf715a0016f0d53f47d3b4d7acf28c75cc9"
   integrity sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==
@@ -5991,11 +5975,6 @@ nwsapi@^2.2.12:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.20.tgz#22e53253c61e7b0e7e93cef42c891154bcca11ef"
   integrity sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==
 
-object-assign@^4:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
-
 object-inspect@^1.13.3:
   version "1.13.4"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
@@ -6351,11 +6330,6 @@ piscina@^4.3.1:
   optionalDependencies:
     "@napi-rs/nice" "^1.0.1"
 
-pkce-challenge@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pkce-challenge/-/pkce-challenge-5.0.0.tgz#c3a405cb49e272094a38e890a2b51da0228c4d97"
-  integrity sha512-ueGLflrrnvwB3xuo/uGob5pd5FN7l0MsLf0Z87o/UQmRtwjvfylfc9MurIxRAWywCYTgrvpXBcqjV4OfCYGCIQ==
-
 pkg-dir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
@@ -7813,7 +7787,7 @@ uuid@8.3.2:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
-vary@^1, vary@^1.1.2:
+vary@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
@@ -8299,13 +8273,3 @@ zip-stream@^4.1.0:
     archiver-utils "^3.0.4"
     compress-commons "^4.1.2"
     readable-stream "^3.6.0"
-
-zod-to-json-schema@^3.24.1:
-  version "3.24.5"
-  resolved "https://registry.yarnpkg.com/zod-to-json-schema/-/zod-to-json-schema-3.24.5.tgz#d1095440b147fb7c2093812a53c54df8d5df50a3"
-  integrity sha512-/AuWwMP+YqiPbsJx5D6TfgRTc4kTLjsh5SOcd4bLsfUg2RcEXrFMJl1DGgdHy2aCfsIA/cr/1JM0xcB2GZji8g==
-
-zod@^3.23.8, zod@^3.24.2:
-  version "3.24.3"
-  resolved "https://registry.yarnpkg.com/zod/-/zod-3.24.3.tgz#1f40f750a05e477396da64438e0e1c0995dafd87"
-  integrity sha512-HhY1oqzWCQWuUqvBFnsyrtZRhyPeR7SUGv+C4+MsisMuVfSPx8HpwWqH8tRahSlt6M3PiFAcoeFhZAqIXTxoSg==

From 700e096dd467861f408dd558ef537c73c598231d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 17:42:37 +0300
Subject: [PATCH 135/424] fix sss

---
 src/services/api/api.service.js | 15 +++++++++++++++
 src/stores/serverSideStorage.js |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index f3e1f6e0f..0f322e3bb 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -224,6 +224,9 @@ const updateProfile = ({ credentials, params }) => {
         formData.append(name + `[${i}][value]`, param.value)
       })
     } else {
+      if (typeof params[name] === 'object') {
+        console.warning('Object detected in updateProfile API call. This will not work, use updateProfileJSON instead.')
+      }
       formData.append(name, params[name]);
     }
   }
@@ -237,6 +240,17 @@ const updateProfile = ({ credentials, params }) => {
     .then((data) => parseUser(data))
 }
 
+const updateProfileJSON = ({ credentials, params }) => {
+  return promisedRequest({
+    url: MASTODON_PROFILE_UPDATE_URL,
+    credentials,
+    payload: params ,
+    method: 'PATCH'
+  })
+    .then((data) => data.json())
+    .then((data) => parseUser(data))
+}
+
 // Params needed:
 // nickname
 // email
@@ -2060,6 +2074,7 @@ const apiService = {
   getCaptcha,
   updateProfileImages,
   updateProfile,
+  updateProfileJSON,
   importMutes,
   importBlocks,
   importFollows,
diff --git a/src/stores/serverSideStorage.js b/src/stores/serverSideStorage.js
index 9cfdac1a8..40f69c7c2 100644
--- a/src/stores/serverSideStorage.js
+++ b/src/stores/serverSideStorage.js
@@ -508,7 +508,7 @@ export const useServerSideStorageStore = defineStore('serverSideStorage', {
       this.updateCache({ username: window.vuex.state.users.currentUser.fqn })
       const params = { pleroma_settings_store: { 'pleroma-fe': this.cache } }
       window.vuex.state.api.backendInteractor
-        .updateProfile({ params })
+        .updateProfileJSON({ params })
         .then((user) => {
           this.setServerSideStorage(user)
           this.dirty = false

From 0f515508024cc11dfc1484c4bddd5c9b1f1ff8f6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 17:55:54 +0300
Subject: [PATCH 136/424] lint

---
 src/components/user_card/user_card.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index af3c56186..52dab5069 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -458,7 +458,8 @@
             >
               <template #default="inputProps">
                 <input
-                  v-model="newFields[i].name" :placeholder="$t('settings.profile_fields.name')"
+                  v-model="newFields[i].name"
+                  :placeholder="$t('settings.profile_fields.name')"
                   v-bind="propsToNative(inputProps)"
                   class="input"
                 >

From 370a7f82915cab7deb6a04590439750635f90968 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 19:37:17 +0300
Subject: [PATCH 137/424] lint

---
 src/components/user_card/user_card.scss | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 0d117182d..58eb66d5c 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -423,11 +423,6 @@
 
   --emoji-size: 1.8em;
 
-  img {
-    object-fit: contain;
-    vertical-align: middle;
-  }
-
   .user-profile-field-add,
   .user-profile-field {
     display: flex;

From 4ff257be57d9a14aea8e30d996dc431eeeb501c7 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 21:35:19 +0300
Subject: [PATCH 138/424] only put heavy components if truly needed

---
 src/components/attachment/attachment.style.js | 27 -------------------
 .../chat_message/chat_message.style.js        |  4 +--
 src/components/list/list_item.style.js        |  5 ++--
 src/components/mobile_drawer.style.js         |  7 ++---
 .../notification/notification.style.js        |  8 +++---
 src/components/panel.style.js                 | 13 ++++-----
 src/components/popover.style.js               |  7 ++---
 src/components/status/post.style.js           |  6 ++---
 src/components/top_bar.style.js               |  5 ++--
 src/components/user_card/user_card.style.js   |  5 ++--
 src/services/theme_data/theme2_to_theme3.js   |  3 ---
 .../theme_data/theme_data_3.service.js        |  1 -
 12 files changed, 33 insertions(+), 58 deletions(-)
 delete mode 100644 src/components/attachment/attachment.style.js

diff --git a/src/components/attachment/attachment.style.js b/src/components/attachment/attachment.style.js
deleted file mode 100644
index a9455e367..000000000
--- a/src/components/attachment/attachment.style.js
+++ /dev/null
@@ -1,27 +0,0 @@
-export default {
-  name: 'Attachment',
-  selector: '.Attachment',
-  notEditable: true,
-  validInnerComponents: [
-    'Border',
-    'Button',
-    'Input'
-  ],
-  defaultRules: [
-    {
-      directives: {
-        roundness: 3
-      }
-    },
-    {
-      component: 'Button',
-      parent: {
-        component: 'Attachment'
-      },
-      directives: {
-        background: '#FFFFFF',
-        opacity: 0.5
-      }
-    }
-  ]
-}
diff --git a/src/components/chat_message/chat_message.style.js b/src/components/chat_message/chat_message.style.js
index 9b57ad371..f4fc17409 100644
--- a/src/components/chat_message/chat_message.style.js
+++ b/src/components/chat_message/chat_message.style.js
@@ -8,9 +8,9 @@ export default {
     'Text',
     'Icon',
     'Border',
-    'Button',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
     'RichContent',
-    'Attachment',
     'PollGraph'
   ],
   defaultRules: [
diff --git a/src/components/list/list_item.style.js b/src/components/list/list_item.style.js
index 49b2b035f..0094621c5 100644
--- a/src/components/list/list_item.style.js
+++ b/src/components/list/list_item.style.js
@@ -10,8 +10,9 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
     'RichContent',
     'Input',
     'Avatar'
diff --git a/src/components/mobile_drawer.style.js b/src/components/mobile_drawer.style.js
index 398bc186e..a17befb63 100644
--- a/src/components/mobile_drawer.style.js
+++ b/src/components/mobile_drawer.style.js
@@ -6,9 +6,10 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
-    'Input',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
+    // 'Input',
     'PanelHeader',
     'MenuItem',
     'Notification',
diff --git a/src/components/notification/notification.style.js b/src/components/notification/notification.style.js
index c6d317d1c..34048bdff 100644
--- a/src/components/notification/notification.style.js
+++ b/src/components/notification/notification.style.js
@@ -6,12 +6,12 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
     'RichContent',
-    'Input',
+    // 'Input',
     'Avatar',
-    'Attachment',
     'PollGraph'
   ],
   defaultRules: []
diff --git a/src/components/panel.style.js b/src/components/panel.style.js
index a017a52bc..bf28356a0 100644
--- a/src/components/panel.style.js
+++ b/src/components/panel.style.js
@@ -6,9 +6,10 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
-    'Input',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
+    // 'Input',
     'PanelHeader',
     'MenuItem',
     'Post',
@@ -16,7 +17,6 @@ export default {
     'Alert',
     'UserCard',
     'Chat',
-    'Attachment',
     'Tab',
     'ListItem'
   ],
@@ -25,8 +25,9 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'Input',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'Input',
     'PanelHeader',
     'Alert'
   ],
diff --git a/src/components/popover.style.js b/src/components/popover.style.js
index 0197271b9..02ab6d0d3 100644
--- a/src/components/popover.style.js
+++ b/src/components/popover.style.js
@@ -10,9 +10,10 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
-    'Input',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
+    // 'Input',
     'MenuItem',
     'Post',
     'UserCard'
diff --git a/src/components/status/post.style.js b/src/components/status/post.style.js
index d0038424e..491f12164 100644
--- a/src/components/status/post.style.js
+++ b/src/components/status/post.style.js
@@ -9,12 +9,12 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
     'RichContent',
     'Input',
     'Avatar',
-    'Attachment',
     'PollGraph'
   ],
   validInnerComponentsLite: [
diff --git a/src/components/top_bar.style.js b/src/components/top_bar.style.js
index 945ae7781..5aaace639 100644
--- a/src/components/top_bar.style.js
+++ b/src/components/top_bar.style.js
@@ -5,8 +5,9 @@ export default {
     'Link',
     'Text',
     'Icon',
-    'Button',
-    'ButtonUnstyled',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
     'Input',
     'Badge'
   ],
diff --git a/src/components/user_card/user_card.style.js b/src/components/user_card/user_card.style.js
index 3d5bb2989..2d26385f2 100644
--- a/src/components/user_card/user_card.style.js
+++ b/src/components/user_card/user_card.style.js
@@ -6,8 +6,9 @@ export default {
     'Text',
     'Link',
     'Icon',
-    'Button',
-    'ButtonUnstyled',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
     'Input',
     'RichContent',
     'Alert'
diff --git a/src/services/theme_data/theme2_to_theme3.js b/src/services/theme_data/theme2_to_theme3.js
index 9de1aca3c..0c3383283 100644
--- a/src/services/theme_data/theme2_to_theme3.js
+++ b/src/services/theme_data/theme2_to_theme3.js
@@ -244,9 +244,6 @@ export const convertTheme2To3 = (data) => {
         case 'tooltip':
           rule.component = 'Popover'
           break
-        case 'attachment':
-          rule.component = 'Attachment'
-          break
         case 'ChatMessage':
           rule.component = 'Button'
           break
diff --git a/src/services/theme_data/theme_data_3.service.js b/src/services/theme_data/theme_data_3.service.js
index b85d917de..78aad4488 100644
--- a/src/services/theme_data/theme_data_3.service.js
+++ b/src/services/theme_data/theme_data_3.service.js
@@ -33,7 +33,6 @@ const components = {
   Icon: null,
   Border: null,
   PanelHeader: null,
-  Attachment: null,
   Panel: null,
   Chat: null,
   ChatMessage: null,

From 9ec2ff409dfcd875974342fe853670bdc3160882 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 21:35:59 +0300
Subject: [PATCH 139/424] panel-header avatar is now hard-coded in user-card

---
 src/components/panel_header.style.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/panel_header.style.js b/src/components/panel_header.style.js
index 226ff9e16..06a4fa724 100644
--- a/src/components/panel_header.style.js
+++ b/src/components/panel_header.style.js
@@ -8,8 +8,7 @@ export default {
     'Button',
     'ButtonUnstyled',
     'Badge',
-    'Alert',
-    'Avatar'
+    'Alert'
   ],
   defaultRules: [
     {

From 6341747ec94802c60048903f1df20963ae3d9090 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 22:29:11 +0300
Subject: [PATCH 140/424] more weight reduction

---
 .../chat_message/chat_message.style.js        |  1 -
 src/components/list/list_item.style.js        |  3 +--
 .../notification/notification.style.js        |  1 -
 .../rich_content/rich_content.style.js        | 20 -------------------
 src/components/status/post.style.js           |  4 +---
 src/components/user_card/user_card.style.js   |  3 +--
 6 files changed, 3 insertions(+), 29 deletions(-)
 delete mode 100644 src/components/rich_content/rich_content.style.js

diff --git a/src/components/chat_message/chat_message.style.js b/src/components/chat_message/chat_message.style.js
index f4fc17409..73068a7a5 100644
--- a/src/components/chat_message/chat_message.style.js
+++ b/src/components/chat_message/chat_message.style.js
@@ -10,7 +10,6 @@ export default {
     'Border',
     // Optimization: don't put heavy components unless needed
     // 'Button',
-    'RichContent',
     'PollGraph'
   ],
   defaultRules: [
diff --git a/src/components/list/list_item.style.js b/src/components/list/list_item.style.js
index 0094621c5..cf3ee9b85 100644
--- a/src/components/list/list_item.style.js
+++ b/src/components/list/list_item.style.js
@@ -13,8 +13,7 @@ export default {
     // Optimization: don't put heavy components unless needed
     // 'Button',
     // 'ButtonUnstyled',
-    'RichContent',
-    'Input',
+    // 'Input',
     'Avatar'
   ],
   defaultRules: [
diff --git a/src/components/notification/notification.style.js b/src/components/notification/notification.style.js
index 34048bdff..b3933c80b 100644
--- a/src/components/notification/notification.style.js
+++ b/src/components/notification/notification.style.js
@@ -9,7 +9,6 @@ export default {
     // Optimization: don't put heavy components unless needed
     // 'Button',
     // 'ButtonUnstyled',
-    'RichContent',
     // 'Input',
     'Avatar',
     'PollGraph'
diff --git a/src/components/rich_content/rich_content.style.js b/src/components/rich_content/rich_content.style.js
deleted file mode 100644
index eaba9c4b1..000000000
--- a/src/components/rich_content/rich_content.style.js
+++ /dev/null
@@ -1,20 +0,0 @@
-export default {
-  name: 'RichContent',
-  selector: '.RichContent',
-  notEditable: true,
-  transparent: true,
-  validInnerComponents: [
-    'Text',
-    'FunText',
-    'Link'
-  ],
-  defaultRules: [
-    {
-      directives: {
-        '--font': 'generic | inherit',
-        '--monoFont': 'generic | monospace',
-        textNoCssColor: 'yes'
-      }
-    }
-  ]
-}
diff --git a/src/components/status/post.style.js b/src/components/status/post.style.js
index 491f12164..a63cbed38 100644
--- a/src/components/status/post.style.js
+++ b/src/components/status/post.style.js
@@ -12,8 +12,7 @@ export default {
     // Optimization: don't put heavy components unless needed
     // 'Button',
     // 'ButtonUnstyled',
-    'RichContent',
-    'Input',
+    // 'Input',
     'Avatar',
     'PollGraph'
   ],
@@ -23,7 +22,6 @@ export default {
     'Icon',
     'Border',
     'ButtonUnstyled',
-    'RichContent',
     'Avatar'
   ],
   defaultRules: [
diff --git a/src/components/user_card/user_card.style.js b/src/components/user_card/user_card.style.js
index 2d26385f2..ad1312880 100644
--- a/src/components/user_card/user_card.style.js
+++ b/src/components/user_card/user_card.style.js
@@ -9,8 +9,7 @@ export default {
     // Optimization: don't put heavy components unless needed
     // 'Button',
     // 'ButtonUnstyled',
-    'Input',
-    'RichContent',
+    // 'Input',
     'Alert'
   ],
   defaultRules: [

From 9440d3526663f0723c39faad8c455be4e9c4b94a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 22:49:09 +0300
Subject: [PATCH 141/424] even more weight loss

---
 src/components/list/list_item.style.js      | 48 ---------------------
 src/components/menu_item.style.js           |  6 +--
 src/components/mobile_drawer.style.js       |  4 +-
 src/components/panel.style.js               | 18 +-------
 src/components/popover.style.js             |  4 +-
 src/components/user_card/user_card.style.js | 42 ------------------
 src/services/style_setter/style_setter.js   |  2 +-
 7 files changed, 6 insertions(+), 118 deletions(-)
 delete mode 100644 src/components/list/list_item.style.js
 delete mode 100644 src/components/user_card/user_card.style.js

diff --git a/src/components/list/list_item.style.js b/src/components/list/list_item.style.js
deleted file mode 100644
index cf3ee9b85..000000000
--- a/src/components/list/list_item.style.js
+++ /dev/null
@@ -1,48 +0,0 @@
-export default {
-  name: 'ListItem',
-  selector: '.list-item',
-  states: {
-    active: '.-active',
-    hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.-non-interactive)'
-  },
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Border',
-    // Optimization: don't put heavy components unless needed
-    // 'Button',
-    // 'ButtonUnstyled',
-    // 'Input',
-    'Avatar'
-  ],
-  defaultRules: [
-    {
-      directives: {
-        background: '--bg',
-        opacity: 0
-      }
-    },
-    {
-      state: ['active'],
-      directives: {
-        background: '--inheritedBackground, 10',
-        opacity: 1
-      }
-    },
-    {
-      state: ['hover'],
-      directives: {
-        background: '--inheritedBackground, 10',
-        opacity: 1
-      }
-    },
-    {
-      state: ['hover', 'active'],
-      directives: {
-        background: '--inheritedBackground, 20',
-        opacity: 1
-      }
-    }
-  ]
-}
diff --git a/src/components/menu_item.style.js b/src/components/menu_item.style.js
index 883355efa..859932062 100644
--- a/src/components/menu_item.style.js
+++ b/src/components/menu_item.style.js
@@ -4,11 +4,7 @@ export default {
   validInnerComponents: [
     'Text',
     'Icon',
-    'Input',
-    'Border',
-    'ButtonUnstyled',
-    'Badge',
-    'Avatar'
+    'Border'
   ],
   states: {
     hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.disabled)',
diff --git a/src/components/mobile_drawer.style.js b/src/components/mobile_drawer.style.js
index a17befb63..da3923fc9 100644
--- a/src/components/mobile_drawer.style.js
+++ b/src/components/mobile_drawer.style.js
@@ -10,11 +10,9 @@ export default {
     // 'Button',
     // 'ButtonUnstyled',
     // 'Input',
-    'PanelHeader',
     'MenuItem',
     'Notification',
-    'Alert',
-    'UserCard'
+    'Alert'
   ],
   defaultRules: [
     {
diff --git a/src/components/panel.style.js b/src/components/panel.style.js
index bf28356a0..88dcf4382 100644
--- a/src/components/panel.style.js
+++ b/src/components/panel.style.js
@@ -6,30 +6,16 @@ export default {
     'Link',
     'Icon',
     'Border',
-    // Optimization: don't put heavy components unless needed
-    // 'Button',
-    // 'ButtonUnstyled',
-    // 'Input',
     'PanelHeader',
-    'MenuItem',
     'Post',
-    'Notification',
-    'Alert',
-    'UserCard',
-    'Chat',
-    'Tab',
-    'ListItem'
+    'Notification'
   ],
   validInnerComponentsLite: [
     'Text',
     'Link',
     'Icon',
     'Border',
-    // Optimization: don't put heavy components unless needed
-    // 'Button',
-    // 'Input',
-    'PanelHeader',
-    'Alert'
+    'PanelHeader'
   ],
   defaultRules: [
     {
diff --git a/src/components/popover.style.js b/src/components/popover.style.js
index 02ab6d0d3..9c87a3c95 100644
--- a/src/components/popover.style.js
+++ b/src/components/popover.style.js
@@ -14,9 +14,7 @@ export default {
     // 'Button',
     // 'ButtonUnstyled',
     // 'Input',
-    'MenuItem',
-    'Post',
-    'UserCard'
+    'MenuItem'
   ],
   defaultRules: [
     {
diff --git a/src/components/user_card/user_card.style.js b/src/components/user_card/user_card.style.js
deleted file mode 100644
index ad1312880..000000000
--- a/src/components/user_card/user_card.style.js
+++ /dev/null
@@ -1,42 +0,0 @@
-export default {
-  name: 'UserCard',
-  selector: '.user-card',
-  notEditable: true,
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    // Optimization: don't put heavy components unless needed
-    // 'Button',
-    // 'ButtonUnstyled',
-    // 'Input',
-    'Alert'
-  ],
-  defaultRules: [
-    {
-      directives: {
-        background: '--bg',
-        opacity: 0,
-        roundness: 3,
-        shadow: [{
-          x: 1,
-          y: 1,
-          blur: 4,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.6
-        }],
-        '--profileTint': 'color | $alpha(--background 0.5)'
-      }
-    },
-    {
-      parent: {
-        component: 'UserCard'
-      },
-      component: 'RichContent',
-      directives: {
-        opacity: 0
-      }
-    }
-  ]
-}
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 2a001007d..2c10238ed 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -86,7 +86,7 @@ export const generateTheme = (inputRuleset, callbacks, debug) => {
 
   const themes3 = init({
     inputRuleset,
-    debug
+    debug: true
   })
 
   getCssRules(themes3.eager, debug).forEach(rule => {

From 67f606a3b04c868bd06ea1d6ce598b79d52c5359 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 23:03:24 +0300
Subject: [PATCH 142/424] user-card fixes

---
 src/components/user_card/user_card.scss     | 12 +++++--
 src/components/user_card/user_card.style.js | 37 +++++++++++++++++++++
 src/components/user_card/user_card.vue      | 18 +++++-----
 3 files changed, 56 insertions(+), 11 deletions(-)
 create mode 100644 src/components/user_card/user_card.style.js

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 58eb66d5c..4fdc73777 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -111,15 +111,20 @@
     }
   }
 
-  .banner-overlay,
-  .banner-image {
+  .header-overlay {
     position: absolute;
     inset: 0;
     right: -1.2em;
     left: -1.2em;
     top: -1.4em;
-    padding: 0;
     mask: linear-gradient(to top, transparent 0, white 5em) bottom no-repeat;
+  }
+
+  .banner-overlay,
+  .banner-image {
+    position: absolute;
+    inset: 0;
+    padding: 0;
     border-top-left-radius: calc(var(--roundness) - 1px);
     border-top-right-radius: calc(var(--roundness) - 1px);
   }
@@ -136,6 +141,7 @@
 
   .banner-overlay {
     background-color: var(--profileTint);
+    opacity: 0.5;
     pointer-events: none; // let user copy bg url
     z-index: -1;
   }
diff --git a/src/components/user_card/user_card.style.js b/src/components/user_card/user_card.style.js
new file mode 100644
index 000000000..2c84b2759
--- /dev/null
+++ b/src/components/user_card/user_card.style.js
@@ -0,0 +1,37 @@
+export default {
+  name: 'UserCard',
+  selector: '.user-card',
+  notEditable: true,
+  validInnerComponents: [
+    'Text',
+    'Link',
+    'Icon',
+  ],
+  defaultRules: [
+    {
+      directives: {
+        background: '--bg',
+        opacity: 0,
+        roundness: 3,
+        shadow: [{
+          x: 1,
+          y: 1,
+          blur: 4,
+          spread: 0,
+          color: '#000000',
+          alpha: 0.6
+        }],
+        '--profileTint': 'color | $alpha(--background 1)'
+      }
+    },
+    {
+      parent: {
+        component: 'UserCard'
+      },
+      component: 'RichContent',
+      directives: {
+        opacity: 0
+      }
+    }
+  ]
+}
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 52dab5069..d6edc021f 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -3,16 +3,18 @@
     <div class="user-card-inner">
       <div class="user-info">
         <div class="user-identity">
-          <div class="banner-image">
-            <img
-              :src="bannerImgSrc"
+          <div class="header-overlay">
+            <div class="banner-image">
+              <img
+                :src="bannerImgSrc"
+                :class="{ 'hide-bio': hideBio }"
+              >
+            </div>
+            <div
+              class="banner-overlay"
               :class="{ 'hide-bio': hideBio }"
-            >
+            />
           </div>
-          <div
-            class="banner-overlay"
-            :class="{ 'hide-bio': hideBio }"
-          />
           <a
             v-if="avatarAction === 'zoom'"
             class="user-info-avatar -link"

From 2aabaeb5c667f25296e9bc400e7f5cca560a8f3e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 23:06:33 +0300
Subject: [PATCH 143/424] notification fixes

---
 .../notification/notification.style.js        |  4 ----
 src/components/rich_content/rich_content.scss |  1 +
 src/components/user_card/user_card.style.js   | 20 -------------------
 3 files changed, 1 insertion(+), 24 deletions(-)

diff --git a/src/components/notification/notification.style.js b/src/components/notification/notification.style.js
index b3933c80b..05c1f6f23 100644
--- a/src/components/notification/notification.style.js
+++ b/src/components/notification/notification.style.js
@@ -6,10 +6,6 @@ export default {
     'Link',
     'Icon',
     'Border',
-    // Optimization: don't put heavy components unless needed
-    // 'Button',
-    // 'ButtonUnstyled',
-    // 'Input',
     'Avatar',
     'PollGraph'
   ],
diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss
index 140be2f98..6b70d1356 100644
--- a/src/components/rich_content/rich_content.scss
+++ b/src/components/rich_content/rich_content.scss
@@ -2,6 +2,7 @@
   font-family: var(--font);
 
   &.-faint {
+    color: var(--text);
     /* stylelint-disable declaration-no-important */
     --text: var(--textFaint) !important;
     --link: var(--linkFaint) !important;
diff --git a/src/components/user_card/user_card.style.js b/src/components/user_card/user_card.style.js
index 2c84b2759..e77963a02 100644
--- a/src/components/user_card/user_card.style.js
+++ b/src/components/user_card/user_card.style.js
@@ -10,28 +10,8 @@ export default {
   defaultRules: [
     {
       directives: {
-        background: '--bg',
-        opacity: 0,
-        roundness: 3,
-        shadow: [{
-          x: 1,
-          y: 1,
-          blur: 4,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.6
-        }],
         '--profileTint': 'color | $alpha(--background 1)'
       }
-    },
-    {
-      parent: {
-        component: 'UserCard'
-      },
-      component: 'RichContent',
-      directives: {
-        opacity: 0
-      }
     }
   ]
 }

From 8b8975adb21dcb3855877758bf50e64ec9897dae Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 23:16:29 +0300
Subject: [PATCH 144/424] even even more weight loss

---
 .../chat_message/chat_message.style.js        |  2 --
 src/components/mobile_drawer.style.js         | 27 +------------------
 src/components/panel.style.js                 |  3 ++-
 src/components/panel_header.style.js          |  1 -
 src/components/popover.style.js               |  8 ------
 src/components/status/post.style.js           | 12 ---------
 src/components/top_bar.style.js               |  4 +--
 src/components/user_card/user_card.style.js   |  5 ----
 8 files changed, 5 insertions(+), 57 deletions(-)

diff --git a/src/components/chat_message/chat_message.style.js b/src/components/chat_message/chat_message.style.js
index 73068a7a5..76b565823 100644
--- a/src/components/chat_message/chat_message.style.js
+++ b/src/components/chat_message/chat_message.style.js
@@ -8,8 +8,6 @@ export default {
     'Text',
     'Icon',
     'Border',
-    // Optimization: don't put heavy components unless needed
-    // 'Button',
     'PollGraph'
   ],
   defaultRules: [
diff --git a/src/components/mobile_drawer.style.js b/src/components/mobile_drawer.style.js
index da3923fc9..0f2cf4e59 100644
--- a/src/components/mobile_drawer.style.js
+++ b/src/components/mobile_drawer.style.js
@@ -2,17 +2,7 @@ export default {
   name: 'MobileDrawer',
   selector: '.mobile-drawer',
   validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Border',
-    // Optimization: don't put heavy components unless needed
-    // 'Button',
-    // 'ButtonUnstyled',
-    // 'Input',
-    'MenuItem',
-    'Notification',
-    'Alert'
+    'MenuItem'
   ],
   defaultRules: [
     {
@@ -20,21 +10,6 @@ export default {
         background: '--bg',
         backgroundNoCssColor: 'yes'
       }
-    },
-    {
-      component: 'PanelHeader',
-      parent: { component: 'MobileDrawer' },
-      directives: {
-        background: '--fg',
-        shadow: [{
-          x: 0,
-          y: 0,
-          blur: 4,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.6
-        }]
-      }
     }
   ]
 }
diff --git a/src/components/panel.style.js b/src/components/panel.style.js
index 88dcf4382..2c8956ae1 100644
--- a/src/components/panel.style.js
+++ b/src/components/panel.style.js
@@ -8,7 +8,8 @@ export default {
     'Border',
     'PanelHeader',
     'Post',
-    'Notification'
+    'Notification',
+    'MenuItem'
   ],
   validInnerComponentsLite: [
     'Text',
diff --git a/src/components/panel_header.style.js b/src/components/panel_header.style.js
index 06a4fa724..4e5f97760 100644
--- a/src/components/panel_header.style.js
+++ b/src/components/panel_header.style.js
@@ -7,7 +7,6 @@ export default {
     'Icon',
     'Button',
     'ButtonUnstyled',
-    'Badge',
     'Alert'
   ],
   defaultRules: [
diff --git a/src/components/popover.style.js b/src/components/popover.style.js
index 9c87a3c95..455b5f5e0 100644
--- a/src/components/popover.style.js
+++ b/src/components/popover.style.js
@@ -6,14 +6,6 @@ export default {
     modal: '.modal'
   },
   validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Border',
-    // Optimization: don't put heavy components unless needed
-    // 'Button',
-    // 'ButtonUnstyled',
-    // 'Input',
     'MenuItem'
   ],
   defaultRules: [
diff --git a/src/components/status/post.style.js b/src/components/status/post.style.js
index a63cbed38..43e21a16e 100644
--- a/src/components/status/post.style.js
+++ b/src/components/status/post.style.js
@@ -9,21 +9,9 @@ export default {
     'Link',
     'Icon',
     'Border',
-    // Optimization: don't put heavy components unless needed
-    // 'Button',
-    // 'ButtonUnstyled',
-    // 'Input',
     'Avatar',
     'PollGraph'
   ],
-  validInnerComponentsLite: [
-    'Text',
-    'Link',
-    'Icon',
-    'Border',
-    'ButtonUnstyled',
-    'Avatar'
-  ],
   defaultRules: [
     {
       directives: {
diff --git a/src/components/top_bar.style.js b/src/components/top_bar.style.js
index 5aaace639..89c5243db 100644
--- a/src/components/top_bar.style.js
+++ b/src/components/top_bar.style.js
@@ -6,8 +6,8 @@ export default {
     'Text',
     'Icon',
     // Optimization: don't put heavy components unless needed
-    // 'Button',
-    // 'ButtonUnstyled',
+    'Button',
+    'ButtonUnstyled',
     'Input',
     'Badge'
   ],
diff --git a/src/components/user_card/user_card.style.js b/src/components/user_card/user_card.style.js
index e77963a02..b6e256392 100644
--- a/src/components/user_card/user_card.style.js
+++ b/src/components/user_card/user_card.style.js
@@ -2,11 +2,6 @@ export default {
   name: 'UserCard',
   selector: '.user-card',
   notEditable: true,
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-  ],
   defaultRules: [
     {
       directives: {

From 047dda5525cca0339caa0c187518ace2d20af867 Mon Sep 17 00:00:00 2001
From: HJ <30-hj@users.noreply.git.pleroma.social>
Date: Sun, 10 Aug 2025 20:22:39 +0000
Subject: [PATCH 145/424] Apply 2 suggestion(s) to 1 file(s)

---
 src/components/settings_modal/admin_tabs/emoji_tab.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index e6327fb2f..d1aac4bdc 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -249,7 +249,7 @@ const EmojiTab = {
             this.displayError(resp.error)
             return Promise.reject(resp)
           }
-        }).then(_done => {
+        }).then(() => {
           this.packName = this.newPackName
           this.newPackName = ''
           this.remotePackURL = ''
@@ -269,7 +269,7 @@ const EmojiTab = {
             this.displayError(resp.error)
             return Promise.reject(resp)
           }
-        }).then(_done => {
+        }).then((_done)) => {
           this.packName = this.newPackName
           this.newPackName = ''
           this.remotePackURL = ''

From b80035cbb0c63400fcb76fbfe13ff1cc83cb21e5 Mon Sep 17 00:00:00 2001
From: HJ <30-hj@users.noreply.git.pleroma.social>
Date: Sun, 10 Aug 2025 20:23:09 +0000
Subject: [PATCH 146/424] Apply 1 suggestion(s) to 1 file(s)

---
 src/components/settings_modal/admin_tabs/emoji_tab.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index d1aac4bdc..7caec48df 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -269,7 +269,7 @@ const EmojiTab = {
             this.displayError(resp.error)
             return Promise.reject(resp)
           }
-        }).then((_done)) => {
+        }).then(()) => {
           this.packName = this.newPackName
           this.newPackName = ''
           this.remotePackURL = ''

From 6e5da62233f80cc9a6bfda0b8a2c327f25992bf6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 10 Aug 2025 23:25:42 +0300
Subject: [PATCH 147/424] changelog

---
 changelog.d/weight-loss.change | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/weight-loss.change

diff --git a/changelog.d/weight-loss.change b/changelog.d/weight-loss.change
new file mode 100644
index 000000000..8c1322bf9
--- /dev/null
+++ b/changelog.d/weight-loss.change
@@ -0,0 +1 @@
+Reduced time taken processing theme by half

From 1d3b271e7c2099c3481a9b1f743a1c3519cbdc76 Mon Sep 17 00:00:00 2001
From: HJ <30-hj@users.noreply.git.pleroma.social>
Date: Sun, 10 Aug 2025 20:30:24 +0000
Subject: [PATCH 148/424] Apply 1 suggestion(s) to 1 file(s)

---
 src/components/settings_modal/admin_tabs/emoji_tab.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index 7caec48df..a315756e8 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -269,7 +269,7 @@ const EmojiTab = {
             this.displayError(resp.error)
             return Promise.reject(resp)
           }
-        }).then(()) => {
+        }).then(() => {
           this.packName = this.newPackName
           this.newPackName = ''
           this.remotePackURL = ''

From a0159f1e18bec19e01bdca5cac435b9ee81e3fa1 Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Wed, 6 Aug 2025 19:18:13 +0300
Subject: [PATCH 149/424] Allow copying just one emoji from another pack into a
 local one

---
 .../settings_modal/admin_tabs/emoji_tab.js    |  6 +-
 .../settings_modal/admin_tabs/emoji_tab.vue   |  5 +-
 .../helpers/emoji_editing_popover.vue         | 75 +++++++++++++++----
 src/i18n/en.json                              |  2 +
 4 files changed, 69 insertions(+), 19 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index a315756e8..d8f769e0b 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -145,9 +145,9 @@ const EmojiTab = {
       })
     },
 
-    updatePackFiles (newFiles) {
-      this.pack.files = newFiles
-      this.sortPackFiles(this.packName)
+    updatePackFiles (newFiles, packName) {
+      this.knownPacks[packName].files = newFiles
+      this.sortPackFiles(packName)
     },
 
     loadPacksPaginated (listFunction) {
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index 333ff8b0e..9095192fe 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -387,11 +387,12 @@
               ref="emojiPopovers"
               :key="shortcode"
               placement="top"
-              :title="$t('admin_dash.emoji.editing', [shortcode])"
-              :disabled="pack.remote !== undefined"
+              :title="$t(`admin_dash.emoji.${pack.remote === undefined ? 'editing' : 'copying'}`, [shortcode])"
               :shortcode="shortcode"
               :file="file"
               :pack-name="packName"
+              :remote="pack.remote"
+              :known-local-packs="knownLocalPacks"
               @update-pack-files="updatePackFiles"
               @display-error="displayError"
             >
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index 1cca45fbf..48c5f1a5e 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -7,7 +7,6 @@
     popover-class="emoji-tab-edit-popover popover-default"
     :bound-to="{ x: 'container' }"
     :offset="{ y: 5 }"
-    :disabled="disabled"
     :class="{'emoji-unsaved': isEdited}"
   >
     <template #trigger>
@@ -63,16 +62,47 @@
           </label>
         </div>
 
+        <div class="emoji-tab-popover-input" v-if="remote !== undefined">
+          <label>
+            {{ $t('admin_dash.emoji.copy_to') }}
+
+            <Select
+              v-model="copyToPack"
+              class="form-control"
+            >
+              <option
+                value=""
+                disabled
+                hidden
+              >
+                {{ $t('admin_dash.emoji.emoji_pack') }}
+              </option>
+              <option
+                v-for="(pack, listPackName) in knownLocalPacks"
+                :key="listPackName"
+                :label="listPackName"
+              >
+                {{ listPackName }}
+              </option>
+            </Select>
+          </label>
+        </div>
+
+        <!--
+             For local emojis, disable the button if nothing was edited.
+             For remote emojis, also disable it if a local pack is not selected.
+             Remote emojis are processed by the same function that uploads new ones, as that is effectively what it does
+        -->
         <button
           class="button button-default btn"
           type="button"
-          :disabled="newUpload ? uploadFile.length == 0 : !isEdited"
-          @click="newUpload ? uploadEmoji() : saveEditedEmoji()"
+          :disabled="saveButtonDisabled"
+          @click="(newUpload || this.remote !== undefined) ? uploadEmoji() : saveEditedEmoji()"
         >
           {{ $t('admin_dash.emoji.save') }}
         </button>
 
-        <template v-if="!newUpload">
+        <template v-if="!newUpload && remote === undefined">
           <button
             class="button button-default btn emoji-tab-popover-button"
             type="button"
@@ -107,19 +137,16 @@
 import Popover from 'components/popover/popover.vue'
 import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
 import StillImage from 'components/still-image/still-image.vue'
+import Select from 'components/select/select.vue'
 
 export default {
-  components: { Popover, ConfirmModal, StillImage },
+  components: { Popover, ConfirmModal, StillImage, Select },
   inject: ['emojiAddr'],
   props: {
     placement: {
       type: String,
       required: true
     },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
 
     newUpload: Boolean,
 
@@ -140,6 +167,14 @@ export default {
       type: String,
       // Only exists when this is not a new upload
       default: ''
+    },
+
+    // Only exists for emojis from remote packs
+    remote: {
+      type: Object
+    },
+    knownLocalPacks: {
+      type: Object
     }
   },
   emits: ['updatePackFiles', 'displayError'],
@@ -148,7 +183,8 @@ export default {
       uploadFile: [],
       editedShortcode: this.shortcode,
       editedFile: this.file,
-      deleteModalVisible: false
+      deleteModalVisible: false,
+      copyToPack: ""
     }
   },
   computed: {
@@ -163,6 +199,12 @@ export default {
     },
     isEdited () {
       return !this.newUpload && (this.editedShortcode !== this.shortcode || this.editedFile !== this.file)
+    },
+    saveButtonDisabled() {
+      if (this.remote === undefined)
+        return this.newUpload ? this.uploadFile.length == 0 : !this.isEdited
+      else
+        return this.copyToPack === ""
     }
   },
   methods: {
@@ -181,9 +223,10 @@ export default {
       }).then(resp => this.$emit('updatePackFiles', resp))
     },
     uploadEmoji () {
+      let packName = this.remote === undefined ? this.packName : this.copyToPack
       this.$store.state.api.backendInteractor.addNewEmojiFile({
-        packName: this.packName,
-        file: this.uploadFile[0],
+        packName: packName,
+        file: this.remote === undefined ? this.uploadFile[0] : this.emojiAddr(this.file),
         shortcode: this.editedShortcode,
         filename: this.editedFile
       }).then(resp => resp.json()).then(resp => {
@@ -192,7 +235,7 @@ export default {
           return
         }
 
-        this.$emit('updatePackFiles', resp)
+        this.$emit('updatePackFiles', resp, packName)
         this.$refs.emojiPopover.hidePopover()
 
         this.editedFile = ''
@@ -215,7 +258,7 @@ export default {
           return
         }
 
-        this.$emit('updatePackFiles', resp)
+        this.$emit('updatePackFiles', resp, this.packName)
       })
     }
   }
@@ -232,5 +275,9 @@ export default {
       width: 32px;
       height: 32px;
     }
+
+    .Select {
+      display: inline-block;
+    }
   }
 </style>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 5363eda98..39d0978a2 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1215,6 +1215,8 @@
       "download_as_name_full": "New name, leave blank to reuse",
       "files": "Files",
       "editing": "Editing {0}",
+      "copying": "Copying {0}",
+      "copy_to": "Copy to",
       "delete_title": "Delete?",
       "metadata_changed": "Metadata different from saved",
       "emoji_changed": "Unsaved emoji file changes, check highlighted emoji",

From ec635426c3df4f70e88f0ecfe972c0d8ecbb7470 Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Wed, 6 Aug 2025 20:02:15 +0300
Subject: [PATCH 150/424] Allow uploading single emojis from URL

---
 .../helpers/emoji_editing_popover.vue         | 69 +++++++++++++------
 src/i18n/en.json                              |  2 +
 2 files changed, 50 insertions(+), 21 deletions(-)

diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index 48c5f1a5e..e95701493 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -27,17 +27,26 @@
         class="emoji"
       />
 
-      <div
-        v-if="newUpload"
-        class="emoji-tab-popover-input"
-      >
-        <input
-          type="file"
-          accept="image/*"
-          class="emoji-tab-popover-file input"
-          @change="uploadFile = $event.target.files"
-        >
+      <div v-if="newUpload" class="emoji-tab-popover-new-upload">
+        <h4>{{ $t('admin_dash.emoji.emoji_source') }}</h4>
+
+        <div class="emoji-tab-popover-input">
+          <input
+            type="file"
+            accept="image/*"
+            class="emoji-tab-popover-file input"
+            @change="uploadFile = $event.target.files"
+          >
+        </div>
+        <div class="emoji-tab-popover-input ">
+          <input
+            v-model="uploadURL"
+            :placeholder="$t('admin_dash.emoji.upload_url')"
+            class="emoji-data-input input"
+          >
+        </div>
       </div>
+
       <div>
         <div class="emoji-tab-popover-input">
           <label>
@@ -62,11 +71,14 @@
           </label>
         </div>
 
-        <div class="emoji-tab-popover-input" v-if="remote !== undefined">
+        <div
+          v-if="remote !== undefined"
+          class="emoji-tab-popover-input"
+        >
           <label>
             {{ $t('admin_dash.emoji.copy_to') }}
 
-            <Select
+            <SelectComponent
               v-model="copyToPack"
               class="form-control"
             >
@@ -84,7 +96,7 @@
               >
                 {{ listPackName }}
               </option>
-            </Select>
+            </SelectComponent>
           </label>
         </div>
 
@@ -97,7 +109,7 @@
           class="button button-default btn"
           type="button"
           :disabled="saveButtonDisabled"
-          @click="(newUpload || this.remote !== undefined) ? uploadEmoji() : saveEditedEmoji()"
+          @click="(newUpload || remote !== undefined) ? uploadEmoji() : saveEditedEmoji()"
         >
           {{ $t('admin_dash.emoji.save') }}
         </button>
@@ -137,10 +149,10 @@
 import Popover from 'components/popover/popover.vue'
 import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
 import StillImage from 'components/still-image/still-image.vue'
-import Select from 'components/select/select.vue'
+import SelectComponent from 'components/select/select.vue'
 
 export default {
-  components: { Popover, ConfirmModal, StillImage, Select },
+  components: { Popover, ConfirmModal, StillImage, SelectComponent },
   inject: ['emojiAddr'],
   props: {
     placement: {
@@ -171,16 +183,19 @@ export default {
 
     // Only exists for emojis from remote packs
     remote: {
-      type: Object
+      type: Object,
+      default: undefined
     },
     knownLocalPacks: {
-      type: Object
+      type: Object,
+      default: undefined
     }
   },
   emits: ['updatePackFiles', 'displayError'],
   data () {
     return {
       uploadFile: [],
+      uploadURL: "",
       editedShortcode: this.shortcode,
       editedFile: this.file,
       deleteModalVisible: false,
@@ -191,6 +206,8 @@ export default {
     emojiPreview () {
       if (this.newUpload && this.uploadFile.length > 0) {
         return URL.createObjectURL(this.uploadFile[0])
+      } else if (this.newUpload && this.uploadURL != "") {
+        return this.uploadURL
       } else if (!this.newUpload) {
         return this.emojiAddr(this.file)
       }
@@ -202,7 +219,7 @@ export default {
     },
     saveButtonDisabled() {
       if (this.remote === undefined)
-        return this.newUpload ? this.uploadFile.length == 0 : !this.isEdited
+        return this.newUpload ? (this.uploadURL === "" && this.uploadFile.length == 0) : !this.isEdited
       else
         return this.copyToPack === ""
     }
@@ -226,7 +243,8 @@ export default {
       let packName = this.remote === undefined ? this.packName : this.copyToPack
       this.$store.state.api.backendInteractor.addNewEmojiFile({
         packName: packName,
-        file: this.remote === undefined ? this.uploadFile[0] : this.emojiAddr(this.file),
+        file: this.remote === undefined ?
+              (this.uploadURL !== "" ? this.uploadURL : this.uploadFile[0]) : this.emojiAddr(this.file),
         shortcode: this.editedShortcode,
         filename: this.editedFile
       }).then(resp => resp.json()).then(resp => {
@@ -271,13 +289,22 @@ export default {
     padding-right: 0.5em;
     padding-bottom: 0.5em;
 
+    .emoji-tab-popover-new-upload {
+      margin-bottom: 2em;
+    }
+
     .emoji {
       width: 32px;
       height: 32px;
     }
 
-    .Select {
+    .SelectComponent {
       display: inline-block;
     }
+
+    h4 {
+      margin-bottom: 1em;
+      margin-top: 1em;
+    }
   }
 </style>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 39d0978a2..8bf3a9bc7 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1205,6 +1205,8 @@
       "adding_new": "Adding new emoji",
       "shortcode": "Shortcode",
       "filename": "Filename",
+      "emoji_source": "Emoji file source",
+      "upload_url": "Upload from URL",
       "new_shortcode": "Shortcode, leave blank to infer",
       "new_filename": "Filename, leave blank to infer",
       "delete_confirm": "Are you sure you want to delete {0}?",

From 04c180e0d9ae72cecc525fda5b594fde41ca4bfe Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Wed, 6 Aug 2025 21:51:10 +0300
Subject: [PATCH 151/424] Allow copying emoji from posts

---
 src/components/rich_content/rich_content.jsx  |   5 +-
 .../helpers/emoji_editing_popover.vue         |   2 +-
 .../still-image/still-image-emoji-popover.vue | 184 ++++++++++++++++++
 src/i18n/en.json                              |   1 +
 4 files changed, 189 insertions(+), 3 deletions(-)
 create mode 100644 src/components/still-image/still-image-emoji-popover.vue

diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 9466603cd..ac04c538e 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -2,7 +2,7 @@ import { unescape, flattenDeep } from 'lodash'
 import { getTagName, processTextForEmoji, getAttrs } from 'src/services/html_converter/utility.service.js'
 import { convertHtmlToTree } from 'src/services/html_converter/html_tree_converter.service.js'
 import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
-import StillImage from 'src/components/still-image/still-image.vue'
+import StillImageEmojiPopover from 'src/components/still-image/still-image-emoji-popover.vue'
 import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
 import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
 import HashtagLink from 'src/components/hashtag_link/hashtag_link.vue'
@@ -162,9 +162,10 @@ export default {
             item,
             this.emoji,
             ({ shortcode, url }) => {
-              return <StillImage
+              return <StillImageEmojiPopover
                 class="emoji img"
                 src={url}
+                shortcode={shortcode}
                 title={`:${shortcode}:`}
                 alt={`:${shortcode}:`}
               />
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index e95701493..7e7453129 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -298,7 +298,7 @@ export default {
       height: 32px;
     }
 
-    .SelectComponent {
+    .Select {
       display: inline-block;
     }
 
diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
new file mode 100644
index 000000000..0e8a68171
--- /dev/null
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -0,0 +1,184 @@
+<template>
+  <Popover
+    ref="emojiPopover"
+    trigger="click"
+    placement="top"
+    bound-to-selector=".status-container"
+    :bound-to="{ x: 'container' }"
+    :offset="{ y: 10 }"
+    @show="fetchEmojiPacksIfAdmin"
+  >
+    <template #trigger>
+      <StillImage v-bind="$attrs" />
+    </template>
+    <template #content>
+      <div class="emoji-popover">
+        <h3>{{ $attrs.title }}</h3>
+
+        <div class="emoji-popover-centered">
+          <StillImage
+            class="emoji"
+            v-bind="$attrs"
+          />
+        </div>
+
+        <div v-if="isUserAdmin">
+          <button
+            class="button button-default btn emoji-popover-button"
+            type="button"
+            @click="copyToLocalPack"
+            :disabled="packName == ''"
+          >
+            {{ $t('admin_dash.emoji.copy_to_pack') }}
+          </button>
+
+          <SelectComponent
+            v-model="packName"
+          >
+            <option
+              value=""
+              disabled
+              hidden
+            >
+              {{ $t('admin_dash.emoji.emoji_pack') }}
+            </option>
+            <option
+              v-for="(pack, listPackName) in knownLocalPacks"
+              :key="listPackName"
+              :label="listPackName"
+            >
+              {{ listPackName }}
+            </option>
+          </SelectComponent>
+        </div>
+      </div>
+    </template>
+  </Popover>
+</template>
+
+<script>
+  import { assign } from 'lodash'
+
+  import StillImage from "./still-image.vue"
+  import Popover from 'components/popover/popover.vue'
+  import SelectComponent from 'components/select/select.vue'
+  import { useInterfaceStore } from 'src/stores/interface'
+
+  export default {
+    components: { StillImage, Popover, SelectComponent },
+    data() {
+      return {
+        knownLocalPacks: { },
+        packName: ""
+      }
+    },
+    computed: {
+      isUserAdmin () {
+        return this.$store.state.users.currentUser.rights.admin
+      }
+    },
+    methods: {
+      displayError (msg) {
+        useInterfaceStore().pushGlobalNotice({
+          messageKey: 'admin_dash.emoji.error',
+          messageArgs: [msg],
+          level: 'error'
+        })
+      },
+      copyToLocalPack() {
+        console.log(this.packName)
+
+        this.$store.state.api.backendInteractor.addNewEmojiFile({
+          packName: this.packName,
+          file: this.$attrs.src,
+          shortcode: this.$attrs.shortcode,
+          filename: ""
+        }).then(resp => resp.json()).then(resp => {
+          if (resp.error !== undefined) {
+            this.displayError(resp.error)
+            return
+          }
+
+          this.$refs.emojiPopover.hidePopover()
+          this.packName = ''
+        })
+      },
+
+      // Copied from emoji_tab.js
+      loadPacksPaginated (listFunction) {
+        const pageSize = 25
+        const allPacks = {}
+
+        return listFunction({ instance: this.$store.state.instance.server, page: 1, pageSize: 0 })
+          .then(data => data.json())
+          .then(data => {
+            if (data.error !== undefined) { return Promise.reject(data.error) }
+
+            let resultingPromise = Promise.resolve({})
+            for (let i = 0; i < Math.ceil(data.count / pageSize); i++) {
+              resultingPromise = resultingPromise.then(() => listFunction({ instance: this.$store.state.instance.server, page: i, pageSize })
+              ).then(data => data.json()).then(pageData => {
+                if (pageData.error !== undefined) { return Promise.reject(pageData.error) }
+
+                assign(allPacks, pageData.packs)
+              })
+            }
+
+            return resultingPromise
+          })
+          .then(() => allPacks)
+          .catch(data => {
+            this.displayError(data)
+          })
+      },
+      fetchEmojiPacksIfAdmin() {
+        if (!this.isUserAdmin) return
+
+        this.loadPacksPaginated(this.$store.state.api.backendInteractor.listEmojiPacks)
+            .then(allPacks => {
+              this.knownLocalPacks = allPacks
+
+              for (const name of Object.keys(this.knownLocalPacks)) {
+                this.sortPackFiles(name)
+              }
+            })
+      },
+      sortPackFiles (nameOfPack) {
+        // Sort by key
+        const sorted = Object.keys(this.knownLocalPacks[nameOfPack].files).sort().reduce((acc, key) => {
+          if (key.length === 0) return acc
+          acc[key] = this.knownLocalPacks[nameOfPack].files[key]
+          return acc
+        }, {})
+        this.knownLocalPacks[nameOfPack].files = sorted
+      }
+    }
+  }
+</script>
+
+<style>
+  .emoji-popover {
+    margin: 0 0.5em 0.5em 0.5em;
+    text-align: center;
+
+    .emoji {
+      width: 64px;
+      height: 64px;
+    }
+
+    .emoji-popover-centered {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .emoji-popover-button {
+      width: 100%;
+      margin-top: 0.5em;
+    }
+
+    .Select {
+      width: 100%;
+    }
+  }
+</style>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 8bf3a9bc7..4a3df9472 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1219,6 +1219,7 @@
       "editing": "Editing {0}",
       "copying": "Copying {0}",
       "copy_to": "Copy to",
+      "copy_to_pack": "Copy to local pack",
       "delete_title": "Delete?",
       "metadata_changed": "Metadata different from saved",
       "emoji_changed": "Unsaved emoji file changes, check highlighted emoji",

From 0ccff2019fcca6121fe306ee9b75a373681bdf03 Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Wed, 6 Aug 2025 22:03:19 +0300
Subject: [PATCH 152/424] Changelogs

---
 changelog.d/emoji-copying-post.add | 1 +
 changelog.d/emoji-copying.add      | 1 +
 changelog.d/emoji-popover.add      | 1 +
 3 files changed, 3 insertions(+)
 create mode 100644 changelog.d/emoji-copying-post.add
 create mode 100644 changelog.d/emoji-copying.add
 create mode 100644 changelog.d/emoji-popover.add

diff --git a/changelog.d/emoji-copying-post.add b/changelog.d/emoji-copying-post.add
new file mode 100644
index 000000000..f25ce9792
--- /dev/null
+++ b/changelog.d/emoji-copying-post.add
@@ -0,0 +1 @@
+Allow copying an emoji from a remote post into a local pack
diff --git a/changelog.d/emoji-copying.add b/changelog.d/emoji-copying.add
new file mode 100644
index 000000000..875e04401
--- /dev/null
+++ b/changelog.d/emoji-copying.add
@@ -0,0 +1 @@
+Allow copying one emoji from a remote pack into a local pack
diff --git a/changelog.d/emoji-popover.add b/changelog.d/emoji-popover.add
new file mode 100644
index 000000000..f55ad10a3
--- /dev/null
+++ b/changelog.d/emoji-popover.add
@@ -0,0 +1 @@
+When an emoji is clicked in a post, show a popover with its name and a bigger image. Admins can also copy it to a local pack

From e04d7d2c9772e8c2d8f3a55e90848911e0973036 Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Wed, 6 Aug 2025 22:24:49 +0300
Subject: [PATCH 153/424] Check if emoji is already a local one

---
 src/components/chat_title/chat_title.vue            |  1 +
 src/components/notification/notification.vue        |  1 +
 src/components/rich_content/rich_content.jsx        | 10 +++++++++-
 src/components/status/status.vue                    |  2 ++
 src/components/status_body/status_body.vue          |  2 ++
 .../still-image/still-image-emoji-popover.vue       | 13 +++++++++++--
 6 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/components/chat_title/chat_title.vue b/src/components/chat_title/chat_title.vue
index 72660cca0..00521260f 100644
--- a/src/components/chat_title/chat_title.vue
+++ b/src/components/chat_title/chat_title.vue
@@ -19,6 +19,7 @@
       :title="'@'+(user && user.screen_name_ui)"
       :html="htmlTitle"
       :emoji="user.emoji || []"
+      :is-local="user.is_local"
     />
   </div>
 </template>
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 0930e0990..648bdb41f 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -62,6 +62,7 @@
                 :title="'@'+notification.from_profile.screen_name_ui"
                 :html="notification.from_profile.name_html"
                 :emoji="notification.from_profile.emoji"
+                :is-local="notification.from_profile.is_local"
               />
             </bdi>
             <!-- eslint-enable vue/no-v-html -->
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index ac04c538e..cdad60f74 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -86,6 +86,12 @@ export default {
       required: false,
       type: Boolean,
       default: false
+    },
+    // Assume is local to be true if unspecified, so the button isn't show where it probably should not be
+    isLocal: {
+      required: false,
+      type: Boolean,
+      default: true
     }
   },
   // NEVER EVER TOUCH DATA INSIDE RENDER
@@ -165,9 +171,11 @@ export default {
               return <StillImageEmojiPopover
                 class="emoji img"
                 src={url}
-                shortcode={shortcode}
                 title={`:${shortcode}:`}
                 alt={`:${shortcode}:`}
+
+                shortcode={shortcode}
+                isLocal={this.isLocal}
               />
             }
           )]
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index d0af91aef..fbc455ee6 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -79,6 +79,7 @@
               <RichContent
                 :html="retweeterHtml"
                 :emoji="retweeterUser.emoji"
+                :is-local="retweeterUser.is_local"
               />
             </router-link>
             <router-link
@@ -139,6 +140,7 @@
                   <RichContent
                     :html="status.user.name"
                     :emoji="status.user.emoji"
+                    :is-local="status.user.is_local"
                   />
                 </h4>
                 <h4
diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue
index 0fc024b04..6f1c3c747 100644
--- a/src/components/status_body/status_body.vue
+++ b/src/components/status_body/status_body.vue
@@ -14,6 +14,7 @@
           :faint="compact"
           :html="status.summary_raw_html"
           :emoji="status.emojis"
+          :is-local="status.isLocal"
         />
         <button
           v-show="longSubject && showingLongSubject"
@@ -44,6 +45,7 @@
           :faint="compact"
           :greentext="mergedConfig.greentext"
           :attentions="status.attentions"
+          :is-local="status.is_local"
           @parse-ready="onParseReady"
         />
         <div
diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
index 0e8a68171..a5459bc79 100644
--- a/src/components/still-image/still-image-emoji-popover.vue
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -3,7 +3,6 @@
     ref="emojiPopover"
     trigger="click"
     placement="top"
-    bound-to-selector=".status-container"
     :bound-to="{ x: 'container' }"
     :offset="{ y: 10 }"
     @show="fetchEmojiPacksIfAdmin"
@@ -22,7 +21,7 @@
           />
         </div>
 
-        <div v-if="isUserAdmin">
+        <div v-if="isUserAdmin && !isLocal">
           <button
             class="button button-default btn emoji-popover-button"
             type="button"
@@ -66,6 +65,16 @@
 
   export default {
     components: { StillImage, Popover, SelectComponent },
+    props: {
+      shortcode: {
+        type: String,
+        required: true
+      },
+      isLocal: {
+        type: Boolean,
+        required: true
+      }
+    },
     data() {
       return {
         knownLocalPacks: { },

From c3872147c0b58a80d13bcdcc373f6b01a033b3b7 Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Wed, 6 Aug 2025 22:24:58 +0300
Subject: [PATCH 154/424] Correct component name

---
 src/components/status_body/status_body.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index aa334499e..c9135fecd 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -18,8 +18,8 @@ library.add(
   faPollH
 )
 
-const StatusContent = {
-  name: 'StatusContent',
+const StatusBody = {
+  name: 'StatusBody',
   props: [
     'compact',
     'status',
@@ -145,4 +145,4 @@ const StatusContent = {
   }
 }
 
-export default StatusContent
+export default StatusBody

From a6a2dbd2f767ec216ac37f2c571564302482c3f3 Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Wed, 6 Aug 2025 22:27:41 +0300
Subject: [PATCH 155/424] Fix CSS lint complaint

---
 src/components/still-image/still-image-emoji-popover.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
index a5459bc79..204edbade 100644
--- a/src/components/still-image/still-image-emoji-popover.vue
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -167,7 +167,7 @@
 
 <style>
   .emoji-popover {
-    margin: 0 0.5em 0.5em 0.5em;
+    margin: 0 0.5em 0.5em;
     text-align: center;
 
     .emoji {

From bf4dbaf0775786fa75ab13a6f843c1c9b5d685a2 Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Wed, 6 Aug 2025 22:35:17 +0300
Subject: [PATCH 156/424] Fix rich content test

---
 test/unit/specs/components/rich_content.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/unit/specs/components/rich_content.spec.js b/test/unit/specs/components/rich_content.spec.js
index 37d8bcbfa..3234edba0 100644
--- a/test/unit/specs/components/rich_content.spec.js
+++ b/test/unit/specs/components/rich_content.spec.js
@@ -218,7 +218,7 @@ describe('RichContent', () => {
     const html = p('Ebin :DDDD :spurdo:')
     const expected = p(
       'Ebin :DDDD ',
-      '<anonymous-stub src="about:blank" alt=":spurdo:" class="emoji img" title=":spurdo:"></anonymous-stub>'
+      '<anonymous-stub shortcode="spurdo" islocal="true" class="emoji img" src="about:blank" title=":spurdo:" alt=":spurdo:"></anonymous-stub>'
     )
 
     const wrapper = shallowMount(RichContent, {

From 24c0e0e4973a0ec73113f7785deecd80555ed55b Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Thu, 7 Aug 2025 10:43:46 +0300
Subject: [PATCH 157/424] Formatting fixes

---
 .../settings_modal/helpers/emoji_editing_popover.vue  | 11 ++++++-----
 .../still-image/still-image-emoji-popover.vue         |  8 +++-----
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index 7e7453129..a90189b62 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -195,18 +195,18 @@ export default {
   data () {
     return {
       uploadFile: [],
-      uploadURL: "",
+      uploadURL: '',
       editedShortcode: this.shortcode,
       editedFile: this.file,
       deleteModalVisible: false,
-      copyToPack: ""
+      copyToPack: ''
     }
   },
   computed: {
     emojiPreview () {
       if (this.newUpload && this.uploadFile.length > 0) {
         return URL.createObjectURL(this.uploadFile[0])
-      } else if (this.newUpload && this.uploadURL != "") {
+      } else if (this.newUpload && this.uploadURL !== '') {
         return this.uploadURL
       } else if (!this.newUpload) {
         return this.emojiAddr(this.file)
@@ -243,8 +243,9 @@ export default {
       let packName = this.remote === undefined ? this.packName : this.copyToPack
       this.$store.state.api.backendInteractor.addNewEmojiFile({
         packName: packName,
-        file: this.remote === undefined ?
-              (this.uploadURL !== "" ? this.uploadURL : this.uploadFile[0]) : this.emojiAddr(this.file),
+        file: this.remote === undefined
+            ? (this.uploadURL !== "" ? this.uploadURL : this.uploadFile[0])
+            : this.emojiAddr(this.file),
         shortcode: this.editedShortcode,
         filename: this.editedFile
       }).then(resp => resp.json()).then(resp => {
diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
index 204edbade..5224168c2 100644
--- a/src/components/still-image/still-image-emoji-popover.vue
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -58,7 +58,7 @@
 <script>
   import { assign } from 'lodash'
 
-  import StillImage from "./still-image.vue"
+  import StillImage from './still-image.vue'
   import Popover from 'components/popover/popover.vue'
   import SelectComponent from 'components/select/select.vue'
   import { useInterfaceStore } from 'src/stores/interface'
@@ -95,8 +95,6 @@
         })
       },
       copyToLocalPack() {
-        console.log(this.packName)
-
         this.$store.state.api.backendInteractor.addNewEmojiFile({
           packName: this.packName,
           file: this.$attrs.src,
@@ -171,8 +169,8 @@
     text-align: center;
 
     .emoji {
-      width: 64px;
-      height: 64px;
+      width: 4.6em;
+      height: 4.6em;
     }
 
     .emoji-popover-centered {

From 4ba1e55f054cd8161f00e93dc9a8a222ca2cd91e Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Mon, 11 Aug 2025 09:16:05 +0000
Subject: [PATCH 158/424] Update dependency cropperjs to v2.0.1

---
 package.json |   2 +-
 yarn.lock    | 168 +++++++++++++++++++++++++--------------------------
 2 files changed, 85 insertions(+), 85 deletions(-)

diff --git a/package.json b/package.json
index 62164fe61..c01e9feac 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "body-scroll-lock": "3.1.5",
     "chromatism": "3.0.0",
     "click-outside-vue3": "4.0.1",
-    "cropperjs": "2.0.0",
+    "cropperjs": "2.0.1",
     "escape-html": "1.0.3",
     "globals": "^16.0.0",
     "hash-sum": "^2.0.0",
diff --git a/yarn.lock b/yarn.lock
index d14f4969a..ff8c4f62f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1194,104 +1194,104 @@
   resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
   integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
 
-"@cropper/element-canvas@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-canvas/-/element-canvas-2.0.0.tgz#d41f47cf6fd293e6bcb78a39956d9bed24036c69"
-  integrity sha512-GPtGJgSm92crJhhhwUsaMw3rz2KfJWWSz7kRAlufFEV/EHTP5+6r6/Z1BCGRna830i+Avqbm435XLOtA7PVJwA==
+"@cropper/element-canvas@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-canvas/-/element-canvas-2.0.1.tgz#564451270a642b1da56ad53b7e495dc1a77b19f3"
+  integrity sha512-OKxq/O0HL9W2JegOsc2zh1NRpERZcLM5+M8aQ/eXdmMcfi1lzosPftag3Irp6pTsVpwV6B6ypIxKESzJ4ci9Fw==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-crosshair@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-crosshair/-/element-crosshair-2.0.0.tgz#ff4d026a383a5b8517119e6939b0c38a58b839c1"
-  integrity sha512-KfPfyrdeFvUC31Ws7ATtcalWWSaMtrC6bMoCipZhqbUOE7wZoL4ecDSL6BUOZxPa74awZUqfzirCDjHvheBfyw==
+"@cropper/element-crosshair@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-crosshair/-/element-crosshair-2.0.1.tgz#207b9962cd1678d8e60418f54825a76bd2382b74"
+  integrity sha512-bS5msU9cTU/jf1/kDw+QJmEM9/rw8IgOdpolR85iMVUCR8sRcLa0wgom42MBHcpBYB6hvL5YfiOeXZ7lHIYMpw==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-grid@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-grid/-/element-grid-2.0.0.tgz#a5f3b3a8fb1579517cdd984da767cbe9e855f99e"
-  integrity sha512-i78SQ0IJTLFveKX6P7svkfMYVdgHrQ8ZmmEw8keFy9n1ZVbK+SK0UHK5FNMRNI/gtVhKJOGEnK/zeyjUdj4Iyw==
+"@cropper/element-grid@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-grid/-/element-grid-2.0.1.tgz#4d4ee1b873be6b0dbd07e5b3686da30265aed401"
+  integrity sha512-ayqCvYQJ+GVT31HhFpttzHabW1T/LsIwLJY5PLTMG0cEZLw/E8ihg8mxctjZbo852D7oEePbz6/2SeuCb1018Q==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-handle@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-handle/-/element-handle-2.0.0.tgz#44d8fa04f78eb7180efece8940cd4a6ab966e7f1"
-  integrity sha512-ZJvW+0MkK9E8xYymGdoruaQn2kwjSHFpNSWinjyq6csuVQiCPxlX5ovAEDldmZ9MWePPtWEi3vLKQOo2Yb0T8g==
+"@cropper/element-handle@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-handle/-/element-handle-2.0.1.tgz#04032ef162ad2dead2bcfb41ebcaa951e37b111c"
+  integrity sha512-fdifyyPIaR9S2eQ7qPHuM8fX8uToAfBsi8vQlR9EM+oJkDNil0uO4rWyArLWEtlr0/q7U0OvsufcuJ7ffqfmpg==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-image@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-image/-/element-image-2.0.0.tgz#9c6a52cb71fe0f62befb7ef3bb9d06561a9f06d0"
-  integrity sha512-9BxiTS/aHRmrjopaFQb9mQQXmx4ruhYHGkDZMVz24AXpMFjUY6OpqrWse/WjzD9tfhMFvEdu17b3VAekcAgpeg==
+"@cropper/element-image@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-image/-/element-image-2.0.1.tgz#38fb8470ce286b276d384556efa66eb47190c864"
+  integrity sha512-gPj5Sl2T8Cno198Cz3F3TDfcYoALW3yJ3fV6PHXmhMnX8sBkL7J441do7Vwkg0mEd2CogCtTLAf+p7ljdV0kgA==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/element-canvas" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/element-canvas" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-selection@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-selection/-/element-selection-2.0.0.tgz#8b69b310cbb8e6eb15a63d077eae052b332f01c9"
-  integrity sha512-ensNnbIfJsJ8bhbJTH/RXtk2URFvTOO4TvfRk461n2FPEC588D7rwBmUJxQg74IiTi4y1JbCI+6j+4LyzYBLCQ==
+"@cropper/element-selection@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-selection/-/element-selection-2.0.1.tgz#965df6f2d6cd986c83efa325766c29700488eba1"
+  integrity sha512-atv+Aeq2N2eWawelIRPGh1kYFdNrpb0QkUPPheGxz1ImfxpLdcHO9gb9T5noQijizUW2G0pNvts4ZaITQ0I71Q==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/element-canvas" "^2.0.0"
-    "@cropper/element-image" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/element-canvas" "^2.0.1"
+    "@cropper/element-image" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-shade@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-shade/-/element-shade-2.0.0.tgz#ddfcf69c5d4db20b6beae8cbfab82e69218e4a6d"
-  integrity sha512-jv/2bbNZnhU4W+T4G0c8ADocLIZvQFTXgCf2RFDNhI5UVxurzWBnDdb8Mx8LnVplnkTqO+xUmHZYve0CwgWo+Q==
+"@cropper/element-shade@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-shade/-/element-shade-2.0.1.tgz#5ba42c8066fb6439f5f513a73b93f0c62236acaa"
+  integrity sha512-YIYgJ690NdFQ6wJLRFh/EySNVxGFKArncQ4FrsJ3yHU+ShgtOKz4FpjFLpqJRJB9swoVbD3WKTimGyzXrwjZrQ==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/element-canvas" "^2.0.0"
-    "@cropper/element-selection" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/element-canvas" "^2.0.1"
+    "@cropper/element-selection" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element-viewer@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element-viewer/-/element-viewer-2.0.0.tgz#a2b67af726ee0eb6c7aa86ebb4878a051a1344d9"
-  integrity sha512-zY+3VRN5TvpM8twlphYtXw0tzJL2VgzeK7ufhL1BixVqOdRxwP13TprYIhqwGt9EW/SyJZUiaIu396T89kRX8A==
+"@cropper/element-viewer@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element-viewer/-/element-viewer-2.0.1.tgz#3bf79a1f09acae5dc12d6e9c88a4dc7ab7de0b9d"
+  integrity sha512-HDj25l08pWi/AO6El/OqfQHBpBC4Lh5NEnQN1SOldsmxEwt27Ubv6ndDsF8LkTK7XPwjjZRpyQPyfig4w8L2JQ==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/element-canvas" "^2.0.0"
-    "@cropper/element-image" "^2.0.0"
-    "@cropper/element-selection" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/element-canvas" "^2.0.1"
+    "@cropper/element-image" "^2.0.1"
+    "@cropper/element-selection" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/element@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/element/-/element-2.0.0.tgz#5eb636842aa47468de451dfab0987ef3fd783808"
-  integrity sha512-lsthn0nQq73GExUE7Mg/ss6Q3RXADGDv055hxoLFwvl/wGHgy6ZkYlfLZ/VmgBHC6jDK5IgPBFnqrPqlXWSGBA==
+"@cropper/element@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/element/-/element-2.0.1.tgz#d5a486064a3b3ea055a655826041d35097a28526"
+  integrity sha512-Jn1hR7XWzWQM/QfXRGMGzdkJ2gG/UcLdQPZQ7OKs0JiFfRzKpzu4u/nYrXHeH3MM2iOslLqh2kqYju6mjZLMJQ==
   dependencies:
-    "@cropper/utils" "^2.0.0"
+    "@cropper/utils" "^2.0.1"
 
-"@cropper/elements@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/elements/-/elements-2.0.0.tgz#48782beb470c313ee964ba26ea5f163455d2f380"
-  integrity sha512-PQkPo1nUjxLFUQuHYu+6atfHxpX9B41Xribao6wpvmvmNIFML6LQdNqqWYb6LyM7ujsu71CZdBiMT5oetjJVoQ==
+"@cropper/elements@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/elements/-/elements-2.0.1.tgz#954192d3a90c6bfeca2fcc8f5b1df972de1e7661"
+  integrity sha512-paFbBLXTKXNngn1yDi2ZIf+FO1pIEQXyBntmqOjuxqtG73KuEKv633wsJPFpj958bgcfSakgBbF80j+3nHbPug==
   dependencies:
-    "@cropper/element" "^2.0.0"
-    "@cropper/element-canvas" "^2.0.0"
-    "@cropper/element-crosshair" "^2.0.0"
-    "@cropper/element-grid" "^2.0.0"
-    "@cropper/element-handle" "^2.0.0"
-    "@cropper/element-image" "^2.0.0"
-    "@cropper/element-selection" "^2.0.0"
-    "@cropper/element-shade" "^2.0.0"
-    "@cropper/element-viewer" "^2.0.0"
+    "@cropper/element" "^2.0.1"
+    "@cropper/element-canvas" "^2.0.1"
+    "@cropper/element-crosshair" "^2.0.1"
+    "@cropper/element-grid" "^2.0.1"
+    "@cropper/element-handle" "^2.0.1"
+    "@cropper/element-image" "^2.0.1"
+    "@cropper/element-selection" "^2.0.1"
+    "@cropper/element-shade" "^2.0.1"
+    "@cropper/element-viewer" "^2.0.1"
 
-"@cropper/utils@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@cropper/utils/-/utils-2.0.0.tgz#735873696e15073405ceadb9423507508d738103"
-  integrity sha512-cprLYr+7kK3faGgoOsTW9gIn5sefDr2KwOmgyjzIXk+8PLpW8FgFKEg5FoWfRD5zMAmkCBuX6rGKDK3VdUEGrg==
+"@cropper/utils@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@cropper/utils/-/utils-2.0.1.tgz#ef24496854be61c677c0e97951813ff9495844d6"
+  integrity sha512-A9RnAFmgNF5aZk5q2VZnFnHtXWu1kPyEN0LVsX8wJ2LBRu2nyETKwz+ZXVsVWliktToCaYojHKrS+6/HODyEZA==
 
 "@csstools/color-helpers@^5.0.2":
   version "5.0.2"
@@ -3497,13 +3497,13 @@ crc32-stream@^4.0.2:
     crc-32 "^1.2.0"
     readable-stream "^3.4.0"
 
-cropperjs@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/cropperjs/-/cropperjs-2.0.0.tgz#0dc6187a66a27e8f6de1e7320c92997dbacc854b"
-  integrity sha512-TO2j0Qre01kPHbow4FuTrbdEB4jTmGRySxW49jyEIqlJZuEBfrvCTT0vC3eRB2WBXudDfKi1Onako6DKWKxeAQ==
+cropperjs@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/cropperjs/-/cropperjs-2.0.1.tgz#74492df8cf54563691605d1510679b242c7f6d39"
+  integrity sha512-hiJwk2SCPZqxMA7aR3byzLpYUqOrQo+ihMk8k/WRm/xe/LX8wNzAIzMwEB/NEGJYA6sbewxW9TUlrRUYi/2Ipg==
   dependencies:
-    "@cropper/elements" "^2.0.0"
-    "@cropper/utils" "^2.0.0"
+    "@cropper/elements" "^2.0.1"
+    "@cropper/utils" "^2.0.1"
 
 cross-spawn@7.0.6, cross-spawn@^7.0.3, cross-spawn@^7.0.6:
   version "7.0.6"

From e3a7d3dca8681e45e505d957cac3ab02a4b0d2df Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Mon, 11 Aug 2025 09:16:20 +0000
Subject: [PATCH 159/424] Update dependency msw to v2.10.4

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 62164fe61..b20c4307c 100644
--- a/package.json
+++ b/package.json
@@ -90,7 +90,7 @@
     "http-proxy-middleware": "3.0.5",
     "iso-639-1": "3.1.5",
     "lodash": "4.17.21",
-    "msw": "2.10.2",
+    "msw": "2.10.4",
     "nightwatch": "3.12.2",
     "playwright": "1.52.0",
     "postcss": "8.5.6",
diff --git a/yarn.lock b/yarn.lock
index d14f4969a..eaf2c25b9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5968,10 +5968,10 @@ ms@2.1.3, ms@^2.1.1, ms@^2.1.3:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-msw@2.10.2:
-  version "2.10.2"
-  resolved "https://registry.yarnpkg.com/msw/-/msw-2.10.2.tgz#e7a56ed0b6865b00a30b4c4a5b59e5388fd48315"
-  integrity sha512-RCKM6IZseZQCWcSWlutdf590M8nVfRHG1ImwzOtwz8IYxgT4zhUO0rfTcTvDGiaFE0Rhcc+h43lcF3Jc9gFtwQ==
+msw@2.10.4:
+  version "2.10.4"
+  resolved "https://registry.yarnpkg.com/msw/-/msw-2.10.4.tgz#a39dad96468aecfd752e5b7df4bbc86f1d73dec4"
+  integrity sha512-6R1or/qyele7q3RyPwNuvc0IxO8L8/Aim6Sz5ncXEgcWUNxSKE+udriTOWHtpMwmfkLYlacA2y7TIx4cL5lgHA==
   dependencies:
     "@bundled-es-modules/cookie" "^2.0.1"
     "@bundled-es-modules/statuses" "^1.0.1"

From 72cd6b40ea81bfd83447a44df3db4dea7febc793 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Mon, 11 Aug 2025 09:16:38 +0000
Subject: [PATCH 160/424] Update dependency vue-eslint-parser to v10.2.0

---
 package.json | 2 +-
 yarn.lock    | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 62164fe61..a4da248e1 100644
--- a/package.json
+++ b/package.json
@@ -77,7 +77,7 @@
     "cross-spawn": "7.0.6",
     "custom-event-polyfill": "1.0.7",
     "eslint": "9.33.0",
-    "vue-eslint-parser": "10.1.3",
+    "vue-eslint-parser": "10.2.0",
     "eslint-config-standard": "17.1.0",
     "eslint-formatter-friendly": "7.0.0",
     "eslint-plugin-import": "2.31.0",
diff --git a/yarn.lock b/yarn.lock
index d14f4969a..d4a8f0959 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8000,17 +8000,16 @@ vue-demi@^0.13.11:
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.11.tgz#7d90369bdae8974d87b1973564ad390182410d99"
   integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
 
-vue-eslint-parser@10.1.3:
-  version "10.1.3"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-10.1.3.tgz#96457823a5915a62001798cfd9cc15a89067bf81"
-  integrity sha512-dbCBnd2e02dYWsXoqX5yKUZlOt+ExIpq7hmHKPb5ZqKcjf++Eo0hMseFTZMLKThrUk61m+Uv6A2YSBve6ZvuDQ==
+vue-eslint-parser@10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-10.2.0.tgz#cb53f89b14c7f5bf6a95c9532e3b2961ab619d61"
+  integrity sha512-CydUvFOQKD928UzZhTp4pr2vWz1L+H99t7Pkln2QSPdvmURT0MoC4wUccfCnuEaihNsu9aYYyk+bep8rlfkUXw==
   dependencies:
     debug "^4.4.0"
     eslint-scope "^8.2.0"
     eslint-visitor-keys "^4.2.0"
     espree "^10.3.0"
     esquery "^1.6.0"
-    lodash "^4.17.21"
     semver "^7.6.3"
 
 vue-i18n@11:

From 1e4544b2ca61e1503953a0efcacdc184692ee4f3 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Tue, 12 Aug 2025 09:05:48 +0000
Subject: [PATCH 161/424] Update dependency vite-plugin-eslint2 to v5.0.4

---
 yarn.lock | 32 +++++++++++++++++++++++---------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 3d69b7fa5..8801bb853 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2015,6 +2015,15 @@
     estree-walker "^2.0.2"
     picomatch "^4.0.2"
 
+"@rollup/pluginutils@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.2.0.tgz#eac25ca5b0bdda4ba735ddaca5fbf26bd435f602"
+  integrity sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^4.0.2"
+
 "@rollup/rollup-android-arm-eabi@4.40.2":
   version "4.40.2"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.2.tgz#c228d00a41f0dbd6fb8b7ea819bbfbf1c1157a10"
@@ -2192,11 +2201,16 @@
   resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.6.0.tgz#eac397f28bf1d6ae0ae081363eca2f425bedf0d5"
   integrity sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==
 
-"@types/estree@1.0.7", "@types/estree@^1.0.0", "@types/estree@^1.0.6":
+"@types/estree@1.0.7", "@types/estree@^1.0.6":
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.7.tgz#4158d3105276773d5b7695cd4834b1722e4f37a8"
   integrity sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==
 
+"@types/estree@^1.0.0":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
+  integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
+
 "@types/http-proxy@^1.17.15":
   version "1.17.16"
   resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.16.tgz#dee360707b35b3cc85afcde89ffeebff7d7f9240"
@@ -6437,9 +6451,9 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
 picomatch@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.2.tgz#77c742931e8f3b8820946c76cd0c1f13730d1dab"
-  integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.3.tgz#796c76136d1eead715db1e7bad785dedd695a042"
+  integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
 
 pify@^4.0.1:
   version "4.0.1"
@@ -7934,12 +7948,12 @@ vite-node@3.1.3:
     vite "^5.0.0 || ^6.0.0"
 
 vite-plugin-eslint2@^5.0.3:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/vite-plugin-eslint2/-/vite-plugin-eslint2-5.0.3.tgz#677b6563e00b96fdc4f3f2ea49e2e2008430ca52"
-  integrity sha512-kbjjbSyxSYK1oK0kOnSVs2er8DhqNbVA5pNN21SJo8AldQIOgG4LVQvwp6ISYMDXQaaBMOCrmXFTfGkQUjIZ1g==
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/vite-plugin-eslint2/-/vite-plugin-eslint2-5.0.4.tgz#7276c9179742d3c19faa94f30f9eb5cb7ac04888"
+  integrity sha512-3Yc7K2R/RrONB9JtwEh2Y40YP3tQi/3UiNHrwcYDsDBKDKnEu7B8PwmXLm7piDFRbxcnTPvgrV2LZnBpKP8JUw==
   dependencies:
-    "@rollup/pluginutils" "^5.1.3"
-    debug "^4.3.7"
+    "@rollup/pluginutils" "^5.2.0"
+    debug "^4.4.1"
 
 vite-plugin-stylelint@^6.0.0:
   version "6.0.0"

From 6f29f9e7350c2b90e60e92e4ffb90676a97a2aaa Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Tue, 12 Aug 2025 09:06:05 +0000
Subject: [PATCH 162/424] Update dependency vite-plugin-stylelint to v6.0.2

---
 yarn.lock | 32 +++++++++++++++++++++++---------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 3d69b7fa5..533910343 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2015,6 +2015,15 @@
     estree-walker "^2.0.2"
     picomatch "^4.0.2"
 
+"@rollup/pluginutils@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.2.0.tgz#eac25ca5b0bdda4ba735ddaca5fbf26bd435f602"
+  integrity sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^4.0.2"
+
 "@rollup/rollup-android-arm-eabi@4.40.2":
   version "4.40.2"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.2.tgz#c228d00a41f0dbd6fb8b7ea819bbfbf1c1157a10"
@@ -2192,11 +2201,16 @@
   resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.6.0.tgz#eac397f28bf1d6ae0ae081363eca2f425bedf0d5"
   integrity sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==
 
-"@types/estree@1.0.7", "@types/estree@^1.0.0", "@types/estree@^1.0.6":
+"@types/estree@1.0.7", "@types/estree@^1.0.6":
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.7.tgz#4158d3105276773d5b7695cd4834b1722e4f37a8"
   integrity sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==
 
+"@types/estree@^1.0.0":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
+  integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
+
 "@types/http-proxy@^1.17.15":
   version "1.17.16"
   resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.16.tgz#dee360707b35b3cc85afcde89ffeebff7d7f9240"
@@ -6437,9 +6451,9 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
 picomatch@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.2.tgz#77c742931e8f3b8820946c76cd0c1f13730d1dab"
-  integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.3.tgz#796c76136d1eead715db1e7bad785dedd695a042"
+  integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
 
 pify@^4.0.1:
   version "4.0.1"
@@ -7942,12 +7956,12 @@ vite-plugin-eslint2@^5.0.3:
     debug "^4.3.7"
 
 vite-plugin-stylelint@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/vite-plugin-stylelint/-/vite-plugin-stylelint-6.0.0.tgz#4d899f4a76f08306ac5148ada47f52d5cf382775"
-  integrity sha512-qXsot4hTkAlR8aXNXhBxF1KWyP78SocCobD1mBwka85l0+nY1Ja4HEyW2x2RbC7kIs6ff9mdUxK9TqcwuxQjxw==
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/vite-plugin-stylelint/-/vite-plugin-stylelint-6.0.2.tgz#8a44345dacb6710877cd841e0467811c6b90253d"
+  integrity sha512-whqm2m5rvfd4cYA+cpwZ3BROR/5enRGdRr65hxQNHYn6YFmP8M1xrVKEbLIEBSmmSZ7G7AEZWccS8X+UAksIXA==
   dependencies:
-    "@rollup/pluginutils" "^5.1.3"
-    debug "^4.3.7"
+    "@rollup/pluginutils" "^5.2.0"
+    debug "^4.4.1"
 
 "vite@^5.0.0 || ^6.0.0", vite@^6.1.0:
   version "6.3.5"

From be3170b50bb5cae8bb2cbe36e2494452ad3477a8 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Wed, 13 Aug 2025 09:05:05 +0000
Subject: [PATCH 163/424] Update dependency vue-i18n to v11.1.11

---
 yarn.lock | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 3d69b7fa5..a47070b91 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1618,26 +1618,26 @@
   resolved "https://registry.yarnpkg.com/@inquirer/type/-/type-3.0.5.tgz#fe00207e57d5f040e5b18e809c8e7abc3a2ade3a"
   integrity sha512-ZJpeIYYueOz/i/ONzrfof8g89kNdO2hjGuvULROo3O8rlB2CRtSseE5KeirnyE4t/thAn/EwvS/vuQeJCn+NZg==
 
-"@intlify/core-base@11.1.3":
-  version "11.1.3"
-  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.3.tgz#8625126383334ef69262e0a99659db3e63bfc80c"
-  integrity sha512-cMuHunYO7LE80azTitcvEbs1KJmtd6g7I5pxlApV3Jo547zdO3h31/0uXpqHc+Y3RKt1wo2y68RGSx77Z1klyA==
+"@intlify/core-base@11.1.11":
+  version "11.1.11"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.11.tgz#e36893a7d37a3a75fae30977fc58c1d8cf3c853f"
+  integrity sha512-1Z0N8jTfkcD2Luq9HNZt+GmjpFe4/4PpZF3AOzoO1u5PTtSuXZcfhwBatywbfE2ieB/B5QHIoOFmCXY2jqVKEQ==
   dependencies:
-    "@intlify/message-compiler" "11.1.3"
-    "@intlify/shared" "11.1.3"
+    "@intlify/message-compiler" "11.1.11"
+    "@intlify/shared" "11.1.11"
 
-"@intlify/message-compiler@11.1.3":
-  version "11.1.3"
-  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.3.tgz#61079227a263d01ab368c99ce26883e150cb4bdd"
-  integrity sha512-7rbqqpo2f5+tIcwZTAG/Ooy9C8NDVwfDkvSeDPWUPQW+Dyzfw2o9H103N5lKBxO7wxX9dgCDjQ8Umz73uYw3hw==
+"@intlify/message-compiler@11.1.11":
+  version "11.1.11"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.11.tgz#ba10641f86af0e991ac9def0385bd345c8f150fb"
+  integrity sha512-7PC6neomoc/z7a8JRjPBbu0T2TzR2MQuY5kn2e049MP7+o32Ve7O8husylkA7K9fQRe4iNXZWTPnDJ6vZdtS1Q==
   dependencies:
-    "@intlify/shared" "11.1.3"
+    "@intlify/shared" "11.1.11"
     source-map-js "^1.0.2"
 
-"@intlify/shared@11.1.3":
-  version "11.1.3"
-  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.3.tgz#1a4ed11a0efcaf95b56e0d01d0ee54d01bcd3019"
-  integrity sha512-pTFBgqa/99JRA2H1qfyqv97MKWJrYngXBA/I0elZcYxvJgcCw3mApAoPW3mJ7vx3j+Ti0FyKUFZ4hWxdjKaxvA==
+"@intlify/shared@11.1.11":
+  version "11.1.11"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.11.tgz#6bba3b86617c05767356e4ca939c9e300563a083"
+  integrity sha512-RIBFTIqxZSsxUqlcyoR7iiC632bq7kkOwYvZlvcVObHfrF4NhuKc4FKvu8iPCrEO+e3XsY7/UVpfgzg+M7ETzA==
 
 "@isaacs/cliui@^8.0.2":
   version "8.0.2"
@@ -8014,12 +8014,12 @@ vue-eslint-parser@10.1.3:
     semver "^7.6.3"
 
 vue-i18n@11:
-  version "11.1.3"
-  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.3.tgz#831f622ef0a73993e6f08d953e5a3bde9bae3484"
-  integrity sha512-Pcylh9z9S5+CJAqgbRZ3EKxFIBIrtY5YUppU722GIT65+Nukm0TCqiQegZnNLCZkXGthxe0cpqj0AoM51H+6Gw==
+  version "11.1.11"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.11.tgz#b38ed214896540cf7a68932dfa565d9d4fbbffac"
+  integrity sha512-LvyteQoXeQiuILbzqv13LbyBna/TEv2Ha+4ZWK2AwGHUzZ8+IBaZS0TJkCgn5izSPLcgZwXy9yyTrewCb2u/MA==
   dependencies:
-    "@intlify/core-base" "11.1.3"
-    "@intlify/shared" "11.1.3"
+    "@intlify/core-base" "11.1.11"
+    "@intlify/shared" "11.1.11"
     "@vue/devtools-api" "^6.5.0"
 
 vue-observe-visibility@^2.0.0-alpha.1:

From 25d54cbeea497765284d8fcb4e059ee76859779d Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Wed, 13 Aug 2025 09:05:13 +0000
Subject: [PATCH 164/424] Update vue monorepo to v3.5.18

---
 package.json |   4 +-
 yarn.lock    | 135 ++++++++++++++++++++++++---------------------------
 2 files changed, 66 insertions(+), 73 deletions(-)

diff --git a/package.json b/package.json
index 7b538d7f6..4424bde3e 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "url": "0.11.4",
     "utf8": "3.0.0",
     "uuid": "11.1.0",
-    "vue": "3.5.17",
+    "vue": "3.5.18",
     "vue-i18n": "11",
     "vue-router": "4.5.1",
     "vue-virtual-scroller": "^2.0.0-beta.7",
@@ -66,7 +66,7 @@
     "@vitest/ui": "^3.0.7",
     "@vue/babel-helper-vue-jsx-merge-props": "1.4.0",
     "@vue/babel-plugin-jsx": "1.4.0",
-    "@vue/compiler-sfc": "3.5.17",
+    "@vue/compiler-sfc": "3.5.18",
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.21",
     "babel-plugin-lodash": "3.3.4",
diff --git a/yarn.lock b/yarn.lock
index 3d69b7fa5..bb9d2adc0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -448,13 +448,6 @@
   dependencies:
     "@babel/types" "^7.27.1"
 
-"@babel/parser@^7.27.5":
-  version "7.27.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.5.tgz#ed22f871f110aa285a6fd934a0efed621d118826"
-  integrity sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==
-  dependencies:
-    "@babel/types" "^7.27.3"
-
 "@babel/parser@^7.28.0":
   version "7.28.0"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.0.tgz#979829fbab51a29e13901e5a80713dbcb840825e"
@@ -2405,13 +2398,13 @@
     estree-walker "^2.0.2"
     source-map-js "^1.2.0"
 
-"@vue/compiler-core@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.17.tgz#23d291bd01b863da3ef2e26e7db84d8e01a9b4c5"
-  integrity sha512-Xe+AittLbAyV0pabcN7cP7/BenRBNcteM4aSDCtRvGw0d9OL+HG1u/XHLY/kt1q4fyMeZYXyIYrsHuPSiDPosA==
+"@vue/compiler-core@3.5.18":
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.18.tgz#521a138cdd970d9bfd27e42168d12f77a04b2074"
+  integrity sha512-3slwjQrrV1TO8MoXgy3aynDQ7lslj5UqDxuHnrzHtpON5CBinhWjJETciPngpin/T3OuW3tXUf86tEurusnztw==
   dependencies:
-    "@babel/parser" "^7.27.5"
-    "@vue/shared" "3.5.17"
+    "@babel/parser" "^7.28.0"
+    "@vue/shared" "3.5.18"
     entities "^4.5.0"
     estree-walker "^2.0.2"
     source-map-js "^1.2.1"
@@ -2424,24 +2417,24 @@
     "@vue/compiler-core" "3.5.13"
     "@vue/shared" "3.5.13"
 
-"@vue/compiler-dom@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.17.tgz#7bc19a20e23b670243a64b47ce3a890239b870be"
-  integrity sha512-+2UgfLKoaNLhgfhV5Ihnk6wB4ljyW1/7wUIog2puUqajiC29Lp5R/IKDdkebh9jTbTogTbsgB+OY9cEWzG95JQ==
+"@vue/compiler-dom@3.5.18":
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.18.tgz#e13504492c3061ec5bbe6a2e789f15261d4f03a7"
+  integrity sha512-RMbU6NTU70++B1JyVJbNbeFkK+A+Q7y9XKE2EM4NLGm2WFR8x9MbAtWxPPLdm0wUkuZv9trpwfSlL6tjdIa1+A==
   dependencies:
-    "@vue/compiler-core" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/compiler-core" "3.5.18"
+    "@vue/shared" "3.5.18"
 
-"@vue/compiler-sfc@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.17.tgz#c518871276e26593612bdab36f3f5bcd053b13bf"
-  integrity sha512-rQQxbRJMgTqwRugtjw0cnyQv9cP4/4BxWfTdRBkqsTfLOHWykLzbOc3C4GGzAmdMDxhzU/1Ija5bTjMVrddqww==
+"@vue/compiler-sfc@3.5.18":
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.18.tgz#ba1e849561337d809937994cdaf900539542eeca"
+  integrity sha512-5aBjvGqsWs+MoxswZPoTB9nSDb3dhd1x30xrrltKujlCxo48j8HGDNj3QPhF4VIS0VQDUrA1xUfp2hEa+FNyXA==
   dependencies:
-    "@babel/parser" "^7.27.5"
-    "@vue/compiler-core" "3.5.17"
-    "@vue/compiler-dom" "3.5.17"
-    "@vue/compiler-ssr" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@babel/parser" "^7.28.0"
+    "@vue/compiler-core" "3.5.18"
+    "@vue/compiler-dom" "3.5.18"
+    "@vue/compiler-ssr" "3.5.18"
+    "@vue/shared" "3.5.18"
     estree-walker "^2.0.2"
     magic-string "^0.30.17"
     postcss "^8.5.6"
@@ -2470,13 +2463,13 @@
     "@vue/compiler-dom" "3.5.13"
     "@vue/shared" "3.5.13"
 
-"@vue/compiler-ssr@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.17.tgz#14ba3b7bba6e0e1fd02002316263165a5d1046c7"
-  integrity sha512-hkDbA0Q20ZzGgpj5uZjb9rBzQtIHLS78mMilwrlpWk2Ep37DYntUz0PonQ6kr113vfOEdM+zTBuJDaceNIW0tQ==
+"@vue/compiler-ssr@3.5.18":
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.18.tgz#aecde0b0bff268a9c9014ba66799307c4a784328"
+  integrity sha512-xM16Ak7rSWHkM3m22NlmcdIM+K4BMyFARAfV9hYFl+SFuRzrZ3uGMNW05kA5pmeMa0X9X963Kgou7ufdbpOP9g==
   dependencies:
-    "@vue/compiler-dom" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/compiler-dom" "3.5.18"
+    "@vue/shared" "3.5.18"
 
 "@vue/devtools-api@^6.0.0-beta.11", "@vue/devtools-api@^6.5.0", "@vue/devtools-api@^6.6.4":
   version "6.6.4"
@@ -2510,48 +2503,48 @@
   dependencies:
     rfdc "^1.4.1"
 
-"@vue/reactivity@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.17.tgz#169b5dcf96c7f23788e5ed9745ec8a7227f2125e"
-  integrity sha512-l/rmw2STIscWi7SNJp708FK4Kofs97zc/5aEPQh4bOsReD/8ICuBcEmS7KGwDj5ODQLYWVN2lNibKJL1z5b+Lw==
+"@vue/reactivity@3.5.18":
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.18.tgz#fe32166e3938832c54b4134e60e9b58ca7d9bdb4"
+  integrity sha512-x0vPO5Imw+3sChLM5Y+B6G1zPjwdOri9e8V21NnTnlEvkxatHEH5B5KEAJcjuzQ7BsjGrKtfzuQ5eQwXh8HXBg==
   dependencies:
-    "@vue/shared" "3.5.17"
+    "@vue/shared" "3.5.18"
 
-"@vue/runtime-core@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.17.tgz#b17bd41e13011e85e9b1025545292d43f5512730"
-  integrity sha512-QQLXa20dHg1R0ri4bjKeGFKEkJA7MMBxrKo2G+gJikmumRS7PTD4BOU9FKrDQWMKowz7frJJGqBffYMgQYS96Q==
+"@vue/runtime-core@3.5.18":
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.18.tgz#9e9ae8b9491548b53d0cea2bf25746d27c52e191"
+  integrity sha512-DUpHa1HpeOQEt6+3nheUfqVXRog2kivkXHUhoqJiKR33SO4x+a5uNOMkV487WPerQkL0vUuRvq/7JhRgLW3S+w==
   dependencies:
-    "@vue/reactivity" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/reactivity" "3.5.18"
+    "@vue/shared" "3.5.18"
 
-"@vue/runtime-dom@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.17.tgz#8e325e29cd03097fe179032fc8df384a426fc83a"
-  integrity sha512-8El0M60TcwZ1QMz4/os2MdlQECgGoVHPuLnQBU3m9h3gdNRW9xRmI8iLS4t/22OQlOE6aJvNNlBiCzPHur4H9g==
+"@vue/runtime-dom@3.5.18":
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.18.tgz#1150952d1048b5822e4f1dd8aed24665cbb22107"
+  integrity sha512-YwDj71iV05j4RnzZnZtGaXwPoUWeRsqinblgVJwR8XTXYZ9D5PbahHQgsbmzUvCWNF6x7siQ89HgnX5eWkr3mw==
   dependencies:
-    "@vue/reactivity" "3.5.17"
-    "@vue/runtime-core" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/reactivity" "3.5.18"
+    "@vue/runtime-core" "3.5.18"
+    "@vue/shared" "3.5.18"
     csstype "^3.1.3"
 
-"@vue/server-renderer@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.17.tgz#9b8fd6a40a3d55322509fafe78ac841ede649fbe"
-  integrity sha512-BOHhm8HalujY6lmC3DbqF6uXN/K00uWiEeF22LfEsm9Q93XeJ/plHTepGwf6tqFcF7GA5oGSSAAUock3VvzaCA==
+"@vue/server-renderer@3.5.18":
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.18.tgz#e9fa267b95b3a1d8cddca762377e5de2ae9122bd"
+  integrity sha512-PvIHLUoWgSbDG7zLHqSqaCoZvHi6NNmfVFOqO+OnwvqMz/tqQr3FuGWS8ufluNddk7ZLBJYMrjcw1c6XzR12mA==
   dependencies:
-    "@vue/compiler-ssr" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/compiler-ssr" "3.5.18"
+    "@vue/shared" "3.5.18"
 
 "@vue/shared@3.5.13", "@vue/shared@^3.5.13":
   version "3.5.13"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.13.tgz#87b309a6379c22b926e696893237826f64339b6f"
   integrity sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==
 
-"@vue/shared@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.17.tgz#e8b3a41f0be76499882a89e8ed40d86a70fa4b70"
-  integrity sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg==
+"@vue/shared@3.5.18":
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.18.tgz#529f24a88d3ed678d50fd5c07455841fbe8ac95e"
+  integrity sha512-cZy8Dq+uuIXbxCZpuLd2GJdeSO/lIzIspC2WtkqIpje5QyFbvLaI5wZtdUjLHjGZrlVX6GilejatWwVYYRc8tA==
 
 "@vue/test-utils@2.4.6":
   version "2.4.6"
@@ -8048,16 +8041,16 @@ vue-virtual-scroller@^2.0.0-beta.7:
     vue-observe-visibility "^2.0.0-alpha.1"
     vue-resize "^2.0.0-alpha.1"
 
-vue@3.5.17:
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.17.tgz#ea8a6a45abb2b0620e7d479319ce8434b55650cf"
-  integrity sha512-LbHV3xPN9BeljML+Xctq4lbz2lVHCR6DtbpTf5XIO6gugpXUN49j2QQPcMj086r9+AkJ0FfUT8xjulKKBkkr9g==
+vue@3.5.18:
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.18.tgz#3d622425ad1391a2b0138323211ec784f4415686"
+  integrity sha512-7W4Y4ZbMiQ3SEo+m9lnoNpV9xG7QVMLa+/0RFwwiAVkeYoyGXqWE85jabU4pllJNUzqfLShJ5YLptewhCWUgNA==
   dependencies:
-    "@vue/compiler-dom" "3.5.17"
-    "@vue/compiler-sfc" "3.5.17"
-    "@vue/runtime-dom" "3.5.17"
-    "@vue/server-renderer" "3.5.17"
-    "@vue/shared" "3.5.17"
+    "@vue/compiler-dom" "3.5.18"
+    "@vue/compiler-sfc" "3.5.18"
+    "@vue/runtime-dom" "3.5.18"
+    "@vue/server-renderer" "3.5.18"
+    "@vue/shared" "3.5.18"
 
 vuex@4.1.0:
   version "4.1.0"

From 918fbecf3e8d3a7aedde89753fc8d25a71fc462f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 10:39:27 +0300
Subject: [PATCH 165/424] fix button pressed state

---
 src/components/button.style.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/button.style.js b/src/components/button.style.js
index 887ff91b5..5b3f941ed 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -10,7 +10,7 @@ export default {
     // normal: '' // normal state is implicitly added, it is always included
     toggled: '.toggled',
     focused: ':focus-within',
-    pressed: ':focus:active',
+    pressed: ':active',
     hover: ':is(:hover, :focus-visible):not(:disabled)',
     disabled: ':disabled'
   },
@@ -18,7 +18,8 @@ export default {
   variants: {
     // Variants save on computation time since adding new variant just adds one more "set".
     // normal: '', // you can override normal variant, it will be appenended to the main class
-    danger: '.danger'
+    danger: '.-danger',
+    transparent: '.-transparent'
     // Overall the compuation difficulty is N*((1/6)M^3+M) where M is number of distinct states and N is number of variants.
     // This (currently) is further multipled by number of places where component can exist.
   },

From f7fca3a1ba4b5795285d76f2767f88a7f031e6b5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 10:43:37 +0300
Subject: [PATCH 166/424] transparent attachment buttons

---
 src/components/attachment/attachment.vue | 16 ++++++++--------
 src/components/button.style.js           | 12 ++++++++++++
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index 0701a393e..696d3bb8a 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -23,7 +23,7 @@
     >
       <button
         v-if="remove"
-        class="button-default attachment-button"
+        class="button-default attachment-button -transparent"
         @click.prevent="onRemove"
       >
         <FAIcon icon="trash-alt" />
@@ -81,7 +81,7 @@
       >
         <button
           v-if="type === 'flash' && flashLoaded"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.attachment_stop_flash')"
           @click.prevent="stopFlash"
         >
@@ -89,7 +89,7 @@
         </button>
         <button
           v-if="attachment.description && size !== 'small' && !edit && type !== 'unknown'"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.show_attachment_description')"
           @click.prevent="toggleDescription"
         >
@@ -97,7 +97,7 @@
         </button>
         <button
           v-if="!useModal && type !== 'unknown'"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.show_attachment_in_modal')"
           @click.prevent="openModalForce"
         >
@@ -105,7 +105,7 @@
         </button>
         <button
           v-if="nsfw && hideNsfwLocal"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.hide_attachment')"
           @click.prevent="toggleHidden"
         >
@@ -113,7 +113,7 @@
         </button>
         <button
           v-if="shiftUp"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.move_up')"
           @click.prevent="onShiftUp"
         >
@@ -121,7 +121,7 @@
         </button>
         <button
           v-if="shiftDn"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.move_down')"
           @click.prevent="onShiftDn"
         >
@@ -129,7 +129,7 @@
         </button>
         <button
           v-if="remove"
-          class="button-default attachment-button"
+          class="button-default attachment-button -transparent"
           :title="$t('status.remove_attachment')"
           @click.prevent="onRemove"
         >
diff --git a/src/components/button.style.js b/src/components/button.style.js
index 5b3f941ed..ecbf54d9e 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -52,6 +52,18 @@ export default {
         roundness: 3
       }
     },
+    {
+      variant: 'danger',
+      directives: {
+        background: '--cRed'
+      }
+    },
+    {
+      variant: 'transparent',
+      directives: {
+        opacity: 0.5
+      }
+    },
     {
       state: ['hover'],
       directives: {

From 8958f70a4852e94c5cca76418955326981188832 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 11:42:56 +0300
Subject: [PATCH 167/424] fix hacks not applying immideately

---
 src/services/style_setter/style_setter.js | 7 ++++---
 src/stores/interface.js                   | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 2c10238ed..670a9904a 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -42,6 +42,7 @@ export const createStyleSheet = (id, priority = 1000) => {
 
 
 export const adoptStyleSheets = throttle(() => {
+  console.log('adopt')
   if (supportsAdoptedStyleSheets) {
     document.adoptedStyleSheets = Object
       .values(stylesheets)
@@ -86,7 +87,7 @@ export const generateTheme = (inputRuleset, callbacks, debug) => {
 
   const themes3 = init({
     inputRuleset,
-    debug: true
+    debug
   })
 
   getCssRules(themes3.eager, debug).forEach(rule => {
@@ -137,8 +138,7 @@ export const tryLoadCache = async () => {
       eagerStyles.ready = true
       lazyStyles.ready = true
 
-      // Don't do this, we need to wait until config adopts its styles first
-      //adoptStyleSheets()
+      adoptStyleSheets()
 
       console.info(`Loaded theme from cache`)
       return true
@@ -253,6 +253,7 @@ export const applyConfig = (input) => {
 
   const styleSheet = createStyleSheet('theme-holder', 30)
 
+  styleSheet.clear()
   styleSheet.addRule(`:root { ${rules} }`)
 
   // TODO find a way to make this not apply to theme previews
diff --git a/src/stores/interface.js b/src/stores/interface.js
index b2aa9d8e6..56999217f 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -515,6 +515,7 @@ export const useInterfaceStore = defineStore('interface', {
     async applyTheme (
       { recompile = false } = {}
     ) {
+      console.log('Apply')
       const {
         forceThemeRecompilation,
         themeDebug,

From 0a4c867519e5b9774b1fd54c95826ffe74c90404 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Thu, 14 Aug 2025 08:52:53 +0000
Subject: [PATCH 168/424] Update dependency msw to v2.10.5

---
 package.json |  2 +-
 yarn.lock    | 17 ++++-------------
 2 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 4424bde3e..e8adf3da8 100644
--- a/package.json
+++ b/package.json
@@ -90,7 +90,7 @@
     "http-proxy-middleware": "3.0.5",
     "iso-639-1": "3.1.5",
     "lodash": "4.17.21",
-    "msw": "2.10.4",
+    "msw": "2.10.5",
     "nightwatch": "3.12.2",
     "playwright": "1.52.0",
     "postcss": "8.5.6",
diff --git a/yarn.lock b/yarn.lock
index c27847ad8..ad8b6a03b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1999,15 +1999,6 @@
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.29.tgz#5a40109a1ab5f84d6fd8fc928b19f367cbe7e7b1"
   integrity sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==
 
-"@rollup/pluginutils@^5.1.3":
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.1.4.tgz#bb94f1f9eaaac944da237767cdfee6c5b2262d4a"
-  integrity sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^4.0.2"
-
 "@rollup/pluginutils@^5.2.0":
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.2.0.tgz#eac25ca5b0bdda4ba735ddaca5fbf26bd435f602"
@@ -5975,10 +5966,10 @@ ms@2.1.3, ms@^2.1.1, ms@^2.1.3:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-msw@2.10.4:
-  version "2.10.4"
-  resolved "https://registry.yarnpkg.com/msw/-/msw-2.10.4.tgz#a39dad96468aecfd752e5b7df4bbc86f1d73dec4"
-  integrity sha512-6R1or/qyele7q3RyPwNuvc0IxO8L8/Aim6Sz5ncXEgcWUNxSKE+udriTOWHtpMwmfkLYlacA2y7TIx4cL5lgHA==
+msw@2.10.5:
+  version "2.10.5"
+  resolved "https://registry.yarnpkg.com/msw/-/msw-2.10.5.tgz#3e43f12e97581c260bf38d8817732b9fec3bfdb0"
+  integrity sha512-0EsQCrCI1HbhpBWd89DvmxY6plmvrM96b0sCIztnvcNHQbXn5vqwm1KlXslo6u4wN9LFGLC1WFjjgljcQhe40A==
   dependencies:
     "@bundled-es-modules/cookie" "^2.0.1"
     "@bundled-es-modules/statuses" "^1.0.1"

From 2a2ffff992ec93e573e465daeaa418c991f023de Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Thu, 14 Aug 2025 08:53:12 +0000
Subject: [PATCH 169/424] Update dependency @fortawesome/vue-fontawesome to
 v3.1.1

---
 package.json |  2 +-
 yarn.lock    | 17 ++++-------------
 2 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 4424bde3e..abb1439b1 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "@fortawesome/fontawesome-svg-core": "6.7.2",
     "@fortawesome/free-regular-svg-icons": "6.7.2",
     "@fortawesome/free-solid-svg-icons": "6.7.2",
-    "@fortawesome/vue-fontawesome": "3.0.8",
+    "@fortawesome/vue-fontawesome": "3.1.1",
     "@kazvmoe-infra/pinch-zoom-element": "1.3.0",
     "@kazvmoe-infra/unicode-emoji-json": "0.4.0",
     "@ruffle-rs/ruffle": "0.1.0-nightly.2025.1.13",
diff --git a/yarn.lock b/yarn.lock
index c27847ad8..d91f2e91c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1546,10 +1546,10 @@
   dependencies:
     "@fortawesome/fontawesome-common-types" "6.7.2"
 
-"@fortawesome/vue-fontawesome@3.0.8":
-  version "3.0.8"
-  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.8.tgz#1e8032df151173d8174ac9f5a28da3c0f5a495e4"
-  integrity sha512-yyHHAj4G8pQIDfaIsMvQpwKMboIZtcHTUvPqXjOHyldh1O1vZfH4W03VDPv5RvI9P6DLTzJQlmVgj9wCf7c2Fw==
+"@fortawesome/vue-fontawesome@3.1.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.1.1.tgz#15212b003928f7a37a64ce1f3b7d02b2a2701af5"
+  integrity sha512-U5azn4mcUVpjHe4JO0Wbe7Ih8e3VbN83EH7OTBtA5/QGw9qcPGffqcmwsLyZYgEkpVkYbq/6dX1Iyl5KUGMp6Q==
 
 "@humanfs/core@^0.19.1":
   version "0.19.1"
@@ -1999,15 +1999,6 @@
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.29.tgz#5a40109a1ab5f84d6fd8fc928b19f367cbe7e7b1"
   integrity sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==
 
-"@rollup/pluginutils@^5.1.3":
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.1.4.tgz#bb94f1f9eaaac944da237767cdfee6c5b2262d4a"
-  integrity sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^4.0.2"
-
 "@rollup/pluginutils@^5.2.0":
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.2.0.tgz#eac25ca5b0bdda4ba735ddaca5fbf26bd435f602"

From 2869ab787d11010435fce6d4f86e5c8d07131e37 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 12:24:09 +0300
Subject: [PATCH 170/424] fix #1378

---
 src/components/emoji_picker/emoji_picker.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 17a317a4d..f9b306fb4 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -143,10 +143,10 @@ const EmojiPicker = {
       const fontSize = css.getPropertyValue('font-size') || '14px'
       const emojiSize = css.getPropertyValue('--emojiSize') || '2.2rem'
 
-      const fontSizeUnit = fontSize.replace(/[0-9,.]+/, '')
+      const fontSizeUnit = fontSize.replace(/[0-9,.]+/, '').trim()
       const fontSizeValue = Number(fontSize.replace(/[^0-9,.]+/, ''))
 
-      const emojiSizeUnit = emojiSize.replace(/[0-9,.]+/, '')
+      const emojiSizeUnit = emojiSize.replace(/[0-9,.]+/, '').trim()
       const emojiSizeValue = Number(emojiSize.replace(/[^0-9,.]+/, ''))
 
       let fontSizeMultiplier

From a6c844e52221c3c9a1f001d0109213aa1f3077cb Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 12:31:12 +0300
Subject: [PATCH 171/424] make favs etc strip newlines so status is more
 visible

---
 src/components/notification/notification.vue     | 1 +
 src/components/status_body/status_body.js        | 4 ++++
 src/components/status_body/status_body.vue       | 2 +-
 src/components/status_content/status_content.vue | 1 +
 4 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 0930e0990..a531b35d3 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -247,6 +247,7 @@
           <StatusContent
             :compact="!statusExpanded"
             :status="notification.status"
+            :collapse="true"
           />
         </template>
       </div>
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index aa334499e..e89d1d173 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -22,6 +22,7 @@ const StatusContent = {
   name: 'StatusContent',
   props: [
     'compact',
+    'collapse', // replaces newlines with spaces
     'status',
     'focused',
     'noHeading',
@@ -95,6 +96,9 @@ const StatusContent = {
     attachmentTypes () {
       return this.status.attachments.map(file => fileType.fileType(file.mimetype))
     },
+    collapsedStatus () {
+      return this.status.raw_html.replace(/(\n|<br\s?\/?>)/g, ' ')
+    },
     ...mapGetters(['mergedConfig'])
   },
   components: {
diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue
index 0fc024b04..1035d04c6 100644
--- a/src/components/status_body/status_body.vue
+++ b/src/components/status_body/status_body.vue
@@ -38,7 +38,7 @@
           v-if="!hideSubjectStatus && !(singleLine && status.summary_raw_html)"
           :class="{ '-single-line': singleLine }"
           class="text media-body"
-          :html="status.raw_html"
+          :html="collapse ? collapsedStatus : status.raw_html"
           :emoji="status.emojis"
           :handle-links="true"
           :faint="compact"
diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue
index 64a1d6a53..6f5b1d613 100644
--- a/src/components/status_content/status_content.vue
+++ b/src/components/status_content/status_content.vue
@@ -14,6 +14,7 @@
       :toggle-showing-tall="toggleShowingTall"
       :toggle-expanding-subject="toggleExpandingSubject"
       :toggle-showing-long-subject="toggleShowingLongSubject"
+      :collapse="true"
       @parse-ready="$emit('parseReady', $event)"
     >
       <div v-if="status.poll && status.poll.options && !compact">

From 0b9b7a51a63756d85e4093b3f9cf579bc44c042f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 12:53:19 +0300
Subject: [PATCH 172/424] collapse notifications and also allow expand on click
 anywhere

---
 src/components/notification/notification.js      |  4 ++++
 src/components/notification/notification.scss    |  7 +++++++
 src/components/notification/notification.vue     | 12 ++++++++++--
 src/components/status_content/status_content.js  |  1 +
 src/components/status_content/status_content.vue |  2 +-
 5 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 043be1b1a..247b73848 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -64,6 +64,7 @@ const Notification = {
   },
   methods: {
     toggleStatusExpanded () {
+      if (!this.expandable) return
       this.statusExpanded = !this.statusExpanded
     },
     generateUserProfileLink (user) {
@@ -136,6 +137,9 @@ const Notification = {
       const user = this.notification.from_profile
       return highlightStyle(highlight[user.screen_name])
     },
+    expandable () {
+      return (new Set(['like', '-pleroma:emoji_reaction', 'repeat'])).has(this.notification.type)
+    },
     user () {
       return this.$store.getters.findUser(this.notification.from_profile.id)
     },
diff --git a/src/components/notification/notification.scss b/src/components/notification/notification.scss
index e8895ce59..9c94d4090 100644
--- a/src/components/notification/notification.scss
+++ b/src/components/notification/notification.scss
@@ -1,10 +1,17 @@
 // TODO Copypaste from Status, should unify it somehow
+.NotificationParent {
+  &.-expandable {
+    cursor: pointer;
+  }
+}
+
 .Notification {
   border-bottom: 1px solid;
   border-color: var(--border);
   overflow-wrap: break-word;
   text-wrap: pretty;
 
+
   &.Status {
     /* stylelint-disable-next-line declaration-no-important */
     background-color: transparent !important;
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index a531b35d3..c9b557970 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -9,9 +9,17 @@
       @interacted="interacted"
     />
   </article>
-  <article v-else>
+  <article
+    class="NotificationParent"
+    :class="{ '-expandable': expandable }"
+    :aria-controls="'notif-' +notification.id"
+    @click="toggleStatusExpanded()"
+    v-else
+  >
     <div
       v-if="needMute && !unmuted"
+      :id="'notif-' +notification.id"
+      :aria-expanded="statusExpanded"
       class="Notification container -muted"
     >
       <small>
@@ -247,7 +255,7 @@
           <StatusContent
             :compact="!statusExpanded"
             :status="notification.status"
-            :collapse="true"
+            :collapse="statusExpanded"
           />
         </template>
       </div>
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index 3bf25c75b..f61ba0d05 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -53,6 +53,7 @@ const StatusContent = {
   props: [
     'status',
     'compact',
+    'collapse',
     'focused',
     'noHeading',
     'fullContent',
diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue
index 6f5b1d613..fb08186b4 100644
--- a/src/components/status_content/status_content.vue
+++ b/src/components/status_content/status_content.vue
@@ -14,7 +14,7 @@
       :toggle-showing-tall="toggleShowingTall"
       :toggle-expanding-subject="toggleExpandingSubject"
       :toggle-showing-long-subject="toggleShowingLongSubject"
-      :collapse="true"
+      :collapse="collapse"
       @parse-ready="$emit('parseReady', $event)"
     >
       <div v-if="status.poll && status.poll.options && !compact">

From 6e479d246b755806319faf387cf43a8ec74fc905 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 12:59:51 +0300
Subject: [PATCH 173/424] visually combine subject and content into one input

---
 src/components/emoji_input/emoji_input.vue    |   2 +-
 .../post_status_form/post_status_form.scss    |   4 +
 .../post_status_form/post_status_form.vue     | 125 +++++++++---------
 3 files changed, 69 insertions(+), 62 deletions(-)

diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue
index a1cba33bc..de5ac8755 100644
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     ref="root"
-    class="input emoji-input"
+    class="emoji-input"
     :class="{ 'with-picker': !hideEmojiButton }"
   >
     <slot
diff --git a/src/components/post_status_form/post_status_form.scss b/src/components/post_status_form/post_status_form.scss
index a79cae4a6..7c25002fb 100644
--- a/src/components/post_status_form/post_status_form.scss
+++ b/src/components/post_status_form/post_status_form.scss
@@ -216,6 +216,10 @@
     position: relative;
   }
 
+  .subject-input {
+    border-bottom: 1px solid var(--border);
+  }
+
   .character-counter {
     position: absolute;
     bottom: 0;
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 303413b55..bbff7d4b7 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -156,67 +156,69 @@
             class="preview-status"
           />
         </div>
-        <EmojiInput
-          v-if="!disableSubject && (newStatus.spoilerText || alwaysShowSubject)"
-          v-model="newStatus.spoilerText"
-          enable-emoji-picker
-          :suggest="emojiSuggestor"
-          class="input form-control"
-        >
-          <template #default="inputProps">
-            <input
-              v-model="newStatus.spoilerText"
-              type="text"
-              :placeholder="$t('post_status.content_warning')"
-              :disabled="posting && !optimisticPosting"
-              v-bind="propsToNative(inputProps)"
-              size="1"
-              class="input form-post-subject"
-            >
-          </template>
-        </EmojiInput>
-        <EmojiInput
-          ref="emoji-input"
-          v-model="newStatus.status"
-          :suggest="emojiUserSuggestor"
-          :placement="emojiPickerPlacement"
-          class="input form-control main-input"
-          enable-sticker-picker
-          enable-emoji-picker
-          hide-emoji-button
-          :newline-on-ctrl-enter="submitOnEnter"
-          @input="onEmojiInputInput"
-          @sticker-uploaded="addMediaFile"
-          @sticker-upload-failed="uploadFailed"
-          @shown="handleEmojiInputShow"
-        >
-          <template #default="inputProps">
-            <textarea
-              ref="textarea"
-              v-model="newStatus.status"
-              :placeholder="placeholder || $t('post_status.default')"
-              rows="1"
-              cols="1"
-              :disabled="posting && !optimisticPosting"
-              class="input form-post-body"
-              :class="{ 'scrollable-form': !!maxHeight }"
-              v-bind="propsToNative(inputProps)"
-              @keydown.exact.enter="submitOnEnter && postStatus($event, newStatus)"
-              @keydown.meta.enter="postStatus($event, newStatus)"
-              @keydown.ctrl.enter="!submitOnEnter && postStatus($event, newStatus)"
-              @input="resize"
-              @compositionupdate="resize"
-              @paste="paste"
-            />
-            <p
-              v-if="hasStatusLengthLimit"
-              class="character-counter faint"
-              :class="{ error: isOverLengthLimit }"
-            >
-              {{ charactersLeft }}
-            </p>
-          </template>
-        </EmojiInput>
+        <div class="input">
+          <EmojiInput
+            v-if="!disableSubject && (newStatus.spoilerText || alwaysShowSubject)"
+            v-model="newStatus.spoilerText"
+            enable-emoji-picker
+            :suggest="emojiSuggestor"
+            class="input form-control subject-input unstyled"
+          >
+            <template #default="inputProps">
+              <input
+                v-model="newStatus.spoilerText"
+                type="text"
+                :placeholder="$t('post_status.content_warning')"
+                :disabled="posting && !optimisticPosting"
+                v-bind="propsToNative(inputProps)"
+                size="1"
+                class="input form-post-subject"
+              >
+            </template>
+          </EmojiInput>
+          <EmojiInput
+            ref="emoji-input"
+            v-model="newStatus.status"
+            :suggest="emojiUserSuggestor"
+            :placement="emojiPickerPlacement"
+            class="input form-control main-input unstyled"
+            enable-sticker-picker
+            enable-emoji-picker
+            hide-emoji-button
+            :newline-on-ctrl-enter="submitOnEnter"
+            @input="onEmojiInputInput"
+            @sticker-uploaded="addMediaFile"
+            @sticker-upload-failed="uploadFailed"
+            @shown="handleEmojiInputShow"
+          >
+            <template #default="inputProps">
+              <textarea
+                ref="textarea"
+                v-model="newStatus.status"
+                :placeholder="placeholder || $t('post_status.default')"
+                rows="1"
+                cols="1"
+                :disabled="posting && !optimisticPosting"
+                class="input form-post-body"
+                :class="{ 'scrollable-form': !!maxHeight }"
+                v-bind="propsToNative(inputProps)"
+                @keydown.exact.enter="submitOnEnter && postStatus($event, newStatus)"
+                @keydown.meta.enter="postStatus($event, newStatus)"
+                @keydown.ctrl.enter="!submitOnEnter && postStatus($event, newStatus)"
+                @input="resize"
+                @compositionupdate="resize"
+                @paste="paste"
+              />
+              <p
+                v-if="hasStatusLengthLimit"
+                class="character-counter faint"
+                :class="{ error: isOverLengthLimit }"
+              >
+                {{ charactersLeft }}
+              </p>
+            </template>
+          </EmojiInput>
+        </div>
         <div
           v-if="!disableScopeSelector"
           class="visibility-tray"
@@ -238,6 +240,7 @@
               v-model="newStatus.contentType"
               class="input form-control"
               :attrs="{ 'aria-label': $t('post_status.content_type_selection') }"
+              unstyled="true"
             >
               <option
                 v-for="postFormat in postFormats"

From f35633c855ff86f3e2ceeef99fd682bff6408a21 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 13:07:03 +0300
Subject: [PATCH 174/424] remove redundand emoji button

---
 src/components/post_status_form/post_status_form.js   | 4 ----
 src/components/post_status_form/post_status_form.scss | 7 +++----
 src/components/post_status_form/post_status_form.vue  | 8 --------
 3 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 4fb8e0428..238be88df 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -726,10 +726,6 @@ const PostStatusForm = {
         scrollerRef.scrollTop = targetScroll
       }
     },
-    showEmojiPicker () {
-      this.$refs.textarea.focus()
-      this.$refs['emoji-input'].triggerShowPicker()
-    },
     clearError () {
       this.error = null
     },
diff --git a/src/components/post_status_form/post_status_form.scss b/src/components/post_status_form/post_status_form.scss
index 7c25002fb..0befba9c3 100644
--- a/src/components/post_status_form/post_status_form.scss
+++ b/src/components/post_status_form/post_status_form.scss
@@ -41,9 +41,8 @@
 
   .form-bottom-left {
     display: flex;
-    flex: 1;
-    padding-right: 7px;
-    margin-right: 7px;
+    padding-right: 0.5em;
+    margin-right: 0.5em;
     max-width: 10em;
   }
 
@@ -102,7 +101,7 @@
   .visibility-tray {
     display: flex;
     justify-content: space-between;
-    padding-top: 5px;
+    padding-top: 0.5em;
     align-items: baseline;
   }
 
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index bbff7d4b7..ec8bbd224 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -184,7 +184,6 @@
             class="input form-control main-input unstyled"
             enable-sticker-picker
             enable-emoji-picker
-            hide-emoji-button
             :newline-on-ctrl-enter="submitOnEnter"
             @input="onEmojiInputInput"
             @sticker-uploaded="addMediaFile"
@@ -288,13 +287,6 @@
             @upload-failed="uploadFailed"
             @all-uploaded="finishedUploadingFiles"
           />
-          <button
-            class="emoji-icon button-unstyled"
-            :title="$t('emoji.add_emoji')"
-            @click="showEmojiPicker"
-          >
-            <FAIcon icon="smile-beam" />
-          </button>
           <button
             v-if="pollsAvailable"
             class="poll-icon button-unstyled"

From aa5688a43bae6fe3239afd96ac290e52dfd456c5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 13:08:03 +0300
Subject: [PATCH 175/424] unstyle the content type selector

---
 src/components/post_status_form/post_status_form.scss | 9 ++++++---
 src/components/post_status_form/post_status_form.vue  | 4 ++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/post_status_form/post_status_form.scss b/src/components/post_status_form/post_status_form.scss
index 0befba9c3..ac223edb1 100644
--- a/src/components/post_status_form/post_status_form.scss
+++ b/src/components/post_status_form/post_status_form.scss
@@ -41,9 +41,12 @@
 
   .form-bottom-left {
     display: flex;
-    padding-right: 0.5em;
-    margin-right: 0.5em;
-    max-width: 10em;
+    gap: 1.5em;
+
+    button {
+      padding: 0.5em;
+      margin: -0.5em;
+    }
   }
 
   .preview-heading {
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index ec8bbd224..37371f1de 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -172,7 +172,7 @@
                 :disabled="posting && !optimisticPosting"
                 v-bind="propsToNative(inputProps)"
                 size="1"
-                class="input form-post-subject"
+                class="input form-post-subject unstyled"
               >
             </template>
           </EmojiInput>
@@ -237,7 +237,7 @@
           >
             <Select
               v-model="newStatus.contentType"
-              class="input form-control"
+              class="input form-control unstyled"
               :attrs="{ 'aria-label': $t('post_status.content_type_selection') }"
               unstyled="true"
             >

From 5bb04243973ef3ee62d7a37f3b74b96625566d1f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 16:17:26 +0300
Subject: [PATCH 176/424] improve visibilty of user profile text

---
 src/components/user_card/user_card.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 4fdc73777..c0d079575 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -272,6 +272,11 @@
     // big one
     z-index: 1;
     line-height: 2em;
+    text-shadow:
+      0 0 5em var(--profileTint),
+      0 0 1em var(--profileTint),
+      0 0 0.5em var(--profileTint),
+      0 0 0.2em var(--profileTint);
 
     --emoji-size: 1.7em;
 

From 97adff267f087d4bec0fa4650f0f12ab3f3f73ad Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 16:45:24 +0300
Subject: [PATCH 177/424] delay splash screen, only show if loading takes too
 long

---
 index.html               | 2 +-
 public/static/splash.css | 7 +++++++
 src/App.scss             | 7 +------
 src/main.js              | 1 +
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index fb92252c5..26eeee19b 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
   </head>
   <body>
     <noscript>To use Pleroma, please enable JavaScript.</noscript>
-    <div id="splash">
+    <div id="splash" class="initial-hidden">
       <!-- we are hiding entire graphic so no point showing credit -->
       <div aria-hidden="true" id="splash-credit">
         Art by pipivovott
diff --git a/public/static/splash.css b/public/static/splash.css
index abdc19fc2..c6f6832b9 100644
--- a/public/static/splash.css
+++ b/public/static/splash.css
@@ -21,6 +21,13 @@ body {
   position: absolute;
   z-index: 9999;
   font-size: calc(1vw + 1vh + 1vmin);
+  opacity: 1;
+  transition: opacity 500ms ease-out 0.5s;
+}
+
+#splash.hidden,
+#splash.initial-hidden {
+  opacity: 0;
 }
 
 #splash-credit {
diff --git a/src/App.scss b/src/App.scss
index 51f2c9af3..78a3494c7 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -929,12 +929,7 @@ option {
 
 #splash {
   pointer-events: none;
-  transition: opacity 0.5s;
-  opacity: 1;
-
-  &.hidden {
-    opacity: 0;
-  }
+  // transition: opacity 0.5s;
 
   #status {
     &.css-ok {
diff --git a/src/main.js b/src/main.js
index 4654679b8..1cd1afe6c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -80,6 +80,7 @@ const persistedStateOptions = {
       console.error('Storage error', e)
       storageError = e
     }
+    document.querySelector('#splash').classList.remove('initial-hidden')
     document.querySelector('#mascot').src = `/static/pleromatan_apology${isFox}_small.webp`
     document.querySelector('#status').removeAttribute('class')
     document.querySelector('#status').textContent = i18n.global.t('splash.loading')

From e076403fcb0689f68a37d247e030f2b11e8fe031 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 16:48:47 +0300
Subject: [PATCH 178/424] em

---
 public/static/splash.css | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/public/static/splash.css b/public/static/splash.css
index c6f6832b9..f56f33d07 100644
--- a/public/static/splash.css
+++ b/public/static/splash.css
@@ -5,15 +5,14 @@ body {
 
 #splash {
   --scale: 1;
+
   width: 100vw;
   height: 100vh;
   display: grid;
   grid-template-rows: auto;
   grid-template-columns: auto;
   align-content: center;
-  align-items: center;
-  justify-content: center;
-  justify-items: center;
+  place-items: center;
   flex-direction: column;
   background: #0f161e;
   font-family: sans-serif;
@@ -22,7 +21,7 @@ body {
   z-index: 9999;
   font-size: calc(1vw + 1vh + 1vmin);
   opacity: 1;
-  transition: opacity 500ms ease-out 0.5s;
+  transition: opacity 500ms ease-out 2s;
 }
 
 #splash.hidden,
@@ -32,9 +31,9 @@ body {
 
 #splash-credit {
   position: absolute;
-  font-size: 14px;
-  bottom: 16px;
-  right: 16px;
+  font-size: 1em;
+  bottom: 1em;
+  right: 1em;
 }
 
 #splash-container {

From bfb9f6c5e2f7f1f44e3edff12f1d99a1867a54b9 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 16:50:00 +0300
Subject: [PATCH 179/424] scale avatars

---
 src/components/user_avatar/user_avatar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue
index c0336d407..d9e96d52d 100644
--- a/src/components/user_avatar/user_avatar.vue
+++ b/src/components/user_avatar/user_avatar.vue
@@ -41,7 +41,7 @@
   display: inline-block;
   position: relative;
   width: 3.5em;
-  height: 48px;
+  height: 3.5em;
 
   &.-compact {
     width: 2.2em;

From 6399de114c305190a925a9735ddc49be47fe6ac3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 16:56:59 +0300
Subject: [PATCH 180/424] fix right icons alignment

---
 src/components/status/status.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 93253b1a7..020f4f277 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -116,6 +116,7 @@
   .heading-right {
     display: flex;
     flex-shrink: 0;
+    align-self: baseline;
 
     .button-unstyled {
       padding: 5px;

From 4c17458e58ac7c60d11294590c314503ccc13e5c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 17:08:52 +0300
Subject: [PATCH 181/424] fix favicons

---
 src/components/status/status.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 020f4f277..0f325ea7f 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -76,9 +76,10 @@
   }
 
   .status-favicon {
-    height: 18px;
-    width: 18px;
+    height: 1.2em;
+    width: 1.2em;
     margin-right: 0.4em;
+    object-fit: contain;
   }
 
   .status-heading {
@@ -100,7 +101,8 @@
   }
 
   .account-name {
-    min-width: 1.6em;
+    display: inline-block;
+    min-width: 1em;
     margin-right: 0.4em;
     white-space: nowrap;
     overflow: hidden;
@@ -119,8 +121,8 @@
     align-self: baseline;
 
     .button-unstyled {
-      padding: 5px;
-      margin: -5px;
+      padding: 0.2em;
+      margin: -0.2em;
     }
 
     .svg-inline--fa {

From 49a98a6fe2ee1b48a8d29ae463d10fbc9a7feb9f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 17:27:13 +0300
Subject: [PATCH 182/424] bunch of px -> em, small fixes

---
 src/App.scss                                  | 16 +++++------
 src/components/attachment/attachment.scss     |  6 ++--
 src/components/gallery/gallery.vue            |  2 +-
 src/components/media_modal/media_modal.vue    |  2 +-
 src/components/mention_link/mention_link.scss |  1 -
 .../mrf_transparency_panel.scss               |  8 +++---
 .../helpers/emoji_editing_popover.vue         |  4 +--
 .../settings_modal/tabs/security_tab/mfa.vue  | 12 ++++++--
 .../tabs/theme_tab/theme_preview.vue          | 28 ++++++++++---------
 .../tabs/theme_tab/theme_tab.scss             |  4 +--
 src/components/shout_panel/shout_panel.vue    |  4 +--
 src/components/tab_switcher/tab_switcher.scss |  4 +--
 .../user_reporting_modal.vue                  | 10 +++++--
 src/hocs/with_load_more/with_load_more.scss   |  2 +-
 .../with_subscription/with_subscription.scss  |  2 +-
 15 files changed, 58 insertions(+), 47 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 78a3494c7..be6929f69 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -741,17 +741,17 @@ option {
   }
 
   &.-dot {
-    min-height: 8px;
-    max-height: 8px;
-    min-width: 8px;
-    max-width: 8px;
+    min-height: 0.6em;
+    max-height: 0.6em;
+    min-width: 0.6em;
+    max-width: 0.6em;
     padding: 0;
     line-height: 0;
     font-size: 0;
-    left: calc(50% - 4px);
-    top: calc(50% - 4px);
-    margin-left: 6px;
-    margin-top: -6px;
+    left: calc(50% - 0.6em);
+    top: calc(50% - 0.6em);
+    margin-left: 0.4em;
+    margin-top: -0.4em;
   }
 
   &.-counter {
diff --git a/src/components/attachment/attachment.scss b/src/components/attachment/attachment.scss
index 16346c97c..97515eb32 100644
--- a/src/components/attachment/attachment.scss
+++ b/src/components/attachment/attachment.scss
@@ -107,9 +107,9 @@
 
   .play-icon {
     position: absolute;
-    font-size: 64px;
-    top: calc(50% - 32px);
-    left: calc(50% - 32px);
+    font-size: 4.5em;
+    top: calc(50% - 2.25rem);
+    left: calc(50% - 2.25rem);
     color: rgb(255 255 255 / 75%);
     text-shadow: 0 0 2px rgb(0 0 0 / 40%);
 
diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue
index 7209e9144..eb1054df6 100644
--- a/src/components/gallery/gallery.vue
+++ b/src/components/gallery/gallery.vue
@@ -129,7 +129,7 @@
 
         .gallery-item {
           margin: 0;
-          height: 200px;
+          height: 15em;
         }
       }
     }
diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue
index 5cc8c50a3..7f625755c 100644
--- a/src/components/media_modal/media_modal.vue
+++ b/src/components/media_modal/media_modal.vue
@@ -168,7 +168,7 @@ $modal-view-button-icon-margin: 0.5em;
     flex: 0 0 auto;
     overflow-y: auto;
     min-height: 1em;
-    max-width: 500px;
+    max-width: 35.8em;
     max-height: 9.5em;
     overflow-wrap: break-word;
     text-wrap: pretty;
diff --git a/src/components/mention_link/mention_link.scss b/src/components/mention_link/mention_link.scss
index c3261e17d..3aa7816be 100644
--- a/src/components/mention_link/mention_link.scss
+++ b/src/components/mention_link/mention_link.scss
@@ -7,7 +7,6 @@
   & .new,
   & .original {
     display: inline;
-    border-radius: 2px;
   }
 
   .mention-avatar {
diff --git a/src/components/mrf_transparency_panel/mrf_transparency_panel.scss b/src/components/mrf_transparency_panel/mrf_transparency_panel.scss
index a262ed1c5..8e2fa553a 100644
--- a/src/components/mrf_transparency_panel/mrf_transparency_panel.scss
+++ b/src/components/mrf_transparency_panel/mrf_transparency_panel.scss
@@ -4,13 +4,13 @@
   table {
     width: 100%;
     text-align: left;
-    padding-left: 10px;
-    padding-bottom: 20px;
+    padding-left: 0.5em;
+    padding-bottom: 1.1em;
 
     th,
     td {
-      width: 180px;
-      max-width: 360px;
+      width: 11em;
+      max-width: 25em;
       overflow: hidden;
       vertical-align: text-top;
     }
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index 1cca45fbf..33c52da4d 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -229,8 +229,8 @@ export default {
     padding-bottom: 0.5em;
 
     .emoji {
-      width: 32px;
-      height: 32px;
+      width: 2.3em;
+      height: 2.3em;
     }
   }
 </style>
diff --git a/src/components/settings_modal/tabs/security_tab/mfa.vue b/src/components/settings_modal/tabs/security_tab/mfa.vue
index 9421b16ee..7e825062f 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa.vue
+++ b/src/components/settings_modal/tabs/security_tab/mfa.vue
@@ -159,10 +159,16 @@
 
     .qr-code {
       flex: 1;
-      padding-right: 10px;
+      padding-right: 0.7em;
+    }
+
+    .verify {
+      flex: 1;
+    }
+
+    .error {
+      margin: 0.3em 0 0;
     }
-    .verify { flex: 1; }
-    .error { margin: 4px 0 0; }
 
     .confirm-otp-actions {
       button {
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_preview.vue b/src/components/settings_modal/tabs/theme_tab/theme_preview.vue
index e8ac0d8a3..016d84c49 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_preview.vue
+++ b/src/components/settings_modal/tabs/theme_tab/theme_preview.vue
@@ -21,7 +21,7 @@
       </div>
       <div class="panel-body theme-preview-content">
         <div class="post">
-          <div class="avatar still-image">
+          <div class="avatar still-image" aria-hidden="true">
             ( ͡° ͜ʖ ͡°)
           </div>
           <div class="content">
@@ -71,7 +71,7 @@
         </div>
 
         <div class="after-post">
-          <div class="avatar-alt">
+          <div class="avatar-alt" aria-hidden="true">
             :^)
           </div>
           <div class="content">
@@ -149,7 +149,7 @@ export default {
   background-position: 50% 50%;
 
   .theme-preview-content {
-    padding: 20px;
+    padding: 1.5em;
   }
 
   .dummy {
@@ -203,19 +203,21 @@ export default {
 
     .avatar-alt {
       flex: 0 auto;
-      margin-left: 28px;
-      font-size: 12px;
-      min-width: 20px;
-      min-height: 20px;
-      line-height: 20px;
+      margin-left: 2em;
+      font-size: 0.85em;
+      min-width: 2.2rem;
+      min-height: 2.2rem;
+      line-height: 1.5em;
+      align-content: center;
     }
 
     .avatar {
       flex: 0 auto;
-      width: 48px;
-      height: 48px;
-      font-size: 14px;
-      line-height: 48px;
+      width: 3.5em;
+      height: 3.5em;
+      font-size: 1rem;
+      line-height: 3.5em;
+      justify-content: center;
     }
 
     .actions {
@@ -241,7 +243,7 @@ export default {
 
   .underlay-preview {
     position: absolute;
-    inset: 0 10px;
+    inset: 0 0.9em;
   }
 }
  </style>
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.scss b/src/components/settings_modal/tabs/theme_tab/theme_tab.scss
index d83beffa0..ae2364dcc 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.scss
+++ b/src/components/settings_modal/tabs/theme_tab/theme_tab.scss
@@ -107,7 +107,7 @@
     justify-content: space-between;
     align-items: baseline;
     width: 100%;
-    min-height: 30px;
+    min-height: 2.1em;
     margin-bottom: 1em;
 
     p {
@@ -212,7 +212,7 @@
   .theme-color-cl,
   .theme-radius-in,
   .theme-color-in {
-    margin-left: 4px;
+    margin-left: 0.3em;
   }
 
   .theme-radius-in {
diff --git a/src/components/shout_panel/shout_panel.vue b/src/components/shout_panel/shout_panel.vue
index 1b2b591c2..184fe81e0 100644
--- a/src/components/shout_panel/shout_panel.vue
+++ b/src/components/shout_panel/shout_panel.vue
@@ -122,8 +122,8 @@
 
   .shout-avatar {
     img {
-      height: 24px;
-      width: 24px;
+      height: 0.6em;
+      width: 0.6em;
       border-radius: var(--roundness);
       margin-right: 0.5em;
       margin-top: 0.25em;
diff --git a/src/components/tab_switcher/tab_switcher.scss b/src/components/tab_switcher/tab_switcher.scss
index 60413c5f4..b7274d86d 100644
--- a/src/components/tab_switcher/tab_switcher.scss
+++ b/src/components/tab_switcher/tab_switcher.scss
@@ -202,9 +202,9 @@
     }
 
     img {
-      max-height: 26px;
+      max-height: 1.9em;
       vertical-align: top;
-      margin-top: -5px;
+      margin-top: -0.3em;
     }
   }
 
diff --git a/src/components/user_reporting_modal/user_reporting_modal.vue b/src/components/user_reporting_modal/user_reporting_modal.vue
index 0e93824b7..dbd7e7e56 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.vue
+++ b/src/components/user_reporting_modal/user_reporting_modal.vue
@@ -10,7 +10,7 @@
           keypath="user_reporting.title"
           class="title"
         >
-          <UserLink :user="user" />
+          <UserLink class="user-link" :user="user" />
         </i18n-t>
       </div>
       <div class="panel-body">
@@ -74,10 +74,14 @@
 <style lang="scss">
 .user-reporting-panel {
   width: 90vw;
-  max-width: 700px;
+  max-width: 50rem;
   min-height: 20vh;
   max-height: 80vh;
 
+  .user-link {
+    display: inline
+  }
+
   .panel-body {
     display: flex;
     flex-direction: column-reverse;
@@ -104,7 +108,7 @@
     }
 
     textarea.form-control {
-      line-height: 16px;
+      line-height: 1.1;
       resize: none;
       overflow: hidden;
       transition: min-height 200ms 100ms;
diff --git a/src/hocs/with_load_more/with_load_more.scss b/src/hocs/with_load_more/with_load_more.scss
index 524e4012f..6b007ac2e 100644
--- a/src/hocs/with_load_more/with_load_more.scss
+++ b/src/hocs/with_load_more/with_load_more.scss
@@ -1,6 +1,6 @@
 .with-load-more {
   &-footer {
-    padding: 10px;
+    padding: 0.9em;
     text-align: center;
     border-top: 1px solid;
     border-top-color: var(--border);
diff --git a/src/hocs/with_subscription/with_subscription.scss b/src/hocs/with_subscription/with_subscription.scss
index 996045b43..8c0af336c 100644
--- a/src/hocs/with_subscription/with_subscription.scss
+++ b/src/hocs/with_subscription/with_subscription.scss
@@ -1,6 +1,6 @@
 .with-subscription {
   &-loading {
-    padding: 10px;
+    padding: 0.7em;
     text-align: center;
 
     .error {

From 267692f56a657e79ec0ac624a3ad9269d7428051 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 17:49:06 +0300
Subject: [PATCH 183/424] improve shadows on user-card

---
 src/components/user_card/user_card.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index c0d079575..19593e6a4 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -206,10 +206,10 @@
       padding: 0.6em;
       margin: -0.6em;
 
-      &.save-profile-button,
-      &.reset-profile-button,
-      &.edit-banner-button {
-        width: auto;
+      .icon {
+        filter: drop-shadow(0 0 5em var(--profileTint))
+                drop-shadow(0 0 0.5em var(--profileTint))
+                drop-shadow(0 0 0.2em var(--profileTint));
       }
 
       &:hover .icon {
@@ -273,11 +273,15 @@
     z-index: 1;
     line-height: 2em;
     text-shadow:
-      0 0 5em var(--profileTint),
       0 0 1em var(--profileTint),
       0 0 0.5em var(--profileTint),
       0 0 0.2em var(--profileTint);
 
+    .alert {
+      text-shadow: none;
+    }
+
+
     --emoji-size: 1.7em;
 
     .RichContent {

From f0250ffc525bd1d60dc9f9bc33107dd80f21713e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 17:57:38 +0300
Subject: [PATCH 184/424] fix edit banner button

---
 src/components/user_card/user_card.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 19593e6a4..1bf3ed53b 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -212,6 +212,10 @@
                 drop-shadow(0 0 0.2em var(--profileTint));
       }
 
+      &.edit-banner-button {
+        width: auto;
+      }
+
       &:hover .icon {
         color: var(--textFaint);
       }

From c7ad009496a90392a1e112e4edfa38502d59650b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 17:58:04 +0300
Subject: [PATCH 185/424] apply shadow to everything, not just icons

---
 src/components/user_card/user_card.scss | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 1bf3ed53b..3ff6b5666 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -205,12 +205,9 @@
       line-height: 2em;
       padding: 0.6em;
       margin: -0.6em;
-
-      .icon {
-        filter: drop-shadow(0 0 5em var(--profileTint))
-                drop-shadow(0 0 0.5em var(--profileTint))
-                drop-shadow(0 0 0.2em var(--profileTint));
-      }
+      filter: drop-shadow(0 0 5em var(--profileTint))
+              drop-shadow(0 0 0.5em var(--profileTint))
+              drop-shadow(0 0 0.2em var(--profileTint));
 
       &.edit-banner-button {
         width: auto;

From c65c0afce3209db359592adabee48b5c33e409f1 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 18:06:08 +0300
Subject: [PATCH 186/424] fix emoji input

---
 src/components/emoji_input/emoji_input.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue
index de5ac8755..a1cba33bc 100644
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     ref="root"
-    class="emoji-input"
+    class="input emoji-input"
     :class="{ 'with-picker': !hideEmojiButton }"
   >
     <slot

From e560b1d6c704e9919dc4bc88240622fad5652f24 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 18:15:03 +0300
Subject: [PATCH 187/424] fix plasma browser?

---
 src/App.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/App.js b/src/App.js
index a251682dc..0027d908a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -214,6 +214,9 @@ export default {
       splashscreenRoot.addEventListener('transitionend', () => {
         splashscreenRoot.remove()
       })
+      setTimeout(() => {
+        splashscreenRoot.remove() // forcibly remove it, should fix my plasma browser widget t. HJ
+      }, 600)
       splashscreenRoot.classList.add('hidden')
       document.querySelector('#app').classList.remove('hidden')
     }

From 69726895b11998172b9e1d02b45c0db5c6267d4b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 18:19:57 +0300
Subject: [PATCH 188/424] changelog

---
 changelog.d/visual.change | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 changelog.d/visual.change

diff --git a/changelog.d/visual.change b/changelog.d/visual.change
new file mode 100644
index 000000000..c2e743cd4
--- /dev/null
+++ b/changelog.d/visual.change
@@ -0,0 +1,4 @@
+Combined subject and content fields in post form (visually)
+Fixes for some elements not scaling with user UI scale
+Moved post form's emoji button into input field
+Minor visual changes and fixes

From 9f481052d074b17c1bb86809808f1cb3af5d24c4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 21:03:25 +0300
Subject: [PATCH 189/424] restore border for visibility notice

---
 src/components/post_status_form/post_status_form.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/post_status_form/post_status_form.scss b/src/components/post_status_form/post_status_form.scss
index ac223edb1..f54edd00f 100644
--- a/src/components/post_status_form/post_status_form.scss
+++ b/src/components/post_status_form/post_status_form.scss
@@ -108,6 +108,12 @@
     align-items: baseline;
   }
 
+  .visibility-notice {
+    border: 1px solid var(--border);
+    border-radius: var(--roundness);
+    padding: 0.5em 1em
+  }
+
   .visibility-notice.edit-warning {
     > :first-child {
       margin-top: 0;

From 9b58b8c29048caf23467f5841e4bcd6f59b6e289 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 14 Aug 2025 23:15:06 +0300
Subject: [PATCH 190/424] better paddings

---
 src/components/post_status_form/post_status_form.scss | 5 +++++
 src/components/post_status_form/post_status_form.vue  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/post_status_form/post_status_form.scss b/src/components/post_status_form/post_status_form.scss
index f54edd00f..78b93fd28 100644
--- a/src/components/post_status_form/post_status_form.scss
+++ b/src/components/post_status_form/post_status_form.scss
@@ -201,6 +201,10 @@
     line-height: 1.85;
   }
 
+  .inputs-wrapper {
+    padding: 0;
+  }
+
   .input.form-post-body {
     // TODO: make a resizable textarea component?
     box-sizing: content-box; // needed for easier computation of dynamic size
@@ -208,6 +212,7 @@
     transition: min-height 200ms 100ms;
     // stock padding + 1 line of text (for counter)
     padding-bottom: calc(var(--_padding) + var(--post-line-height) * 1em);
+    padding-right: 1.5em;
     // two lines of text
     height: calc(var(--post-line-height) * 1em);
     min-height: calc(var(--post-line-height) * 1em);
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 37371f1de..f661a980d 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -156,7 +156,7 @@
             class="preview-status"
           />
         </div>
-        <div class="input">
+        <div class="input inputs-wrapper">
           <EmojiInput
             v-if="!disableSubject && (newStatus.spoilerText || alwaysShowSubject)"
             v-model="newStatus.spoilerText"

From bfd1809a34eeba9cadb3533f98735cad8cb1ec4e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:10:26 +0300
Subject: [PATCH 191/424] move expand click handler to StatusContent

---
 src/components/notification/notification.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index c9b557970..d638420c7 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -13,7 +13,6 @@
     class="NotificationParent"
     :class="{ '-expandable': expandable }"
     :aria-controls="'notif-' +notification.id"
-    @click="toggleStatusExpanded()"
     v-else
   >
     <div
@@ -256,6 +255,7 @@
             :compact="!statusExpanded"
             :status="notification.status"
             :collapse="statusExpanded"
+            @click="toggleStatusExpanded()"
           />
         </template>
       </div>

From 1c0aa025a31140ed063d32b203c507befc3f12ec Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:13:53 +0300
Subject: [PATCH 192/424] fix shadows on profile and add spacing between user
 handle and nickname

---
 src/components/user_card/user_card.scss | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 3ff6b5666..60ed97c9a 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -205,9 +205,6 @@
       line-height: 2em;
       padding: 0.6em;
       margin: -0.6em;
-      filter: drop-shadow(0 0 5em var(--profileTint))
-              drop-shadow(0 0 0.5em var(--profileTint))
-              drop-shadow(0 0 0.2em var(--profileTint));
 
       &.edit-banner-button {
         width: auto;
@@ -273,10 +270,9 @@
     // big one
     z-index: 1;
     line-height: 2em;
-    text-shadow:
-      0 0 1em var(--profileTint),
-      0 0 0.5em var(--profileTint),
-      0 0 0.2em var(--profileTint);
+    filter: drop-shadow(0 0 5em var(--profileTint))
+            drop-shadow(0 0 0.5em var(--profileTint))
+            drop-shadow(0 0 0.2em var(--profileTint));
 
     .alert {
       text-shadow: none;
@@ -343,6 +339,7 @@
       font-size: 0.9em;
       font-size: calc(max(90%, 2.5cqw));
       line-height: 1.5;
+      margin-top: 0.5em;
     }
 
     .lock-icon {

From 866b416dbe341e81c2b3b2ba7512dc05df886d22 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:14:26 +0300
Subject: [PATCH 193/424] changelog update

---
 changelog.d/visual.change | 1 +
 1 file changed, 1 insertion(+)

diff --git a/changelog.d/visual.change b/changelog.d/visual.change
index c2e743cd4..e0cd42f65 100644
--- a/changelog.d/visual.change
+++ b/changelog.d/visual.change
@@ -2,3 +2,4 @@ Combined subject and content fields in post form (visually)
 Fixes for some elements not scaling with user UI scale
 Moved post form's emoji button into input field
 Minor visual changes and fixes
+Clicking on fav/rt/emoji notifications' contents expands/collapses it

From 35fea49bd0e94d17b6b6f84764c48c0eee19d190 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:27:11 +0300
Subject: [PATCH 194/424] reduce bookmark action button width

---
 src/components/notification/notification.scss           | 8 +++-----
 src/components/notification/notification.vue            | 1 +
 src/components/status_action_buttons/action_button.scss | 4 ++--
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/notification/notification.scss b/src/components/notification/notification.scss
index 9c94d4090..934d3e58d 100644
--- a/src/components/notification/notification.scss
+++ b/src/components/notification/notification.scss
@@ -1,9 +1,4 @@
 // TODO Copypaste from Status, should unify it somehow
-.NotificationParent {
-  &.-expandable {
-    cursor: pointer;
-  }
-}
 
 .Notification {
   border-bottom: 1px solid;
@@ -11,6 +6,9 @@
   overflow-wrap: break-word;
   text-wrap: pretty;
 
+  .status-content {
+    cursor: pointer;
+  }
 
   &.Status {
     /* stylelint-disable-next-line declaration-no-important */
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index d638420c7..b4398b448 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -252,6 +252,7 @@
         />
         <template v-else>
           <StatusContent
+            class="status-content"
             :compact="!statusExpanded"
             :status="notification.status"
             :collapse="statusExpanded"
diff --git a/src/components/status_action_buttons/action_button.scss b/src/components/status_action_buttons/action_button.scss
index 8c6924871..df445391a 100644
--- a/src/components/status_action_buttons/action_button.scss
+++ b/src/components/status_action_buttons/action_button.scss
@@ -26,8 +26,8 @@
     align-self: stretch;
     width: 1px;
     background-color: var(--icon);
-    margin-left: 1em;
-    margin-right: 0.5em;
+    margin-left: 0.75em;
+    margin-right: 0.125em;
   }
 
   &.-pin {

From c47bfe53ffd3fdb2f0f1765e3215b65cd0b79024 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:38:36 +0300
Subject: [PATCH 195/424] aria

---
 src/components/notification/notification.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index b4398b448..28ab1b9b8 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -12,13 +12,13 @@
   <article
     class="NotificationParent"
     :class="{ '-expandable': expandable }"
-    :aria-controls="'notif-' +notification.id"
     v-else
   >
     <div
       v-if="needMute && !unmuted"
       :id="'notif-' +notification.id"
       :aria-expanded="statusExpanded"
+      :aria-controls="'notif-' +notification.id"
       class="Notification container -muted"
     >
       <small>

From 9ed2fd3c4b97850f6a4c398111e94db24a9ff50a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:41:08 +0300
Subject: [PATCH 196/424] default to 1rem instead 14px

---
 src/App.scss                                | 2 +-
 src/components/emoji_picker/emoji_picker.js | 2 +-
 src/components/status/status.scss           | 4 ++--
 src/modules/instance.js                     | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index be6929f69..01f24d0ca 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -21,7 +21,7 @@
 }
 
 html {
-  font-size: var(--textSize, 14px);
+  font-size: var(--textSize, 1rem);
 
   --navbar-height: var(--navbarSize, 3.5rem);
   --emoji-size: var(--emojiSize, 32px);
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index f9b306fb4..8e572d1d2 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -140,7 +140,7 @@ const EmojiPicker = {
     },
     updateEmojiSize () {
       const css = window.getComputedStyle(this.$refs.popover.$el)
-      const fontSize = css.getPropertyValue('font-size') || '14px'
+      const fontSize = css.getPropertyValue('font-size') || '1rem'
       const emojiSize = css.getPropertyValue('--emojiSize') || '2.2rem'
 
       const fontSizeUnit = fontSize.replace(/[0-9,.]+/, '').trim()
diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 0f325ea7f..09b37aa14 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -245,8 +245,8 @@
     margin-right: 0;
 
     .emoji {
-      width: 14px;
-      height: 14px;
+      width: 1em;
+      height: 1em;
       vertical-align: middle;
       object-fit: contain;
     }
diff --git a/src/modules/instance.js b/src/modules/instance.js
index 93f81e4d8..7317debf8 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -108,7 +108,7 @@ const defaultState = {
   palette: null,
   style: null,
   emojiReactionsScale: 0.5,
-  textSize: '14px',
+  textSize: '1rem',
   emojiSize: '2.2rem',
   navbarSize: '3.5rem',
   panelHeaderSize: '3.2rem',

From 028556f8ab7f88ef0d0894593a11f8b449c1812b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:48:28 +0300
Subject: [PATCH 197/424] remove icons from "show more" since we show
 attachments anyway

---
 src/components/status_body/status_body.vue | 26 ----------------------
 1 file changed, 26 deletions(-)

diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue
index 1035d04c6..1291533c9 100644
--- a/src/components/status_body/status_body.vue
+++ b/src/components/status_body/status_body.vue
@@ -57,32 +57,6 @@
             @click.prevent="toggleShowMore"
           >
             {{ toggleText }}
-            <template v-if="!showingMore">
-              <FAIcon
-                v-if="attachmentTypes.includes('image')"
-                icon="image"
-              />
-              <FAIcon
-                v-if="attachmentTypes.includes('video')"
-                icon="video"
-              />
-              <FAIcon
-                v-if="attachmentTypes.includes('audio')"
-                icon="music"
-              />
-              <FAIcon
-                v-if="attachmentTypes.includes('unknown')"
-                icon="file"
-              />
-              <FAIcon
-                v-if="status.poll && status.poll.options"
-                icon="poll-h"
-              />
-              <FAIcon
-                v-if="status.card"
-                icon="link"
-              />
-            </template>
           </button>
         </div>
       </div>

From 16ada7ec6c18c7fdeb4fe1d5598a27120da560da Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:49:28 +0300
Subject: [PATCH 198/424] add padding to compact status' poll icon

---
 src/components/status_content/status_content.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue
index fb08186b4..bab4f70a5 100644
--- a/src/components/status_content/status_content.vue
+++ b/src/components/status_content/status_content.vue
@@ -24,7 +24,7 @@
         />
       </div>
 
-      <div v-else-if="status.poll && status.poll.options && compact">
+      <div class="poll-icon" v-else-if="status.poll && status.poll.options && compact">
         <FAIcon
           icon="poll-h"
           size="2x"
@@ -63,5 +63,9 @@
 .StatusContent {
   flex: 1;
   min-width: 0;
+
+  .poll-icon {
+    margin: 0.5em;
+  }
 }
 </style>

From 7b2f3b648ad0e2377ea352a900663490a7738030 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 10:03:34 +0300
Subject: [PATCH 199/424] improve visibilty of attachment buttons

---
 src/App.scss                   |  4 ++++
 src/components/button.style.js | 20 ++++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/App.scss b/src/App.scss
index 01f24d0ca..00a8e9547 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -382,6 +382,10 @@ nav {
   font-family: sans-serif;
   font-family: var(--font);
 
+  &.-transparent {
+    backdrop-filter: blur(0.125em) contrast(60%);
+  }
+
   &::-moz-focus-inner {
     border: none;
   }
diff --git a/src/components/button.style.js b/src/components/button.style.js
index ecbf54d9e..c32a232f4 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -64,6 +64,26 @@ export default {
         opacity: 0.5
       }
     },
+    {
+      component: 'Text',
+      parent: {
+        component: 'Button',
+        variant: 'transparent'
+      },
+      directives: {
+        textColor: '--text'
+      }
+    },
+    {
+      component: 'Icon',
+      parent: {
+        component: 'Button',
+        variant: 'transparent'
+      },
+      directives: {
+        textColor: '--text'
+      }
+    },
     {
       state: ['hover'],
       directives: {

From 202f5d87b3692d578ad384816aa3edcdd90377b2 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Fri, 15 Aug 2025 09:04:59 +0000
Subject: [PATCH 200/424] Update babel monorepo to v7.28.3

---
 package.json |  10 ++--
 yarn.lock    | 162 ++++++++++++++++++++++++++++++++-------------------
 2 files changed, 108 insertions(+), 64 deletions(-)

diff --git a/package.json b/package.json
index 3c6a2909b..7f7d6f6a6 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "lint-fix": "eslint --fix src test/unit/specs test/e2e/specs"
   },
   "dependencies": {
-    "@babel/runtime": "7.28.2",
+    "@babel/runtime": "7.28.3",
     "@chenfengyuan/vue-qrcode": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "6.7.2",
     "@fortawesome/free-regular-svg-icons": "6.7.2",
@@ -54,11 +54,11 @@
     "vuex": "4.1.0"
   },
   "devDependencies": {
-    "@babel/core": "7.28.0",
+    "@babel/core": "7.28.3",
     "@babel/eslint-parser": "7.28.0",
-    "@babel/plugin-transform-runtime": "7.28.0",
-    "@babel/preset-env": "7.28.0",
-    "@babel/register": "7.27.1",
+    "@babel/plugin-transform-runtime": "7.28.3",
+    "@babel/preset-env": "7.28.3",
+    "@babel/register": "7.28.3",
     "@ungap/event-target": "0.2.4",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
diff --git a/yarn.lock b/yarn.lock
index beeb7031f..06ac006ed 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -61,21 +61,21 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.0.tgz#9fc6fd58c2a6a15243cd13983224968392070790"
   integrity sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==
 
-"@babel/core@7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.0.tgz#55dad808d5bf3445a108eefc88ea3fdf034749a4"
-  integrity sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==
+"@babel/core@7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.3.tgz#aceddde69c5d1def69b839d09efa3e3ff59c97cb"
+  integrity sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
     "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.0"
+    "@babel/generator" "^7.28.3"
     "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-module-transforms" "^7.27.3"
-    "@babel/helpers" "^7.27.6"
-    "@babel/parser" "^7.28.0"
+    "@babel/helper-module-transforms" "^7.28.3"
+    "@babel/helpers" "^7.28.3"
+    "@babel/parser" "^7.28.3"
     "@babel/template" "^7.27.2"
-    "@babel/traverse" "^7.28.0"
-    "@babel/types" "^7.28.0"
+    "@babel/traverse" "^7.28.3"
+    "@babel/types" "^7.28.2"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
@@ -145,6 +145,17 @@
     "@jridgewell/trace-mapping" "^0.3.28"
     jsesc "^3.0.2"
 
+"@babel/generator@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.3.tgz#9626c1741c650cbac39121694a0f2d7451b8ef3e"
+  integrity sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==
+  dependencies:
+    "@babel/parser" "^7.28.3"
+    "@babel/types" "^7.28.2"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
 "@babel/helper-annotate-as-pure@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
@@ -214,6 +225,19 @@
     "@babel/traverse" "^7.27.1"
     semver "^6.3.1"
 
+"@babel/helper-create-class-features-plugin@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.3.tgz#3e747434ea007910c320c4d39a6b46f20f371d46"
+  integrity sha512-V9f6ZFIYSLNEbuGA/92uOvYsGCJNsuA8ESZ4ldc09bWk/j8H8TKiPw8Mk1eG6olpnO0ALHJmYfZvF4MEE4gajg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-member-expression-to-functions" "^7.27.1"
+    "@babel/helper-optimise-call-expression" "^7.27.1"
+    "@babel/helper-replace-supers" "^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+    "@babel/traverse" "^7.28.3"
+    semver "^6.3.1"
+
 "@babel/helper-create-regexp-features-plugin@^7.18.6":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.27.0.tgz#0e41f7d38c2ebe06ebd9cf0e02fb26019c77cd95"
@@ -298,14 +322,14 @@
     "@babel/helper-validator-identifier" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/helper-module-transforms@^7.27.3":
-  version "7.27.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz#db0bbcfba5802f9ef7870705a7ef8788508ede02"
-  integrity sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==
+"@babel/helper-module-transforms@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz#a2b37d3da3b2344fe085dab234426f2b9a2fa5f6"
+  integrity sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==
   dependencies:
     "@babel/helper-module-imports" "^7.27.1"
     "@babel/helper-validator-identifier" "^7.27.1"
-    "@babel/traverse" "^7.27.3"
+    "@babel/traverse" "^7.28.3"
 
 "@babel/helper-optimise-call-expression@^7.25.9":
   version "7.25.9"
@@ -416,10 +440,10 @@
     "@babel/template" "^7.27.0"
     "@babel/types" "^7.27.0"
 
-"@babel/helpers@^7.27.6":
-  version "7.28.2"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.2.tgz#80f0918fecbfebea9af856c419763230040ee850"
-  integrity sha512-/V9771t+EgXz62aCcyofnQhGM8DQACbRhvzKFsXKC9QM+5MadF8ZmIm0crDMaz3+o0h0zXfJnd4EhbYbxsrcFw==
+"@babel/helpers@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.3.tgz#b83156c0a2232c133d1b535dd5d3452119c7e441"
+  integrity sha512-PTNtvUQihsAsDHMOP5pfobP8C6CM4JWXmP8DrEIt46c3r2bf87Ua1zoqevsMo9g+tWDwgWrFP5EIxuBx5RudAw==
   dependencies:
     "@babel/template" "^7.27.2"
     "@babel/types" "^7.28.2"
@@ -455,6 +479,13 @@
   dependencies:
     "@babel/types" "^7.28.0"
 
+"@babel/parser@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.3.tgz#d2d25b814621bca5fe9d172bc93792547e7a2a71"
+  integrity sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==
+  dependencies:
+    "@babel/types" "^7.28.2"
+
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz#61dd8a8e61f7eb568268d1b5f129da3eee364bf9"
@@ -486,13 +517,13 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
     "@babel/plugin-transform-optional-chaining" "^7.27.1"
 
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.27.1.tgz#bb1c25af34d75115ce229a1de7fa44bf8f955670"
-  integrity sha512-6BpaYGDavZqkI6yT+KSPdpZFfpnd68UKXbcjI9pJ13pvHhPrCKWOOLp+ysvMeA+DxnhuPpgIaRpxRxo5A9t5jw==
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.3.tgz#373f6e2de0016f73caf8f27004f61d167743742a"
+  integrity sha512-b6YTX108evsvE4YgWyQ921ZAFFQm3Bn+CA3+ZXlNVnPhx+UfsVURoPjfGAPCjBgrqo30yX/C2nZGX96DxvR9Iw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.3"
 
 "@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
   version "7.21.0-placeholder-for-preset-env.2"
@@ -582,25 +613,25 @@
     "@babel/helper-create-class-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-class-static-block@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.27.1.tgz#7e920d5625b25bbccd3061aefbcc05805ed56ce4"
-  integrity sha512-s734HmYU78MVzZ++joYM+NkJusItbdRcbm+AGRgJCt3iA+yux0QpD9cBVdz3tKyrjVYWRl7j0mHSmv4lhV0aoA==
+"@babel/plugin-transform-class-static-block@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.3.tgz#d1b8e69b54c9993bc558203e1f49bfc979bfd852"
+  integrity sha512-LtPXlBbRoc4Njl/oh1CeD/3jC+atytbnf/UqLoqTDcEYGUPj022+rvfkbDYieUrSj3CaV4yHDByPE+T2HwfsJg==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.3"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-classes@^7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.0.tgz#12fa46cffc32a6e084011b650539e880add8a0f8"
-  integrity sha512-IjM1IoJNw72AZFlj33Cu8X0q2XK/6AaVC3jQu+cgQ5lThWD5ajnuUAml80dqRmOhmPkTH8uAwnpMu9Rvj0LTRA==
+"@babel/plugin-transform-classes@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.3.tgz#598297260343d0edbd51cb5f5075e07dee91963a"
+  integrity sha512-DoEWC5SuxuARF2KdKmGUq3ghfPMO6ZzR12Dnp5gubwbeWJo4dbNWXJPVlwvh4Zlq6Z7YVvL8VFxeSOJgjsx4Sg==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.27.3"
     "@babel/helper-compilation-targets" "^7.27.2"
     "@babel/helper-globals" "^7.28.0"
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-replace-supers" "^7.27.1"
-    "@babel/traverse" "^7.28.0"
+    "@babel/traverse" "^7.28.3"
 
 "@babel/plugin-transform-computed-properties@^7.27.1":
   version "7.27.1"
@@ -843,10 +874,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-regenerator@^7.28.0":
-  version "7.28.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.1.tgz#bde80603442ff4bb4e910bc8b35485295d556ab1"
-  integrity sha512-P0QiV/taaa3kXpLY+sXla5zec4E+4t4Aqc9ggHlfZ7a2cp8/x/Gv08jfwEtn9gnnYIMvHx6aoOZ8XJL8eU71Dg==
+"@babel/plugin-transform-regenerator@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.3.tgz#b8eee0f8aed37704bbcc932fd0b1a0a34d0b7344"
+  integrity sha512-K3/M/a4+ESb5LEldjQb+XSrpY0nF+ZBFlTCbSnKaYAMfD8v33O6PMs4uYnOk19HlcsI8WMu3McdFPTiQHF/1/A==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -865,10 +896,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-runtime@7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.0.tgz#462e79008cc7bdac03e4c5e1765b9de2bcd31c21"
-  integrity sha512-dGopk9nZrtCs2+nfIem25UuHyt5moSJamArzIoh9/vezUQPmYDOzjaHDCkAzuGJibCIkPup8rMT2+wYB6S73cA==
+"@babel/plugin-transform-runtime@7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.3.tgz#f5990a1b2d2bde950ed493915e0719841c8d0eaa"
+  integrity sha512-Y6ab1kGqZ0u42Zv/4a7l0l72n9DKP/MKoKWaUSBylrhNZO2prYuqFOLbn5aW5SIFXwSH93yfjbgllL8lxuGKLg==
   dependencies:
     "@babel/helper-module-imports" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
@@ -955,10 +986,10 @@
     "@babel/helper-create-regexp-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/preset-env@7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.28.0.tgz#d23a6bc17b43227d11db77081a0779c706b5569c"
-  integrity sha512-VmaxeGOwuDqzLl5JUkIRM1X2Qu2uKGxHEQWh+cvvbl7JuJRgKGJSfsEF/bUaxFhJl/XAyxBe7q7qSuTbKFuCyg==
+"@babel/preset-env@7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.28.3.tgz#2b18d9aff9e69643789057ae4b942b1654f88187"
+  integrity sha512-ROiDcM+GbYVPYBOeCR6uBXKkQpBExLl8k9HO1ygXEyds39j+vCCsjmj7S8GOniZQlEs81QlkdJZe76IpLSiqpg==
   dependencies:
     "@babel/compat-data" "^7.28.0"
     "@babel/helper-compilation-targets" "^7.27.2"
@@ -968,7 +999,7 @@
     "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.27.1"
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.27.1"
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.27.1"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.27.1"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.28.3"
     "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
     "@babel/plugin-syntax-import-assertions" "^7.27.1"
     "@babel/plugin-syntax-import-attributes" "^7.27.1"
@@ -979,8 +1010,8 @@
     "@babel/plugin-transform-block-scoped-functions" "^7.27.1"
     "@babel/plugin-transform-block-scoping" "^7.28.0"
     "@babel/plugin-transform-class-properties" "^7.27.1"
-    "@babel/plugin-transform-class-static-block" "^7.27.1"
-    "@babel/plugin-transform-classes" "^7.28.0"
+    "@babel/plugin-transform-class-static-block" "^7.28.3"
+    "@babel/plugin-transform-classes" "^7.28.3"
     "@babel/plugin-transform-computed-properties" "^7.27.1"
     "@babel/plugin-transform-destructuring" "^7.28.0"
     "@babel/plugin-transform-dotall-regex" "^7.27.1"
@@ -1012,7 +1043,7 @@
     "@babel/plugin-transform-private-methods" "^7.27.1"
     "@babel/plugin-transform-private-property-in-object" "^7.27.1"
     "@babel/plugin-transform-property-literals" "^7.27.1"
-    "@babel/plugin-transform-regenerator" "^7.28.0"
+    "@babel/plugin-transform-regenerator" "^7.28.3"
     "@babel/plugin-transform-regexp-modifiers" "^7.27.1"
     "@babel/plugin-transform-reserved-words" "^7.27.1"
     "@babel/plugin-transform-shorthand-properties" "^7.27.1"
@@ -1040,10 +1071,10 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/register@7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.27.1.tgz#ea4d701649d788d7cb8a064b7540fd21083147f1"
-  integrity sha512-K13lQpoV54LATKkzBpBAEu1GGSIRzxR9f4IN4V8DCDgiUMo2UDGagEZr3lPeVNJPLkWUi5JE4hCHKneVTwQlYQ==
+"@babel/register@7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.28.3.tgz#abd8a3753480c799bdaf9c9092d6745d16e052c2"
+  integrity sha512-CieDOtd8u208eI49bYl4z1J22ySFw87IGwE+IswFEExH7e3rLgKb0WNQeumnacQ1+VoDJLYI5QFA3AJZuyZQfA==
   dependencies:
     clone-deep "^4.0.1"
     find-cache-dir "^2.0.0"
@@ -1051,10 +1082,10 @@
     pirates "^4.0.6"
     source-map-support "^0.5.16"
 
-"@babel/runtime@7.28.2":
-  version "7.28.2"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.2.tgz#2ae5a9d51cc583bd1f5673b3bb70d6d819682473"
-  integrity sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==
+"@babel/runtime@7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.3.tgz#75c5034b55ba868121668be5d5bb31cc64e6e61a"
+  integrity sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==
 
 "@babel/runtime@^7.12.5":
   version "7.27.1"
@@ -1105,7 +1136,7 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/traverse@^7.27.3", "@babel/traverse@^7.28.0":
+"@babel/traverse@^7.28.0":
   version "7.28.0"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.0.tgz#518aa113359b062042379e333db18380b537e34b"
   integrity sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==
@@ -1118,6 +1149,19 @@
     "@babel/types" "^7.28.0"
     debug "^4.3.1"
 
+"@babel/traverse@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.3.tgz#6911a10795d2cce43ec6a28cffc440cca2593434"
+  integrity sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.3"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.3"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.2"
+    debug "^4.3.1"
+
 "@babel/types@^7.0.0-beta.49", "@babel/types@^7.25.9", "@babel/types@^7.26.10", "@babel/types@^7.26.9", "@babel/types@^7.27.0", "@babel/types@^7.4.4":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.0.tgz#ef9acb6b06c3173f6632d993ecb6d4ae470b4559"

From 7ff72e5ae2b4aad77783bb7854ff65d5173fd3d7 Mon Sep 17 00:00:00 2001
From: Ekaterina Vaartis <vaartis@kotobank.ch>
Date: Fri, 15 Aug 2025 22:12:56 +0300
Subject: [PATCH 201/424] Correct shortcode attr, sort names instead of emoji,
 success info

---
 .../still-image/still-image-emoji-popover.vue | 28 +++++++++----------
 src/i18n/en.json                              |  3 +-
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
index 5224168c2..8588d5165 100644
--- a/src/components/still-image/still-image-emoji-popover.vue
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -98,13 +98,18 @@
         this.$store.state.api.backendInteractor.addNewEmojiFile({
           packName: this.packName,
           file: this.$attrs.src,
-          shortcode: this.$attrs.shortcode,
+          shortcode: this.shortcode,
           filename: ""
         }).then(resp => resp.json()).then(resp => {
           if (resp.error !== undefined) {
             this.displayError(resp.error)
             return
           }
+          useInterfaceStore().pushGlobalNotice({
+            messageKey: 'admin_dash.emoji.copied_successfully',
+            messageArgs: [this.shortcode, this.packName],
+            level: 'success'
+          })
 
           this.$refs.emojiPopover.hidePopover()
           this.packName = ''
@@ -143,21 +148,14 @@
 
         this.loadPacksPaginated(this.$store.state.api.backendInteractor.listEmojiPacks)
             .then(allPacks => {
-              this.knownLocalPacks = allPacks
-
-              for (const name of Object.keys(this.knownLocalPacks)) {
-                this.sortPackFiles(name)
-              }
+              // Sort by key
+              const sorted = Object.keys(allPacks).sort().reduce((acc, key) => {
+                if (key.length === 0) return acc
+                acc[key] = allPacks[key]
+                return acc
+              }, {})
+              this.knownLocalPacks = sorted
             })
-      },
-      sortPackFiles (nameOfPack) {
-        // Sort by key
-        const sorted = Object.keys(this.knownLocalPacks[nameOfPack].files).sort().reduce((acc, key) => {
-          if (key.length === 0) return acc
-          acc[key] = this.knownLocalPacks[nameOfPack].files[key]
-          return acc
-        }, {})
-        this.knownLocalPacks[nameOfPack].files = sorted
       }
     }
   }
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 4a3df9472..b2601ea51 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1223,7 +1223,8 @@
       "delete_title": "Delete?",
       "metadata_changed": "Metadata different from saved",
       "emoji_changed": "Unsaved emoji file changes, check highlighted emoji",
-      "replace_warning": "This will REPLACE the local pack of the same name"
+      "replace_warning": "This will REPLACE the local pack of the same name",
+      "copied_successfully": "Successfully copied emoji \"{0}\" to pack \"{1}\""
     },
     "temp_overrides": {
       ":pleroma": {

From 3ba9c01e15e25548cbac6d4410d791fdc80fd0b6 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sat, 16 Aug 2025 09:06:10 +0000
Subject: [PATCH 202/424] Update dependency @vue/babel-plugin-jsx to v1.5.0

---
 package.json |  2 +-
 yarn.lock    | 44 +++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 7f7d6f6a6..4ab2a5d46 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "@vitest/browser": "^3.0.7",
     "@vitest/ui": "^3.0.7",
     "@vue/babel-helper-vue-jsx-merge-props": "1.4.0",
-    "@vue/babel-plugin-jsx": "1.4.0",
+    "@vue/babel-plugin-jsx": "1.5.0",
     "@vue/compiler-sfc": "3.5.18",
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.21",
diff --git a/yarn.lock b/yarn.lock
index 06ac006ed..58dfd7b40 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -551,6 +551,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.25.9"
 
+"@babel/plugin-syntax-jsx@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz#2f9beb5eff30fa507c5532d107daac7b888fa34c"
+  integrity sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+
 "@babel/plugin-syntax-typescript@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz#67dda2b74da43727cf21d46cf9afef23f4365399"
@@ -2410,7 +2417,27 @@
   resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.4.0.tgz#616020488692a9c42a613280d62ed1b727045d95"
   integrity sha512-mCokbouEQ/ocRce/FpKCRItGo+013tHg7tixg3DUNS+6bmIchPt66012kBMm476vyEIJPafrvOf4E5OYj3shSw==
 
-"@vue/babel-plugin-jsx@1.4.0", "@vue/babel-plugin-jsx@^1.2.5":
+"@vue/babel-helper-vue-transform-on@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.5.0.tgz#b7e99d37eeb144d7b9757d7a1f40cd977fde748a"
+  integrity sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==
+
+"@vue/babel-plugin-jsx@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.5.0.tgz#1b988b497cb1f79725da94463e75cebe60b72e70"
+  integrity sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/plugin-syntax-jsx" "^7.27.1"
+    "@babel/template" "^7.27.2"
+    "@babel/traverse" "^7.28.0"
+    "@babel/types" "^7.28.2"
+    "@vue/babel-helper-vue-transform-on" "1.5.0"
+    "@vue/babel-plugin-resolve-type" "1.5.0"
+    "@vue/shared" "^3.5.18"
+
+"@vue/babel-plugin-jsx@^1.2.5":
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.4.0.tgz#c155c795ce980edf46aa6feceed93945a95ca658"
   integrity sha512-9zAHmwgMWlaN6qRKdrg1uKsBKHvnUU+Py+MOCTuYZBoZsopa90Di10QRjB+YPnVss0BZbG/H5XFwJY1fTxJWhA==
@@ -2436,6 +2463,17 @@
     "@babel/parser" "^7.26.9"
     "@vue/compiler-sfc" "^3.5.13"
 
+"@vue/babel-plugin-resolve-type@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.5.0.tgz#6881d7b1478e9fc0ea4bb08aaad1f4d206655568"
+  integrity sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/helper-module-imports" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/parser" "^7.28.0"
+    "@vue/compiler-sfc" "^3.5.18"
+
 "@vue/compiler-core@3.5.13":
   version "3.5.13"
   resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.13.tgz#b0ae6c4347f60c03e849a05d34e5bf747c9bda05"
@@ -2474,7 +2512,7 @@
     "@vue/compiler-core" "3.5.18"
     "@vue/shared" "3.5.18"
 
-"@vue/compiler-sfc@3.5.18":
+"@vue/compiler-sfc@3.5.18", "@vue/compiler-sfc@^3.5.18":
   version "3.5.18"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.18.tgz#ba1e849561337d809937994cdaf900539542eeca"
   integrity sha512-5aBjvGqsWs+MoxswZPoTB9nSDb3dhd1x30xrrltKujlCxo48j8HGDNj3QPhF4VIS0VQDUrA1xUfp2hEa+FNyXA==
@@ -2590,7 +2628,7 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.13.tgz#87b309a6379c22b926e696893237826f64339b6f"
   integrity sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==
 
-"@vue/shared@3.5.18":
+"@vue/shared@3.5.18", "@vue/shared@^3.5.18":
   version "3.5.18"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.18.tgz#529f24a88d3ed678d50fd5c07455841fbe8ac95e"
   integrity sha512-cZy8Dq+uuIXbxCZpuLd2GJdeSO/lIzIspC2WtkqIpje5QyFbvLaI5wZtdUjLHjGZrlVX6GilejatWwVYYRc8tA==

From 15239cf92d31b38de0954f0a160d5e5689bd3aad Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sun, 17 Aug 2025 08:52:59 +0000
Subject: [PATCH 203/424] Update dependency chalk to v5.6.0

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 7f7d6f6a6..cfea50a24 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,7 @@
     "autoprefixer": "10.4.21",
     "babel-plugin-lodash": "3.3.4",
     "chai": "5.2.1",
-    "chalk": "5.4.1",
+    "chalk": "5.6.0",
     "chromedriver": "135.0.4",
     "connect-history-api-fallback": "2.0.0",
     "cross-spawn": "7.0.6",
diff --git a/yarn.lock b/yarn.lock
index 06ac006ed..6ed15c117 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3246,10 +3246,10 @@ chalk@2.4.2, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@5.4.1:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.4.1.tgz#1b48bf0963ec158dce2aacf69c093ae2dd2092d8"
-  integrity sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==
+chalk@5.6.0:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.6.0.tgz#a1a8d294ea3526dbb77660f12649a08490e33ab8"
+  integrity sha512-46QrSQFyVSEyYAgQ22hQ+zDa60YHA4fBstHmtSApj1Y5vKtG27fWowW03jCk5KcbXEWPZUIR894aARCA/G1kfQ==
 
 chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
   version "4.1.2"

From 7b3ef62b963f7da2269556b2ededc59f63b67e0c Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sun, 17 Aug 2025 08:53:36 +0000
Subject: [PATCH 204/424] Update dependency eslint-plugin-n to v17.21.3

---
 package.json |  2 +-
 yarn.lock    | 25 +++++++++++++++++++------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 7f7d6f6a6..70d547a41 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,7 @@
     "eslint-config-standard": "17.1.0",
     "eslint-formatter-friendly": "7.0.0",
     "eslint-plugin-import": "2.31.0",
-    "eslint-plugin-n": "17.18.0",
+    "eslint-plugin-n": "17.21.3",
     "eslint-plugin-promise": "7.2.1",
     "eslint-plugin-vue": "10.1.0",
     "eventsource-polyfill": "0.9.6",
diff --git a/yarn.lock b/yarn.lock
index 06ac006ed..c128a5e28 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4219,19 +4219,20 @@ eslint-plugin-import@2.31.0:
     string.prototype.trimend "^1.0.8"
     tsconfig-paths "^3.15.0"
 
-eslint-plugin-n@17.18.0:
-  version "17.18.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-n/-/eslint-plugin-n-17.18.0.tgz#8515979b49ef8db7bb16e457b8ed22cc695d2a84"
-  integrity sha512-hvZ/HusueqTJ7VDLoCpjN0hx4N4+jHIWTXD4TMLHy9F23XkDagR9v+xQWRWR57yY55GPF8NnD4ox9iGTxirY8A==
+eslint-plugin-n@17.21.3:
+  version "17.21.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-n/-/eslint-plugin-n-17.21.3.tgz#a07592c28390ac742bf52acae89048c997a7b91c"
+  integrity sha512-MtxYjDZhMQgsWRm/4xYLL0i2EhusWT7itDxlJ80l1NND2AL2Vi5Mvneqv/ikG9+zpran0VsVRXTEHrpLmUZRNw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.5.0"
     enhanced-resolve "^5.17.1"
     eslint-plugin-es-x "^7.8.0"
     get-tsconfig "^4.8.1"
     globals "^15.11.0"
+    globrex "^0.1.2"
     ignore "^5.3.2"
-    minimatch "^9.0.5"
     semver "^7.6.3"
+    ts-declaration-location "^1.0.6"
 
 eslint-plugin-promise@7.2.1:
   version "7.2.1"
@@ -4917,6 +4918,11 @@ globjoin@^0.1.4:
   resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43"
   integrity sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==
 
+globrex@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
+  integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==
+
 gopd@^1.0.1, gopd@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
@@ -5937,7 +5943,7 @@ minimatch@^5.0.1, minimatch@^5.1.0:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^9.0.4, minimatch@^9.0.5:
+minimatch@^9.0.4:
   version "9.0.5"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
   integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
@@ -7749,6 +7755,13 @@ tr46@^5.1.0:
   dependencies:
     punycode "^2.3.1"
 
+ts-declaration-location@^1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/ts-declaration-location/-/ts-declaration-location-1.0.7.tgz#d4068fe9975828b3b453b3ab112b4711d8267688"
+  integrity sha512-EDyGAwH1gO0Ausm9gV6T2nUvBgXT5kGoCMJPllOaooZ+4VvJiKBdZE7wK18N1deEowhcUptS+5GXZK8U/fvpwA==
+  dependencies:
+    picomatch "^4.0.2"
+
 tsconfig-paths@^3.15.0:
   version "3.15.0"
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"

From 80b0117ba271d63da35e5080eba08395df880edd Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Mon, 18 Aug 2025 08:53:12 +0000
Subject: [PATCH 205/424] Update dependency eslint-plugin-vue to v10.4.0

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 7f7d6f6a6..cd12cf7fb 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-n": "17.18.0",
     "eslint-plugin-promise": "7.2.1",
-    "eslint-plugin-vue": "10.1.0",
+    "eslint-plugin-vue": "10.4.0",
     "eventsource-polyfill": "0.9.6",
     "express": "5.1.0",
     "function-bind": "1.1.2",
diff --git a/yarn.lock b/yarn.lock
index 06ac006ed..07cc2811b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4240,10 +4240,10 @@ eslint-plugin-promise@7.2.1:
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
 
-eslint-plugin-vue@10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-10.1.0.tgz#434cb84eecfa0a69b7cd95bf913f11ded259308e"
-  integrity sha512-/VTiJ1eSfNLw6lvG9ENySbGmcVvz6wZ9nA7ZqXlLBY2RkaF15iViYKxglWiIch12KiLAj0j1iXPYU6W4wTROFA==
+eslint-plugin-vue@10.4.0:
+  version "10.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-10.4.0.tgz#2ae20df43801d20515c58ec2ae0555bf1127a080"
+  integrity sha512-K6tP0dW8FJVZLQxa2S7LcE1lLw3X8VvB3t887Q6CLrFVxHYBXGANbXvwNzYIu6Ughx1bSJ5BDT0YB3ybPT39lw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
     natural-compare "^1.4.0"

From 0d6453baecbb1385b19fc159bce04c1b861cce5a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 19 Aug 2025 16:21:30 +0300
Subject: [PATCH 206/424] fix emoji reactions notifs being non-expandable

---
 src/components/notification/notification.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 247b73848..8692c6190 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -138,7 +138,7 @@ const Notification = {
       return highlightStyle(highlight[user.screen_name])
     },
     expandable () {
-      return (new Set(['like', '-pleroma:emoji_reaction', 'repeat'])).has(this.notification.type)
+      return (new Set(['like', 'pleroma:emoji_reaction', 'repeat'])).has(this.notification.type)
     },
     user () {
       return this.$store.getters.findUser(this.notification.from_profile.id)

From 26a2232e1841a359d3f34200d38ca9c897b1f30a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 19 Aug 2025 16:21:44 +0300
Subject: [PATCH 207/424] fix incorrect collapse state

---
 src/components/notification/notification.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 28ab1b9b8..76ede11e2 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -255,7 +255,7 @@
             class="status-content"
             :compact="!statusExpanded"
             :status="notification.status"
-            :collapse="statusExpanded"
+            :collapse="!statusExpanded"
             @click="toggleStatusExpanded()"
           />
         </template>

From 8780e0191e7213b141cf36efa40365401304b06d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 19 Aug 2025 16:35:40 +0300
Subject: [PATCH 208/424] proper collapse

---
 src/components/rich_content/rich_content.jsx | 19 +++++++++++++++++--
 src/components/status_body/status_body.vue   |  3 ++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 9466603cd..599985c3b 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -86,6 +86,12 @@ export default {
       required: false,
       type: Boolean,
       default: false
+    },
+    // Collapse newlines
+    collapse: {
+      required: false,
+      type: Boolean,
+      default: false
     }
   },
   // NEVER EVER TOUCH DATA INSIDE RENDER
@@ -281,11 +287,20 @@ export default {
 
     const pass1 = convertHtmlToTree(html).map(processItem)
     const pass2 = [...pass1].reverse().map(processItemReverse).reverse()
+
     // DO NOT USE SLOTS they cause a re-render feedback loop here.
     // slots updated -> rerender -> emit -> update up the tree -> rerender -> ...
     // at least until vue3?
-    const result = <span class={['RichContent', this.faint ? '-faint' : '']}>
-      { pass2 }
+    const result =
+    <span class={['RichContent', this.faint ? '-faint' : '']}>
+      {
+        this.collapse
+          ? pass2.map(x => {
+            if (!Array.isArray(x)) return x.replace(/\n/g, ' ')
+            return x.map(y => y.type === 'br' ? ' ' : y)
+          })
+          : pass2
+      }
     </span>
 
     const event = {
diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue
index 1291533c9..0735e8d98 100644
--- a/src/components/status_body/status_body.vue
+++ b/src/components/status_body/status_body.vue
@@ -38,7 +38,8 @@
           v-if="!hideSubjectStatus && !(singleLine && status.summary_raw_html)"
           :class="{ '-single-line': singleLine }"
           class="text media-body"
-          :html="collapse ? collapsedStatus : status.raw_html"
+          :html="status.raw_html"
+          :collapse="collapse"
           :emoji="status.emojis"
           :handle-links="true"
           :faint="compact"

From bebb3fcfa62270ee0d358febe241ebde2f4d73e3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 19 Aug 2025 17:28:19 +0300
Subject: [PATCH 209/424] better click handler

---
 src/components/notification/notification.js   | 25 +++++++++++++++++++
 src/components/notification/notification.vue  |  4 ++-
 src/components/status_body/status_body.js     |  1 +
 .../status_content/status_content.js          |  1 +
 4 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 8692c6190..3edf21de7 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -42,6 +42,7 @@ library.add(
 const Notification = {
   data () {
     return {
+      selecting: false,
       statusExpanded: false,
       unmuted: false,
       showingApproveConfirmDialog: false,
@@ -62,11 +63,35 @@ const Notification = {
     UserLink,
     ConfirmModal
   },
+  mounted () {
+    document.addEventListener('selectionchange', this.onContentSelect)
+  },
+  unmounted () {
+    document.removeEventListener('selectionchange', this.onContentSelect)
+  },
   methods: {
     toggleStatusExpanded () {
       if (!this.expandable) return
       this.statusExpanded = !this.statusExpanded
     },
+    onContentSelect () {
+      const { isCollapsed, anchorNode, offsetNode } = document.getSelection()
+      if (isCollapsed) {
+        this.selecting = false
+        return
+      }
+      const within = this.$refs.root.contains(anchorNode) || this.$refs.root.contains(offsetNode)
+      if (within) {
+        this.selecting = true
+      } else {
+        this.selecting = false
+      }
+    },
+    onContentClick (e) {
+      if (!this.selecting && !e.target.closest('a') && !e.target.closest('button')) {
+        this.toggleStatusExpanded()
+      }
+    },
     generateUserProfileLink (user) {
       return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
     },
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 76ede11e2..b639b9c88 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -1,6 +1,7 @@
 <template>
   <article
     v-if="notification.type === 'mention' || notification.type === 'status'"
+    ref="root"
   >
     <Status
       class="Notification"
@@ -12,6 +13,7 @@
   <article
     class="NotificationParent"
     :class="{ '-expandable': expandable }"
+    ref="root"
     v-else
   >
     <div
@@ -256,7 +258,7 @@
             :compact="!statusExpanded"
             :status="notification.status"
             :collapse="!statusExpanded"
-            @click="toggleStatusExpanded()"
+            @click="onContentClick"
           />
         </template>
       </div>
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index e89d1d173..f23055955 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -41,6 +41,7 @@ const StatusContent = {
       parseReadyDone: false
     }
   },
+  emits: ['parseReady'],
   computed: {
     localCollapseSubjectDefault () {
       return this.mergedConfig.collapseMessageWithSubject
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index f61ba0d05..364123f49 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -65,6 +65,7 @@ const StatusContent = {
     'controlledShowingLongSubject',
     'controlledToggleShowingLongSubject'
   ],
+  emits: ['parseReady', 'mediaplay', 'mediapause'],
   data () {
     return {
       uncontrolledShowingTall: this.fullContent || (this.inConversation && this.focused),

From b3ba505e517a70943730f5b502e11f2690171758 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Wed, 20 Aug 2025 09:05:57 +0000
Subject: [PATCH 210/424] Update dependency chai to v5.3.1

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index f689eab2e..5b50c181a 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.21",
     "babel-plugin-lodash": "3.3.4",
-    "chai": "5.2.1",
+    "chai": "5.3.1",
     "chalk": "5.6.0",
     "chromedriver": "135.0.4",
     "connect-history-api-fallback": "2.0.0",
diff --git a/yarn.lock b/yarn.lock
index 85da36bf0..43aeb55f4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3253,10 +3253,10 @@ chai-nightwatch@^0.5.3:
   dependencies:
     assertion-error "1.1.0"
 
-chai@5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-5.2.1.tgz#a9502462bdc79cf90b4a0953537a9908aa638b47"
-  integrity sha512-5nFxhUrX0PqtyogoYOA8IPswy5sZFTOsBFl/9bNsmDLgsxYTzSZQJDPppDnZPTQbzSEm0hqGjWPzRemQCYbD6A==
+chai@5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-5.3.1.tgz#f9e9a7e03f93d69e24b78d30db253780e26deb44"
+  integrity sha512-48af6xm9gQK8rhIcOxWwdGzIervm8BVTin+yRp9HEvU20BtVZ2lBywlIJBzwaDtvo0FvjeL7QdCADoUoqIbV3A==
   dependencies:
     assertion-error "^2.0.1"
     check-error "^2.1.1"

From 91ab21b37be3bff6e951b726561d31815743a360 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Wed, 20 Aug 2025 09:06:11 +0000
Subject: [PATCH 211/424] Update dependency eslint-plugin-import to v2.32.0

---
 package.json |   2 +-
 yarn.lock    | 139 ++++++++++++++++++++++++++++++++++++++-------------
 2 files changed, 104 insertions(+), 37 deletions(-)

diff --git a/package.json b/package.json
index f689eab2e..eff0839ef 100644
--- a/package.json
+++ b/package.json
@@ -80,7 +80,7 @@
     "vue-eslint-parser": "10.1.3",
     "eslint-config-standard": "17.1.0",
     "eslint-formatter-friendly": "7.0.0",
-    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-import": "2.32.0",
     "eslint-plugin-n": "17.21.3",
     "eslint-plugin-promise": "7.2.1",
     "eslint-plugin-vue": "10.4.0",
diff --git a/yarn.lock b/yarn.lock
index 85da36bf0..727ff3f89 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2858,24 +2858,26 @@ array-buffer-byte-length@^1.0.0, array-buffer-byte-length@^1.0.1, array-buffer-b
     call-bound "^1.0.3"
     is-array-buffer "^3.0.5"
 
-array-includes@^3.1.8:
-  version "3.1.8"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
-  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
+array-includes@^3.1.9:
+  version "3.1.9"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.9.tgz#1f0ccaa08e90cdbc3eb433210f903ad0f17c3f3a"
+  integrity sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==
   dependencies:
-    call-bind "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
     define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-object-atoms "^1.0.0"
-    get-intrinsic "^1.2.4"
-    is-string "^1.0.7"
+    es-abstract "^1.24.0"
+    es-object-atoms "^1.1.1"
+    get-intrinsic "^1.3.0"
+    is-string "^1.1.1"
+    math-intrinsics "^1.1.0"
 
 array-union@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-array.prototype.findlastindex@^1.2.5:
+array.prototype.findlastindex@^1.2.6:
   version "1.2.6"
   resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz#cfa1065c81dcb64e34557c9b81d012f6a421c564"
   integrity sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==
@@ -2888,7 +2890,7 @@ array.prototype.findlastindex@^1.2.5:
     es-object-atoms "^1.1.1"
     es-shim-unscopables "^1.1.0"
 
-array.prototype.flat@^1.3.2:
+array.prototype.flat@^1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz#534aaf9e6e8dd79fb6b9a9917f839ef1ec63afe5"
   integrity sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==
@@ -2898,7 +2900,7 @@ array.prototype.flat@^1.3.2:
     es-abstract "^1.23.5"
     es-shim-unscopables "^1.0.2"
 
-array.prototype.flatmap@^1.3.2:
+array.prototype.flatmap@^1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz#712cc792ae70370ae40586264629e33aab5dd38b"
   integrity sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==
@@ -4059,6 +4061,66 @@ es-abstract@^1.23.2, es-abstract@^1.23.5, es-abstract@^1.23.9:
     unbox-primitive "^1.1.0"
     which-typed-array "^1.1.18"
 
+es-abstract@^1.24.0:
+  version "1.24.0"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.24.0.tgz#c44732d2beb0acc1ed60df840869e3106e7af328"
+  integrity sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==
+  dependencies:
+    array-buffer-byte-length "^1.0.2"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    data-view-buffer "^1.0.2"
+    data-view-byte-length "^1.0.2"
+    data-view-byte-offset "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    es-set-tostringtag "^2.1.0"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.8"
+    get-intrinsic "^1.3.0"
+    get-proto "^1.0.1"
+    get-symbol-description "^1.1.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.5"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.2"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.2.1"
+    is-set "^2.0.3"
+    is-shared-array-buffer "^1.0.4"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.15"
+    is-weakref "^1.1.1"
+    math-intrinsics "^1.1.0"
+    object-inspect "^1.13.4"
+    object-keys "^1.1.1"
+    object.assign "^4.1.7"
+    own-keys "^1.0.1"
+    regexp.prototype.flags "^1.5.4"
+    safe-array-concat "^1.1.3"
+    safe-push-apply "^1.0.0"
+    safe-regex-test "^1.1.0"
+    set-proto "^1.0.0"
+    stop-iteration-iterator "^1.1.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.3"
+    typed-array-byte-length "^1.0.3"
+    typed-array-byte-offset "^1.0.4"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.1.0"
+    which-typed-array "^1.1.19"
+
 es-define-property@^1.0.0, es-define-property@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
@@ -4216,10 +4278,10 @@ eslint-import-resolver-node@^0.3.9:
     is-core-module "^2.13.0"
     resolve "^1.22.4"
 
-eslint-module-utils@^2.12.0:
-  version "2.12.0"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz#fe4cfb948d61f49203d7b08871982b65b9af0b0b"
-  integrity sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==
+eslint-module-utils@^2.12.1:
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz#f76d3220bfb83c057651359295ab5854eaad75ff"
+  integrity sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==
   dependencies:
     debug "^3.2.7"
 
@@ -4232,29 +4294,29 @@ eslint-plugin-es-x@^7.8.0:
     "@eslint-community/regexpp" "^4.11.0"
     eslint-compat-utils "^0.5.1"
 
-eslint-plugin-import@2.31.0:
-  version "2.31.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz#310ce7e720ca1d9c0bb3f69adfd1c6bdd7d9e0e7"
-  integrity sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==
+eslint-plugin-import@2.32.0:
+  version "2.32.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz#602b55faa6e4caeaa5e970c198b5c00a37708980"
+  integrity sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==
   dependencies:
     "@rtsao/scc" "^1.1.0"
-    array-includes "^3.1.8"
-    array.prototype.findlastindex "^1.2.5"
-    array.prototype.flat "^1.3.2"
-    array.prototype.flatmap "^1.3.2"
+    array-includes "^3.1.9"
+    array.prototype.findlastindex "^1.2.6"
+    array.prototype.flat "^1.3.3"
+    array.prototype.flatmap "^1.3.3"
     debug "^3.2.7"
     doctrine "^2.1.0"
     eslint-import-resolver-node "^0.3.9"
-    eslint-module-utils "^2.12.0"
+    eslint-module-utils "^2.12.1"
     hasown "^2.0.2"
-    is-core-module "^2.15.1"
+    is-core-module "^2.16.1"
     is-glob "^4.0.3"
     minimatch "^3.1.2"
     object.fromentries "^2.0.8"
     object.groupby "^1.0.3"
-    object.values "^1.2.0"
+    object.values "^1.2.1"
     semver "^6.3.1"
-    string.prototype.trimend "^1.0.8"
+    string.prototype.trimend "^1.0.9"
     tsconfig-paths "^3.15.0"
 
 eslint-plugin-n@17.21.3:
@@ -5279,7 +5341,7 @@ is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.13.0, is-core-module@^2.15.1, is-core-module@^2.16.0:
+is-core-module@^2.13.0, is-core-module@^2.16.0, is-core-module@^2.16.1:
   version "2.16.1"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
   integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
@@ -5352,6 +5414,11 @@ is-map@^2.0.2, is-map@^2.0.3:
   resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
   integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
 
+is-negative-zero@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
+  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
+
 is-node-process@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/is-node-process/-/is-node-process-1.2.0.tgz#ea02a1b90ddb3934a19aea414e88edef7e11d134"
@@ -5463,7 +5530,7 @@ is-weakmap@^2.0.2:
   resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
   integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
 
-is-weakref@^1.0.2, is-weakref@^1.1.0:
+is-weakref@^1.0.2, is-weakref@^1.1.0, is-weakref@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.1.tgz#eea430182be8d64174bd96bffbc46f21bf3f9293"
   integrity sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==
@@ -6196,7 +6263,7 @@ nwsapi@^2.2.12:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.20.tgz#22e53253c61e7b0e7e93cef42c891154bcca11ef"
   integrity sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==
 
-object-inspect@^1.13.3:
+object-inspect@^1.13.3, object-inspect@^1.13.4:
   version "1.13.4"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
   integrity sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==
@@ -6245,7 +6312,7 @@ object.groupby@^1.0.3:
     define-properties "^1.2.1"
     es-abstract "^1.23.2"
 
-object.values@^1.2.0:
+object.values@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.1.tgz#deed520a50809ff7f75a7cfd4bc64c7a038c6216"
   integrity sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==
@@ -6867,7 +6934,7 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regexp.prototype.flags@^1.5.1, regexp.prototype.flags@^1.5.3:
+regexp.prototype.flags@^1.5.1, regexp.prototype.flags@^1.5.3, regexp.prototype.flags@^1.5.4:
   version "1.5.4"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz#1ad6c62d44a259007e55b3970e00f746efbcaa19"
   integrity sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==
@@ -7403,7 +7470,7 @@ std-env@^3.9.0:
   resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.9.0.tgz#1a6f7243b339dca4c9fd55e1c7504c77ef23e8f1"
   integrity sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==
 
-stop-iteration-iterator@^1.0.0:
+stop-iteration-iterator@^1.0.0, stop-iteration-iterator@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz#f481ff70a548f6124d0312c3aa14cbfa7aa542ad"
   integrity sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==
@@ -7456,7 +7523,7 @@ string.prototype.trim@^1.2.10:
     es-object-atoms "^1.0.0"
     has-property-descriptors "^1.0.2"
 
-string.prototype.trimend@^1.0.8, string.prototype.trimend@^1.0.9:
+string.prototype.trimend@^1.0.9:
   version "1.0.9"
   resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
   integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
@@ -8243,7 +8310,7 @@ which-module@^2.0.0:
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.1.tgz#776b1fe35d90aebe99e8ac15eb24093389a4a409"
   integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
 
-which-typed-array@^1.1.13, which-typed-array@^1.1.16, which-typed-array@^1.1.18:
+which-typed-array@^1.1.13, which-typed-array@^1.1.16, which-typed-array@^1.1.18, which-typed-array@^1.1.19:
   version "1.1.19"
   resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.19.tgz#df03842e870b6b88e117524a4b364b6fc689f956"
   integrity sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==

From 4ce9a011da8eefc5c211dc8c4f726948ece2cd3e Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Wed, 20 Aug 2025 09:06:26 +0000
Subject: [PATCH 212/424] Update dependency globals to v16.3.0

---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 85da36bf0..85155f9e6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4927,9 +4927,9 @@ globals@^15.11.0:
   integrity sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==
 
 globals@^16.0.0:
-  version "16.1.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-16.1.0.tgz#ee6ab147d41c64e9f2beaaaf66572d18df8e1e60"
-  integrity sha512-aibexHNbb/jiUSObBgpHLj+sIuUmJnYcgXBlrfsiDZ9rt4aF2TFRbyLgZ2iFQuVZ1K5Mx3FVkbKRSgKrbK3K2g==
+  version "16.3.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-16.3.0.tgz#66118e765ddaf9e2d880f7e17658543f93f1f667"
+  integrity sha512-bqWEnJ1Nt3neqx2q5SFfGS8r/ahumIakg3HcwtNlrVlwXIeNumWn/c7Pn/wKzGhf6SaW6H6uWXLqC30STCMchQ==
 
 globalthis@^1.0.4:
   version "1.0.4"

From 0ad18d3e5eb7742e357385f04a9a58cfd61a6fdf Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Thu, 21 Aug 2025 09:05:57 +0000
Subject: [PATCH 213/424] Update vue monorepo to v3.5.19

---
 package.json |   4 +-
 yarn.lock    | 131 ++++++++++++++++++++++++++++++++++-----------------
 2 files changed, 91 insertions(+), 44 deletions(-)

diff --git a/package.json b/package.json
index f689eab2e..4491f8148 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "url": "0.11.4",
     "utf8": "3.0.0",
     "uuid": "11.1.0",
-    "vue": "3.5.18",
+    "vue": "3.5.19",
     "vue-i18n": "11",
     "vue-router": "4.5.1",
     "vue-virtual-scroller": "^2.0.0-beta.7",
@@ -66,7 +66,7 @@
     "@vitest/ui": "^3.0.7",
     "@vue/babel-helper-vue-jsx-merge-props": "1.4.0",
     "@vue/babel-plugin-jsx": "1.5.0",
-    "@vue/compiler-sfc": "3.5.18",
+    "@vue/compiler-sfc": "3.5.19",
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.21",
     "babel-plugin-lodash": "3.3.4",
diff --git a/yarn.lock b/yarn.lock
index 85da36bf0..b56e91ce4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2496,6 +2496,17 @@
     estree-walker "^2.0.2"
     source-map-js "^1.2.1"
 
+"@vue/compiler-core@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.19.tgz#f141d35b61b55ce72c3cbb4dc9eeca3821d451aa"
+  integrity sha512-/afpyvlkrSNYbPo94Qu8GtIOWS+g5TRdOvs6XZNw6pWQQmj5pBgSZvEPOIZlqWq0YvoUhDDQaQ2TnzuJdOV4hA==
+  dependencies:
+    "@babel/parser" "^7.28.3"
+    "@vue/shared" "3.5.19"
+    entities "^4.5.0"
+    estree-walker "^2.0.2"
+    source-map-js "^1.2.1"
+
 "@vue/compiler-dom@3.5.13":
   version "3.5.13"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz#bb1b8758dbc542b3658dda973b98a1c9311a8a58"
@@ -2512,16 +2523,24 @@
     "@vue/compiler-core" "3.5.18"
     "@vue/shared" "3.5.18"
 
-"@vue/compiler-sfc@3.5.18", "@vue/compiler-sfc@^3.5.18":
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.18.tgz#ba1e849561337d809937994cdaf900539542eeca"
-  integrity sha512-5aBjvGqsWs+MoxswZPoTB9nSDb3dhd1x30xrrltKujlCxo48j8HGDNj3QPhF4VIS0VQDUrA1xUfp2hEa+FNyXA==
+"@vue/compiler-dom@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.19.tgz#fc57d9dca4987df67d6ce64dbddaac6d73f1a6ef"
+  integrity sha512-Drs6rPHQZx/pN9S6ml3Z3K/TWCIRPvzG2B/o5kFK9X0MNHt8/E+38tiRfojufrYBfA6FQUFB2qBBRXlcSXWtOA==
   dependencies:
-    "@babel/parser" "^7.28.0"
-    "@vue/compiler-core" "3.5.18"
-    "@vue/compiler-dom" "3.5.18"
-    "@vue/compiler-ssr" "3.5.18"
-    "@vue/shared" "3.5.18"
+    "@vue/compiler-core" "3.5.19"
+    "@vue/shared" "3.5.19"
+
+"@vue/compiler-sfc@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.19.tgz#7f9792ad7de5d4be9b6a32129c75e1f6cd4da015"
+  integrity sha512-YWCm1CYaJ+2RvNmhCwI7t3I3nU+hOrWGWMsn+Z/kmm1jy5iinnVtlmkiZwbLlbV1SRizX7vHsc0/bG5dj0zRTg==
+  dependencies:
+    "@babel/parser" "^7.28.3"
+    "@vue/compiler-core" "3.5.19"
+    "@vue/compiler-dom" "3.5.19"
+    "@vue/compiler-ssr" "3.5.19"
+    "@vue/shared" "3.5.19"
     estree-walker "^2.0.2"
     magic-string "^0.30.17"
     postcss "^8.5.6"
@@ -2542,6 +2561,21 @@
     postcss "^8.4.48"
     source-map-js "^1.2.0"
 
+"@vue/compiler-sfc@^3.5.18":
+  version "3.5.18"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.18.tgz#ba1e849561337d809937994cdaf900539542eeca"
+  integrity sha512-5aBjvGqsWs+MoxswZPoTB9nSDb3dhd1x30xrrltKujlCxo48j8HGDNj3QPhF4VIS0VQDUrA1xUfp2hEa+FNyXA==
+  dependencies:
+    "@babel/parser" "^7.28.0"
+    "@vue/compiler-core" "3.5.18"
+    "@vue/compiler-dom" "3.5.18"
+    "@vue/compiler-ssr" "3.5.18"
+    "@vue/shared" "3.5.18"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.17"
+    postcss "^8.5.6"
+    source-map-js "^1.2.1"
+
 "@vue/compiler-ssr@3.5.13":
   version "3.5.13"
   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz#e771adcca6d3d000f91a4277c972a996d07f43ba"
@@ -2558,6 +2592,14 @@
     "@vue/compiler-dom" "3.5.18"
     "@vue/shared" "3.5.18"
 
+"@vue/compiler-ssr@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.19.tgz#1719e7fda6d54f5696ca63d4d40281668c0e601c"
+  integrity sha512-/wx0VZtkWOPdiQLWPeQeqpHWR/LuNC7bHfSX7OayBTtUy8wur6vT6EQIX6Et86aED6J+y8tTw43qo2uoqGg5sw==
+  dependencies:
+    "@vue/compiler-dom" "3.5.19"
+    "@vue/shared" "3.5.19"
+
 "@vue/devtools-api@^6.0.0-beta.11", "@vue/devtools-api@^6.5.0", "@vue/devtools-api@^6.6.4":
   version "6.6.4"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
@@ -2590,38 +2632,38 @@
   dependencies:
     rfdc "^1.4.1"
 
-"@vue/reactivity@3.5.18":
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.18.tgz#fe32166e3938832c54b4134e60e9b58ca7d9bdb4"
-  integrity sha512-x0vPO5Imw+3sChLM5Y+B6G1zPjwdOri9e8V21NnTnlEvkxatHEH5B5KEAJcjuzQ7BsjGrKtfzuQ5eQwXh8HXBg==
+"@vue/reactivity@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.19.tgz#c06f172da26e2fc74060cc490d1c3aaffc024622"
+  integrity sha512-4bueZg2qs5MSsK2dQk3sssV0cfvxb/QZntTC8v7J448GLgmfPkQ+27aDjlt40+XFqOwUq5yRxK5uQh14Fc9eVA==
   dependencies:
-    "@vue/shared" "3.5.18"
+    "@vue/shared" "3.5.19"
 
-"@vue/runtime-core@3.5.18":
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.18.tgz#9e9ae8b9491548b53d0cea2bf25746d27c52e191"
-  integrity sha512-DUpHa1HpeOQEt6+3nheUfqVXRog2kivkXHUhoqJiKR33SO4x+a5uNOMkV487WPerQkL0vUuRvq/7JhRgLW3S+w==
+"@vue/runtime-core@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.19.tgz#7af375addd88b8be0a3a90162112bb98f92a9359"
+  integrity sha512-TaooCr8Hge1sWjLSyhdubnuofs3shhzZGfyD11gFolZrny76drPwBVQj28/z/4+msSFb18tOIg6VVVgf9/IbIA==
   dependencies:
-    "@vue/reactivity" "3.5.18"
-    "@vue/shared" "3.5.18"
+    "@vue/reactivity" "3.5.19"
+    "@vue/shared" "3.5.19"
 
-"@vue/runtime-dom@3.5.18":
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.18.tgz#1150952d1048b5822e4f1dd8aed24665cbb22107"
-  integrity sha512-YwDj71iV05j4RnzZnZtGaXwPoUWeRsqinblgVJwR8XTXYZ9D5PbahHQgsbmzUvCWNF6x7siQ89HgnX5eWkr3mw==
+"@vue/runtime-dom@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.19.tgz#b8cb4101778a306bdb64b5faba539a90ecce712c"
+  integrity sha512-qmahqeok6ztuUTmV8lqd7N9ymbBzctNF885n8gL3xdCC1u2RnM/coX16Via0AiONQXUoYpxPojL3U1IsDgSWUQ==
   dependencies:
-    "@vue/reactivity" "3.5.18"
-    "@vue/runtime-core" "3.5.18"
-    "@vue/shared" "3.5.18"
+    "@vue/reactivity" "3.5.19"
+    "@vue/runtime-core" "3.5.19"
+    "@vue/shared" "3.5.19"
     csstype "^3.1.3"
 
-"@vue/server-renderer@3.5.18":
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.18.tgz#e9fa267b95b3a1d8cddca762377e5de2ae9122bd"
-  integrity sha512-PvIHLUoWgSbDG7zLHqSqaCoZvHi6NNmfVFOqO+OnwvqMz/tqQr3FuGWS8ufluNddk7ZLBJYMrjcw1c6XzR12mA==
+"@vue/server-renderer@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.19.tgz#68269701e73640ec0b861fcaff5cc77331d245e9"
+  integrity sha512-ZJ/zV9SQuaIO+BEEVq/2a6fipyrSYfjKMU3267bPUk+oTx/hZq3RzV7VCh0Unlppt39Bvh6+NzxeopIFv4HJNg==
   dependencies:
-    "@vue/compiler-ssr" "3.5.18"
-    "@vue/shared" "3.5.18"
+    "@vue/compiler-ssr" "3.5.19"
+    "@vue/shared" "3.5.19"
 
 "@vue/shared@3.5.13", "@vue/shared@^3.5.13":
   version "3.5.13"
@@ -2633,6 +2675,11 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.18.tgz#529f24a88d3ed678d50fd5c07455841fbe8ac95e"
   integrity sha512-cZy8Dq+uuIXbxCZpuLd2GJdeSO/lIzIspC2WtkqIpje5QyFbvLaI5wZtdUjLHjGZrlVX6GilejatWwVYYRc8tA==
 
+"@vue/shared@3.5.19":
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.19.tgz#5301967a910cb62145e4f17131f3bee88b463c83"
+  integrity sha512-IhXCOn08wgKrLQxRFKKlSacWg4Goi1BolrdEeLYn6tgHjJNXVrWJ5nzoxZqNwl5p88aLlQ8LOaoMa3AYvaKJ/Q==
+
 "@vue/test-utils@2.4.6":
   version "2.4.6"
   resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.4.6.tgz#7d534e70c4319d2a587d6a3b45a39e9695ade03c"
@@ -8141,16 +8188,16 @@ vue-virtual-scroller@^2.0.0-beta.7:
     vue-observe-visibility "^2.0.0-alpha.1"
     vue-resize "^2.0.0-alpha.1"
 
-vue@3.5.18:
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.18.tgz#3d622425ad1391a2b0138323211ec784f4415686"
-  integrity sha512-7W4Y4ZbMiQ3SEo+m9lnoNpV9xG7QVMLa+/0RFwwiAVkeYoyGXqWE85jabU4pllJNUzqfLShJ5YLptewhCWUgNA==
+vue@3.5.19:
+  version "3.5.19"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.19.tgz#973ba643a331bd35578eec2a27fa115f500eb25b"
+  integrity sha512-ZRh0HTmw6KChRYWgN8Ox/wi7VhpuGlvMPrHjIsdRbzKNgECFLzy+dKL5z9yGaBSjCpmcfJCbh3I1tNSRmBz2tg==
   dependencies:
-    "@vue/compiler-dom" "3.5.18"
-    "@vue/compiler-sfc" "3.5.18"
-    "@vue/runtime-dom" "3.5.18"
-    "@vue/server-renderer" "3.5.18"
-    "@vue/shared" "3.5.18"
+    "@vue/compiler-dom" "3.5.19"
+    "@vue/compiler-sfc" "3.5.19"
+    "@vue/runtime-dom" "3.5.19"
+    "@vue/server-renderer" "3.5.19"
+    "@vue/shared" "3.5.19"
 
 vuex@4.1.0:
   version "4.1.0"

From 0b9547b289f35f06141bf06f6da6000e21da67b2 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Thu, 21 Aug 2025 09:06:13 +0000
Subject: [PATCH 214/424] Update dependency phoenix to v1.8.0

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index f689eab2e..d8619d386 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
     "js-cookie": "3.0.5",
     "localforage": "1.10.0",
     "parse-link-header": "2.0.0",
-    "phoenix": "1.7.21",
+    "phoenix": "1.8.0",
     "pinia": "^3.0.0",
     "punycode.js": "2.3.1",
     "qrcode": "1.5.4",
diff --git a/yarn.lock b/yarn.lock
index 85da36bf0..6ef36b6de 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6507,10 +6507,10 @@ perfect-debounce@^1.0.0:
   resolved "https://registry.yarnpkg.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"
   integrity sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==
 
-phoenix@1.7.21:
-  version "1.7.21"
-  resolved "https://registry.yarnpkg.com/phoenix/-/phoenix-1.7.21.tgz#b1ff7d21f5bd8ceee35953f3ca3921e31d15d88a"
-  integrity sha512-8wOvJ8pQXRxNbyFlMI+wQhK3bvX4Ps3FtUX2+0cV6lkcebe9VTIl+xS60FLAeaPieFg80djor5z/AKofnwqAUw==
+phoenix@1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/phoenix/-/phoenix-1.8.0.tgz#b651a3f4c45531acf181b53158d412bf330ecb0f"
+  integrity sha512-hRBoaOuxQIGrN/JPbCYjC5Xkdz83sbkzBLT41lSROsQmkFUyE+w3ElhwaW4z/i2nkPtrLYoXyVunvntE6Zm1DA==
 
 picocolors@^1.0.0, picocolors@^1.1.1:
   version "1.1.1"

From 528cc9f388c1abb893152c89a1113b1e1210c635 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 21 Aug 2025 17:20:33 +0300
Subject: [PATCH 215/424] fix emoji vertical alignment when using stealer

---
 src/components/rich_content/rich_content.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss
index 6b70d1356..400b553ce 100644
--- a/src/components/rich_content/rich_content.scss
+++ b/src/components/rich_content/rich_content.scss
@@ -78,6 +78,11 @@
     max-height: 400px;
     vertical-align: middle;
     object-fit: contain;
+
+    // fix vertical alignment of stealable emoji
+    button {
+      display: inline-flex;
+    }
   }
 
   .greentext {

From 8f320faa2d45d16427b61ba7366ba50f39991566 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 21 Aug 2025 17:33:57 +0300
Subject: [PATCH 216/424] lint

---
 src/components/notification/notification.vue           |  4 ++--
 .../settings_modal/helpers/emoji_editing_popover.vue   |  5 ++++-
 .../settings_modal/tabs/theme_tab/theme_preview.vue    | 10 ++++++++--
 src/components/status_content/status_content.vue       |  5 ++++-
 .../still-image/still-image-emoji-popover.vue          |  2 +-
 .../user_reporting_modal/user_reporting_modal.vue      |  5 ++++-
 6 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 118c1ba0e..7165289dc 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -11,10 +11,10 @@
     />
   </article>
   <article
+    v-else
+    ref="root"
     class="NotificationParent"
     :class="{ '-expandable': expandable }"
-    ref="root"
-    v-else
   >
     <div
       v-if="needMute && !unmuted"
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index e466822b3..d25b02da2 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -27,7 +27,10 @@
         class="emoji"
       />
 
-      <div v-if="newUpload" class="emoji-tab-popover-new-upload">
+      <div
+        v-if="newUpload"
+        class="emoji-tab-popover-new-upload"
+      >
         <h4>{{ $t('admin_dash.emoji.emoji_source') }}</h4>
 
         <div class="emoji-tab-popover-input">
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_preview.vue b/src/components/settings_modal/tabs/theme_tab/theme_preview.vue
index 016d84c49..df2d9f9e9 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_preview.vue
+++ b/src/components/settings_modal/tabs/theme_tab/theme_preview.vue
@@ -21,7 +21,10 @@
       </div>
       <div class="panel-body theme-preview-content">
         <div class="post">
-          <div class="avatar still-image" aria-hidden="true">
+          <div
+            class="avatar still-image"
+            aria-hidden="true"
+          >
             ( ͡° ͜ʖ ͡°)
           </div>
           <div class="content">
@@ -71,7 +74,10 @@
         </div>
 
         <div class="after-post">
-          <div class="avatar-alt" aria-hidden="true">
+          <div
+            class="avatar-alt"
+            aria-hidden="true"
+          >
             :^)
           </div>
           <div class="content">
diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue
index bab4f70a5..460a0714b 100644
--- a/src/components/status_content/status_content.vue
+++ b/src/components/status_content/status_content.vue
@@ -24,7 +24,10 @@
         />
       </div>
 
-      <div class="poll-icon" v-else-if="status.poll && status.poll.options && compact">
+      <div
+        v-else-if="status.poll && status.poll.options && compact"
+        class="poll-icon"
+      >
         <FAIcon
           icon="poll-h"
           size="2x"
diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
index 8588d5165..8317c6a0c 100644
--- a/src/components/still-image/still-image-emoji-popover.vue
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -25,8 +25,8 @@
           <button
             class="button button-default btn emoji-popover-button"
             type="button"
-            @click="copyToLocalPack"
             :disabled="packName == ''"
+            @click="copyToLocalPack"
           >
             {{ $t('admin_dash.emoji.copy_to_pack') }}
           </button>
diff --git a/src/components/user_reporting_modal/user_reporting_modal.vue b/src/components/user_reporting_modal/user_reporting_modal.vue
index dbd7e7e56..aa5704a97 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.vue
+++ b/src/components/user_reporting_modal/user_reporting_modal.vue
@@ -10,7 +10,10 @@
           keypath="user_reporting.title"
           class="title"
         >
-          <UserLink class="user-link" :user="user" />
+          <UserLink
+            class="user-link"
+            :user="user"
+          />
         </i18n-t>
       </div>
       <div class="panel-body">

From 798178a86fcee3439282820085219a7f2aca28d6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 21 Aug 2025 17:36:43 +0300
Subject: [PATCH 217/424] lint

---
 src/components/rich_content/rich_content.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss
index 400b553ce..d2ec77dcb 100644
--- a/src/components/rich_content/rich_content.scss
+++ b/src/components/rich_content/rich_content.scss
@@ -64,6 +64,11 @@
 
   .img {
     display: inline-block;
+
+    // fix vertical alignment of stealable emoji
+    button {
+      display: inline-flex;
+    }
   }
 
   .emoji {
@@ -78,11 +83,6 @@
     max-height: 400px;
     vertical-align: middle;
     object-fit: contain;
-
-    // fix vertical alignment of stealable emoji
-    button {
-      display: inline-flex;
-    }
   }
 
   .greentext {

From 542db846a6448a3e1262541c7d8c6a10abb6bc3f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 21 Aug 2025 17:40:42 +0300
Subject: [PATCH 218/424] =?UTF-8?q?px=20->=20em=20for=20repr=C3=B6=C3=B6te?=
 =?UTF-8?q?r=20bar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/status/status.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 09b37aa14..511a74074 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -235,9 +235,9 @@
 
   .repeater-avatar {
     border-radius: var(--roundness);
-    margin-left: 28px;
-    width: 20px;
-    height: 20px;
+    margin-left: 2em; // 3.5 (poster avatar size) - 1.5 (repeater avatar size)
+    width: 1.5em;
+    height: 1.5em;
   }
 
   .repeater-name {

From 088be118c3af8eb1b99e541afca8d43e7b92c541 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Fri, 22 Aug 2025 09:05:33 +0000
Subject: [PATCH 219/424] Update dependency chai to v5.3.2

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 904550b3e..51cc41cbf 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.21",
     "babel-plugin-lodash": "3.3.4",
-    "chai": "5.3.1",
+    "chai": "5.3.2",
     "chalk": "5.6.0",
     "chromedriver": "135.0.4",
     "connect-history-api-fallback": "2.0.0",
diff --git a/yarn.lock b/yarn.lock
index ac7f3cf7f..9a8372a5e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3302,10 +3302,10 @@ chai-nightwatch@^0.5.3:
   dependencies:
     assertion-error "1.1.0"
 
-chai@5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-5.3.1.tgz#f9e9a7e03f93d69e24b78d30db253780e26deb44"
-  integrity sha512-48af6xm9gQK8rhIcOxWwdGzIervm8BVTin+yRp9HEvU20BtVZ2lBywlIJBzwaDtvo0FvjeL7QdCADoUoqIbV3A==
+chai@5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-5.3.2.tgz#e2c35570b8fa23b5b7129b4114d5dc03b3fd3401"
+  integrity sha512-kx7GHSOBiiIQ+DDgMP6YMtYkb/3Usm2nUYblNEM9P+/OfkuP7OjfoDlq/DCe1OU0GsREUa0rNAxZmzxgO6+jWg==
   dependencies:
     assertion-error "^2.0.1"
     check-error "^2.1.1"

From 4c4144f1ebd76b55fe687c53916c366b3e9b2f52 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Fri, 22 Aug 2025 09:05:56 +0000
Subject: [PATCH 220/424] Update dependency @vitejs/plugin-vue-jsx to v4.2.0

---
 yarn.lock | 510 +++++++++---------------------------------------------
 1 file changed, 85 insertions(+), 425 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index ac7f3cf7f..2b884a196 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -46,22 +46,12 @@
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
-"@babel/compat-data@^7.26.8":
-  version "7.26.8"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.8.tgz#821c1d35641c355284d4a870b8a4a7b0c141e367"
-  integrity sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==
-
-"@babel/compat-data@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.2.tgz#4183f9e642fd84e74e3eea7ffa93a412e3b102c9"
-  integrity sha512-TUtMJYRPyUb/9aU8f3K0mjmjf6M9N5Woshn2CS6nqJSeJtTtQcpLUXjGt9vbF8ZGff0El99sWkLgzwW3VXnxZQ==
-
-"@babel/compat-data@^7.27.7", "@babel/compat-data@^7.28.0":
+"@babel/compat-data@^7.27.2", "@babel/compat-data@^7.27.7", "@babel/compat-data@^7.28.0":
   version "7.28.0"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.0.tgz#9fc6fd58c2a6a15243cd13983224968392070790"
   integrity sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==
 
-"@babel/core@7.28.3":
+"@babel/core@7.28.3", "@babel/core@^7.27.1":
   version "7.28.3"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.3.tgz#aceddde69c5d1def69b839d09efa3e3ff59c97cb"
   integrity sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==
@@ -82,27 +72,6 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/core@^7.26.7":
-  version "7.26.10"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.26.10.tgz#5c876f83c8c4dcb233ee4b670c0606f2ac3000f9"
-  integrity sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==
-  dependencies:
-    "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.26.2"
-    "@babel/generator" "^7.26.10"
-    "@babel/helper-compilation-targets" "^7.26.5"
-    "@babel/helper-module-transforms" "^7.26.0"
-    "@babel/helpers" "^7.26.10"
-    "@babel/parser" "^7.26.10"
-    "@babel/template" "^7.26.9"
-    "@babel/traverse" "^7.26.10"
-    "@babel/types" "^7.26.10"
-    convert-source-map "^2.0.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.3"
-    semver "^6.3.1"
-
 "@babel/eslint-parser@7.28.0":
   version "7.28.0"
   resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.28.0.tgz#c1b3fbba070f5bac32e3d02f244201add4afdd6e"
@@ -112,7 +81,7 @@
     eslint-visitor-keys "^2.1.0"
     semver "^6.3.1"
 
-"@babel/generator@^7.26.10", "@babel/generator@^7.27.0":
+"@babel/generator@^7.27.0":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.0.tgz#764382b5392e5b9aff93cadb190d0745866cbc2c"
   integrity sha512-VybsKvpiN1gU1sdMZIp7FcqphVVKEwcuj02x73uvcHE0PTihx1nlBcowYWhDwjpoAXRv43+gDzyggGnn1XZhVw==
@@ -123,28 +92,6 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^3.0.2"
 
-"@babel/generator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.1.tgz#862d4fad858f7208edd487c28b58144036b76230"
-  integrity sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==
-  dependencies:
-    "@babel/parser" "^7.27.1"
-    "@babel/types" "^7.27.1"
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
-    jsesc "^3.0.2"
-
-"@babel/generator@^7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.0.tgz#9cc2f7bd6eb054d77dc66c2664148a0c5118acd2"
-  integrity sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==
-  dependencies:
-    "@babel/parser" "^7.28.0"
-    "@babel/types" "^7.28.0"
-    "@jridgewell/gen-mapping" "^0.3.12"
-    "@jridgewell/trace-mapping" "^0.3.28"
-    jsesc "^3.0.2"
-
 "@babel/generator@^7.28.3":
   version "7.28.3"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.3.tgz#9626c1741c650cbac39121694a0f2d7451b8ef3e"
@@ -163,31 +110,13 @@
   dependencies:
     "@babel/types" "^7.25.9"
 
-"@babel/helper-annotate-as-pure@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.1.tgz#4345d81a9a46a6486e24d069469f13e60445c05d"
-  integrity sha512-WnuuDILl9oOBbKnb4L+DyODx7iC47XfzmNCpTttFsSp6hTG7XZxu60+4IO+2/hPfcGOoKbFiwoI/+zwARbNQow==
-  dependencies:
-    "@babel/types" "^7.27.1"
-
-"@babel/helper-annotate-as-pure@^7.27.3":
+"@babel/helper-annotate-as-pure@^7.27.1", "@babel/helper-annotate-as-pure@^7.27.3":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
   integrity sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==
   dependencies:
     "@babel/types" "^7.27.3"
 
-"@babel/helper-compilation-targets@^7.26.5":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.0.tgz#de0c753b1cd1d9ab55d473c5a5cf7170f0a81880"
-  integrity sha512-LVk7fbXml0H2xH34dFzKQ7TDZ2G4/rVTOrq9V+icbbadjbVxxeFeDsNHv2SrZeWoA+6ZiTyWYWtScEIW07EAcA==
-  dependencies:
-    "@babel/compat-data" "^7.26.8"
-    "@babel/helper-validator-option" "^7.25.9"
-    browserslist "^4.24.0"
-    lru-cache "^5.1.1"
-    semver "^6.3.1"
-
 "@babel/helper-compilation-targets@^7.27.1", "@babel/helper-compilation-targets@^7.27.2":
   version "7.27.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz#46a0f6efab808d51d29ce96858dd10ce8732733d"
@@ -199,33 +128,7 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.27.0":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.0.tgz#518fad6a307c6a96f44af14912b2c20abe9bfc30"
-  integrity sha512-vSGCvMecvFCd/BdpGlhpXYNhhC4ccxyvQWpbGL4CWbvfEoLFWUZuSuf7s9Aw70flgQF+6vptvgK2IfOnKlRmBg==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.25.9"
-    "@babel/helper-member-expression-to-functions" "^7.25.9"
-    "@babel/helper-optimise-call-expression" "^7.25.9"
-    "@babel/helper-replace-supers" "^7.26.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
-    "@babel/traverse" "^7.27.0"
-    semver "^6.3.1"
-
-"@babel/helper-create-class-features-plugin@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz#5bee4262a6ea5ddc852d0806199eb17ca3de9281"
-  integrity sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-member-expression-to-functions" "^7.27.1"
-    "@babel/helper-optimise-call-expression" "^7.27.1"
-    "@babel/helper-replace-supers" "^7.27.1"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-    semver "^6.3.1"
-
-"@babel/helper-create-class-features-plugin@^7.28.3":
+"@babel/helper-create-class-features-plugin@^7.27.1", "@babel/helper-create-class-features-plugin@^7.28.3":
   version "7.28.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.3.tgz#3e747434ea007910c320c4d39a6b46f20f371d46"
   integrity sha512-V9f6ZFIYSLNEbuGA/92uOvYsGCJNsuA8ESZ4ldc09bWk/j8H8TKiPw8Mk1eG6olpnO0ALHJmYfZvF4MEE4gajg==
@@ -272,14 +175,6 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
   integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
 
-"@babel/helper-member-expression-to-functions@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz#9dfffe46f727005a5ea29051ac835fb735e4c1a3"
-  integrity sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==
-  dependencies:
-    "@babel/traverse" "^7.25.9"
-    "@babel/types" "^7.25.9"
-
 "@babel/helper-member-expression-to-functions@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz#ea1211276be93e798ce19037da6f06fbb994fa44"
@@ -288,7 +183,7 @@
     "@babel/traverse" "^7.27.1"
     "@babel/types" "^7.27.1"
 
-"@babel/helper-module-imports@^7.0.0-beta.49", "@babel/helper-module-imports@^7.25.9":
+"@babel/helper-module-imports@^7.0.0-beta.49":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
   integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
@@ -304,15 +199,6 @@
     "@babel/traverse" "^7.27.1"
     "@babel/types" "^7.27.1"
 
-"@babel/helper-module-transforms@^7.26.0":
-  version "7.26.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
-  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
-  dependencies:
-    "@babel/helper-module-imports" "^7.25.9"
-    "@babel/helper-validator-identifier" "^7.25.9"
-    "@babel/traverse" "^7.25.9"
-
 "@babel/helper-module-transforms@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.1.tgz#e1663b8b71d2de948da5c4fb2a20ca4f3ec27a6f"
@@ -331,13 +217,6 @@
     "@babel/helper-validator-identifier" "^7.27.1"
     "@babel/traverse" "^7.28.3"
 
-"@babel/helper-optimise-call-expression@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz#3324ae50bae7e2ab3c33f60c9a877b6a0146b54e"
-  integrity sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==
-  dependencies:
-    "@babel/types" "^7.25.9"
-
 "@babel/helper-optimise-call-expression@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz#c65221b61a643f3e62705e5dd2b5f115e35f9200"
@@ -345,7 +224,7 @@
   dependencies:
     "@babel/types" "^7.27.1"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5":
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6":
   version "7.26.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz#18580d00c9934117ad719392c4f6585c9333cc35"
   integrity sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==
@@ -364,15 +243,6 @@
     "@babel/helper-wrap-function" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/helper-replace-supers@^7.26.5":
-  version "7.26.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz#6cb04e82ae291dae8e72335dfe438b0725f14c8d"
-  integrity sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==
-  dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.25.9"
-    "@babel/helper-optimise-call-expression" "^7.25.9"
-    "@babel/traverse" "^7.26.5"
-
 "@babel/helper-replace-supers@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz#b1ed2d634ce3bdb730e4b52de30f8cccfd692bc0"
@@ -382,14 +252,6 @@
     "@babel/helper-optimise-call-expression" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz#0b2e1b62d560d6b1954893fd2b705dc17c91f0c9"
-  integrity sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==
-  dependencies:
-    "@babel/traverse" "^7.25.9"
-    "@babel/types" "^7.25.9"
-
 "@babel/helper-skip-transparent-expression-wrappers@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz#62bb91b3abba8c7f1fec0252d9dbea11b3ee7a56"
@@ -413,11 +275,6 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
   integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
 
-"@babel/helper-validator-option@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
-  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
-
 "@babel/helper-validator-option@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
@@ -432,14 +289,6 @@
     "@babel/traverse" "^7.27.1"
     "@babel/types" "^7.27.1"
 
-"@babel/helpers@^7.26.10":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.0.tgz#53d156098defa8243eab0f32fa17589075a1b808"
-  integrity sha512-U5eyP/CTFPuNE3qk+WZMxFkp/4zUzdceQlfzf7DdGdhp+Fezd7HD+i8Y24ZuTMKX3wQBld449jijbGq6OdGNQg==
-  dependencies:
-    "@babel/template" "^7.27.0"
-    "@babel/types" "^7.27.0"
-
 "@babel/helpers@^7.28.3":
   version "7.28.3"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.3.tgz#b83156c0a2232c133d1b535dd5d3452119c7e441"
@@ -458,28 +307,14 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/parser@^7.25.3", "@babel/parser@^7.26.10", "@babel/parser@^7.26.9", "@babel/parser@^7.27.0":
+"@babel/parser@^7.27.0":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.0.tgz#3d7d6ee268e41d2600091cbd4e145ffee85a44ec"
   integrity sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==
   dependencies:
     "@babel/types" "^7.27.0"
 
-"@babel/parser@^7.27.1", "@babel/parser@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.2.tgz#577518bedb17a2ce4212afd052e01f7df0941127"
-  integrity sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==
-  dependencies:
-    "@babel/types" "^7.27.1"
-
-"@babel/parser@^7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.0.tgz#979829fbab51a29e13901e5a80713dbcb840825e"
-  integrity sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==
-  dependencies:
-    "@babel/types" "^7.28.0"
-
-"@babel/parser@^7.28.3":
+"@babel/parser@^7.27.2", "@babel/parser@^7.28.0", "@babel/parser@^7.28.3":
   version "7.28.3"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.3.tgz#d2d25b814621bca5fe9d172bc93792547e7a2a71"
   integrity sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==
@@ -544,13 +379,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-syntax-jsx@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz#a34313a178ea56f1951599b929c1ceacee719290"
-  integrity sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.25.9"
-
 "@babel/plugin-syntax-jsx@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz#2f9beb5eff30fa507c5532d107daac7b888fa34c"
@@ -558,12 +386,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-syntax-typescript@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz#67dda2b74da43727cf21d46cf9afef23f4365399"
-  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
+"@babel/plugin-syntax-typescript@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz#5147d29066a793450f220c63fa3a9431b7e6dd18"
+  integrity sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
 "@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
   version "7.18.6"
@@ -951,16 +779,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-typescript@^7.26.7":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.0.tgz#a29fd3481da85601c7e34091296e9746d2cccba8"
-  integrity sha512-fRGGjO2UEGPjvEcyAZXRXAS8AfdaQoq7HnxAbJoAoW10B9xOKesmmndJv+Sym2a+9FHWZ9KbyyLCe9s0Sn5jtg==
+"@babel/plugin-transform-typescript@^7.27.1":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.0.tgz#796cbd249ab56c18168b49e3e1d341b72af04a6b"
+  integrity sha512-4AEiDEBPIZvLQaWlc9liCavE0xRM0dNca41WtBeM3jgFptfUOSG9z0uteLhq6+3rq+WB6jIvUwKDTpXEHPJ2Vg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.25.9"
-    "@babel/helper-create-class-features-plugin" "^7.27.0"
-    "@babel/helper-plugin-utils" "^7.26.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
-    "@babel/plugin-syntax-typescript" "^7.25.9"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-create-class-features-plugin" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+    "@babel/plugin-syntax-typescript" "^7.27.1"
 
 "@babel/plugin-transform-unicode-escapes@^7.27.1":
   version "7.27.1"
@@ -1099,7 +927,7 @@
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.27.1.tgz#9fce313d12c9a77507f264de74626e87fd0dc541"
   integrity sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==
 
-"@babel/template@^7.26.9", "@babel/template@^7.27.0":
+"@babel/template@^7.27.0":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.0.tgz#b253e5406cc1df1c57dcd18f11760c2dbf40c0b4"
   integrity sha512-2ncevenBqXI6qRMukPlXwHKHchC7RyMuu4xv5JBXRfOGVcTy1mXCD12qrp7Jsoxll1EV3+9sE4GugBVRjT2jFA==
@@ -1117,7 +945,7 @@
     "@babel/parser" "^7.27.2"
     "@babel/types" "^7.27.1"
 
-"@babel/traverse@^7.25.9", "@babel/traverse@^7.26.10", "@babel/traverse@^7.26.5", "@babel/traverse@^7.26.9", "@babel/traverse@^7.27.0":
+"@babel/traverse@^7.25.9":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.0.tgz#11d7e644779e166c0442f9a07274d02cd91d4a70"
   integrity sha512-19lYZFzYVQkkHkl4Cy4WrAVcqBkgvV2YM2TU3xG6DIwO7O3ecbDPfW3yM3bjAGcqcQHi+CCtjMR3dIEHxsd6bA==
@@ -1130,33 +958,7 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/traverse@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.1.tgz#4db772902b133bbddd1c4f7a7ee47761c1b9f291"
-  integrity sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.27.1"
-    "@babel/parser" "^7.27.1"
-    "@babel/template" "^7.27.1"
-    "@babel/types" "^7.27.1"
-    debug "^4.3.1"
-    globals "^11.1.0"
-
-"@babel/traverse@^7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.0.tgz#518aa113359b062042379e333db18380b537e34b"
-  integrity sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.0"
-    "@babel/helper-globals" "^7.28.0"
-    "@babel/parser" "^7.28.0"
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.28.0"
-    debug "^4.3.1"
-
-"@babel/traverse@^7.28.3":
+"@babel/traverse@^7.27.1", "@babel/traverse@^7.28.0", "@babel/traverse@^7.28.3":
   version "7.28.3"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.3.tgz#6911a10795d2cce43ec6a28cffc440cca2593434"
   integrity sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==
@@ -1169,7 +971,7 @@
     "@babel/types" "^7.28.2"
     debug "^4.3.1"
 
-"@babel/types@^7.0.0-beta.49", "@babel/types@^7.25.9", "@babel/types@^7.26.10", "@babel/types@^7.26.9", "@babel/types@^7.27.0", "@babel/types@^7.4.4":
+"@babel/types@^7.0.0-beta.49", "@babel/types@^7.25.9", "@babel/types@^7.27.0", "@babel/types@^7.4.4":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.0.tgz#ef9acb6b06c3173f6632d993ecb6d4ae470b4559"
   integrity sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==
@@ -1177,23 +979,7 @@
     "@babel/helper-string-parser" "^7.25.9"
     "@babel/helper-validator-identifier" "^7.25.9"
 
-"@babel/types@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.1.tgz#9defc53c16fc899e46941fc6901a9eea1c9d8560"
-  integrity sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==
-  dependencies:
-    "@babel/helper-string-parser" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-
-"@babel/types@^7.27.3":
-  version "7.27.6"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.6.tgz#a434ca7add514d4e646c80f7375c0aa2befc5535"
-  integrity sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==
-  dependencies:
-    "@babel/helper-string-parser" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-
-"@babel/types@^7.28.0", "@babel/types@^7.28.2":
+"@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.2":
   version "7.28.2"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.2.tgz#da9db0856a9a88e0a13b019881d7513588cf712b"
   integrity sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==
@@ -1695,50 +1481,28 @@
     wrap-ansi "^8.1.0"
     wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
 
-"@jridgewell/gen-mapping@^0.3.12":
-  version "0.3.12"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz#2234ce26c62889f03db3d7fea43c1932ab3e927b"
-  integrity sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==
+"@jridgewell/gen-mapping@^0.3.12", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
+  integrity sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.5.0"
     "@jridgewell/trace-mapping" "^0.3.24"
 
-"@jridgewell/gen-mapping@^0.3.5":
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
-  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
-  dependencies:
-    "@jridgewell/set-array" "^1.2.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.24"
-
 "@jridgewell/resolve-uri@^3.1.0":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
   integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
 
-"@jridgewell/set-array@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
-  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0", "@jridgewell/sourcemap-codec@^1.5.5":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
 
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
-  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
-
-"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
-  version "0.3.25"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
-  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
-  dependencies:
-    "@jridgewell/resolve-uri" "^3.1.0"
-    "@jridgewell/sourcemap-codec" "^1.4.14"
-
-"@jridgewell/trace-mapping@^0.3.28":
-  version "0.3.29"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz#a58d31eaadaf92c6695680b2e1d464a9b8fbf7fc"
-  integrity sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.30"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.30.tgz#4a76c4daeee5df09f5d3940e087442fb36ce2b99"
+  integrity sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==
   dependencies:
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
@@ -2050,6 +1814,11 @@
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.29.tgz#5a40109a1ab5f84d6fd8fc928b19f367cbe7e7b1"
   integrity sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==
 
+"@rolldown/pluginutils@^1.0.0-beta.9":
+  version "1.0.0-beta.33"
+  resolved "https://registry.yarnpkg.com/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.33.tgz#ca02474d97182d0444dfd079c4e8f2c4125bf599"
+  integrity sha512-she25NCG6NoEPC/SEB4pHs5STcnfI4VBFOzjeI63maSPrWME5J2XC8ogrBgp8NaE/xzj28/kbpSaebiMvFRj+w==
+
 "@rollup/pluginutils@^5.2.0":
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.2.0.tgz#eac25ca5b0bdda4ba735ddaca5fbf26bd435f602"
@@ -2308,13 +2077,14 @@
   integrity sha512-u9Fd3k2qfMtn+0dxbCn/y0pzQ9Ucw6lWR984CrHcbxc+WzcMkJE4VjWHWSb9At40MjwMyHCkJNXroS55Osshhw==
 
 "@vitejs/plugin-vue-jsx@^4.1.1":
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-4.1.2.tgz#7ab813bcba9a514a2bdee5b0e17c30d6e420c748"
-  integrity sha512-4Rk0GdE0QCdsIkuMmWeg11gmM4x8UmTnZR/LWPm7QJ7+BsK4tq08udrN0isrrWqz5heFy9HLV/7bOLgFS8hUjA==
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-4.2.0.tgz#2738ec05d4705ed553a107342017192e37351640"
+  integrity sha512-DSTrmrdLp+0LDNF77fqrKfx7X0ErRbOcUAgJL/HbSesqQwoUvUQ4uYQqaex+rovqgGcoPqVk+AwUh3v9CuiYIw==
   dependencies:
-    "@babel/core" "^7.26.7"
-    "@babel/plugin-transform-typescript" "^7.26.7"
-    "@vue/babel-plugin-jsx" "^1.2.5"
+    "@babel/core" "^7.27.1"
+    "@babel/plugin-transform-typescript" "^7.27.1"
+    "@rolldown/pluginutils" "^1.0.0-beta.9"
+    "@vue/babel-plugin-jsx" "^1.4.0"
 
 "@vitejs/plugin-vue@^5.2.1":
   version "5.2.4"
@@ -2412,17 +2182,12 @@
   resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz#8d53a1e21347db8edbe54d339902583176de09f2"
   integrity sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA==
 
-"@vue/babel-helper-vue-transform-on@1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.4.0.tgz#616020488692a9c42a613280d62ed1b727045d95"
-  integrity sha512-mCokbouEQ/ocRce/FpKCRItGo+013tHg7tixg3DUNS+6bmIchPt66012kBMm476vyEIJPafrvOf4E5OYj3shSw==
-
 "@vue/babel-helper-vue-transform-on@1.5.0":
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.5.0.tgz#b7e99d37eeb144d7b9757d7a1f40cd977fde748a"
   integrity sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==
 
-"@vue/babel-plugin-jsx@1.5.0":
+"@vue/babel-plugin-jsx@1.5.0", "@vue/babel-plugin-jsx@^1.4.0":
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.5.0.tgz#1b988b497cb1f79725da94463e75cebe60b72e70"
   integrity sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==
@@ -2437,32 +2202,6 @@
     "@vue/babel-plugin-resolve-type" "1.5.0"
     "@vue/shared" "^3.5.18"
 
-"@vue/babel-plugin-jsx@^1.2.5":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.4.0.tgz#c155c795ce980edf46aa6feceed93945a95ca658"
-  integrity sha512-9zAHmwgMWlaN6qRKdrg1uKsBKHvnUU+Py+MOCTuYZBoZsopa90Di10QRjB+YPnVss0BZbG/H5XFwJY1fTxJWhA==
-  dependencies:
-    "@babel/helper-module-imports" "^7.25.9"
-    "@babel/helper-plugin-utils" "^7.26.5"
-    "@babel/plugin-syntax-jsx" "^7.25.9"
-    "@babel/template" "^7.26.9"
-    "@babel/traverse" "^7.26.9"
-    "@babel/types" "^7.26.9"
-    "@vue/babel-helper-vue-transform-on" "1.4.0"
-    "@vue/babel-plugin-resolve-type" "1.4.0"
-    "@vue/shared" "^3.5.13"
-
-"@vue/babel-plugin-resolve-type@1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.4.0.tgz#4d357a81fb0cc9cad0e8c81b118115bda2c51543"
-  integrity sha512-4xqDRRbQQEWHQyjlYSgZsWj44KfiF6D+ktCuXyZ8EnVDYV3pztmXJDf1HveAjUAXxAnR8daCQT51RneWWxtTyQ==
-  dependencies:
-    "@babel/code-frame" "^7.26.2"
-    "@babel/helper-module-imports" "^7.25.9"
-    "@babel/helper-plugin-utils" "^7.26.5"
-    "@babel/parser" "^7.26.9"
-    "@vue/compiler-sfc" "^3.5.13"
-
 "@vue/babel-plugin-resolve-type@1.5.0":
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.5.0.tgz#6881d7b1478e9fc0ea4bb08aaad1f4d206655568"
@@ -2474,28 +2213,6 @@
     "@babel/parser" "^7.28.0"
     "@vue/compiler-sfc" "^3.5.18"
 
-"@vue/compiler-core@3.5.13":
-  version "3.5.13"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.13.tgz#b0ae6c4347f60c03e849a05d34e5bf747c9bda05"
-  integrity sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==
-  dependencies:
-    "@babel/parser" "^7.25.3"
-    "@vue/shared" "3.5.13"
-    entities "^4.5.0"
-    estree-walker "^2.0.2"
-    source-map-js "^1.2.0"
-
-"@vue/compiler-core@3.5.18":
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.18.tgz#521a138cdd970d9bfd27e42168d12f77a04b2074"
-  integrity sha512-3slwjQrrV1TO8MoXgy3aynDQ7lslj5UqDxuHnrzHtpON5CBinhWjJETciPngpin/T3OuW3tXUf86tEurusnztw==
-  dependencies:
-    "@babel/parser" "^7.28.0"
-    "@vue/shared" "3.5.18"
-    entities "^4.5.0"
-    estree-walker "^2.0.2"
-    source-map-js "^1.2.1"
-
 "@vue/compiler-core@3.5.19":
   version "3.5.19"
   resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.19.tgz#f141d35b61b55ce72c3cbb4dc9eeca3821d451aa"
@@ -2507,22 +2224,6 @@
     estree-walker "^2.0.2"
     source-map-js "^1.2.1"
 
-"@vue/compiler-dom@3.5.13":
-  version "3.5.13"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz#bb1b8758dbc542b3658dda973b98a1c9311a8a58"
-  integrity sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==
-  dependencies:
-    "@vue/compiler-core" "3.5.13"
-    "@vue/shared" "3.5.13"
-
-"@vue/compiler-dom@3.5.18":
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.18.tgz#e13504492c3061ec5bbe6a2e789f15261d4f03a7"
-  integrity sha512-RMbU6NTU70++B1JyVJbNbeFkK+A+Q7y9XKE2EM4NLGm2WFR8x9MbAtWxPPLdm0wUkuZv9trpwfSlL6tjdIa1+A==
-  dependencies:
-    "@vue/compiler-core" "3.5.18"
-    "@vue/shared" "3.5.18"
-
 "@vue/compiler-dom@3.5.19":
   version "3.5.19"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.19.tgz#fc57d9dca4987df67d6ce64dbddaac6d73f1a6ef"
@@ -2531,7 +2232,7 @@
     "@vue/compiler-core" "3.5.19"
     "@vue/shared" "3.5.19"
 
-"@vue/compiler-sfc@3.5.19":
+"@vue/compiler-sfc@3.5.19", "@vue/compiler-sfc@^3.5.18":
   version "3.5.19"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.19.tgz#7f9792ad7de5d4be9b6a32129c75e1f6cd4da015"
   integrity sha512-YWCm1CYaJ+2RvNmhCwI7t3I3nU+hOrWGWMsn+Z/kmm1jy5iinnVtlmkiZwbLlbV1SRizX7vHsc0/bG5dj0zRTg==
@@ -2546,52 +2247,6 @@
     postcss "^8.5.6"
     source-map-js "^1.2.1"
 
-"@vue/compiler-sfc@^3.5.13":
-  version "3.5.13"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz#461f8bd343b5c06fac4189c4fef8af32dea82b46"
-  integrity sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==
-  dependencies:
-    "@babel/parser" "^7.25.3"
-    "@vue/compiler-core" "3.5.13"
-    "@vue/compiler-dom" "3.5.13"
-    "@vue/compiler-ssr" "3.5.13"
-    "@vue/shared" "3.5.13"
-    estree-walker "^2.0.2"
-    magic-string "^0.30.11"
-    postcss "^8.4.48"
-    source-map-js "^1.2.0"
-
-"@vue/compiler-sfc@^3.5.18":
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.18.tgz#ba1e849561337d809937994cdaf900539542eeca"
-  integrity sha512-5aBjvGqsWs+MoxswZPoTB9nSDb3dhd1x30xrrltKujlCxo48j8HGDNj3QPhF4VIS0VQDUrA1xUfp2hEa+FNyXA==
-  dependencies:
-    "@babel/parser" "^7.28.0"
-    "@vue/compiler-core" "3.5.18"
-    "@vue/compiler-dom" "3.5.18"
-    "@vue/compiler-ssr" "3.5.18"
-    "@vue/shared" "3.5.18"
-    estree-walker "^2.0.2"
-    magic-string "^0.30.17"
-    postcss "^8.5.6"
-    source-map-js "^1.2.1"
-
-"@vue/compiler-ssr@3.5.13":
-  version "3.5.13"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz#e771adcca6d3d000f91a4277c972a996d07f43ba"
-  integrity sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==
-  dependencies:
-    "@vue/compiler-dom" "3.5.13"
-    "@vue/shared" "3.5.13"
-
-"@vue/compiler-ssr@3.5.18":
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.18.tgz#aecde0b0bff268a9c9014ba66799307c4a784328"
-  integrity sha512-xM16Ak7rSWHkM3m22NlmcdIM+K4BMyFARAfV9hYFl+SFuRzrZ3uGMNW05kA5pmeMa0X9X963Kgou7ufdbpOP9g==
-  dependencies:
-    "@vue/compiler-dom" "3.5.18"
-    "@vue/shared" "3.5.18"
-
 "@vue/compiler-ssr@3.5.19":
   version "3.5.19"
   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.19.tgz#1719e7fda6d54f5696ca63d4d40281668c0e601c"
@@ -2665,17 +2320,7 @@
     "@vue/compiler-ssr" "3.5.19"
     "@vue/shared" "3.5.19"
 
-"@vue/shared@3.5.13", "@vue/shared@^3.5.13":
-  version "3.5.13"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.13.tgz#87b309a6379c22b926e696893237826f64339b6f"
-  integrity sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==
-
-"@vue/shared@3.5.18", "@vue/shared@^3.5.18":
-  version "3.5.18"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.18.tgz#529f24a88d3ed678d50fd5c07455841fbe8ac95e"
-  integrity sha512-cZy8Dq+uuIXbxCZpuLd2GJdeSO/lIzIspC2WtkqIpje5QyFbvLaI5wZtdUjLHjGZrlVX6GilejatWwVYYRc8tA==
-
-"@vue/shared@3.5.19":
+"@vue/shared@3.5.19", "@vue/shared@^3.5.18":
   version "3.5.19"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.19.tgz#5301967a910cb62145e4f17131f3bee88b463c83"
   integrity sha512-IhXCOn08wgKrLQxRFKKlSacWg4Goi1BolrdEeLYn6tgHjJNXVrWJ5nzoxZqNwl5p88aLlQ8LOaoMa3AYvaKJ/Q==
@@ -3180,7 +2825,17 @@ browser-stdout@1.3.1:
   resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.1.tgz#baa559ee14ced73452229bad7326467c61fabd60"
   integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==
 
-browserslist@^4.24.0, browserslist@^4.24.4:
+browserslist@^4.24.0:
+  version "4.25.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.25.3.tgz#9167c9cbb40473f15f75f85189290678b99b16c5"
+  integrity sha512-cDGv1kkDI4/0e5yON9yM5G/0A5u8sf5TnmdX5C9qHzI9PPu++sQ9zjm1k9NiOrf3riY4OkK0zSGqfvJyJsgCBQ==
+  dependencies:
+    caniuse-lite "^1.0.30001735"
+    electron-to-chromium "^1.5.204"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.3"
+
+browserslist@^4.24.4:
   version "4.24.4"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.4.tgz#c6b2865a3f08bcb860a0e827389003b9fe686e4b"
   integrity sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==
@@ -3285,7 +2940,12 @@ camelcase@^6.0.0, camelcase@^6.2.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-lite@^1.0.30001688, caniuse-lite@^1.0.30001702:
+caniuse-lite@^1.0.30001688, caniuse-lite@^1.0.30001735:
+  version "1.0.30001737"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001737.tgz#8292bb7591932ff09e9a765f12fdf5629a241ccc"
+  integrity sha512-BiloLiXtQNrY5UyF0+1nSJLXUENuhka2pzy2Fx5pGxqavdrxSCW4U6Pn/PoG3Efspi2frRbHpBV2XsrPE6EDlw==
+
+caniuse-lite@^1.0.30001702:
   version "1.0.30001707"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001707.tgz#c5e104d199e6f4355a898fcd995a066c7eb9bf41"
   integrity sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==
@@ -3719,7 +3379,7 @@ data-view-byte-offset@^1.0.1:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5, debug@^4.3.6, debug@^4.3.7, debug@^4.4.0:
+debug@4, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5, debug@^4.3.6, debug@^4.3.7, debug@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
   integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
@@ -3747,7 +3407,7 @@ debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.4.1:
+debug@^4.1.0, debug@^4.3.1, debug@^4.4.1:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.1.tgz#e5a8bc6cbc4c6cd3e64308b0693a3d4fa550189b"
   integrity sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==
@@ -3989,10 +3649,10 @@ electron-to-chromium@^1.5.173:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.191.tgz#8ae49a471447b1ceaf1d4d183a9000082f52363c"
   integrity sha512-xcwe9ELcuxYLUFqZZxL19Z6HVKcvNkIwhbHUz7L3us6u12yR+7uY89dSl570f/IqNthx8dAw3tojG7i4Ni4tDA==
 
-electron-to-chromium@^1.5.73:
-  version "1.5.129"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.129.tgz#fafa835aea5d15fcd5cbe9bd6bf1cb5d4b3aa06e"
-  integrity sha512-JlXUemX4s0+9f8mLqib/bHH8gOHf5elKS6KeWG3sk3xozb/JTq/RLXIv8OKUWiK4Ah00Wm88EFj5PYkFr4RUPA==
+electron-to-chromium@^1.5.204, electron-to-chromium@^1.5.73:
+  version "1.5.208"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.208.tgz#609c29502fd7257b4d721e3446f3ae391a0ca1b3"
+  integrity sha512-ozZyibehoe7tOhNaf16lKmljVf+3npZcJIEbJRVftVsmAg5TeA1mGS9dVCZzOwr2xT7xK15V0p7+GZqSPgkuPg==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -5970,12 +5630,12 @@ lz-string@^1.5.0:
   resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
   integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
 
-magic-string@^0.30.11, magic-string@^0.30.17:
-  version "0.30.17"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453"
-  integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==
+magic-string@^0.30.17:
+  version "0.30.18"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.18.tgz#905bfbbc6aa5692703a93db26a9edcaa0007d2bb"
+  integrity sha512-yi8swmWbO17qHhwIBNeeZxTceJMeBvWJaId6dyvTSOwTipqeHhMhOrz6513r1sOKnpvQ7zkhlG8tPrpilwTxHQ==
   dependencies:
-    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/sourcemap-codec" "^1.5.5"
 
 make-dir@^2.0.0, make-dir@^2.1.0:
   version "2.1.0"
@@ -6766,7 +6426,7 @@ postcss@8.5.6, postcss@^8.5.6:
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
-postcss@^8.4.48, postcss@^8.5.0, postcss@^8.5.3:
+postcss@^8.5.0, postcss@^8.5.3:
   version "8.5.3"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
   integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
@@ -7467,7 +7127,7 @@ socks@^2.8.3:
     ip-address "^9.0.5"
     smart-buffer "^4.2.0"
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==

From 38fc7f784ec8ad56bf37668dd965c364376b99f6 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Fri, 22 Aug 2025 09:06:07 +0000
Subject: [PATCH 221/424] Update dependency playwright to v1.55.0

---
 package.json |  2 +-
 yarn.lock    | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 904550b3e..aef1a73c3 100644
--- a/package.json
+++ b/package.json
@@ -92,7 +92,7 @@
     "lodash": "4.17.21",
     "msw": "2.10.5",
     "nightwatch": "3.12.2",
-    "playwright": "1.52.0",
+    "playwright": "1.55.0",
     "postcss": "8.5.6",
     "postcss-html": "^1.5.0",
     "postcss-scss": "^4.0.6",
diff --git a/yarn.lock b/yarn.lock
index ac7f3cf7f..97c71d9b9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6672,17 +6672,17 @@ pkg-dir@^3.0.0:
   dependencies:
     find-up "^3.0.0"
 
-playwright-core@1.52.0:
-  version "1.52.0"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.52.0.tgz#238f1f0c3edd4ebba0434ce3f4401900319a3dca"
-  integrity sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==
+playwright-core@1.55.0:
+  version "1.55.0"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.55.0.tgz#ec8a9f8ef118afb3e86e0f46f1393e3bea32adf4"
+  integrity sha512-GvZs4vU3U5ro2nZpeiwyb0zuFaqb9sUiAJuyrWpcGouD8y9/HLgGbNRjIph7zU9D3hnPaisMl9zG9CgFi/biIg==
 
-playwright@1.52.0:
-  version "1.52.0"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.52.0.tgz#26cb9a63346651e1c54c8805acfd85683173d4bd"
-  integrity sha512-JAwMNMBlxJ2oD1kce4KPtMkDeKGHQstdpFPcPH3maElAXon/QZeTvtsfXmTMRyO9TslfoYOXkSsvao2nE1ilTw==
+playwright@1.55.0:
+  version "1.55.0"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.55.0.tgz#7aca7ac3ffd9e083a8ad8b2514d6f9ba401cc78b"
+  integrity sha512-sdCWStblvV1YU909Xqx0DhOjPZE4/5lJsIS84IfN9dAZfcl/CIZ5O8l3o0j7hPMjDvqoTF8ZUcc+i/GL5erstA==
   dependencies:
-    playwright-core "1.52.0"
+    playwright-core "1.55.0"
   optionalDependencies:
     fsevents "2.3.2"
 

From 9b8bccd27d6065dc0e32777d26ed0c13cbe93a2b Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sat, 23 Aug 2025 08:52:09 +0000
Subject: [PATCH 222/424] Update dependency chai to v5.3.3

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 7652d47eb..c3af54511 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.21",
     "babel-plugin-lodash": "3.3.4",
-    "chai": "5.3.2",
+    "chai": "5.3.3",
     "chalk": "5.6.0",
     "chromedriver": "135.0.4",
     "connect-history-api-fallback": "2.0.0",
diff --git a/yarn.lock b/yarn.lock
index dbcbb5127..56648cb9b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2962,10 +2962,10 @@ chai-nightwatch@^0.5.3:
   dependencies:
     assertion-error "1.1.0"
 
-chai@5.3.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-5.3.2.tgz#e2c35570b8fa23b5b7129b4114d5dc03b3fd3401"
-  integrity sha512-kx7GHSOBiiIQ+DDgMP6YMtYkb/3Usm2nUYblNEM9P+/OfkuP7OjfoDlq/DCe1OU0GsREUa0rNAxZmzxgO6+jWg==
+chai@5.3.3:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-5.3.3.tgz#dd3da955e270916a4bd3f625f4b919996ada7e06"
+  integrity sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==
   dependencies:
     assertion-error "^2.0.1"
     check-error "^2.1.1"

From 0b78c64928815621064e4516553d8717ddd7c353 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 27 Aug 2025 22:46:00 +0300
Subject: [PATCH 223/424] fix notification dot

---
 src/App.scss | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 00a8e9547..ee1654bb7 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -749,13 +749,11 @@ option {
     max-height: 0.6em;
     min-width: 0.6em;
     max-width: 0.6em;
-    padding: 0;
+    left: calc(50% + 0.5em);
+    top: calc(50% - 1em);
     line-height: 0;
-    font-size: 0;
-    left: calc(50% - 0.6em);
-    top: calc(50% - 0.6em);
-    margin-left: 0.4em;
-    margin-top: -0.4em;
+    padding: 0;
+    margin: 0;
   }
 
   &.-counter {

From 3df779f02f13cf0384206824c28f73a77e55bdd7 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 27 Aug 2025 22:47:38 +0300
Subject: [PATCH 224/424] reduce drop-shadow on usercard to avoid blinking

---
 src/components/user_card/user_card.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 60ed97c9a..bd7359ac9 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -270,8 +270,7 @@
     // big one
     z-index: 1;
     line-height: 2em;
-    filter: drop-shadow(0 0 5em var(--profileTint))
-            drop-shadow(0 0 0.5em var(--profileTint))
+    filter: drop-shadow(0 0 0.5em var(--profileTint))
             drop-shadow(0 0 0.2em var(--profileTint));
 
     .alert {

From 0560110868c5a6f4321d5a23e35d8cc2a34cc70f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 27 Aug 2025 23:16:34 +0300
Subject: [PATCH 225/424] changelog

---
 changelog.d/finalfix.skip | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 changelog.d/finalfix.skip

diff --git a/changelog.d/finalfix.skip b/changelog.d/finalfix.skip
new file mode 100644
index 000000000..e69de29bb

From 6b4057c6ab9bdc97bb693ecbda3df422a655bd46 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 28 Aug 2025 15:16:31 +0300
Subject: [PATCH 226/424] fix buttons being cut-off on mobile popovers

---
 src/components/user_popover/user_popover.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index e0f2c84c1..ea289e53c 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -32,6 +32,7 @@
   margin: 0;
 
   .user-info {
+    width: 100%;
     margin: 1.2em;
   }
 

From 65b40f8f72160c22d54a0cbaf97ad18b828929e6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 28 Aug 2025 15:37:53 +0300
Subject: [PATCH 227/424] don't adopt styelsheets prematurely

---
 src/services/style_setter/style_setter.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 670a9904a..8a19b541d 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -138,8 +138,6 @@ export const tryLoadCache = async () => {
       eagerStyles.ready = true
       lazyStyles.ready = true
 
-      adoptStyleSheets()
-
       console.info(`Loaded theme from cache`)
       return true
     } else {

From b46c8358ae8204c569a1f054f865baa8b3ab9200 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 28 Aug 2025 18:50:33 +0300
Subject: [PATCH 228/424] fix focus+hover for toggled buttons

---
 src/components/button.style.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/button.style.js b/src/components/button.style.js
index c32a232f4..5cffefd91 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -129,6 +129,13 @@ export default {
         shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
       }
     },
+    {
+      state: ['toggled', 'hover', 'focused'],
+      directives: {
+        background: '--accent,-24.2',
+        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
+      }
+    },
     {
       state: ['toggled', 'disabled'],
       directives: {

From 0fe823aeec558be5c648684948ba6050f7fe9231 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 28 Aug 2025 18:51:18 +0300
Subject: [PATCH 229/424] changelog + cleanup

---
 changelog.d/finalfix-fr.skip              | 0
 src/services/style_setter/style_setter.js | 1 -
 2 files changed, 1 deletion(-)
 create mode 100644 changelog.d/finalfix-fr.skip

diff --git a/changelog.d/finalfix-fr.skip b/changelog.d/finalfix-fr.skip
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 8a19b541d..90c6180f4 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -42,7 +42,6 @@ export const createStyleSheet = (id, priority = 1000) => {
 
 
 export const adoptStyleSheets = throttle(() => {
-  console.log('adopt')
   if (supportsAdoptedStyleSheets) {
     document.adoptedStyleSheets = Object
       .values(stylesheets)

From e3bfbcf0d2c7847c35baf25dbda5b7b5a97efafe Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 29 Aug 2025 13:54:03 +0300
Subject: [PATCH 230/424] fix being unable to (un)block users in some cases

---
 src/components/account_actions/account_actions.js  | 5 ++++-
 src/components/account_actions/account_actions.vue | 4 ++--
 src/components/block_card/block_card.js            | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index f8ad0e11b..2ac74ea76 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -38,6 +38,9 @@ const AccountActions = {
     hideConfirmRemoveUserFromFollowers () {
       this.showingConfirmRemoveFollower = false
     },
+    hideConfirmBlock () {
+      this.showingConfirmBlock = false
+    },
     showRepeats () {
       this.$store.dispatch('showReblogs', this.user.id)
     },
@@ -56,7 +59,7 @@ const AccountActions = {
       }
     },
     doBlockUser () {
-      this.$store.dispatch('blockUser', this.user.id)
+      this.$store.dispatch('blockUser', { id: this.user.id })
       this.hideConfirmBlock()
     },
     unblockUser () {
diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue
index cc00a735d..055f68546 100644
--- a/src/components/account_actions/account_actions.vue
+++ b/src/components/account_actions/account_actions.vue
@@ -95,7 +95,7 @@
     </Popover>
     <teleport to="#modal">
       <confirm-modal
-        v-if="showingConfirmBlock && !blockExpirationSupported"
+        v-if="showingConfirmBlock && blockExpirationSupported"
         ref="blockDialog"
         :title="$t('user_card.block_confirm_title')"
         :confirm-text="$t('user_card.block_confirm_accept_button')"
@@ -138,7 +138,7 @@
         </i18n-t>
       </confirm-modal>
       <UserTimedFilterModal
-        v-if="blockExpirationSupported"
+        v-if="!blockExpirationSupported"
         ref="timedBlockDialog"
         :is-mute="false"
         :user="user"
diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index b5be9e7b7..9a618db3f 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -37,7 +37,7 @@ const BlockCard = {
       if (this.blockExpirationSupported) {
         this.$refs.timedBlockDialog.optionallyPrompt()
       } else {
-        this.$store.dispatch('blockUser', this.user.id)
+        this.$store.dispatch('blockUser', { id: this.user.id })
       }
     }
   }

From a62ffbfbab7713f0e67bff14f7dc0f44d676180c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 29 Aug 2025 14:23:16 +0300
Subject: [PATCH 231/424] oops

This partially reverts commit e3bfbcf0d2c7847c35baf25dbda5b7b5a97efafe.
---
 src/components/account_actions/account_actions.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue
index 055f68546..cc00a735d 100644
--- a/src/components/account_actions/account_actions.vue
+++ b/src/components/account_actions/account_actions.vue
@@ -95,7 +95,7 @@
     </Popover>
     <teleport to="#modal">
       <confirm-modal
-        v-if="showingConfirmBlock && blockExpirationSupported"
+        v-if="showingConfirmBlock && !blockExpirationSupported"
         ref="blockDialog"
         :title="$t('user_card.block_confirm_title')"
         :confirm-text="$t('user_card.block_confirm_accept_button')"
@@ -138,7 +138,7 @@
         </i18n-t>
       </confirm-modal>
       <UserTimedFilterModal
-        v-if="!blockExpirationSupported"
+        v-if="blockExpirationSupported"
         ref="timedBlockDialog"
         :is-mute="false"
         :user="user"

From 473133aa02a80e0a02e33f7cf1231c6295ffb798 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 29 Aug 2025 14:24:10 +0300
Subject: [PATCH 232/424] prepare for release

---
 .gitlab/merge_request_templates/Release.md | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 .gitlab/merge_request_templates/Release.md

diff --git a/.gitlab/merge_request_templates/Release.md b/.gitlab/merge_request_templates/Release.md
new file mode 100644
index 000000000..e57556e6c
--- /dev/null
+++ b/.gitlab/merge_request_templates/Release.md
@@ -0,0 +1,8 @@
+### Release checklist
+* [ ] Bump version in `mix.exs`
+* [ ] Compile a changelog with the `tools/collect-changelog` script
+* [ ] Create an MR with an announcement to pleroma.social
+#### post-merge
+* [ ] Tag the release on the merge commit
+* [ ] Make the tag into a Gitlab Release™
+* [ ] Merge `stable` into `develop` (in case the fixes are already in develop, use `git merge -s ours --no-commit` and manually merge the changelogs)

From f9570b132f1b66944476af496d2b7b1ad55cb60b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 29 Aug 2025 14:25:02 +0300
Subject: [PATCH 233/424] frontend-specifics

---
 .gitlab/merge_request_templates/Release.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.gitlab/merge_request_templates/Release.md b/.gitlab/merge_request_templates/Release.md
index e57556e6c..d02e14a73 100644
--- a/.gitlab/merge_request_templates/Release.md
+++ b/.gitlab/merge_request_templates/Release.md
@@ -1,8 +1,8 @@
 ### Release checklist
-* [ ] Bump version in `mix.exs`
+* [ ] Bump version in `package.json`
 * [ ] Compile a changelog with the `tools/collect-changelog` script
 * [ ] Create an MR with an announcement to pleroma.social
 #### post-merge
 * [ ] Tag the release on the merge commit
 * [ ] Make the tag into a Gitlab Release™
-* [ ] Merge `stable` into `develop` (in case the fixes are already in develop, use `git merge -s ours --no-commit` and manually merge the changelogs)
+* [ ] Merge `master` into `develop` (in case the fixes are already in develop, use `git merge -s ours --no-commit` and manually merge the changelogs)

From f9848daf48187c362078d98b3205963469dcc30a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 31 Aug 2025 15:02:12 +0300
Subject: [PATCH 234/424] changelog + bump

---
 CHANGELOG.md                                  | 36 +++++++++++++++++++
 changelog.d/action-button-extra-counter.add   |  1 -
 changelog.d/akkoftermapth.skip                |  0
 changelog.d/akkoma-sharkey-net-support.add    |  1 -
 changelog.d/akkoma.skip                       |  0
 changelog.d/arithmetic-blend.add              |  2 --
 changelog.d/better-scroll-button.add          |  1 -
 changelog.d/bookmark-button-align.fix         |  1 -
 changelog.d/csp.add                           |  1 -
 changelog.d/emoji-copying-post.add            |  1 -
 changelog.d/emoji-copying.add                 |  1 -
 changelog.d/emoji-popover.add                 |  1 -
 changelog.d/emoji-upload.-zip.add             |  1 -
 changelog.d/filter-fixes.skip                 |  0
 changelog.d/fix-wrap.skip                     |  0
 changelog.d/linter.skip                       |  0
 changelog.d/migrate-auth-flow-pinia.skip      |  0
 ...te-oauth-tokens-module-to-pinia-store.skip |  0
 changelog.d/mutes-sync.add                    |  1 -
 changelog.d/profile-error.fix                 |  1 -
 changelog.d/small-fixes.skip                  |  0
 changelog.d/sw-cache-assets.add               |  1 -
 changelog.d/theme3-body-class.add             |  1 -
 changelog.d/timed.add                         |  1 -
 changelog.d/unify-show-hide-buttons.add       |  1 -
 changelog.d/user_profile_edit.change          |  1 -
 changelog.d/user_profile_redesign.change      |  1 -
 changelog.d/visual.change                     |  5 ---
 changelog.d/weight-loss.change                |  1 -
 changelog.d/zoomlag.skip                      |  0
 package.json                                  |  2 +-
 31 files changed, 37 insertions(+), 26 deletions(-)
 delete mode 100644 changelog.d/action-button-extra-counter.add
 delete mode 100644 changelog.d/akkoftermapth.skip
 delete mode 100644 changelog.d/akkoma-sharkey-net-support.add
 delete mode 100644 changelog.d/akkoma.skip
 delete mode 100644 changelog.d/arithmetic-blend.add
 delete mode 100644 changelog.d/better-scroll-button.add
 delete mode 100644 changelog.d/bookmark-button-align.fix
 delete mode 100644 changelog.d/csp.add
 delete mode 100644 changelog.d/emoji-copying-post.add
 delete mode 100644 changelog.d/emoji-copying.add
 delete mode 100644 changelog.d/emoji-popover.add
 delete mode 100644 changelog.d/emoji-upload.-zip.add
 delete mode 100644 changelog.d/filter-fixes.skip
 delete mode 100644 changelog.d/fix-wrap.skip
 delete mode 100644 changelog.d/linter.skip
 delete mode 100644 changelog.d/migrate-auth-flow-pinia.skip
 delete mode 100644 changelog.d/migrate-oauth-tokens-module-to-pinia-store.skip
 delete mode 100644 changelog.d/mutes-sync.add
 delete mode 100644 changelog.d/profile-error.fix
 delete mode 100644 changelog.d/small-fixes.skip
 delete mode 100644 changelog.d/sw-cache-assets.add
 delete mode 100644 changelog.d/theme3-body-class.add
 delete mode 100644 changelog.d/timed.add
 delete mode 100644 changelog.d/unify-show-hide-buttons.add
 delete mode 100644 changelog.d/user_profile_edit.change
 delete mode 100644 changelog.d/user_profile_redesign.change
 delete mode 100644 changelog.d/visual.change
 delete mode 100644 changelog.d/weight-loss.change
 delete mode 100644 changelog.d/zoomlag.skip

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c2f0e7d17..55f9b306d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,42 @@
 All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
+
+## 2.9.2
+### Changed
+- BREAKING: due to some internal technical changes logging into AdminFE through PleromaFE is no longer possible
+- User card/profile got an overhaul
+- Profile editing overhaul
+- Visually combined subject and content fields in post form
+- Fixes for some elements not scaling with user UI scale
+- Moved post form's emoji button into input field
+- Minor visual changes and fixes
+- Clicking on fav/rt/emoji notifications' contents expands/collapses it
+- Reduced time taken processing theme by half
+- Splash screen only appears if loading takes more than 2 seconds
+
+### Added
+- Mutes received an update, adding support for regex, muting based on username and expiration time.
+- Mutes are now synchronized across sessions
+- Support for expiring mutes and blocks (if available)
+- Clicking on emoji shows bigger version of it alongside with its shortcode
+  - Admins also are able to copy it into a local pack
+- Added support for Akkoma and IceShrimp.NET backends
+- Compatibility with stricter CSP (Akkoma backend)
+- Added a way to upload new packs from a URL or ZIP file via the Admin Dashboard
+- Unify show/hide content buttons
+- Cache assets and emojis with service worker
+- Add support for detachable scrollTop button
+- Indicate currently active V3 theme as a body element class
+- Add arithmetic blend ISS function
+
+### Fixed
+- Display counter for status action buttons when they are in the menu
+- Fix bookmark button alignment in the extra actions menu
+- Instance favicons are no longer stretched
+- A lot more scalable UI fixes
+  - Emoji picker now should work fine when emoji size is increased
+
 ## 2.8.0
 ### Changed
 - BREAKING: static/img/nsfw.2958239.png is now static/img/nsfw.DepQPhG0.png, which may affect people who specify exactly this path as the cover image
diff --git a/changelog.d/action-button-extra-counter.add b/changelog.d/action-button-extra-counter.add
deleted file mode 100644
index 7d5c77447..000000000
--- a/changelog.d/action-button-extra-counter.add
+++ /dev/null
@@ -1 +0,0 @@
-Display counter for status action buttons when they are on the menu
diff --git a/changelog.d/akkoftermapth.skip b/changelog.d/akkoftermapth.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/akkoma-sharkey-net-support.add b/changelog.d/akkoma-sharkey-net-support.add
deleted file mode 100644
index 4b4bff7fe..000000000
--- a/changelog.d/akkoma-sharkey-net-support.add
+++ /dev/null
@@ -1 +0,0 @@
-Added support for Akkoma and IceShrimp.NET backend
diff --git a/changelog.d/akkoma.skip b/changelog.d/akkoma.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/arithmetic-blend.add b/changelog.d/arithmetic-blend.add
deleted file mode 100644
index c579dca28..000000000
--- a/changelog.d/arithmetic-blend.add
+++ /dev/null
@@ -1,2 +0,0 @@
-Add arithmetic blend ISS function
-
diff --git a/changelog.d/better-scroll-button.add b/changelog.d/better-scroll-button.add
deleted file mode 100644
index b206869d1..000000000
--- a/changelog.d/better-scroll-button.add
+++ /dev/null
@@ -1 +0,0 @@
-Add support for detachable scrollTop button
diff --git a/changelog.d/bookmark-button-align.fix b/changelog.d/bookmark-button-align.fix
deleted file mode 100644
index 64bc2c807..000000000
--- a/changelog.d/bookmark-button-align.fix
+++ /dev/null
@@ -1 +0,0 @@
-Fix bookmark button alignment in the extra actions menu
diff --git a/changelog.d/csp.add b/changelog.d/csp.add
deleted file mode 100644
index 260337b97..000000000
--- a/changelog.d/csp.add
+++ /dev/null
@@ -1 +0,0 @@
-Compatibility with stricter CSP (Akkoma backend)
diff --git a/changelog.d/emoji-copying-post.add b/changelog.d/emoji-copying-post.add
deleted file mode 100644
index f25ce9792..000000000
--- a/changelog.d/emoji-copying-post.add
+++ /dev/null
@@ -1 +0,0 @@
-Allow copying an emoji from a remote post into a local pack
diff --git a/changelog.d/emoji-copying.add b/changelog.d/emoji-copying.add
deleted file mode 100644
index 875e04401..000000000
--- a/changelog.d/emoji-copying.add
+++ /dev/null
@@ -1 +0,0 @@
-Allow copying one emoji from a remote pack into a local pack
diff --git a/changelog.d/emoji-popover.add b/changelog.d/emoji-popover.add
deleted file mode 100644
index f55ad10a3..000000000
--- a/changelog.d/emoji-popover.add
+++ /dev/null
@@ -1 +0,0 @@
-When an emoji is clicked in a post, show a popover with its name and a bigger image. Admins can also copy it to a local pack
diff --git a/changelog.d/emoji-upload.-zip.add b/changelog.d/emoji-upload.-zip.add
deleted file mode 100644
index 798720eef..000000000
--- a/changelog.d/emoji-upload.-zip.add
+++ /dev/null
@@ -1 +0,0 @@
-Added a way to upload new packs from a URL or ZIP file via the admin-fe
diff --git a/changelog.d/filter-fixes.skip b/changelog.d/filter-fixes.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/fix-wrap.skip b/changelog.d/fix-wrap.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/linter.skip b/changelog.d/linter.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/migrate-auth-flow-pinia.skip b/changelog.d/migrate-auth-flow-pinia.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/migrate-oauth-tokens-module-to-pinia-store.skip b/changelog.d/migrate-oauth-tokens-module-to-pinia-store.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/mutes-sync.add b/changelog.d/mutes-sync.add
deleted file mode 100644
index e8e0e462a..000000000
--- a/changelog.d/mutes-sync.add
+++ /dev/null
@@ -1 +0,0 @@
-Synchronized mutes, advanced mute control (regexp, expiry, naming)
diff --git a/changelog.d/profile-error.fix b/changelog.d/profile-error.fix
deleted file mode 100644
index f123db5ae..000000000
--- a/changelog.d/profile-error.fix
+++ /dev/null
@@ -1 +0,0 @@
-Fix error styling for user profiles
diff --git a/changelog.d/small-fixes.skip b/changelog.d/small-fixes.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/sw-cache-assets.add b/changelog.d/sw-cache-assets.add
deleted file mode 100644
index 5f7414eee..000000000
--- a/changelog.d/sw-cache-assets.add
+++ /dev/null
@@ -1 +0,0 @@
-Cache assets and emojis with service worker
diff --git a/changelog.d/theme3-body-class.add b/changelog.d/theme3-body-class.add
deleted file mode 100644
index f3d36fd70..000000000
--- a/changelog.d/theme3-body-class.add
+++ /dev/null
@@ -1 +0,0 @@
-Indicate currently active V3 theme as a body element class
diff --git a/changelog.d/timed.add b/changelog.d/timed.add
deleted file mode 100644
index 66cb50c9f..000000000
--- a/changelog.d/timed.add
+++ /dev/null
@@ -1 +0,0 @@
-Support for expiring mutes and blocks (if available)
diff --git a/changelog.d/unify-show-hide-buttons.add b/changelog.d/unify-show-hide-buttons.add
deleted file mode 100644
index 663bc38a5..000000000
--- a/changelog.d/unify-show-hide-buttons.add
+++ /dev/null
@@ -1 +0,0 @@
-Unify show/hide content buttons
diff --git a/changelog.d/user_profile_edit.change b/changelog.d/user_profile_edit.change
deleted file mode 100644
index dd2260260..000000000
--- a/changelog.d/user_profile_edit.change
+++ /dev/null
@@ -1 +0,0 @@
-Profile editing change overhaul
diff --git a/changelog.d/user_profile_redesign.change b/changelog.d/user_profile_redesign.change
deleted file mode 100644
index 27fc5f890..000000000
--- a/changelog.d/user_profile_redesign.change
+++ /dev/null
@@ -1 +0,0 @@
-User card/profile got an overhaul
diff --git a/changelog.d/visual.change b/changelog.d/visual.change
deleted file mode 100644
index e0cd42f65..000000000
--- a/changelog.d/visual.change
+++ /dev/null
@@ -1,5 +0,0 @@
-Combined subject and content fields in post form (visually)
-Fixes for some elements not scaling with user UI scale
-Moved post form's emoji button into input field
-Minor visual changes and fixes
-Clicking on fav/rt/emoji notifications' contents expands/collapses it
diff --git a/changelog.d/weight-loss.change b/changelog.d/weight-loss.change
deleted file mode 100644
index 8c1322bf9..000000000
--- a/changelog.d/weight-loss.change
+++ /dev/null
@@ -1 +0,0 @@
-Reduced time taken processing theme by half
diff --git a/changelog.d/zoomlag.skip b/changelog.d/zoomlag.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/package.json b/package.json
index 7652d47eb..edc122760 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pleroma_fe",
-  "version": "2.7.1",
+  "version": "2.9.2",
   "description": "Pleroma frontend, the default frontend of Pleroma social network server",
   "author": "Pleroma contributors <https://git.pleroma.social/pleroma/pleroma-fe/-/blob/develop/CONTRIBUTORS.md>",
   "private": false,

From 205e03ea15e495cf1f621d4e98a2a27a162a3241 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 31 Aug 2025 15:08:01 +0300
Subject: [PATCH 235/424] template

---
 .gitlab/merge_request_templates/Release.md | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 .gitlab/merge_request_templates/Release.md

diff --git a/.gitlab/merge_request_templates/Release.md b/.gitlab/merge_request_templates/Release.md
new file mode 100644
index 000000000..d02e14a73
--- /dev/null
+++ b/.gitlab/merge_request_templates/Release.md
@@ -0,0 +1,8 @@
+### Release checklist
+* [ ] Bump version in `package.json`
+* [ ] Compile a changelog with the `tools/collect-changelog` script
+* [ ] Create an MR with an announcement to pleroma.social
+#### post-merge
+* [ ] Tag the release on the merge commit
+* [ ] Make the tag into a Gitlab Release™
+* [ ] Merge `master` into `develop` (in case the fixes are already in develop, use `git merge -s ours --no-commit` and manually merge the changelogs)

From b7c75dcba2771e4bfeb882e0e289af7e1265c84d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 31 Aug 2025 15:26:30 +0300
Subject: [PATCH 236/424] update

---
 CHANGELOG.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 55f9b306d..84c463431 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -26,8 +26,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Compatibility with stricter CSP (Akkoma backend)
 - Added a way to upload new packs from a URL or ZIP file via the Admin Dashboard
 - Unify show/hide content buttons
-- Cache assets and emojis with service worker
 - Add support for detachable scrollTop button
+- Option to left-align user bio
+- Cache assets and emojis with service worker
 - Indicate currently active V3 theme as a body element class
 - Add arithmetic blend ISS function
 

From 6e1c65a574a504bc85aab09c0ed8a624e95471bd Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 31 Aug 2025 15:56:15 +0300
Subject: [PATCH 237/424] more changelog updates

---
 CHANGELOG.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 84c463431..ded5c6e4d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,7 +9,6 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - User card/profile got an overhaul
 - Profile editing overhaul
 - Visually combined subject and content fields in post form
-- Fixes for some elements not scaling with user UI scale
 - Moved post form's emoji button into input field
 - Minor visual changes and fixes
 - Clicking on fav/rt/emoji notifications' contents expands/collapses it

From 8353db33ad95625ce623fc41647181613b6a82d5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 15 Sep 2025 19:44:23 +0300
Subject: [PATCH 238/424] fix error when updating profile

---
 src/services/api/api.service.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 85d1cc37c..219090890 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -226,7 +226,8 @@ const updateProfile = ({ credentials, params }) => {
       })
     } else {
       if (typeof params[name] === 'object') {
-        console.warning('Object detected in updateProfile API call. This will not work, use updateProfileJSON instead.')
+        console.warn('Object detected in updateProfile API call. This will not work, use updateProfileJSON instead.')
+        console.warn('Object:\n' + JSON.stringify(params[name], null, 2))
       }
       formData.append(name, params[name]);
     }

From 454a225a7517b2fa83f842f724a966d398e57224 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 18 Sep 2025 18:16:50 +0300
Subject: [PATCH 239/424] debug

---
 .../notifications_fetcher/notifications_fetcher.service.js     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index c7eed1858..89e000dd6 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -18,7 +18,8 @@ const mastoApiNotificationTypes = new Set([
   'move',
   'poll',
   'pleroma:emoji_reaction',
-  'pleroma:report'
+  'pleroma:report',
+  'test'
 ])
 
 const fetchAndUpdate = ({ store, credentials, older = false, since }) => {

From a0a27410ea25366dd6ec9296b72a5a97b1a3da09 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 18 Sep 2025 18:19:50 +0300
Subject: [PATCH 240/424] debug2

---
 .../notifications_fetcher/notifications_fetcher.service.js      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index 89e000dd6..fbe9d233b 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -19,7 +19,7 @@ const mastoApiNotificationTypes = new Set([
   'poll',
   'pleroma:emoji_reaction',
   'pleroma:report',
-  'test'
+  'test231'
 ])
 
 const fetchAndUpdate = ({ store, credentials, older = false, since }) => {

From 53afb86da1e5936dec778f27c8e444d32cef1d23 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 18 Sep 2025 18:30:46 +0300
Subject: [PATCH 241/424] 2.9.3

---
 CHANGELOG.md | 4 ++++
 package.json | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ded5c6e4d..20c9c2693 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## 2.9.3
+### Fixed
+- Being unable to update profile
+
 ## 2.9.2
 ### Changed
 - BREAKING: due to some internal technical changes logging into AdminFE through PleromaFE is no longer possible
diff --git a/package.json b/package.json
index edc122760..77be1b5b3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pleroma_fe",
-  "version": "2.9.2",
+  "version": "2.9.3",
   "description": "Pleroma frontend, the default frontend of Pleroma social network server",
   "author": "Pleroma contributors <https://git.pleroma.social/pleroma/pleroma-fe/-/blob/develop/CONTRIBUTORS.md>",
   "private": false,

From fb828b07f9949afa6bc623e6e91f56848982be63 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Thu, 25 Sep 2025 09:07:21 +0000
Subject: [PATCH 242/424] Update vue monorepo to v3.5.22

---
 package.json |   4 +-
 yarn.lock    | 137 ++++++++++++++++++++++++++++++++++++++-------------
 2 files changed, 105 insertions(+), 36 deletions(-)

diff --git a/package.json b/package.json
index 77be1b5b3..a3a99144b 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "url": "0.11.4",
     "utf8": "3.0.0",
     "uuid": "11.1.0",
-    "vue": "3.5.19",
+    "vue": "3.5.22",
     "vue-i18n": "11",
     "vue-router": "4.5.1",
     "vue-virtual-scroller": "^2.0.0-beta.7",
@@ -66,7 +66,7 @@
     "@vitest/ui": "^3.0.7",
     "@vue/babel-helper-vue-jsx-merge-props": "1.4.0",
     "@vue/babel-plugin-jsx": "1.5.0",
-    "@vue/compiler-sfc": "3.5.19",
+    "@vue/compiler-sfc": "3.5.22",
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.21",
     "babel-plugin-lodash": "3.3.4",
diff --git a/yarn.lock b/yarn.lock
index dbcbb5127..1dfe38348 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -321,6 +321,13 @@
   dependencies:
     "@babel/types" "^7.28.2"
 
+"@babel/parser@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.4.tgz#da25d4643532890932cc03f7705fe19637e03fa8"
+  integrity sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==
+  dependencies:
+    "@babel/types" "^7.28.4"
+
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz#61dd8a8e61f7eb568268d1b5f129da3eee364bf9"
@@ -987,6 +994,14 @@
     "@babel/helper-string-parser" "^7.27.1"
     "@babel/helper-validator-identifier" "^7.27.1"
 
+"@babel/types@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.4.tgz#0a4e618f4c60a7cd6c11cb2d48060e4dbe38ac3a"
+  integrity sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+
 "@bazel/runfiles@^6.3.1":
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/@bazel/runfiles/-/runfiles-6.3.1.tgz#3f8824b2d82853377799d42354b4df78ab0ace0b"
@@ -2224,6 +2239,17 @@
     estree-walker "^2.0.2"
     source-map-js "^1.2.1"
 
+"@vue/compiler-core@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.22.tgz#bb8294a0dd31df540563cc6ffa0456f1f7687b97"
+  integrity sha512-jQ0pFPmZwTEiRNSb+i9Ow/I/cHv2tXYqsnHKKyCQ08irI2kdF5qmYedmF8si8mA7zepUFmJ2hqzS8CQmNOWOkQ==
+  dependencies:
+    "@babel/parser" "^7.28.4"
+    "@vue/shared" "3.5.22"
+    entities "^4.5.0"
+    estree-walker "^2.0.2"
+    source-map-js "^1.2.1"
+
 "@vue/compiler-dom@3.5.19":
   version "3.5.19"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.19.tgz#fc57d9dca4987df67d6ce64dbddaac6d73f1a6ef"
@@ -2232,7 +2258,30 @@
     "@vue/compiler-core" "3.5.19"
     "@vue/shared" "3.5.19"
 
-"@vue/compiler-sfc@3.5.19", "@vue/compiler-sfc@^3.5.18":
+"@vue/compiler-dom@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.22.tgz#6c9c2c9843520f6d3dbc685e5d0e1e12a2c04c56"
+  integrity sha512-W8RknzUM1BLkypvdz10OVsGxnMAuSIZs9Wdx1vzA3mL5fNMN15rhrSCLiTm6blWeACwUwizzPVqGJgOGBEN/hA==
+  dependencies:
+    "@vue/compiler-core" "3.5.22"
+    "@vue/shared" "3.5.22"
+
+"@vue/compiler-sfc@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.22.tgz#663a8483b1dda8de83b6fa1aab38a52bf73dd965"
+  integrity sha512-tbTR1zKGce4Lj+JLzFXDq36K4vcSZbJ1RBu8FxcDv1IGRz//Dh2EBqksyGVypz3kXpshIfWKGOCcqpSbyGWRJQ==
+  dependencies:
+    "@babel/parser" "^7.28.4"
+    "@vue/compiler-core" "3.5.22"
+    "@vue/compiler-dom" "3.5.22"
+    "@vue/compiler-ssr" "3.5.22"
+    "@vue/shared" "3.5.22"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.19"
+    postcss "^8.5.6"
+    source-map-js "^1.2.1"
+
+"@vue/compiler-sfc@^3.5.18":
   version "3.5.19"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.19.tgz#7f9792ad7de5d4be9b6a32129c75e1f6cd4da015"
   integrity sha512-YWCm1CYaJ+2RvNmhCwI7t3I3nU+hOrWGWMsn+Z/kmm1jy5iinnVtlmkiZwbLlbV1SRizX7vHsc0/bG5dj0zRTg==
@@ -2255,6 +2304,14 @@
     "@vue/compiler-dom" "3.5.19"
     "@vue/shared" "3.5.19"
 
+"@vue/compiler-ssr@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.22.tgz#a0ef16e364731b25e79a13470569066af101320f"
+  integrity sha512-GdgyLvg4R+7T8Nk2Mlighx7XGxq/fJf9jaVofc3IL0EPesTE86cP/8DD1lT3h1JeZr2ySBvyqKQJgbS54IX1Ww==
+  dependencies:
+    "@vue/compiler-dom" "3.5.22"
+    "@vue/shared" "3.5.22"
+
 "@vue/devtools-api@^6.0.0-beta.11", "@vue/devtools-api@^6.5.0", "@vue/devtools-api@^6.6.4":
   version "6.6.4"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
@@ -2287,44 +2344,49 @@
   dependencies:
     rfdc "^1.4.1"
 
-"@vue/reactivity@3.5.19":
-  version "3.5.19"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.19.tgz#c06f172da26e2fc74060cc490d1c3aaffc024622"
-  integrity sha512-4bueZg2qs5MSsK2dQk3sssV0cfvxb/QZntTC8v7J448GLgmfPkQ+27aDjlt40+XFqOwUq5yRxK5uQh14Fc9eVA==
+"@vue/reactivity@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.22.tgz#9b26f8557c96df46c9a859914a2229f3ca5b8f4f"
+  integrity sha512-f2Wux4v/Z2pqc9+4SmgZC1p73Z53fyD90NFWXiX9AKVnVBEvLFOWCEgJD3GdGnlxPZt01PSlfmLqbLYzY/Fw4A==
   dependencies:
-    "@vue/shared" "3.5.19"
+    "@vue/shared" "3.5.22"
 
-"@vue/runtime-core@3.5.19":
-  version "3.5.19"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.19.tgz#7af375addd88b8be0a3a90162112bb98f92a9359"
-  integrity sha512-TaooCr8Hge1sWjLSyhdubnuofs3shhzZGfyD11gFolZrny76drPwBVQj28/z/4+msSFb18tOIg6VVVgf9/IbIA==
+"@vue/runtime-core@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.22.tgz#e004c1e35f423555a0e4c10646ef3e9d380643d1"
+  integrity sha512-EHo4W/eiYeAzRTN5PCextDUZ0dMs9I8mQ2Fy+OkzvRPUYQEyK9yAjbasrMCXbLNhF7P0OUyivLjIy0yc6VrLJQ==
   dependencies:
-    "@vue/reactivity" "3.5.19"
-    "@vue/shared" "3.5.19"
+    "@vue/reactivity" "3.5.22"
+    "@vue/shared" "3.5.22"
 
-"@vue/runtime-dom@3.5.19":
-  version "3.5.19"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.19.tgz#b8cb4101778a306bdb64b5faba539a90ecce712c"
-  integrity sha512-qmahqeok6ztuUTmV8lqd7N9ymbBzctNF885n8gL3xdCC1u2RnM/coX16Via0AiONQXUoYpxPojL3U1IsDgSWUQ==
+"@vue/runtime-dom@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.22.tgz#01276cea7cb9ac2b9aba046adfb5903b494e2e7e"
+  integrity sha512-Av60jsryAkI023PlN7LsqrfPvwfxOd2yAwtReCjeuugTJTkgrksYJJstg1e12qle0NarkfhfFu1ox2D+cQotww==
   dependencies:
-    "@vue/reactivity" "3.5.19"
-    "@vue/runtime-core" "3.5.19"
-    "@vue/shared" "3.5.19"
+    "@vue/reactivity" "3.5.22"
+    "@vue/runtime-core" "3.5.22"
+    "@vue/shared" "3.5.22"
     csstype "^3.1.3"
 
-"@vue/server-renderer@3.5.19":
-  version "3.5.19"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.19.tgz#68269701e73640ec0b861fcaff5cc77331d245e9"
-  integrity sha512-ZJ/zV9SQuaIO+BEEVq/2a6fipyrSYfjKMU3267bPUk+oTx/hZq3RzV7VCh0Unlppt39Bvh6+NzxeopIFv4HJNg==
+"@vue/server-renderer@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.22.tgz#d134e3409094044bd066d9803714677457756157"
+  integrity sha512-gXjo+ao0oHYTSswF+a3KRHZ1WszxIqO7u6XwNHqcqb9JfyIL/pbWrrh/xLv7jeDqla9u+LK7yfZKHih1e1RKAQ==
   dependencies:
-    "@vue/compiler-ssr" "3.5.19"
-    "@vue/shared" "3.5.19"
+    "@vue/compiler-ssr" "3.5.22"
+    "@vue/shared" "3.5.22"
 
 "@vue/shared@3.5.19", "@vue/shared@^3.5.18":
   version "3.5.19"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.19.tgz#5301967a910cb62145e4f17131f3bee88b463c83"
   integrity sha512-IhXCOn08wgKrLQxRFKKlSacWg4Goi1BolrdEeLYn6tgHjJNXVrWJ5nzoxZqNwl5p88aLlQ8LOaoMa3AYvaKJ/Q==
 
+"@vue/shared@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.22.tgz#9d56a1644a3becb8af1e34655928b0e288d827f8"
+  integrity sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w==
+
 "@vue/test-utils@2.4.6":
   version "2.4.6"
   resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.4.6.tgz#7d534e70c4319d2a587d6a3b45a39e9695ade03c"
@@ -5637,6 +5699,13 @@ magic-string@^0.30.17:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.5.5"
 
+magic-string@^0.30.19:
+  version "0.30.19"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.19.tgz#cebe9f104e565602e5d2098c5f2e79a77cc86da9"
+  integrity sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.5"
+
 make-dir@^2.0.0, make-dir@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
@@ -7914,16 +7983,16 @@ vue-virtual-scroller@^2.0.0-beta.7:
     vue-observe-visibility "^2.0.0-alpha.1"
     vue-resize "^2.0.0-alpha.1"
 
-vue@3.5.19:
-  version "3.5.19"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.19.tgz#973ba643a331bd35578eec2a27fa115f500eb25b"
-  integrity sha512-ZRh0HTmw6KChRYWgN8Ox/wi7VhpuGlvMPrHjIsdRbzKNgECFLzy+dKL5z9yGaBSjCpmcfJCbh3I1tNSRmBz2tg==
+vue@3.5.22:
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.22.tgz#2b8ddb94ee4b640ef12fe7f6efe1cf16f3b582e7"
+  integrity sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==
   dependencies:
-    "@vue/compiler-dom" "3.5.19"
-    "@vue/compiler-sfc" "3.5.19"
-    "@vue/runtime-dom" "3.5.19"
-    "@vue/server-renderer" "3.5.19"
-    "@vue/shared" "3.5.19"
+    "@vue/compiler-dom" "3.5.22"
+    "@vue/compiler-sfc" "3.5.22"
+    "@vue/runtime-dom" "3.5.22"
+    "@vue/server-renderer" "3.5.22"
+    "@vue/shared" "3.5.22"
 
 vuex@4.1.0:
   version "4.1.0"

From df05a7a8a794d2d23d92ac21cfeab917a01315ef Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Thu, 25 Sep 2025 09:08:13 +0000
Subject: [PATCH 243/424] Update dependency sass to v1.93.2

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 77be1b5b3..f6e069b49 100644
--- a/package.json
+++ b/package.json
@@ -96,7 +96,7 @@
     "postcss": "8.5.6",
     "postcss-html": "^1.5.0",
     "postcss-scss": "^4.0.6",
-    "sass": "1.89.2",
+    "sass": "1.93.2",
     "selenium-server": "3.141.59",
     "semver": "7.7.2",
     "serve-static": "2.2.0",
diff --git a/yarn.lock b/yarn.lock
index dbcbb5127..fde773f89 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6844,10 +6844,10 @@ safe-regex-test@^1.1.0:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sass@1.89.2:
-  version "1.89.2"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.89.2.tgz#a771716aeae774e2b529f72c0ff2dfd46c9de10e"
-  integrity sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==
+sass@1.93.2:
+  version "1.93.2"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.93.2.tgz#e97d225d60f59a3b3dbb6d2ae3c1b955fd1f2cd1"
+  integrity sha512-t+YPtOQHpGW1QWsh1CHQ5cPIr9lbbGZLZnbihP/D/qZj/yuV68m8qarcV17nvkOX81BCrvzAlq2klCQFZghyTg==
   dependencies:
     chokidar "^4.0.0"
     immutable "^5.0.2"

From 326d4976a3a9efd86f3ab84e3e3aecbc63ff0b61 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sat, 4 Oct 2025 08:51:40 +0000
Subject: [PATCH 244/424] Update dependency eslint to v9.37.0

---
 package.json |  2 +-
 yarn.lock    | 63 ++++++++++++++++++++++++++++++----------------------
 2 files changed, 37 insertions(+), 28 deletions(-)

diff --git a/package.json b/package.json
index 77be1b5b3..19dc3d94d 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "connect-history-api-fallback": "2.0.0",
     "cross-spawn": "7.0.6",
     "custom-event-polyfill": "1.0.7",
-    "eslint": "9.33.0",
+    "eslint": "9.37.0",
     "vue-eslint-parser": "10.2.0",
     "eslint-config-standard": "17.1.0",
     "eslint-formatter-friendly": "7.0.0",
diff --git a/yarn.lock b/yarn.lock
index dbcbb5127..3d08fe4d2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1291,13 +1291,20 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz#0b17ec8a70b2385827d52314c1253160a0b9bacc"
   integrity sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==
 
-"@eslint-community/eslint-utils@^4.1.2", "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0", "@eslint-community/eslint-utils@^4.5.0":
+"@eslint-community/eslint-utils@^4.1.2", "@eslint-community/eslint-utils@^4.4.0", "@eslint-community/eslint-utils@^4.5.0":
   version "4.5.1"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.5.1.tgz#b0fc7e06d0c94f801537fd4237edc2706d3b8e4c"
   integrity sha512-soEIOALTfTK6EjmKMMoLugwaP0rzkad90iIWd1hMO9ARkSAyjfMfkRRhLvD5qH7vvM0Cg72pieUfR6yh6XxC4w==
   dependencies:
     eslint-visitor-keys "^3.4.3"
 
+"@eslint-community/eslint-utils@^4.8.0":
+  version "4.9.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz#7308df158e064f0dd8b8fdb58aa14fa2a7f913b3"
+  integrity sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==
+  dependencies:
+    eslint-visitor-keys "^3.4.3"
+
 "@eslint-community/regexpp@^4.11.0", "@eslint-community/regexpp@^4.12.1":
   version "4.12.1"
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
@@ -1312,15 +1319,17 @@
     debug "^4.3.1"
     minimatch "^3.1.2"
 
-"@eslint/config-helpers@^0.3.1":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.3.1.tgz#d316e47905bd0a1a931fa50e669b9af4104d1617"
-  integrity sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==
+"@eslint/config-helpers@^0.4.0":
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.4.0.tgz#e9f94ba3b5b875e32205cb83fece18e64486e9e6"
+  integrity sha512-WUFvV4WoIwW8Bv0KeKCIIEgdSiFOsulyN0xrMu+7z43q/hkOLXjvb5u7UC9jDxvRzcrbEmuZBX5yJZz1741jog==
+  dependencies:
+    "@eslint/core" "^0.16.0"
 
-"@eslint/core@^0.15.2":
-  version "0.15.2"
-  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.15.2.tgz#59386327d7862cc3603ebc7c78159d2dcc4a868f"
-  integrity sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==
+"@eslint/core@^0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.16.0.tgz#490254f275ba9667ddbab344f4f0a6b7a7bd7209"
+  integrity sha512-nmC8/totwobIiFcGkDza3GIKfAw1+hLiYVrh3I1nIomQ8PEr5cxg34jnkmGawul/ep52wGRAcyeDCNtWKSOj4Q==
   dependencies:
     "@types/json-schema" "^7.0.15"
 
@@ -1339,22 +1348,22 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@9.33.0":
-  version "9.33.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.33.0.tgz#475c92fdddab59b8b8cab960e3de2564a44bf368"
-  integrity sha512-5K1/mKhWaMfreBGJTwval43JJmkip0RmM+3+IuqupeSKNC/Th2Kc7ucaq5ovTSra/OOKB9c58CGSz3QMVbWt0A==
+"@eslint/js@9.37.0":
+  version "9.37.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.37.0.tgz#0cfd5aa763fe5d1ee60bedf84cd14f54bcf9e21b"
+  integrity sha512-jaS+NJ+hximswBG6pjNX0uEJZkrT0zwpVi3BA3vX22aFGjJjmgSTSmPpZCRKmoBL5VY/M6p0xsSJx7rk7sy5gg==
 
 "@eslint/object-schema@^2.1.6":
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.6.tgz#58369ab5b5b3ca117880c0f6c0b0f32f6950f24f"
   integrity sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==
 
-"@eslint/plugin-kit@^0.3.5":
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz#fd8764f0ee79c8ddab4da65460c641cefee017c5"
-  integrity sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==
+"@eslint/plugin-kit@^0.4.0":
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.4.0.tgz#f6a245b42886abf6fc9c7ab7744a932250335ab2"
+  integrity sha512-sB5uyeq+dwCWyPi31B2gQlVlo+j5brPlWx4yZBrEaRo/nhdDE8Xke1gsGgtiBdaBTxuTkceLVuVt/pclrasb0A==
   dependencies:
-    "@eslint/core" "^0.15.2"
+    "@eslint/core" "^0.16.0"
     levn "^0.4.1"
 
 "@fortawesome/fontawesome-common-types@6.7.2":
@@ -4104,19 +4113,19 @@ eslint-visitor-keys@^4.2.1:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz#4cfea60fe7dd0ad8e816e1ed026c1d5251b512c1"
   integrity sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==
 
-eslint@9.33.0:
-  version "9.33.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.33.0.tgz#cc186b3d9eb0e914539953d6a178a5b413997b73"
-  integrity sha512-TS9bTNIryDzStCpJN93aC5VRSW3uTx9sClUn4B87pwiCaJh220otoI0X8mJKr+VcPtniMdN8GKjlwgWGUv5ZKA==
+eslint@9.37.0:
+  version "9.37.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.37.0.tgz#ac0222127f76b09c0db63036f4fe289562072d74"
+  integrity sha512-XyLmROnACWqSxiGYArdef1fItQd47weqB7iwtfr9JHwRrqIXZdcFMvvEcL9xHCmL0SNsOvF0c42lWyM1U5dgig==
   dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/eslint-utils" "^4.8.0"
     "@eslint-community/regexpp" "^4.12.1"
     "@eslint/config-array" "^0.21.0"
-    "@eslint/config-helpers" "^0.3.1"
-    "@eslint/core" "^0.15.2"
+    "@eslint/config-helpers" "^0.4.0"
+    "@eslint/core" "^0.16.0"
     "@eslint/eslintrc" "^3.3.1"
-    "@eslint/js" "9.33.0"
-    "@eslint/plugin-kit" "^0.3.5"
+    "@eslint/js" "9.37.0"
+    "@eslint/plugin-kit" "^0.4.0"
     "@humanfs/node" "^0.16.6"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@humanwhocodes/retry" "^0.4.2"

From 7a919e7c76dba09499437c8d5c287b0206b45a05 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sat, 4 Oct 2025 08:52:01 +0000
Subject: [PATCH 245/424] Update dependency stylelint to v16.25.0

---
 package.json |   2 +-
 yarn.lock    | 185 ++++++++++++++++++++++++++++++---------------------
 2 files changed, 111 insertions(+), 76 deletions(-)

diff --git a/package.json b/package.json
index 77be1b5b3..3f7981941 100644
--- a/package.json
+++ b/package.json
@@ -103,7 +103,7 @@
     "shelljs": "0.10.0",
     "sinon": "20.0.0",
     "sinon-chai": "4.0.0",
-    "stylelint": "16.19.1",
+    "stylelint": "16.25.0",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-recommended": "^16.0.0",
     "stylelint-config-recommended-scss": "^14.0.0",
diff --git a/yarn.lock b/yarn.lock
index dbcbb5127..139286417 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1014,6 +1014,29 @@
     "@types/tough-cookie" "^4.0.5"
     tough-cookie "^4.1.4"
 
+"@cacheable/memoize@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@cacheable/memoize/-/memoize-2.0.3.tgz#64b18a6b42f987fe8a9e9e2e4391b14cbf85680f"
+  integrity sha512-hl9wfQgpiydhQEIv7fkjEzTGE+tcosCXLKFDO707wYJ/78FVOlowb36djex5GdbSyeHnG62pomYLMuV/OT8Pbw==
+  dependencies:
+    "@cacheable/utils" "^2.0.3"
+
+"@cacheable/memory@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@cacheable/memory/-/memory-2.0.3.tgz#8d8fa1644b32b85f27c7e4e16e14f36a8460735c"
+  integrity sha512-R3UKy/CKOyb1LZG/VRCTMcpiMDyLH7SH3JrraRdK6kf3GweWCOU3sgvE13W3TiDRbxnDKylzKJvhUAvWl9LQOA==
+  dependencies:
+    "@cacheable/memoize" "^2.0.3"
+    "@cacheable/utils" "^2.0.3"
+    "@keyv/bigmap" "^1.0.2"
+    hookified "^1.12.1"
+    keyv "^5.5.3"
+
+"@cacheable/utils@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@cacheable/utils/-/utils-2.0.3.tgz#45d62f5dd3b481ef62677335bada2cbdb579148b"
+  integrity sha512-m7Rce68cMHlAUjvWBy9Ru1Nmw5gU0SjGGtQDdhpe6E0xnbcvrIY0Epy//JU1VYYBUTzrG9jvgmTauULGKzOkWA==
+
 "@chenfengyuan/vue-qrcode@2.0.0":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@chenfengyuan/vue-qrcode/-/vue-qrcode-2.0.0.tgz#8cd01f6fc528d471680ebe812ec47c830aea7e63"
@@ -1146,25 +1169,35 @@
   resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz#74426e93bd1c4dcab3e441f5cc7ba4fb35d94356"
   integrity sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==
 
+"@csstools/css-parser-algorithms@^3.0.5":
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz#5755370a9a29abaec5515b43c8b3f2cf9c2e3076"
+  integrity sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==
+
 "@csstools/css-tokenizer@^3.0.3":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz#a5502c8539265fecbd873c1e395a890339f119c2"
   integrity sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==
 
-"@csstools/media-query-list-parser@^4.0.2":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-4.0.2.tgz#e80e17eba1693fceafb8d6f2cfc68c0e7a9ab78a"
-  integrity sha512-EUos465uvVvMJehckATTlNqGj4UJWkTmdWuDMjqvSUkjGpmOyFZBVwb4knxCm/k2GMTXY+c/5RkdndzFYWeX5A==
+"@csstools/css-tokenizer@^3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz#333fedabc3fd1a8e5d0100013731cf19e6a8c5d3"
+  integrity sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==
+
+"@csstools/media-query-list-parser@^4.0.3":
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-4.0.3.tgz#7aec77bcb89c2da80ef207e73f474ef9e1b3cdf1"
+  integrity sha512-HAYH7d3TLRHDOUQK4mZKf9k9Ph/m8Akstg66ywKR4SFAigjs3yBiUeZtFxywiTm5moZMAp/5W/ZuFnNXXYLuuQ==
 
 "@csstools/selector-specificity@^5.0.0":
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-5.0.0.tgz#037817b574262134cabd68fc4ec1a454f168407b"
   integrity sha512-PCqQV3c4CoVm3kdPhyeZ07VmBRdH2EpMFA/pd9OASpOEC3aXNGoqPDAZ80D0cLpMBxnmk0+yNhGsEx31hq7Gtw==
 
-"@dual-bundle/import-meta-resolve@^4.1.0":
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz#519c1549b0e147759e7825701ecffd25e5819f7b"
-  integrity sha512-+nxncfwHM5SgAtrVzgpzJOI1ol0PkumhVo469KCf9lUi21IGcY90G98VuHm9VRrUypmAzawAHO9bs6hqeADaVg==
+"@dual-bundle/import-meta-resolve@^4.2.1":
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.2.1.tgz#cd0b25b3808cd9e684cd6cd549bbf8e1dcf05ee7"
+  integrity sha512-id+7YRUgoUX6CgV0DtuhirQWodeeA7Lf4i2x71JS/vtA5pRb/hIGWlw+G6MeXvsM+MXrz0VAydTGElX1rAfgPg==
 
 "@esbuild/aix-ppc64@0.25.4":
   version "0.25.4"
@@ -1519,12 +1552,17 @@
   resolved "https://registry.yarnpkg.com/@kazvmoe-infra/unicode-emoji-json/-/unicode-emoji-json-0.4.0.tgz#555bab2f8d11db74820ef0a2fbe2805b17c22587"
   integrity sha512-22OffREdHzD0U6A/W4RaFPV8NR73za6euibtAxNxO/fu5A6TwxRO2lAdbDWKJH9COv/vYs8zqfEiSalXH2nXJA==
 
-"@keyv/serialize@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@keyv/serialize/-/serialize-1.0.3.tgz#e0fe3710e2a379cb0490cd41e5a5ffa2bab58bf6"
-  integrity sha512-qnEovoOp5Np2JDGonIDL6Ayihw0RhnRh6vxPuHo4RDn1UOzwEo4AeIfpL6UGIrsceWrCMiVPgwRjbHu4vYFc3g==
+"@keyv/bigmap@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@keyv/bigmap/-/bigmap-1.0.2.tgz#9480d168c99a4a6c2fd3b677387cd922aa82a470"
+  integrity sha512-KR03xkEZlAZNF4IxXgVXb+uNIVNvwdh8UwI0cnc7WI6a+aQcDp8GL80qVfeB4E5NpsKJzou5jU0r6yLSSbMOtA==
   dependencies:
-    buffer "^6.0.3"
+    hookified "^1.12.1"
+
+"@keyv/serialize@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@keyv/serialize/-/serialize-1.1.1.tgz#0c01dd3a3483882af7cf3878d4e71d505c81fc4a"
+  integrity sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==
 
 "@mswjs/interceptors@^0.39.1":
   version "0.39.2"
@@ -2873,14 +2911,6 @@ buffer@^5.5.0:
     base64-js "^1.3.1"
     ieee754 "^1.1.13"
 
-buffer@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-6.0.3.tgz#2ace578459cc8fbe2a70aaa8f52ee63b6a74c6c6"
-  integrity sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==
-  dependencies:
-    base64-js "^1.3.1"
-    ieee754 "^1.2.1"
-
 bytes@3.1.2, bytes@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
@@ -2891,13 +2921,16 @@ cac@^6.7.14:
   resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
   integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
 
-cacheable@^1.8.9:
-  version "1.8.9"
-  resolved "https://registry.yarnpkg.com/cacheable/-/cacheable-1.8.9.tgz#f5498999567ae1015761d805bd8bbecd8393fbd4"
-  integrity sha512-FicwAUyWnrtnd4QqYAoRlNs44/a1jTL7XDKqm5gJ90wz1DQPlC7U2Rd1Tydpv+E7WAr4sQHuw8Q8M3nZMAyecQ==
+cacheable@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/cacheable/-/cacheable-2.0.3.tgz#27d490121907166b152cda2d31fdafd41611365e"
+  integrity sha512-nZF80J3d8RMrroMSYm1E9pBllVDXWPuECZgEZxH+vusCY4MAXAJVrY0jutcHSgh3xYX3G2EUNnmtWGZVVjWCXw==
   dependencies:
-    hookified "^1.7.1"
-    keyv "^5.3.1"
+    "@cacheable/memoize" "^2.0.3"
+    "@cacheable/memory" "^2.0.3"
+    "@cacheable/utils" "^2.0.3"
+    hookified "^1.12.1"
+    keyv "^5.5.3"
 
 call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
   version "1.0.2"
@@ -3379,7 +3412,7 @@ data-view-byte-offset@^1.0.1:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
-debug@4, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5, debug@^4.3.6, debug@^4.3.7, debug@^4.4.0:
+debug@4, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5, debug@^4.3.6, debug@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
   integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
@@ -3414,6 +3447,13 @@ debug@^4.1.0, debug@^4.3.1, debug@^4.4.1:
   dependencies:
     ms "^2.1.3"
 
+debug@^4.4.3:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
+  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
+  dependencies:
+    ms "^2.1.3"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -4353,12 +4393,12 @@ fflate@^0.8.2:
   resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.8.2.tgz#fc8631f5347812ad6028bbe4a2308b2792aa1dea"
   integrity sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==
 
-file-entry-cache@^10.0.8:
-  version "10.0.8"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-10.0.8.tgz#2b7a32c40615c4a6b59c385fb059a2762faf9624"
-  integrity sha512-FGXHpfmI4XyzbLd3HQ8cbUcsFGohJpZtmQRHr8z8FxxtCe2PcpgIlVLwIgunqjvRmXypBETvwhV4ptJizA+Y1Q==
+file-entry-cache@^10.1.4:
+  version "10.1.4"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-10.1.4.tgz#1e81441517dc33ba5fe14421d96dc5fe7e37e820"
+  integrity sha512-5XRUFc0WTtUbjfGzEwXc42tiGxQHBmtbUG1h9L2apu4SulCGN3Hqm//9D6FAolf8MYNL7f/YlJl9vy08pj5JuA==
   dependencies:
-    flat-cache "^6.1.8"
+    flat-cache "^6.1.13"
 
 file-entry-cache@^8.0.0:
   version "8.0.0"
@@ -4433,14 +4473,14 @@ flat-cache@^4.0.0:
     flatted "^3.2.9"
     keyv "^4.5.4"
 
-flat-cache@^6.1.8:
-  version "6.1.8"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-6.1.8.tgz#968fb89b19df488fe60f346857ffc54b8dd0ba14"
-  integrity sha512-R6MaD3nrJAtO7C3QOuS79ficm2pEAy++TgEUD8ii1LVlbcgZ9DtASLkt9B+RZSFCzm7QHDMlXPsqqB6W2Pfr1Q==
+flat-cache@^6.1.13:
+  version "6.1.17"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-6.1.17.tgz#31eb0de23c6a301c1420596d0089dd431649006d"
+  integrity sha512-Jzse4YoiUJBVYTwz5Bwl4h/2VQM7e2KK3MVAMlXzX9uamIHAH/TXUlRKU1AQGQOryQhN0EsmufiiF40G057YXA==
   dependencies:
-    cacheable "^1.8.9"
+    cacheable "^2.0.3"
     flatted "^3.3.3"
-    hookified "^1.8.1"
+    hookified "^1.12.0"
 
 flat@^5.0.2:
   version "5.0.2"
@@ -4813,15 +4853,10 @@ hookable@^5.5.3:
   resolved "https://registry.yarnpkg.com/hookable/-/hookable-5.5.3.tgz#6cfc358984a1ef991e2518cb9ed4a778bbd3215d"
   integrity sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==
 
-hookified@^1.7.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.8.1.tgz#74a8c97d36e5f8004d230ee2156a607cc84c358c"
-  integrity sha512-GrO2l93P8xCWBSTBX9l2BxI78VU/MAAYag+pG8curS3aBGy0++ZlxrQ7PdUOUVMbn5BwkGb6+eRrnf43ipnFEA==
-
-hookified@^1.8.1:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.8.2.tgz#b365a89dfce3da43e790673a6a97d3b896ae5fa7"
-  integrity sha512-5nZbBNP44sFCDjSoB//0N7m508APCgbQ4mGGo1KJGBYyCKNHfry1Pvd0JVHZIxjdnqn8nFRBAN/eFB6Rk/4w5w==
+hookified@^1.12.0, hookified@^1.12.1:
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.12.1.tgz#b0de0116ca346fd6c4e55db901f52d5cd728ef00"
+  integrity sha512-xnKGl+iMIlhrZmGHB729MqlmPoWBznctSQTYCpFKqNsCgimJQmithcW0xSQMMFzYnV2iKUh25alswn6epgxS0Q==
 
 html-encoding-sniffer@^4.0.0:
   version "4.0.0"
@@ -4905,7 +4940,7 @@ iconv-lite@0.6.3, iconv-lite@^0.6.3:
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
-ieee754@^1.1.13, ieee754@^1.2.1:
+ieee754@^1.1.13:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
@@ -4915,10 +4950,10 @@ ignore@^5.2.0, ignore@^5.3.2:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
   integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
-ignore@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.3.tgz#397ef9315dfe0595671eefe8b633fec6943ab733"
-  integrity sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA==
+ignore@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.5.tgz#4cb5f6cd7d4c7ab0365738c7aea888baa6d7efd9"
+  integrity sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==
 
 immediate@~3.0.5:
   version "3.0.6"
@@ -5446,12 +5481,12 @@ keyv@^4.5.4:
   dependencies:
     json-buffer "3.0.1"
 
-keyv@^5.3.1:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-5.3.2.tgz#32edd461b51d44d42926eb72946236d79c71ae78"
-  integrity sha512-Lji2XRxqqa5Wg+CHLVfFKBImfJZ4pCSccu9eVWK6w4c2SDFLd8JAn1zqTuSFnsxb7ope6rMsnIHfp+eBbRBRZQ==
+keyv@^5.5.3:
+  version "5.5.3"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-5.5.3.tgz#db7b7f89b3e13ade5a8d0fe59d765aebb596e84b"
+  integrity sha512-h0Un1ieD+HUrzBH6dJXhod3ifSghk5Hw/2Y4/KHBziPlZecrFyE9YOTPU6eOs0V9pYl8gOs86fkr/KN8lUX39A==
   dependencies:
-    "@keyv/serialize" "^1.0.3"
+    "@keyv/serialize" "^1.1.1"
 
 kind-of@^6.0.2:
   version "6.0.3"
@@ -5463,10 +5498,10 @@ known-css-properties@^0.35.0:
   resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.35.0.tgz#f6f8e40ab4e5700fa32f5b2ef5218a56bc853bd6"
   integrity sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==
 
-known-css-properties@^0.36.0:
-  version "0.36.0"
-  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.36.0.tgz#5c4365f3c9549ca2e813d2e729e6c47ef6a6cb60"
-  integrity sha512-A+9jP+IUmuQsNdsLdcg6Yt7voiMF/D4K83ew0OpJtpu+l34ef7LaohWV0Rc6KNvzw6ZDizkqfyB5JznZnzuKQA==
+known-css-properties@^0.37.0:
+  version "0.37.0"
+  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.37.0.tgz#10ebe49b9dbb6638860ff8a002fb65a053f4aec5"
+  integrity sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==
 
 lazystream@^1.0.0:
   version "1.0.1"
@@ -7360,39 +7395,39 @@ stylelint-scss@^6.4.0:
     postcss-selector-parser "^7.1.0"
     postcss-value-parser "^4.2.0"
 
-stylelint@16.19.1:
-  version "16.19.1"
-  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-16.19.1.tgz#486b95fa7518a3077ee2802bc6dda2174bc097bb"
-  integrity sha512-C1SlPZNMKl+d/C867ZdCRthrS+6KuZ3AoGW113RZCOL0M8xOGpgx7G70wq7lFvqvm4dcfdGFVLB/mNaLFChRKw==
+stylelint@16.25.0:
+  version "16.25.0"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-16.25.0.tgz#c3d602974f2a18fa57fadc9f3f40129b098fe4dc"
+  integrity sha512-Li0avYWV4nfv1zPbdnxLYBGq4z8DVZxbRgx4Kn6V+Uftz1rMoF1qiEI3oL4kgWqyYgCgs7gT5maHNZ82Gk03vQ==
   dependencies:
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/media-query-list-parser" "^4.0.2"
+    "@csstools/css-parser-algorithms" "^3.0.5"
+    "@csstools/css-tokenizer" "^3.0.4"
+    "@csstools/media-query-list-parser" "^4.0.3"
     "@csstools/selector-specificity" "^5.0.0"
-    "@dual-bundle/import-meta-resolve" "^4.1.0"
+    "@dual-bundle/import-meta-resolve" "^4.2.1"
     balanced-match "^2.0.0"
     colord "^2.9.3"
     cosmiconfig "^9.0.0"
     css-functions-list "^3.2.3"
     css-tree "^3.1.0"
-    debug "^4.3.7"
+    debug "^4.4.3"
     fast-glob "^3.3.3"
     fastest-levenshtein "^1.0.16"
-    file-entry-cache "^10.0.8"
+    file-entry-cache "^10.1.4"
     global-modules "^2.0.0"
     globby "^11.1.0"
     globjoin "^0.1.4"
     html-tags "^3.3.1"
-    ignore "^7.0.3"
+    ignore "^7.0.5"
     imurmurhash "^0.1.4"
     is-plain-object "^5.0.0"
-    known-css-properties "^0.36.0"
+    known-css-properties "^0.37.0"
     mathml-tag-names "^2.1.3"
     meow "^13.2.0"
     micromatch "^4.0.8"
     normalize-path "^3.0.0"
     picocolors "^1.1.1"
-    postcss "^8.5.3"
+    postcss "^8.5.6"
     postcss-resolve-nested-selector "^0.1.6"
     postcss-safe-parser "^7.0.1"
     postcss-selector-parser "^7.1.0"

From 00ba6b7c5dfee168aaf5cdb002870a188417c5b8 Mon Sep 17 00:00:00 2001
From: Pleroma User <66706-pleromian@users.noreply.git.pleroma.social>
Date: Tue, 7 Oct 2025 06:48:17 +0000
Subject: [PATCH 246/424] Fix broken conversation

---
 changelog.d/broken.fix                        |  2 +
 src/components/status/status.js               |  4 +-
 src/components/status/status.scss             |  4 ++
 src/components/status/status.vue              | 52 +++++++++++--------
 src/i18n/en.json                              |  2 +
 src/modules/statuses.js                       |  5 +-
 src/services/status_parser/status_parser.js   |  2 +-
 .../user_highlighter/user_highlighter.js      |  2 +-
 8 files changed, 47 insertions(+), 26 deletions(-)
 create mode 100644 changelog.d/broken.fix

diff --git a/changelog.d/broken.fix b/changelog.d/broken.fix
new file mode 100644
index 000000000..7e58091b4
--- /dev/null
+++ b/changelog.d/broken.fix
@@ -0,0 +1,2 @@
+Fix display of the broken/deleted/banned users
+
diff --git a/src/components/status/status.js b/src/components/status/status.js
index ba6fe1b68..eebae459b 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -452,7 +452,7 @@ const Status = {
     },
     scrobblePresent () {
       if (this.mergedConfig.hideScrobbles) return false
-      if (!this.status.user.latestScrobble) return false
+      if (!this.status.user?.latestScrobble) return false
       const value = this.mergedConfig.hideScrobblesAfter.match(/\d+/gs)[0]
       const unit = this.mergedConfig.hideScrobblesAfter.match(/\D+/gs)[0]
       let multiplier = 60 * 1000 // minutes is smallest unit
@@ -474,7 +474,7 @@ const Status = {
       return this.status.user.latestScrobble.artist
     },
     scrobble () {
-      return this.status.user.latestScrobble
+      return this.status.user?.latestScrobble
     }
   },
   methods: {
diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 511a74074..897730a07 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -108,6 +108,10 @@
     overflow: hidden;
     text-overflow: ellipsis;
     flex: 1 1 0;
+
+    &.unknown {
+      min-width: 8em;
+    }
   }
 
   .heading-left {
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index fbc455ee6..ffdefb24f 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -109,6 +109,7 @@
           class="left-side"
         >
           <a
+            v-if="status.user?.name"
             :href="$router.resolve(userProfileLink).href"
             @click.prevent
           >
@@ -120,10 +121,17 @@
                 class="post-avatar"
                 :show-actor-type-indicator="showActorTypeIndicator"
                 :compact="compact"
-                :user="status.user"
+                :user="status?.user"
               />
             </UserPopover>
           </a>
+          <UserAvatar
+            v-else
+            :user="status?.user"
+            class="post-avatar"
+            :compact="compact"
+            :title="$t('status.unknown_user_info')"
+          />
         </div>
         <div class="right-side">
           <div
@@ -133,29 +141,31 @@
             <div class="heading-name-row">
               <div class="heading-left">
                 <h4
-                  v-if="status.user.name_html"
                   class="status-username"
-                  :title="status.user.name"
+                  :title="status.user?.name ?? $t('status.unknown_user_info')"
                 >
-                  <RichContent
-                    :html="status.user.name"
-                    :emoji="status.user.emoji"
-                    :is-local="status.user.is_local"
-                  />
+                  <user-link
+                    v-if="status.user?.name"
+                    class="account-name"
+                    :title="status.user?.screen_name_ui"
+                    :user="status?.user"
+                    :at="false"
+                  >
+                    <RichContent
+                      v-if="status.user.name_html"
+                      :html="status.user.name"
+                      :emoji="status.user.emoji"
+                      :is-local="status.user.is_local"
+                    />
+                    <span v-else>{{ status.user.name }}</span>
+                  </user-link>
+                  <span
+                    v-else
+                    class="account-name unknown"
+                  >
+                    {{ $t('status.unknown_user') }}
+                  </span>
                 </h4>
-                <h4
-                  v-else
-                  class="status-username"
-                  :title="status.user.name"
-                >
-                  {{ status.user.name }}
-                </h4>
-                <user-link
-                  class="account-name"
-                  :title="status.user.screen_name_ui"
-                  :user="status.user"
-                  :at="false"
-                />
                 <img
                   v-if="!!(status.user && status.user.favicon)"
                   class="status-favicon"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index b2601ea51..bef24b7e5 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1346,6 +1346,8 @@
     "show_content": "Show content",
     "hide_content": "Hide content",
     "status_deleted": "This post was deleted",
+    "unknown_user": "unknown user",
+    "unknown_user_info": "Unable to fetch information about this user",
     "nsfw": "NSFW",
     "expand": "Expand",
     "you": "(You)",
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index d260a5a5a..30959d0ab 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -111,7 +111,10 @@ const sortTimeline = (timeline) => {
 
 const getLatestScrobble = (state, user) => {
   const scrobblesSupport = state.pleromaScrobblesAvailable
-  if (!scrobblesSupport) return
+
+  if (!scrobblesSupport || !user.name || user.id === 'undefined') {
+    return
+  }
 
   if (state.scrobblesNextFetch[user.id] && state.scrobblesNextFetch[user.id] > Date.now()) {
     return
diff --git a/src/services/status_parser/status_parser.js b/src/services/status_parser/status_parser.js
index b8a98cf82..19a349532 100644
--- a/src/services/status_parser/status_parser.js
+++ b/src/services/status_parser/status_parser.js
@@ -2,7 +2,7 @@ export const muteFilterHits = (muteFilters, status) => {
   const statusText = status.text.toLowerCase()
   const statusSummary = status.summary.toLowerCase()
   const replyToUser = status.in_reply_to_screen_name?.toLowerCase()
-  const poster = status.user.screen_name.toLowerCase()
+  const poster = status.user.screen_name?.toLowerCase()
   const mentions = (status.attentions || []).map(att => att.screen_name.toLowerCase())
 
 
diff --git a/src/services/user_highlighter/user_highlighter.js b/src/services/user_highlighter/user_highlighter.js
index b5f580405..244c5b2ff 100644
--- a/src/services/user_highlighter/user_highlighter.js
+++ b/src/services/user_highlighter/user_highlighter.js
@@ -46,7 +46,7 @@ const highlightStyle = (prefs) => {
 
 const highlightClass = (user) => {
   return 'USER____' + user.screen_name
-    .replace(/\./g, '_')
+    ?.replace(/\./g, '_')
     .replace(/@/g, '_AT_')
 }
 

From f3e897588bde7162a4b4b71cefe37d6f0a805ced Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Tue, 7 Oct 2025 08:52:15 +0000
Subject: [PATCH 247/424] Update babel monorepo to v7.28.4

---
 package.json |  6 ++---
 yarn.lock    | 68 +++++++++++++++++++++++++++++++++++++++++++++-------
 2 files changed, 62 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 6595124f4..478c67d58 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "lint-fix": "eslint --fix src test/unit/specs test/e2e/specs"
   },
   "dependencies": {
-    "@babel/runtime": "7.28.3",
+    "@babel/runtime": "7.28.4",
     "@chenfengyuan/vue-qrcode": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "6.7.2",
     "@fortawesome/free-regular-svg-icons": "6.7.2",
@@ -54,8 +54,8 @@
     "vuex": "4.1.0"
   },
   "devDependencies": {
-    "@babel/core": "7.28.3",
-    "@babel/eslint-parser": "7.28.0",
+    "@babel/core": "7.28.4",
+    "@babel/eslint-parser": "7.28.4",
     "@babel/plugin-transform-runtime": "7.28.3",
     "@babel/preset-env": "7.28.3",
     "@babel/register": "7.28.3",
diff --git a/yarn.lock b/yarn.lock
index 5ca8ab1c2..02c32d4e3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -51,7 +51,28 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.0.tgz#9fc6fd58c2a6a15243cd13983224968392070790"
   integrity sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==
 
-"@babel/core@7.28.3", "@babel/core@^7.27.1":
+"@babel/core@7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.4.tgz#12a550b8794452df4c8b084f95003bce1742d496"
+  integrity sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.3"
+    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-module-transforms" "^7.28.3"
+    "@babel/helpers" "^7.28.4"
+    "@babel/parser" "^7.28.4"
+    "@babel/template" "^7.27.2"
+    "@babel/traverse" "^7.28.4"
+    "@babel/types" "^7.28.4"
+    "@jridgewell/remapping" "^2.3.5"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/core@^7.27.1":
   version "7.28.3"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.3.tgz#aceddde69c5d1def69b839d09efa3e3ff59c97cb"
   integrity sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==
@@ -72,10 +93,10 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/eslint-parser@7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.28.0.tgz#c1b3fbba070f5bac32e3d02f244201add4afdd6e"
-  integrity sha512-N4ntErOlKvcbTt01rr5wj3y55xnIdx1ymrfIr8C2WnM1Y9glFgWaGDEULJIazOX3XM9NRzhfJ6zZnQ1sBNWU+w==
+"@babel/eslint-parser@7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.28.4.tgz#80dd86e0aeaae9704411a044db60e1ae6477d93f"
+  integrity sha512-Aa+yDiH87980jR6zvRfFuCR1+dLb00vBydhTL+zI992Rz/wQhSvuxjmOOuJOgO3XmakO6RykRGD2S1mq1AtgHA==
   dependencies:
     "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
     eslint-visitor-keys "^2.1.0"
@@ -297,6 +318,14 @@
     "@babel/template" "^7.27.2"
     "@babel/types" "^7.28.2"
 
+"@babel/helpers@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.4.tgz#fe07274742e95bdf7cf1443593eeb8926ab63827"
+  integrity sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==
+  dependencies:
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.4"
+
 "@babel/highlight@^7.0.0":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.25.9.tgz#8141ce68fc73757946f983b343f1231f4691acc6"
@@ -924,10 +953,10 @@
     pirates "^4.0.6"
     source-map-support "^0.5.16"
 
-"@babel/runtime@7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.3.tgz#75c5034b55ba868121668be5d5bb31cc64e6e61a"
-  integrity sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==
+"@babel/runtime@7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.4.tgz#a70226016fabe25c5783b2f22d3e1c9bc5ca3326"
+  integrity sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==
 
 "@babel/runtime@^7.12.5":
   version "7.27.1"
@@ -978,6 +1007,19 @@
     "@babel/types" "^7.28.2"
     debug "^4.3.1"
 
+"@babel/traverse@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.4.tgz#8d456101b96ab175d487249f60680221692b958b"
+  integrity sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.3"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.4"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.4"
+    debug "^4.3.1"
+
 "@babel/types@^7.0.0-beta.49", "@babel/types@^7.25.9", "@babel/types@^7.27.0", "@babel/types@^7.4.4":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.0.tgz#ef9acb6b06c3173f6632d993ecb6d4ae470b4559"
@@ -1537,6 +1579,14 @@
     "@jridgewell/sourcemap-codec" "^1.5.0"
     "@jridgewell/trace-mapping" "^0.3.24"
 
+"@jridgewell/remapping@^2.3.5":
+  version "2.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/remapping/-/remapping-2.3.5.tgz#375c476d1972947851ba1e15ae8f123047445aa1"
+  integrity sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/resolve-uri@^3.1.0":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"

From 3196eb79deb01624be1e2bce1390fbfd161e3970 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Tue, 7 Oct 2025 08:52:35 +0000
Subject: [PATCH 248/424] Update dependency @fortawesome/vue-fontawesome to
 v3.1.2

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 6595124f4..6936e82de 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "@fortawesome/fontawesome-svg-core": "6.7.2",
     "@fortawesome/free-regular-svg-icons": "6.7.2",
     "@fortawesome/free-solid-svg-icons": "6.7.2",
-    "@fortawesome/vue-fontawesome": "3.1.1",
+    "@fortawesome/vue-fontawesome": "3.1.2",
     "@kazvmoe-infra/pinch-zoom-element": "1.3.0",
     "@kazvmoe-infra/unicode-emoji-json": "0.4.0",
     "@ruffle-rs/ruffle": "0.1.0-nightly.2025.6.22",
diff --git a/yarn.lock b/yarn.lock
index 5ca8ab1c2..ca76c97da 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1431,10 +1431,10 @@
   dependencies:
     "@fortawesome/fontawesome-common-types" "6.7.2"
 
-"@fortawesome/vue-fontawesome@3.1.1":
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.1.1.tgz#15212b003928f7a37a64ce1f3b7d02b2a2701af5"
-  integrity sha512-U5azn4mcUVpjHe4JO0Wbe7Ih8e3VbN83EH7OTBtA5/QGw9qcPGffqcmwsLyZYgEkpVkYbq/6dX1Iyl5KUGMp6Q==
+"@fortawesome/vue-fontawesome@3.1.2":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.1.2.tgz#a61d44522bc0be3283ccd9811ed5a2de282c168a"
+  integrity sha512-mhYnBIuuW8OIMHf31kOjaBmyE7BMrwBorhrOHVud6vTTu+7IPQNWB+DWaHoE75v10dRF5s/dFtcrgE7vKSEWwQ==
 
 "@humanfs/core@^0.19.1":
   version "0.19.1"

From 6c965789d8b195f200d353c165c4f1c0275a769f Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Tue, 7 Oct 2025 08:53:01 +0000
Subject: [PATCH 249/424] Update dependency sinon-chai to v4.0.1

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 6595124f4..b85c5eb2c 100644
--- a/package.json
+++ b/package.json
@@ -102,7 +102,7 @@
     "serve-static": "2.2.0",
     "shelljs": "0.10.0",
     "sinon": "20.0.0",
-    "sinon-chai": "4.0.0",
+    "sinon-chai": "4.0.1",
     "stylelint": "16.25.0",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-recommended": "^16.0.0",
diff --git a/yarn.lock b/yarn.lock
index 5ca8ab1c2..a467f876c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7170,10 +7170,10 @@ signal-exit@^4.0.1, signal-exit@^4.1.0:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
   integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
 
-sinon-chai@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/sinon-chai/-/sinon-chai-4.0.0.tgz#77d59d9f4a833f0d3a88249b4637acc72656fdfa"
-  integrity sha512-cWqO7O2I4XfJDWyWElAQ9D/dtdh5Mo0RHndsfiiYyjWnlPzBJdIvjCVURO4EjyYaC3BjV+ISNXCfTXPXTEIEWA==
+sinon-chai@4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/sinon-chai/-/sinon-chai-4.0.1.tgz#f70000fe0e4f4ab7ceeb3703d3053f8886e0386b"
+  integrity sha512-xMKEEV3cYHC1G+boyr7QEqi80gHznYsxVdC9CdjP5JnCWz/jPGuXQzJz3PtBcb0CcHAxar15Y5sjLBoAs6a0yA==
 
 sinon@20.0.0:
   version "20.0.0"

From 8cd50f6df31d85107727e6948e0b1aac898549d2 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sat, 11 Oct 2025 09:05:24 +0000
Subject: [PATCH 250/424] Update dependency chalk to v5.6.2

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 09598f942..c454844b1 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,7 @@
     "autoprefixer": "10.4.21",
     "babel-plugin-lodash": "3.3.4",
     "chai": "5.3.3",
-    "chalk": "5.6.0",
+    "chalk": "5.6.2",
     "chromedriver": "135.0.4",
     "connect-history-api-fallback": "2.0.0",
     "cross-spawn": "7.0.6",
diff --git a/yarn.lock b/yarn.lock
index 8eba3ea15..f8b4c9a63 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3147,10 +3147,10 @@ chalk@2.4.2, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@5.6.0:
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.6.0.tgz#a1a8d294ea3526dbb77660f12649a08490e33ab8"
-  integrity sha512-46QrSQFyVSEyYAgQ22hQ+zDa60YHA4fBstHmtSApj1Y5vKtG27fWowW03jCk5KcbXEWPZUIR894aARCA/G1kfQ==
+chalk@5.6.2:
+  version "5.6.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.6.2.tgz#b1238b6e23ea337af71c7f8a295db5af0c158aea"
+  integrity sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==
 
 chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
   version "4.1.2"

From ff9127973eec5d119925436cc00a159d38950809 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sat, 11 Oct 2025 09:05:41 +0000
Subject: [PATCH 251/424] Update dependency phoenix to v1.8.1

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 09598f942..3b4297cdb 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
     "js-cookie": "3.0.5",
     "localforage": "1.10.0",
     "parse-link-header": "2.0.0",
-    "phoenix": "1.8.0",
+    "phoenix": "1.8.1",
     "pinia": "^3.0.0",
     "punycode.js": "2.3.1",
     "qrcode": "1.5.4",
diff --git a/yarn.lock b/yarn.lock
index 8eba3ea15..4b1626476 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6444,10 +6444,10 @@ perfect-debounce@^1.0.0:
   resolved "https://registry.yarnpkg.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"
   integrity sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==
 
-phoenix@1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/phoenix/-/phoenix-1.8.0.tgz#b651a3f4c45531acf181b53158d412bf330ecb0f"
-  integrity sha512-hRBoaOuxQIGrN/JPbCYjC5Xkdz83sbkzBLT41lSROsQmkFUyE+w3ElhwaW4z/i2nkPtrLYoXyVunvntE6Zm1DA==
+phoenix@1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/phoenix/-/phoenix-1.8.1.tgz#cc247b29f844f22d54291b558689e2381ed8cc43"
+  integrity sha512-7i2a5f5y0Qhzi2g/+iuaGr4TzRt5ucqI0JeV2Q9K0swqY8L2C7CLR66RcGCpcQKGOY73B5GLKMYEl13o/9l/Cg==
 
 picocolors@^1.0.0, picocolors@^1.1.1:
   version "1.1.1"

From 59b65891afdaa0b8f43967af5d4974ca5d046ab1 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sat, 11 Oct 2025 09:05:50 +0000
Subject: [PATCH 252/424] Update dependency semver to v7.7.3

---
 package.json |  2 +-
 yarn.lock    | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 09598f942..a9ba021e8 100644
--- a/package.json
+++ b/package.json
@@ -98,7 +98,7 @@
     "postcss-scss": "^4.0.6",
     "sass": "1.93.2",
     "selenium-server": "3.141.59",
-    "semver": "7.7.2",
+    "semver": "7.7.3",
     "serve-static": "2.2.0",
     "shelljs": "0.10.0",
     "sinon": "20.0.0",
diff --git a/yarn.lock b/yarn.lock
index 8eba3ea15..7901522da 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7047,10 +7047,10 @@ semver@7.5.4:
   dependencies:
     lru-cache "^6.0.0"
 
-semver@7.7.2, semver@^7.3.5:
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
-  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
+semver@7.7.3:
+  version "7.7.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.3.tgz#4b5f4143d007633a8dc671cd0a6ef9147b8bb946"
+  integrity sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==
 
 semver@^5.6.0:
   version "5.7.2"
@@ -7062,6 +7062,11 @@ semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
+semver@^7.3.5:
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
+  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
+
 semver@^7.5.3, semver@^7.5.4, semver@^7.6.3:
   version "7.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.1.tgz#abd5098d82b18c6c81f6074ff2647fd3e7220c9f"

From d67967dc78dbb183b2b478a60c434520097a6b19 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sat, 11 Oct 2025 09:06:29 +0000
Subject: [PATCH 253/424] Update Font Awesome to v7

---
 package.json |  6 +++---
 yarn.lock    | 38 +++++++++++++++++++-------------------
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index 09598f942..a576d8ffb 100644
--- a/package.json
+++ b/package.json
@@ -19,9 +19,9 @@
   "dependencies": {
     "@babel/runtime": "7.28.4",
     "@chenfengyuan/vue-qrcode": "2.0.0",
-    "@fortawesome/fontawesome-svg-core": "6.7.2",
-    "@fortawesome/free-regular-svg-icons": "6.7.2",
-    "@fortawesome/free-solid-svg-icons": "6.7.2",
+    "@fortawesome/fontawesome-svg-core": "7.1.0",
+    "@fortawesome/free-regular-svg-icons": "7.1.0",
+    "@fortawesome/free-solid-svg-icons": "7.1.0",
     "@fortawesome/vue-fontawesome": "3.1.2",
     "@kazvmoe-infra/pinch-zoom-element": "1.3.0",
     "@kazvmoe-infra/unicode-emoji-json": "0.4.0",
diff --git a/yarn.lock b/yarn.lock
index 8eba3ea15..548c95794 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1456,31 +1456,31 @@
     "@eslint/core" "^0.16.0"
     levn "^0.4.1"
 
-"@fortawesome/fontawesome-common-types@6.7.2":
-  version "6.7.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.7.2.tgz#7123d74b0c1e726794aed1184795dbce12186470"
-  integrity sha512-Zs+YeHUC5fkt7Mg1l6XTniei3k4bwG/yo3iFUtZWd/pMx9g3fdvkSK9E0FOC+++phXOka78uJcYb8JaFkW52Xg==
+"@fortawesome/fontawesome-common-types@7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.1.0.tgz#a4e0b7e40073d5fdef41182da1bc216a05875659"
+  integrity sha512-l/BQM7fYntsCI//du+6sEnHOP6a74UixFyOYUyz2DLMXKx+6DEhfR3F2NYGE45XH1JJuIamacb4IZs9S0ZOWLA==
 
-"@fortawesome/fontawesome-svg-core@6.7.2":
-  version "6.7.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.7.2.tgz#0ac6013724d5cc327c1eb81335b91300a4fce2f2"
-  integrity sha512-yxtOBWDrdi5DD5o1pmVdq3WMCvnobT0LU6R8RyyVXPvFRd2o79/0NCuQoCjNTeZz9EzA9xS3JxNWfv54RIHFEA==
+"@fortawesome/fontawesome-svg-core@7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-7.1.0.tgz#b0a45363a4e95ec985130393c0b1b95717ef0760"
+  integrity sha512-fNxRUk1KhjSbnbuBxlWSnBLKLBNun52ZBTcs22H/xEEzM6Ap81ZFTQ4bZBxVQGQgVY0xugKGoRcCbaKjLQ3XZA==
   dependencies:
-    "@fortawesome/fontawesome-common-types" "6.7.2"
+    "@fortawesome/fontawesome-common-types" "7.1.0"
 
-"@fortawesome/free-regular-svg-icons@6.7.2":
-  version "6.7.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.7.2.tgz#f1651e55e6651a15589b0569516208f9c65f96db"
-  integrity sha512-7Z/ur0gvCMW8G93dXIQOkQqHo2M5HLhYrRVC0//fakJXxcF1VmMPsxnG6Ee8qEylA8b8Q3peQXWMNZ62lYF28g==
+"@fortawesome/free-regular-svg-icons@7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-7.1.0.tgz#e57c5eb63e6a30bb4fe2276aba851e3470452680"
+  integrity sha512-0e2fdEyB4AR+e6kU4yxwA/MonnYcw/CsMEP9lH82ORFi9svA6/RhDyhxIv5mlJaldmaHLLYVTb+3iEr+PDSZuQ==
   dependencies:
-    "@fortawesome/fontawesome-common-types" "6.7.2"
+    "@fortawesome/fontawesome-common-types" "7.1.0"
 
-"@fortawesome/free-solid-svg-icons@6.7.2":
-  version "6.7.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.7.2.tgz#fe25883b5eb8464a82918599950d283c465b57f6"
-  integrity sha512-GsBrnOzU8uj0LECDfD5zomZJIjrPhIlWU82AHwa2s40FKH+kcxQaBvBo3Z4TxyZHIyX8XTDxsyA33/Vx9eFuQA==
+"@fortawesome/free-solid-svg-icons@7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-7.1.0.tgz#cb9d149cefd3419a7a3fd041106e3a2315463e3e"
+  integrity sha512-Udu3K7SzAo9N013qt7qmm22/wo2hADdheXtBfxFTecp+ogsc0caQNRKEb7pkvvagUGOpG9wJC1ViH6WXs8oXIA==
   dependencies:
-    "@fortawesome/fontawesome-common-types" "6.7.2"
+    "@fortawesome/fontawesome-common-types" "7.1.0"
 
 "@fortawesome/vue-fontawesome@3.1.2":
   version "3.1.2"

From d5723bbf34f2c00ec4cfbca53fe2a3429641046f Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sun, 12 Oct 2025 09:06:37 +0000
Subject: [PATCH 254/424] Update dependency vite to v6.3.6

---
 yarn.lock | 524 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 271 insertions(+), 253 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 8eba3ea15..450e8e40b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1256,130 +1256,135 @@
   resolved "https://registry.yarnpkg.com/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.2.1.tgz#cd0b25b3808cd9e684cd6cd549bbf8e1dcf05ee7"
   integrity sha512-id+7YRUgoUX6CgV0DtuhirQWodeeA7Lf4i2x71JS/vtA5pRb/hIGWlw+G6MeXvsM+MXrz0VAydTGElX1rAfgPg==
 
-"@esbuild/aix-ppc64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.4.tgz#830d6476cbbca0c005136af07303646b419f1162"
-  integrity sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==
+"@esbuild/aix-ppc64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.10.tgz#ee6b7163a13528e099ecf562b972f2bcebe0aa97"
+  integrity sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==
 
-"@esbuild/android-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.4.tgz#d11d4fc299224e729e2190cacadbcc00e7a9fd67"
-  integrity sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==
+"@esbuild/android-arm64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.10.tgz#115fc76631e82dd06811bfaf2db0d4979c16e2cb"
+  integrity sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==
 
-"@esbuild/android-arm@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.4.tgz#5660bd25080553dd2a28438f2a401a29959bd9b1"
-  integrity sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==
+"@esbuild/android-arm@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.10.tgz#8d5811912da77f615398611e5bbc1333fe321aa9"
+  integrity sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==
 
-"@esbuild/android-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.4.tgz#18ddde705bf984e8cd9efec54e199ac18bc7bee1"
-  integrity sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==
+"@esbuild/android-x64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.10.tgz#e3e96516b2d50d74105bb92594c473e30ddc16b1"
+  integrity sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==
 
-"@esbuild/darwin-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.4.tgz#b0b7fb55db8fc6f5de5a0207ae986eb9c4766e67"
-  integrity sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==
+"@esbuild/darwin-arm64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.10.tgz#6af6bb1d05887dac515de1b162b59dc71212ed76"
+  integrity sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==
 
-"@esbuild/darwin-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.4.tgz#e6813fdeba0bba356cb350a4b80543fbe66bf26f"
-  integrity sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==
+"@esbuild/darwin-x64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.10.tgz#99ae82347fbd336fc2d28ffd4f05694e6e5b723d"
+  integrity sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==
 
-"@esbuild/freebsd-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.4.tgz#dc11a73d3ccdc308567b908b43c6698e850759be"
-  integrity sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==
+"@esbuild/freebsd-arm64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.10.tgz#0c6d5558a6322b0bdb17f7025c19bd7d2359437d"
+  integrity sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==
 
-"@esbuild/freebsd-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.4.tgz#91da08db8bd1bff5f31924c57a81dab26e93a143"
-  integrity sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==
+"@esbuild/freebsd-x64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.10.tgz#8c35873fab8c0857a75300a3dcce4324ca0b9844"
+  integrity sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==
 
-"@esbuild/linux-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.4.tgz#efc15e45c945a082708f9a9f73bfa8d4db49728a"
-  integrity sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==
+"@esbuild/linux-arm64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.10.tgz#3edc2f87b889a15b4cedaf65f498c2bed7b16b90"
+  integrity sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==
 
-"@esbuild/linux-arm@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.4.tgz#9b93c3e54ac49a2ede6f906e705d5d906f6db9e8"
-  integrity sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==
+"@esbuild/linux-arm@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.10.tgz#86501cfdfb3d110176d80c41b27ed4611471cde7"
+  integrity sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==
 
-"@esbuild/linux-ia32@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.4.tgz#be8ef2c3e1d99fca2d25c416b297d00360623596"
-  integrity sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==
+"@esbuild/linux-ia32@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.10.tgz#e6589877876142537c6864680cd5d26a622b9d97"
+  integrity sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==
 
-"@esbuild/linux-loong64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.4.tgz#b0840a2707c3fc02eec288d3f9defa3827cd7a87"
-  integrity sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==
+"@esbuild/linux-loong64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.10.tgz#11119e18781f136d8083ea10eb6be73db7532de8"
+  integrity sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==
 
-"@esbuild/linux-mips64el@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.4.tgz#2a198e5a458c9f0e75881a4e63d26ba0cf9df39f"
-  integrity sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==
+"@esbuild/linux-mips64el@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.10.tgz#3052f5436b0c0c67a25658d5fc87f045e7def9e6"
+  integrity sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==
 
-"@esbuild/linux-ppc64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.4.tgz#64f4ae0b923d7dd72fb860b9b22edb42007cf8f5"
-  integrity sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==
+"@esbuild/linux-ppc64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.10.tgz#2f098920ee5be2ce799f35e367b28709925a8744"
+  integrity sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==
 
-"@esbuild/linux-riscv64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.4.tgz#fb2844b11fdddd39e29d291c7cf80f99b0d5158d"
-  integrity sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==
+"@esbuild/linux-riscv64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.10.tgz#fa51d7fd0a22a62b51b4b94b405a3198cf7405dd"
+  integrity sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==
 
-"@esbuild/linux-s390x@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.4.tgz#1466876e0aa3560c7673e63fdebc8278707bc750"
-  integrity sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==
+"@esbuild/linux-s390x@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.10.tgz#a27642e36fc282748fdb38954bd3ef4f85791e8a"
+  integrity sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==
 
-"@esbuild/linux-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.4.tgz#c10fde899455db7cba5f11b3bccfa0e41bf4d0cd"
-  integrity sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==
+"@esbuild/linux-x64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.10.tgz#9d9b09c0033d17529570ced6d813f98315dfe4e9"
+  integrity sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==
 
-"@esbuild/netbsd-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.4.tgz#02e483fbcbe3f18f0b02612a941b77be76c111a4"
-  integrity sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==
+"@esbuild/netbsd-arm64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.10.tgz#25c09a659c97e8af19e3f2afd1c9190435802151"
+  integrity sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==
 
-"@esbuild/netbsd-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.4.tgz#ec401fb0b1ed0ac01d978564c5fc8634ed1dc2ed"
-  integrity sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==
+"@esbuild/netbsd-x64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.10.tgz#7fa5f6ffc19be3a0f6f5fd32c90df3dc2506937a"
+  integrity sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==
 
-"@esbuild/openbsd-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.4.tgz#f272c2f41cfea1d91b93d487a51b5c5ca7a8c8c4"
-  integrity sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==
+"@esbuild/openbsd-arm64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.10.tgz#8faa6aa1afca0c6d024398321d6cb1c18e72a1c3"
+  integrity sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==
 
-"@esbuild/openbsd-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.4.tgz#2e25950bc10fa9db1e5c868e3d50c44f7c150fd7"
-  integrity sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==
+"@esbuild/openbsd-x64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.10.tgz#a42979b016f29559a8453d32440d3c8cd420af5e"
+  integrity sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==
 
-"@esbuild/sunos-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.4.tgz#cd596fa65a67b3b7adc5ecd52d9f5733832e1abd"
-  integrity sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==
+"@esbuild/openharmony-arm64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.10.tgz#fd87bfeadd7eeb3aa384bbba907459ffa3197cb1"
+  integrity sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==
 
-"@esbuild/win32-arm64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.4.tgz#b4dbcb57b21eeaf8331e424c3999b89d8951dc88"
-  integrity sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==
+"@esbuild/sunos-x64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.10.tgz#3a18f590e36cb78ae7397976b760b2b8c74407f4"
+  integrity sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==
 
-"@esbuild/win32-ia32@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.4.tgz#410842e5d66d4ece1757634e297a87635eb82f7a"
-  integrity sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==
+"@esbuild/win32-arm64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.10.tgz#e71741a251e3fd971408827a529d2325551f530c"
+  integrity sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==
 
-"@esbuild/win32-x64@0.25.4":
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz#0b17ec8a70b2385827d52314c1253160a0b9bacc"
-  integrity sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==
+"@esbuild/win32-ia32@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.10.tgz#c6f010b5d3b943d8901a0c87ea55f93b8b54bf94"
+  integrity sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==
+
+"@esbuild/win32-x64@0.25.10":
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.10.tgz#e4b3e255a1b4aea84f6e1d2ae0b73f826c3785bd"
+  integrity sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==
 
 "@eslint-community/eslint-utils@^4.1.2", "@eslint-community/eslint-utils@^4.4.0", "@eslint-community/eslint-utils@^4.5.0":
   version "4.5.1"
@@ -1940,105 +1945,115 @@
     estree-walker "^2.0.2"
     picomatch "^4.0.2"
 
-"@rollup/rollup-android-arm-eabi@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.2.tgz#c228d00a41f0dbd6fb8b7ea819bbfbf1c1157a10"
-  integrity sha512-JkdNEq+DFxZfUwxvB58tHMHBHVgX23ew41g1OQinthJ+ryhdRk67O31S7sYw8u2lTjHUPFxwar07BBt1KHp/hg==
+"@rollup/rollup-android-arm-eabi@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.4.tgz#59e7478d310f7e6a7c72453978f562483828112f"
+  integrity sha512-BTm2qKNnWIQ5auf4deoetINJm2JzvihvGb9R6K/ETwKLql/Bb3Eg2H1FBp1gUb4YGbydMA3jcmQTR73q7J+GAA==
 
-"@rollup/rollup-android-arm64@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.40.2.tgz#e2b38d0c912169fd55d7e38d723aada208d37256"
-  integrity sha512-13unNoZ8NzUmnndhPTkWPWbX3vtHodYmy+I9kuLxN+F+l+x3LdVF7UCu8TWVMt1POHLh6oDHhnOA04n8oJZhBw==
+"@rollup/rollup-android-arm64@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.4.tgz#a825192a0b1b2f27a5c950c439e7e37a33c5d056"
+  integrity sha512-P9LDQiC5vpgGFgz7GSM6dKPCiqR3XYN1WwJKA4/BUVDjHpYsf3iBEmVz62uyq20NGYbiGPR5cNHI7T1HqxNs2w==
 
-"@rollup/rollup-darwin-arm64@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.40.2.tgz#1fddb3690f2ae33df16d334c613377f05abe4878"
-  integrity sha512-Gzf1Hn2Aoe8VZzevHostPX23U7N5+4D36WJNHK88NZHCJr7aVMG4fadqkIf72eqVPGjGc0HJHNuUaUcxiR+N/w==
+"@rollup/rollup-darwin-arm64@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.4.tgz#4ee37078bccd725ae3c5f30ef92efc8e1bf886f3"
+  integrity sha512-QRWSW+bVccAvZF6cbNZBJwAehmvG9NwfWHwMy4GbWi/BQIA/laTIktebT2ipVjNncqE6GLPxOok5hsECgAxGZg==
 
-"@rollup/rollup-darwin-x64@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.40.2.tgz#818298d11c8109e1112590165142f14be24b396d"
-  integrity sha512-47N4hxa01a4x6XnJoskMKTS8XZ0CZMd8YTbINbi+w03A2w4j1RTlnGHOz/P0+Bg1LaVL6ufZyNprSg+fW5nYQQ==
+"@rollup/rollup-darwin-x64@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.4.tgz#43cc08bd05bf9f388f125e7210a544e62d368d90"
+  integrity sha512-hZgP05pResAkRJxL1b+7yxCnXPGsXU0fG9Yfd6dUaoGk+FhdPKCJ5L1Sumyxn8kvw8Qi5PvQ8ulenUbRjzeCTw==
 
-"@rollup/rollup-freebsd-arm64@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.40.2.tgz#91a28dc527d5bed7f9ecf0e054297b3012e19618"
-  integrity sha512-8t6aL4MD+rXSHHZUR1z19+9OFJ2rl1wGKvckN47XFRVO+QL/dUSpKA2SLRo4vMg7ELA8pzGpC+W9OEd1Z/ZqoQ==
+"@rollup/rollup-freebsd-arm64@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.4.tgz#bc8e640e28abe52450baf3fc80d9b26d9bb6587d"
+  integrity sha512-xmc30VshuBNUd58Xk4TKAEcRZHaXlV+tCxIXELiE9sQuK3kG8ZFgSPi57UBJt8/ogfhAF5Oz4ZSUBN77weM+mQ==
 
-"@rollup/rollup-freebsd-x64@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.40.2.tgz#28acadefa76b5c7bede1576e065b51d335c62c62"
-  integrity sha512-C+AyHBzfpsOEYRFjztcYUFsH4S7UsE9cDtHCtma5BK8+ydOZYgMmWg1d/4KBytQspJCld8ZIujFMAdKG1xyr4Q==
+"@rollup/rollup-freebsd-x64@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.4.tgz#e981a22e057cc8c65bb523019d344d3a66b15bbc"
+  integrity sha512-WdSLpZFjOEqNZGmHflxyifolwAiZmDQzuOzIq9L27ButpCVpD7KzTRtEG1I0wMPFyiyUdOO+4t8GvrnBLQSwpw==
 
-"@rollup/rollup-linux-arm-gnueabihf@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.40.2.tgz#819691464179cbcd9a9f9d3dc7617954840c6186"
-  integrity sha512-de6TFZYIvJwRNjmW3+gaXiZ2DaWL5D5yGmSYzkdzjBDS3W+B9JQ48oZEsmMvemqjtAFzE16DIBLqd6IQQRuG9Q==
+"@rollup/rollup-linux-arm-gnueabihf@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.4.tgz#4036b68904f392a20f3499d63b33e055b67eb274"
+  integrity sha512-xRiOu9Of1FZ4SxVbB0iEDXc4ddIcjCv2aj03dmW8UrZIW7aIQ9jVJdLBIhxBI+MaTnGAKyvMwPwQnoOEvP7FgQ==
 
-"@rollup/rollup-linux-arm-musleabihf@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.40.2.tgz#d149207039e4189e267e8724050388effc80d704"
-  integrity sha512-urjaEZubdIkacKc930hUDOfQPysezKla/O9qV+O89enqsqUmQm8Xj8O/vh0gHg4LYfv7Y7UsE3QjzLQzDYN1qg==
+"@rollup/rollup-linux-arm-musleabihf@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.4.tgz#d3b1b9589606e0ff916801c855b1ace9e733427a"
+  integrity sha512-FbhM2p9TJAmEIEhIgzR4soUcsW49e9veAQCziwbR+XWB2zqJ12b4i/+hel9yLiD8pLncDH4fKIPIbt5238341Q==
 
-"@rollup/rollup-linux-arm64-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.40.2.tgz#fa72ebddb729c3c6d88973242f1a2153c83e86ec"
-  integrity sha512-KlE8IC0HFOC33taNt1zR8qNlBYHj31qGT1UqWqtvR/+NuCVhfufAq9fxO8BMFC22Wu0rxOwGVWxtCMvZVLmhQg==
+"@rollup/rollup-linux-arm64-gnu@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.4.tgz#cbf0943c477e3b96340136dd3448eaf144378cf2"
+  integrity sha512-4n4gVwhPHR9q/g8lKCyz0yuaD0MvDf7dV4f9tHt0C73Mp8h38UCtSCSE6R9iBlTbXlmA8CjpsZoujhszefqueg==
 
-"@rollup/rollup-linux-arm64-musl@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.40.2.tgz#2054216e34469ab8765588ebf343d531fc3c9228"
-  integrity sha512-j8CgxvfM0kbnhu4XgjnCWJQyyBOeBI1Zq91Z850aUddUmPeQvuAy6OiMdPS46gNFgy8gN1xkYyLgwLYZG3rBOg==
+"@rollup/rollup-linux-arm64-musl@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.4.tgz#837f5a428020d5dce1c3b4cc049876075402cf78"
+  integrity sha512-u0n17nGA0nvi/11gcZKsjkLj1QIpAuPFQbR48Subo7SmZJnGxDpspyw2kbpuoQnyK+9pwf3pAoEXerJs/8Mi9g==
 
-"@rollup/rollup-linux-loongarch64-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.40.2.tgz#818de242291841afbfc483a84f11e9c7a11959bc"
-  integrity sha512-Ybc/1qUampKuRF4tQXc7G7QY9YRyeVSykfK36Y5Qc5dmrIxwFhrOzqaVTNoZygqZ1ZieSWTibfFhQ5qK8jpWxw==
+"@rollup/rollup-linux-loong64-gnu@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.4.tgz#532c214ababb32ab4bc21b4054278b9a8979e516"
+  integrity sha512-0G2c2lpYtbTuXo8KEJkDkClE/+/2AFPdPAbmaHoE870foRFs4pBrDehilMcrSScrN/fB/1HTaWO4bqw+ewBzMQ==
 
-"@rollup/rollup-linux-powerpc64le-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.40.2.tgz#0bb4cb8fc4a2c635f68c1208c924b2145eb647cb"
-  integrity sha512-3FCIrnrt03CCsZqSYAOW/k9n625pjpuMzVfeI+ZBUSDT3MVIFDSPfSUgIl9FqUftxcUXInvFah79hE1c9abD+Q==
+"@rollup/rollup-linux-ppc64-gnu@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.4.tgz#93900163b61b49cee666d10ee38257a8b1dd161a"
+  integrity sha512-teSACug1GyZHmPDv14VNbvZFX779UqWTsd7KtTM9JIZRDI5NUwYSIS30kzI8m06gOPB//jtpqlhmraQ68b5X2g==
 
-"@rollup/rollup-linux-riscv64-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.40.2.tgz#4b3b8e541b7b13e447ae07774217d98c06f6926d"
-  integrity sha512-QNU7BFHEvHMp2ESSY3SozIkBPaPBDTsfVNGx3Xhv+TdvWXFGOSH2NJvhD1zKAT6AyuuErJgbdvaJhYVhVqrWTg==
+"@rollup/rollup-linux-riscv64-gnu@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.4.tgz#f0ffdcc7066ca04bc972370c74289f35c7a7dc42"
+  integrity sha512-/MOEW3aHjjs1p4Pw1Xk4+3egRevx8Ji9N6HUIA1Ifh8Q+cg9dremvFCUbOX2Zebz80BwJIgCBUemjqhU5XI5Eg==
 
-"@rollup/rollup-linux-riscv64-musl@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.40.2.tgz#e065405e67d8bd64a7d0126c931bd9f03910817f"
-  integrity sha512-5W6vNYkhgfh7URiXTO1E9a0cy4fSgfE4+Hl5agb/U1sa0kjOLMLC1wObxwKxecE17j0URxuTrYZZME4/VH57Hg==
+"@rollup/rollup-linux-riscv64-musl@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.4.tgz#361695c39dbe96773509745d77a870a32a9f8e48"
+  integrity sha512-1HHmsRyh845QDpEWzOFtMCph5Ts+9+yllCrREuBR/vg2RogAQGGBRC8lDPrPOMnrdOJ+mt1WLMOC2Kao/UwcvA==
 
-"@rollup/rollup-linux-s390x-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.40.2.tgz#dda3265bbbfe16a5d0089168fd07f5ebb2a866fe"
-  integrity sha512-B7LKIz+0+p348JoAL4X/YxGx9zOx3sR+o6Hj15Y3aaApNfAshK8+mWZEf759DXfRLeL2vg5LYJBB7DdcleYCoQ==
+"@rollup/rollup-linux-s390x-gnu@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.4.tgz#09fc6cc2e266a2324e366486ae5d1bca48c43a6a"
+  integrity sha512-seoeZp4L/6D1MUyjWkOMRU6/iLmCU2EjbMTyAG4oIOs1/I82Y5lTeaxW0KBfkUdHAWN7j25bpkt0rjnOgAcQcA==
 
-"@rollup/rollup-linux-x64-gnu@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.40.2.tgz#90993269b8b995b4067b7b9d72ff1c360ef90a17"
-  integrity sha512-lG7Xa+BmBNwpjmVUbmyKxdQJ3Q6whHjMjzQplOs5Z+Gj7mxPtWakGHqzMqNER68G67kmCX9qX57aRsW5V0VOng==
+"@rollup/rollup-linux-x64-gnu@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.4.tgz#aa9d5b307c08f05d3454225bb0a2b4cc87eeb2e1"
+  integrity sha512-Wi6AXf0k0L7E2gteNsNHUs7UMwCIhsCTs6+tqQ5GPwVRWMaflqGec4Sd8n6+FNFDw9vGcReqk2KzBDhCa1DLYg==
 
-"@rollup/rollup-linux-x64-musl@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.2.tgz#fdf5b09fd121eb8d977ebb0fda142c7c0167b8de"
-  integrity sha512-tD46wKHd+KJvsmije4bUskNuvWKFcTOIM9tZ/RrmIvcXnbi0YK/cKS9FzFtAm7Oxi2EhV5N2OpfFB348vSQRXA==
+"@rollup/rollup-linux-x64-musl@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.4.tgz#26949e5b4645502a61daba2f7a8416bd17cb5382"
+  integrity sha512-dtBZYjDmCQ9hW+WgEkaffvRRCKm767wWhxsFW3Lw86VXz/uJRuD438/XvbZT//B96Vs8oTA8Q4A0AfHbrxP9zw==
 
-"@rollup/rollup-win32-arm64-msvc@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.40.2.tgz#6397e1e012db64dfecfed0774cb9fcf89503d716"
-  integrity sha512-Bjv/HG8RRWLNkXwQQemdsWw4Mg+IJ29LK+bJPW2SCzPKOUaMmPEppQlu/Fqk1d7+DX3V7JbFdbkh/NMmurT6Pg==
+"@rollup/rollup-openharmony-arm64@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.4.tgz#ef493c072f9dac7e0edb6c72d63366846b6ffcd9"
+  integrity sha512-1ox+GqgRWqaB1RnyZXL8PD6E5f7YyRUJYnCqKpNzxzP0TkaUh112NDrR9Tt+C8rJ4x5G9Mk8PQR3o7Ku2RKqKA==
 
-"@rollup/rollup-win32-ia32-msvc@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.40.2.tgz#df0991464a52a35506103fe18d29913bf8798a0c"
-  integrity sha512-dt1llVSGEsGKvzeIO76HToiYPNPYPkmjhMHhP00T9S4rDern8P2ZWvWAQUEJ+R1UdMWJ/42i/QqJ2WV765GZcA==
+"@rollup/rollup-win32-arm64-msvc@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.4.tgz#56e1aaa6a630d2202ee7ec0adddd05cf384ffd44"
+  integrity sha512-8GKr640PdFNXwzIE0IrkMWUNUomILLkfeHjXBi/nUvFlpZP+FA8BKGKpacjW6OUUHaNI6sUURxR2U2g78FOHWQ==
 
-"@rollup/rollup-win32-x64-msvc@4.40.2":
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.40.2.tgz#8dae04d01a2cbd84d6297d99356674c6b993f0fc"
-  integrity sha512-bwspbWB04XJpeElvsp+DCylKfF4trJDa2Y9Go8O6A7YLX2LIKGcNK/CYImJN6ZP4DcuOHB4Utl3iCbnR62DudA==
+"@rollup/rollup-win32-ia32-msvc@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.4.tgz#0a44bbf933a9651c7da2b8569fa448dec0de7480"
+  integrity sha512-AIy/jdJ7WtJ/F6EcfOb2GjR9UweO0n43jNObQMb6oGxkYTfLcnN7vYYpG+CN3lLxrQkzWnMOoNSHTW54pgbVxw==
+
+"@rollup/rollup-win32-x64-gnu@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.4.tgz#730e12f0b60b234a7c02d5d3179ca3ec7972033d"
+  integrity sha512-UF9KfsH9yEam0UjTwAgdK0anlQ7c8/pWPU2yVjyWcF1I1thABt6WXE47cI71pGiZ8wGvxohBoLnxM04L/wj8mQ==
+
+"@rollup/rollup-win32-x64-msvc@4.52.4":
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.4.tgz#5b2dd648a960b8fa00d76f2cc4eea2f03daa80f4"
+  integrity sha512-bf9PtUa0u8IXDVxzRToFQKsNCRz9qLYfR/MpECxl4mRoWYjAeFjgxj1XdZr2M/GNVpT05p+LgQOHopYDlUu6/w==
 
 "@rtsao/scc@^1.1.0":
   version "1.1.0"
@@ -2117,16 +2132,16 @@
   resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.6.0.tgz#eac397f28bf1d6ae0ae081363eca2f425bedf0d5"
   integrity sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==
 
-"@types/estree@1.0.7", "@types/estree@^1.0.6":
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.7.tgz#4158d3105276773d5b7695cd4834b1722e4f37a8"
-  integrity sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==
-
-"@types/estree@^1.0.0":
+"@types/estree@1.0.8", "@types/estree@^1.0.0":
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
   integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
 
+"@types/estree@^1.0.6":
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.7.tgz#4158d3105276773d5b7695cd4834b1722e4f37a8"
+  integrity sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==
+
 "@types/http-proxy@^1.17.15":
   version "1.17.16"
   resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.16.tgz#dee360707b35b3cc85afcde89ffeebff7d7f9240"
@@ -4053,35 +4068,36 @@ es-to-primitive@^1.3.0:
     is-symbol "^1.0.4"
 
 esbuild@^0.25.0:
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.4.tgz#bb9a16334d4ef2c33c7301a924b8b863351a0854"
-  integrity sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==
+  version "0.25.10"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.10.tgz#37f5aa5cd14500f141be121c01b096ca83ac34a9"
+  integrity sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==
   optionalDependencies:
-    "@esbuild/aix-ppc64" "0.25.4"
-    "@esbuild/android-arm" "0.25.4"
-    "@esbuild/android-arm64" "0.25.4"
-    "@esbuild/android-x64" "0.25.4"
-    "@esbuild/darwin-arm64" "0.25.4"
-    "@esbuild/darwin-x64" "0.25.4"
-    "@esbuild/freebsd-arm64" "0.25.4"
-    "@esbuild/freebsd-x64" "0.25.4"
-    "@esbuild/linux-arm" "0.25.4"
-    "@esbuild/linux-arm64" "0.25.4"
-    "@esbuild/linux-ia32" "0.25.4"
-    "@esbuild/linux-loong64" "0.25.4"
-    "@esbuild/linux-mips64el" "0.25.4"
-    "@esbuild/linux-ppc64" "0.25.4"
-    "@esbuild/linux-riscv64" "0.25.4"
-    "@esbuild/linux-s390x" "0.25.4"
-    "@esbuild/linux-x64" "0.25.4"
-    "@esbuild/netbsd-arm64" "0.25.4"
-    "@esbuild/netbsd-x64" "0.25.4"
-    "@esbuild/openbsd-arm64" "0.25.4"
-    "@esbuild/openbsd-x64" "0.25.4"
-    "@esbuild/sunos-x64" "0.25.4"
-    "@esbuild/win32-arm64" "0.25.4"
-    "@esbuild/win32-ia32" "0.25.4"
-    "@esbuild/win32-x64" "0.25.4"
+    "@esbuild/aix-ppc64" "0.25.10"
+    "@esbuild/android-arm" "0.25.10"
+    "@esbuild/android-arm64" "0.25.10"
+    "@esbuild/android-x64" "0.25.10"
+    "@esbuild/darwin-arm64" "0.25.10"
+    "@esbuild/darwin-x64" "0.25.10"
+    "@esbuild/freebsd-arm64" "0.25.10"
+    "@esbuild/freebsd-x64" "0.25.10"
+    "@esbuild/linux-arm" "0.25.10"
+    "@esbuild/linux-arm64" "0.25.10"
+    "@esbuild/linux-ia32" "0.25.10"
+    "@esbuild/linux-loong64" "0.25.10"
+    "@esbuild/linux-mips64el" "0.25.10"
+    "@esbuild/linux-ppc64" "0.25.10"
+    "@esbuild/linux-riscv64" "0.25.10"
+    "@esbuild/linux-s390x" "0.25.10"
+    "@esbuild/linux-x64" "0.25.10"
+    "@esbuild/netbsd-arm64" "0.25.10"
+    "@esbuild/netbsd-x64" "0.25.10"
+    "@esbuild/openbsd-arm64" "0.25.10"
+    "@esbuild/openbsd-x64" "0.25.10"
+    "@esbuild/openharmony-arm64" "0.25.10"
+    "@esbuild/sunos-x64" "0.25.10"
+    "@esbuild/win32-arm64" "0.25.10"
+    "@esbuild/win32-ia32" "0.25.10"
+    "@esbuild/win32-x64" "0.25.10"
 
 escalade@^3.1.1, escalade@^3.2.0:
   version "3.2.0"
@@ -4504,10 +4520,10 @@ fd-slicer@~1.1.0:
   dependencies:
     pend "~1.2.0"
 
-fdir@^6.4.4:
-  version "6.4.4"
-  resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.4.4.tgz#1cfcf86f875a883e19a8fab53622cfe992e8d2f9"
-  integrity sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==
+fdir@^6.4.4, fdir@^6.5.0:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.5.0.tgz#ed2ab967a331ade62f18d077dae192684d50d350"
+  integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
 
 fflate@^0.8.2:
   version "0.8.2"
@@ -6459,7 +6475,7 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-picomatch@^4.0.2:
+picomatch@^4.0.2, picomatch@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.3.tgz#796c76136d1eead715db1e7bad785dedd695a042"
   integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
@@ -6580,7 +6596,7 @@ postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@8.5.6, postcss@^8.5.6:
+postcss@8.5.6, postcss@^8.5.3, postcss@^8.5.6:
   version "8.5.6"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.6.tgz#2825006615a619b4f62a9e7426cc120b349a8f3c"
   integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
@@ -6589,7 +6605,7 @@ postcss@8.5.6, postcss@^8.5.6:
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
-postcss@^8.5.0, postcss@^8.5.3:
+postcss@^8.5.0:
   version "8.5.3"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
   integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
@@ -6908,32 +6924,34 @@ rfdc@^1.4.1:
   integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==
 
 rollup@^4.34.9:
-  version "4.40.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.40.2.tgz#778e88b7a197542682b3e318581f7697f55f0619"
-  integrity sha512-tfUOg6DTP4rhQ3VjOO6B4wyrJnGOX85requAXvqYTHsOgb2TFJdZ3aWpT8W2kPoypSGP7dZUyzxJ9ee4buM5Fg==
+  version "4.52.4"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.52.4.tgz#71e64cce96a865fcbaa6bb62c6e82807f4e378a1"
+  integrity sha512-CLEVl+MnPAiKh5pl4dEWSyMTpuflgNQiLGhMv8ezD5W/qP8AKvmYpCOKRRNOh7oRKnauBZ4SyeYkMS+1VSyKwQ==
   dependencies:
-    "@types/estree" "1.0.7"
+    "@types/estree" "1.0.8"
   optionalDependencies:
-    "@rollup/rollup-android-arm-eabi" "4.40.2"
-    "@rollup/rollup-android-arm64" "4.40.2"
-    "@rollup/rollup-darwin-arm64" "4.40.2"
-    "@rollup/rollup-darwin-x64" "4.40.2"
-    "@rollup/rollup-freebsd-arm64" "4.40.2"
-    "@rollup/rollup-freebsd-x64" "4.40.2"
-    "@rollup/rollup-linux-arm-gnueabihf" "4.40.2"
-    "@rollup/rollup-linux-arm-musleabihf" "4.40.2"
-    "@rollup/rollup-linux-arm64-gnu" "4.40.2"
-    "@rollup/rollup-linux-arm64-musl" "4.40.2"
-    "@rollup/rollup-linux-loongarch64-gnu" "4.40.2"
-    "@rollup/rollup-linux-powerpc64le-gnu" "4.40.2"
-    "@rollup/rollup-linux-riscv64-gnu" "4.40.2"
-    "@rollup/rollup-linux-riscv64-musl" "4.40.2"
-    "@rollup/rollup-linux-s390x-gnu" "4.40.2"
-    "@rollup/rollup-linux-x64-gnu" "4.40.2"
-    "@rollup/rollup-linux-x64-musl" "4.40.2"
-    "@rollup/rollup-win32-arm64-msvc" "4.40.2"
-    "@rollup/rollup-win32-ia32-msvc" "4.40.2"
-    "@rollup/rollup-win32-x64-msvc" "4.40.2"
+    "@rollup/rollup-android-arm-eabi" "4.52.4"
+    "@rollup/rollup-android-arm64" "4.52.4"
+    "@rollup/rollup-darwin-arm64" "4.52.4"
+    "@rollup/rollup-darwin-x64" "4.52.4"
+    "@rollup/rollup-freebsd-arm64" "4.52.4"
+    "@rollup/rollup-freebsd-x64" "4.52.4"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.52.4"
+    "@rollup/rollup-linux-arm-musleabihf" "4.52.4"
+    "@rollup/rollup-linux-arm64-gnu" "4.52.4"
+    "@rollup/rollup-linux-arm64-musl" "4.52.4"
+    "@rollup/rollup-linux-loong64-gnu" "4.52.4"
+    "@rollup/rollup-linux-ppc64-gnu" "4.52.4"
+    "@rollup/rollup-linux-riscv64-gnu" "4.52.4"
+    "@rollup/rollup-linux-riscv64-musl" "4.52.4"
+    "@rollup/rollup-linux-s390x-gnu" "4.52.4"
+    "@rollup/rollup-linux-x64-gnu" "4.52.4"
+    "@rollup/rollup-linux-x64-musl" "4.52.4"
+    "@rollup/rollup-openharmony-arm64" "4.52.4"
+    "@rollup/rollup-win32-arm64-msvc" "4.52.4"
+    "@rollup/rollup-win32-ia32-msvc" "4.52.4"
+    "@rollup/rollup-win32-x64-gnu" "4.52.4"
+    "@rollup/rollup-win32-x64-msvc" "4.52.4"
     fsevents "~2.3.2"
 
 router@^2.2.0:
@@ -7669,12 +7687,12 @@ tinyexec@^0.3.2:
   integrity sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==
 
 tinyglobby@^0.2.13:
-  version "0.2.13"
-  resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.13.tgz#a0e46515ce6cbcd65331537e57484af5a7b2ff7e"
-  integrity sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==
+  version "0.2.15"
+  resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.15.tgz#e228dd1e638cea993d2fdb4fcd2d4602a79951c2"
+  integrity sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==
   dependencies:
-    fdir "^6.4.4"
-    picomatch "^4.0.2"
+    fdir "^6.5.0"
+    picomatch "^4.0.3"
 
 tinypool@^1.0.2:
   version "1.0.2"
@@ -7980,9 +7998,9 @@ vite-plugin-stylelint@^6.0.0:
     debug "^4.4.1"
 
 "vite@^5.0.0 || ^6.0.0", vite@^6.1.0:
-  version "6.3.5"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-6.3.5.tgz#fec73879013c9c0128c8d284504c6d19410d12a3"
-  integrity sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==
+  version "6.3.6"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-6.3.6.tgz#69a976b64930750d40219fbc68c5200874d315c1"
+  integrity sha512-0msEVHJEScQbhkbVTb/4iHZdJ6SXp/AvxL2sjwYQFfBqleHtnCqv1J3sa9zbWz/6kW1m9Tfzn92vW+kZ1WV6QA==
   dependencies:
     esbuild "^0.25.0"
     fdir "^6.4.4"

From b4cd8d8fab75600259a03bafe026ea95b5744fa5 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sun, 12 Oct 2025 09:07:07 +0000
Subject: [PATCH 255/424] Update dependency vue-i18n to v11.1.12

---
 yarn.lock | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 8eba3ea15..3f980b75c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1547,26 +1547,26 @@
   resolved "https://registry.yarnpkg.com/@inquirer/type/-/type-3.0.5.tgz#fe00207e57d5f040e5b18e809c8e7abc3a2ade3a"
   integrity sha512-ZJpeIYYueOz/i/ONzrfof8g89kNdO2hjGuvULROo3O8rlB2CRtSseE5KeirnyE4t/thAn/EwvS/vuQeJCn+NZg==
 
-"@intlify/core-base@11.1.11":
-  version "11.1.11"
-  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.11.tgz#e36893a7d37a3a75fae30977fc58c1d8cf3c853f"
-  integrity sha512-1Z0N8jTfkcD2Luq9HNZt+GmjpFe4/4PpZF3AOzoO1u5PTtSuXZcfhwBatywbfE2ieB/B5QHIoOFmCXY2jqVKEQ==
+"@intlify/core-base@11.1.12":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.12.tgz#e02529021a4e69f8a1adcca5ce61963c71cd72ba"
+  integrity sha512-whh0trqRsSqVLNEUCwU59pyJZYpU8AmSWl8M3Jz2Mv5ESPP6kFh4juas2NpZ1iCvy7GlNRffUD1xr84gceimjg==
   dependencies:
-    "@intlify/message-compiler" "11.1.11"
-    "@intlify/shared" "11.1.11"
+    "@intlify/message-compiler" "11.1.12"
+    "@intlify/shared" "11.1.12"
 
-"@intlify/message-compiler@11.1.11":
-  version "11.1.11"
-  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.11.tgz#ba10641f86af0e991ac9def0385bd345c8f150fb"
-  integrity sha512-7PC6neomoc/z7a8JRjPBbu0T2TzR2MQuY5kn2e049MP7+o32Ve7O8husylkA7K9fQRe4iNXZWTPnDJ6vZdtS1Q==
+"@intlify/message-compiler@11.1.12":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.12.tgz#27e69790b711a92cddb07175187dd09a7b270b55"
+  integrity sha512-Fv9iQSJoJaXl4ZGkOCN1LDM3trzze0AS2zRz2EHLiwenwL6t0Ki9KySYlyr27yVOj5aVz0e55JePO+kELIvfdQ==
   dependencies:
-    "@intlify/shared" "11.1.11"
+    "@intlify/shared" "11.1.12"
     source-map-js "^1.0.2"
 
-"@intlify/shared@11.1.11":
-  version "11.1.11"
-  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.11.tgz#6bba3b86617c05767356e4ca939c9e300563a083"
-  integrity sha512-RIBFTIqxZSsxUqlcyoR7iiC632bq7kkOwYvZlvcVObHfrF4NhuKc4FKvu8iPCrEO+e3XsY7/UVpfgzg+M7ETzA==
+"@intlify/shared@11.1.12":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.12.tgz#ab41083e017d622cf63c7dc88a0ee0bc27f4127a"
+  integrity sha512-Om86EjuQtA69hdNj3GQec9ZC0L0vPSAnXzB3gP/gyJ7+mA7t06d9aOAiqMZ+xEOsumGP4eEBlfl8zF2LOTzf2A==
 
 "@isaacs/cliui@^8.0.2":
   version "8.0.2"
@@ -8043,12 +8043,12 @@ vue-eslint-parser@10.2.0:
     semver "^7.6.3"
 
 vue-i18n@11:
-  version "11.1.11"
-  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.11.tgz#b38ed214896540cf7a68932dfa565d9d4fbbffac"
-  integrity sha512-LvyteQoXeQiuILbzqv13LbyBna/TEv2Ha+4ZWK2AwGHUzZ8+IBaZS0TJkCgn5izSPLcgZwXy9yyTrewCb2u/MA==
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.12.tgz#230b21d65dd89343ebd40d19c9e3cfb13db8c1fd"
+  integrity sha512-BnstPj3KLHLrsqbVU2UOrPmr0+Mv11bsUZG0PyCOzsawCivk8W00GMXHeVUWIDOgNaScCuZah47CZFE+Wnl8mw==
   dependencies:
-    "@intlify/core-base" "11.1.11"
-    "@intlify/shared" "11.1.11"
+    "@intlify/core-base" "11.1.12"
+    "@intlify/shared" "11.1.12"
     "@vue/devtools-api" "^6.5.0"
 
 vue-observe-visibility@^2.0.0-alpha.1:

From e9f1b29e1c2c3aa551246aa5c8d07537fb4b88f5 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Mon, 13 Oct 2025 09:05:18 +0000
Subject: [PATCH 256/424] Update dependency eslint-plugin-n to v17.23.1

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 09598f942..f716c58da 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,7 @@
     "eslint-config-standard": "17.1.0",
     "eslint-formatter-friendly": "7.0.0",
     "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-n": "17.21.3",
+    "eslint-plugin-n": "17.23.1",
     "eslint-plugin-promise": "7.2.1",
     "eslint-plugin-vue": "10.4.0",
     "eventsource-polyfill": "0.9.6",
diff --git a/yarn.lock b/yarn.lock
index 8eba3ea15..cc536eda6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4187,10 +4187,10 @@ eslint-plugin-import@2.32.0:
     string.prototype.trimend "^1.0.9"
     tsconfig-paths "^3.15.0"
 
-eslint-plugin-n@17.21.3:
-  version "17.21.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-n/-/eslint-plugin-n-17.21.3.tgz#a07592c28390ac742bf52acae89048c997a7b91c"
-  integrity sha512-MtxYjDZhMQgsWRm/4xYLL0i2EhusWT7itDxlJ80l1NND2AL2Vi5Mvneqv/ikG9+zpran0VsVRXTEHrpLmUZRNw==
+eslint-plugin-n@17.23.1:
+  version "17.23.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-n/-/eslint-plugin-n-17.23.1.tgz#467db2aba0ead574ea6150143d079d544c11cf48"
+  integrity sha512-68PealUpYoHOBh332JLLD9Sj7OQUDkFpmcfqt8R9sySfFSeuGJjMTJQvCRRB96zO3A/PELRLkPrzsHmzEFQQ5A==
   dependencies:
     "@eslint-community/eslint-utils" "^4.5.0"
     enhanced-resolve "^5.17.1"

From 32867255106438eacb6673cbba504d38a9f6c7b6 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Tue, 14 Oct 2025 08:52:04 +0000
Subject: [PATCH 257/424] Update dependency eslint-plugin-vue to v10.5.0

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index a6a92ee2c..019a57f33 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-n": "17.23.1",
     "eslint-plugin-promise": "7.2.1",
-    "eslint-plugin-vue": "10.4.0",
+    "eslint-plugin-vue": "10.5.0",
     "eventsource-polyfill": "0.9.6",
     "express": "5.1.0",
     "function-bind": "1.1.2",
diff --git a/yarn.lock b/yarn.lock
index 20176ce59..8583da75a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4225,10 +4225,10 @@ eslint-plugin-promise@7.2.1:
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
 
-eslint-plugin-vue@10.4.0:
-  version "10.4.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-10.4.0.tgz#2ae20df43801d20515c58ec2ae0555bf1127a080"
-  integrity sha512-K6tP0dW8FJVZLQxa2S7LcE1lLw3X8VvB3t887Q6CLrFVxHYBXGANbXvwNzYIu6Ughx1bSJ5BDT0YB3ybPT39lw==
+eslint-plugin-vue@10.5.0:
+  version "10.5.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-10.5.0.tgz#61566528a85e2546b50534914cb44a077983c49f"
+  integrity sha512-7BZHsG3kC2vei8F2W8hnfDi9RK+cv5eKPMvzBdrl8Vuc0hR5odGQRli8VVzUkrmUHkxFEm4Iio1r5HOKslO0Aw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
     natural-compare "^1.4.0"

From 004bdd6b7994155252c096eaeeda3330436ccbb0 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Tue, 14 Oct 2025 08:52:39 +0000
Subject: [PATCH 258/424] Update dependency globals to v16.4.0

---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 20176ce59..a1c4feac1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4873,9 +4873,9 @@ globals@^15.11.0:
   integrity sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==
 
 globals@^16.0.0:
-  version "16.3.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-16.3.0.tgz#66118e765ddaf9e2d880f7e17658543f93f1f667"
-  integrity sha512-bqWEnJ1Nt3neqx2q5SFfGS8r/ahumIakg3HcwtNlrVlwXIeNumWn/c7Pn/wKzGhf6SaW6H6uWXLqC30STCMchQ==
+  version "16.4.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-16.4.0.tgz#574bc7e72993d40cf27cf6c241f324ee77808e51"
+  integrity sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==
 
 globalthis@^1.0.4:
   version "1.0.4"

From dd910ff8a8f143c596d1f46214aebe027c091843 Mon Sep 17 00:00:00 2001
From: tusooa <tusooa@kazv.moe>
Date: Tue, 14 Oct 2025 18:15:46 -0400
Subject: [PATCH 259/424] Make every configuration option default-overridable
 by instance admins

---
 changelog.d/everything-instance-default.add |   1 +
 src/boot/after_store.js                     |  46 +---
 src/modules/config.js                       |   6 +-
 src/modules/default_config_state.js         | 233 ++++++++++++--------
 src/modules/instance.js                     |  88 +-------
 5 files changed, 156 insertions(+), 218 deletions(-)
 create mode 100644 changelog.d/everything-instance-default.add

diff --git a/changelog.d/everything-instance-default.add b/changelog.d/everything-instance-default.add
new file mode 100644
index 000000000..6c4475905
--- /dev/null
+++ b/changelog.d/everything-instance-default.add
@@ -0,0 +1 @@
+Make every configuration option default-overridable by instance admins
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index fd4c57229..ad994af6a 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -24,6 +24,7 @@ import { useI18nStore } from 'src/stores/i18n'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useAuthFlowStore } from 'src/stores/auth_flow'
+import { staticOrApiConfigDefault, instanceDefaultConfig } from 'src/modules/default_config_state.js'
 
 let staticInitialResults = null
 
@@ -130,50 +131,15 @@ const setSettings = async ({ apiConfig, staticConfig, store }) => {
   }
 
   const copyInstanceOption = (name) => {
-    store.dispatch('setInstanceOption', { name, value: config[name] })
+    if (typeof config[name] !== 'undefined') {
+      store.dispatch('setInstanceOption', { name, value: config[name] })
+    }
   }
 
-  copyInstanceOption('theme')
-  copyInstanceOption('style')
-  copyInstanceOption('palette')
-  copyInstanceOption('embeddedToS')
-  copyInstanceOption('nsfwCensorImage')
-  copyInstanceOption('background')
-  copyInstanceOption('hidePostStats')
-  copyInstanceOption('hideBotIndication')
-  copyInstanceOption('hideUserStats')
-  copyInstanceOption('hideFilteredStatuses')
-  copyInstanceOption('logo')
+  Object.keys(staticOrApiConfigDefault).forEach(copyInstanceOption)
+  Object.keys(instanceDefaultConfig).forEach(copyInstanceOption)
 
-  store.dispatch('setInstanceOption', {
-    name: 'logoMask',
-    value: typeof config.logoMask === 'undefined'
-      ? true
-      : config.logoMask
-  })
-
-  store.dispatch('setInstanceOption', {
-    name: 'logoMargin',
-    value: typeof config.logoMargin === 'undefined'
-      ? 0
-      : config.logoMargin
-  })
-  copyInstanceOption('logoLeft')
   useAuthFlowStore().setInitialStrategy(config.loginMethod)
-
-  copyInstanceOption('redirectRootNoLogin')
-  copyInstanceOption('redirectRootLogin')
-  copyInstanceOption('showInstanceSpecificPanel')
-  copyInstanceOption('minimalScopesMode')
-  copyInstanceOption('hideMutedPosts')
-  copyInstanceOption('collapseMessageWithSubject')
-  copyInstanceOption('scopeCopy')
-  copyInstanceOption('subjectLineBehavior')
-  copyInstanceOption('postContentType')
-  copyInstanceOption('alwaysShowSubjectInput')
-  copyInstanceOption('showFeaturesPanel')
-  copyInstanceOption('hideSitename')
-  copyInstanceOption('sidebarRight')
 }
 
 const getTOS = async ({ store }) => {
diff --git a/src/modules/config.js b/src/modules/config.js
index 92898a3de..7b54225ef 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -6,7 +6,7 @@ import localeService from '../services/locale/locale.service.js'
 import { useI18nStore } from 'src/stores/i18n.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 
-import { defaultState } from './default_config_state.js'
+import { instanceDefaultConfig, defaultState } from './default_config_state.js'
 
 const BACKEND_LANGUAGE_COOKIE_NAME = 'userLanguage'
 const APPEARANCE_SETTINGS_KEYS = new Set([
@@ -38,9 +38,7 @@ export const multiChoiceProperties = [
 ]
 
 // caching the instance default properties
-export const instanceDefaultProperties = Object.entries(defaultState)
-  .filter(([, value]) => value === undefined)
-  .map(([key]) => key)
+export const instanceDefaultProperties = Object.keys(instanceDefaultConfig)
 
 const config = {
   state: { ...defaultState },
diff --git a/src/modules/default_config_state.js b/src/modules/default_config_state.js
index 045cb407a..46cbf9ab5 100644
--- a/src/modules/default_config_state.js
+++ b/src/modules/default_config_state.js
@@ -1,45 +1,43 @@
 const browserLocale = (window.navigator.language || 'en').split('-')[0]
 
-export const defaultState = {
-  expertLevel: 0, // used to track which settings to show and hide
-
-  // Theme  stuff
-  theme: undefined, // Very old theme store, stores preset name, still in use
-
-  // V1
-  colors: {}, // VERY old theme store, just colors of V1, probably not even used anymore
-
-  // V2
-  customTheme: undefined, // "snapshot", previously was used as actual theme store for V2 so it's still used in case of PleromaFE downgrade event.
-  customThemeSource: undefined, // "source", stores original theme data
-
-  // V3
-  style: null,
-  styleCustomData: null,
+/// Instance config entries provided by static config or pleroma api
+/// Put settings here only if it does not make sense for a normal user
+/// to override it.
+export const staticOrApiConfigDefault = {
+  theme: 'pleroma-dark',
   palette: null,
-  paletteCustomData: null,
-  themeDebug: false, // debug mode that uses computed backgrounds instead of real ones to debug contrast functions
-  forceThemeRecompilation: false, //  flag that forces recompilation on boot even if cache exists
-  theme3hacks: { // Hacks, user overrides that are independent of theme used
-    underlay: 'none',
-    fonts: {
-      interface: undefined,
-      input: undefined,
-      post: undefined,
-      monospace: undefined
-    }
-  },
+  style: null,
+  defaultAvatar: '/images/avi.png',
+  defaultBanner: '/images/banner.png',
+  background: '/static/aurora_borealis.jpg',
+  embeddedToS: true,
+  logo: '/static/logo.svg',
+  logoMargin: '.2em',
+  logoMask: true,
+  logoLeft: false,
+  redirectRootLogin: '/main/friends',
+  redirectRootNoLogin: '/main/all',
+  hideSitename: false,
+  nsfwCensorImage: undefined,
+  showFeaturesPanel: true,
+  showInstanceSpecificPanel: false,
+}
 
+/// This object contains setting entries that makes sense
+/// at the user level. The defaults can also be overriden by
+/// instance admins in the frontend_configuration endpoint or static config.
+export const instanceDefaultConfig = {
+  expertLevel: 0, // used to track which settings to show and hide
   hideISP: false,
   hideInstanceWallpaper: false,
   hideShoutbox: false,
   // bad name: actually hides posts of muted USERS
-  hideMutedPosts: undefined, // instance default
-  hideMutedThreads: undefined, // instance default
-  hideWordFilteredPosts: undefined, // instance default
-  muteBotStatuses: undefined, // instance default
-  muteSensitiveStatuses: undefined, // instance default
-  collapseMessageWithSubject: undefined, // instance default
+  hideMutedPosts: false,
+  hideMutedThreads: true,
+  hideWordFilteredPosts: false,
+  muteBotStatuses: false,
+  muteSensitiveStatuses: false,
+  collapseMessageWithSubject: false,
   padEmoji: true,
   hideAttachments: false,
   hideAttachmentsInConv: false,
@@ -50,6 +48,9 @@ export const defaultState = {
   preloadImage: true,
   loopVideo: true,
   loopVideoSilentOnly: true,
+  /// This is not the streaming API configuration, but rather an option
+  /// for automatically loading new posts into the timeline without
+  /// the user clicking the Show New button.
   streaming: false,
   emojiReactionsOnTimeline: true,
   alwaysShowNewPostButton: false,
@@ -86,39 +87,37 @@ export const defaultState = {
   },
   webPushNotifications: false,
   webPushAlwaysShowNotifications: false,
-  muteWords: [],
-  highlight: {},
   interfaceLanguage: browserLocale,
   hideScopeNotice: false,
   useStreamingApi: false,
-  sidebarRight: undefined, // instance default
-  scopeCopy: undefined, // instance default
-  subjectLineBehavior: undefined, // instance default
-  alwaysShowSubjectInput: undefined, // instance default
-  postContentType: undefined, // instance default
-  minimalScopesMode: undefined, // instance default
+  sidebarRight: false,
+  scopeCopy: true,
+  subjectLineBehavior: 'email',
+  alwaysShowSubjectInput: true,
+  postContentType: 'text/plain',
+  minimalScopesMode: false,
 
   // This hides statuses filtered via a word filter
-  hideFilteredStatuses: undefined, // instance default
+  hideFilteredStatuses: false,
 
   // Confirmations
-  modalOnRepeat: undefined, // instance default
-  modalOnUnfollow: undefined, // instance default
-  modalOnBlock: undefined, // instance default
-  modalOnMute: undefined, // instance default
-  modalOnMuteConversation: undefined, // instance default
-  modalOnMuteDomain: undefined, // instance default
-  modalOnDelete: undefined, // instance default
-  modalOnLogout: undefined, // instance default
-  modalOnApproveFollow: undefined, // instance default
-  modalOnDenyFollow: undefined, // instance default
-  modalOnRemoveUserFromFollowers: undefined, // instance default
+  modalOnRepeat: false,
+  modalOnUnfollow: false,
+  modalOnBlock: true,
+  modalOnMute: false,
+  modalOnMuteConversation: false,
+  modalOnMuteDomain: true,
+  modalOnDelete: true,
+  modalOnLogout: true,
+  modalOnApproveFollow: false,
+  modalOnDenyFollow: false,
+  modalOnRemoveUserFromFollowers: false,
 
   // Expiry confirmations/default actions
   onMuteDefaultAction: 'ask',
   onBlockDefaultAction: 'ask',
 
-  modalMobileCenter: undefined,
+  modalMobileCenter: false,
   playVideosInModal: false,
   useOneClickNsfw: false,
   useContainFit: true,
@@ -131,45 +130,93 @@ export const defaultState = {
   sidebarColumnWidth: '25rem',
   contentColumnWidth: '45rem',
   notifsColumnWidth: '25rem',
-  themeEditorMinWidth: undefined, // instance default
-  emojiReactionsScale: undefined,
-  textSize: undefined, // instance default
-  emojiSize: undefined, // instance default
-  navbarSize: undefined, // instance default
-  panelHeaderSize: undefined, // instance default
-  forcedRoundness: undefined, // instance default
+  themeEditorMinWidth: '0rem',
+  emojiReactionsScale: 0.5,
+  textSize: '1rem',
+  emojiSize: '2.2rem',
+  navbarSize: '3.5rem',
+  panelHeaderSize: '3.2rem',
+  forcedRoundness: -1,
   navbarColumnStretch: false,
-  greentext: undefined, // instance default
-  mentionLinkDisplay: undefined, // instance default
-  mentionLinkShowTooltip: undefined, // instance default
-  mentionLinkShowAvatar: undefined, // instance default
-  mentionLinkFadeDomain: undefined, // instance default
-  mentionLinkShowYous: undefined, // instance default
-  mentionLinkBoldenYou: undefined, // instance default
-  hidePostStats: undefined, // instance default
-  hideBotIndication: undefined, // instance default
-  hideUserStats: undefined, // instance default
-  virtualScrolling: undefined, // instance default
-  sensitiveByDefault: undefined, // instance default
-  conversationDisplay: undefined, // instance default
-  conversationTreeAdvanced: undefined, // instance default
-  conversationOtherRepliesButton: undefined, // instance default
-  conversationTreeFadeAncestors: undefined, // instance default
-  showExtraNotifications: undefined, // instance default
-  showExtraNotificationsTip: undefined, // instance default
-  showChatsInExtraNotifications: undefined, // instance default
-  showAnnouncementsInExtraNotifications: undefined, // instance default
-  showFollowRequestsInExtraNotifications: undefined, // instance default
-  maxDepthInThread: undefined, // instance default
-  autocompleteSelect: undefined, // instance default
-  closingDrawerMarksAsSeen: undefined, // instance default
-  unseenAtTop: undefined, // instance default
-  ignoreInactionableSeen: undefined, // instance default
-  unsavedPostAction: undefined, // instance default
-  autoSaveDraft: undefined, // instance default
-  useAbsoluteTimeFormat: undefined, // instance default
-  absoluteTimeFormatMinAge: undefined, // instance default
-  absoluteTime12h: undefined, // instance default
+  greentext: false,
+  mentionLinkDisplay: 'short',
+  mentionLinkShowTooltip: true,
+  mentionLinkShowAvatar: false,
+  mentionLinkFadeDomain: true,
+  mentionLinkShowYous: false,
+  mentionLinkBoldenYou: true,
+  hidePostStats: false,
+  hideBotIndication: false,
+  hideUserStats: false,
+  virtualScrolling: true,
+  sensitiveByDefault: false,
+  conversationDisplay: 'linear',
+  conversationTreeAdvanced: false,
+  conversationOtherRepliesButton: 'below',
+  conversationTreeFadeAncestors: false,
+  showExtraNotifications: true,
+  showExtraNotificationsTip: true,
+  showChatsInExtraNotifications: true,
+  showAnnouncementsInExtraNotifications: true,
+  showFollowRequestsInExtraNotifications: true,
+  maxDepthInThread: 6,
+  autocompleteSelect: false,
+  closingDrawerMarksAsSeen: true,
+  unseenAtTop: false,
+  ignoreInactionableSeen: false,
+  unsavedPostAction: 'confirm',
+  autoSaveDraft: false,
+  useAbsoluteTimeFormat: false,
+  absoluteTimeFormatMinAge: '0d',
+  absoluteTime12h: '24h',
   imageCompression: true,
   alwaysUseJpeg: false
 }
+
+export const makeUndefined = c => Object.fromEntries(Object.keys(c).map(key => [key, undefined]))
+
+/// For properties with special processing or properties that does not
+/// make sense to be overriden on a instance-wide level.
+export const defaultState = {
+  // Set these to undefined so it does not interfere with default settings check
+  ...makeUndefined(instanceDefaultConfig),
+
+  // Special processing
+  // Theme  stuff
+  theme: undefined, // Very old theme store, stores preset name, still in use
+
+  // V1
+  colors: {}, // VERY old theme store, just colors of V1, probably not even used anymore
+
+  // V2
+  customTheme: undefined, // "snapshot", previously was used as actual theme store for V2 so it's still used in case of PleromaFE downgrade event.
+  customThemeSource: undefined, // "source", stores original theme data
+
+  // V3
+  style: null,
+  styleCustomData: null,
+  palette: null,
+  paletteCustomData: null,
+  themeDebug: false, // debug mode that uses computed backgrounds instead of real ones to debug contrast functions
+  forceThemeRecompilation: false, //  flag that forces recompilation on boot even if cache exists
+  theme3hacks: { // Hacks, user overrides that are independent of theme used
+    underlay: 'none',
+    fonts: {
+      interface: undefined,
+      input: undefined,
+      post: undefined,
+      monospace: undefined
+    }
+  },
+
+  // Special handling: These fields are not of a primitive type, and
+  // might cause problems with current code because it specifically checks
+  // them in state.config (not getters.mergedConfig).
+
+  // Specifically, muteWords is now deprecated in favour of a server-side configuration.
+  muteWords: [],
+  highlight: {},
+
+  // If there are any configurations that does not make sense to
+  // have instance-wide default, put it here and explain why.
+}
diff --git a/src/modules/instance.js b/src/modules/instance.js
index 7317debf8..1595dc6a4 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -4,6 +4,7 @@ import { ensureFinalFallback } from '../i18n/languages.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 // See build/emojis_plugin for more details
 import { annotationsLoader } from 'virtual:pleroma-fe/emoji-annotations'
+import { staticOrApiConfigDefault, instanceDefaultConfig } from './default_config_state.js';
 
 const SORTED_EMOJI_GROUP_IDS = [
   'smileys-and-emotion',
@@ -52,90 +53,15 @@ const defaultState = {
   vapidPublicKey: undefined,
 
   // Stuff from static/config.json
-  alwaysShowSubjectInput: true,
-  defaultAvatar: '/images/avi.png',
-  defaultBanner: '/images/banner.png',
-  background: '/static/aurora_borealis.jpg',
-  embeddedToS: true,
-  collapseMessageWithSubject: false,
-  greentext: false,
-  mentionLinkDisplay: 'short',
-  mentionLinkShowTooltip: true,
-  mentionLinkShowAvatar: false,
-  mentionLinkFadeDomain: true,
-  mentionLinkShowYous: false,
-  mentionLinkBoldenYou: true,
-  hideFilteredStatuses: false,
-  // bad name: actually hides posts of muted USERS
-  hideMutedPosts: false,
-  hideMutedThreads: true,
-  hideWordFilteredPosts: false,
-  hidePostStats: false,
-  hideBotIndication: false,
-  hideSitename: false,
-  hideUserStats: false,
-  muteBotStatuses: false,
-  muteSensitiveStatuses: false,
-  modalOnRepeat: false,
-  modalOnUnfollow: false,
-  modalOnBlock: true,
-  modalOnMute: false,
-  modalOnMuteConversation: false,
-  modalOnMuteDomain: true,
-  modalOnDelete: true,
-  modalOnLogout: true,
-  modalOnApproveFollow: false,
-  modalOnDenyFollow: false,
-  modalOnRemoveUserFromFollowers: false,
-  modalMobileCenter: false,
   loginMethod: 'password',
-  logo: '/static/logo.svg',
-  logoMargin: '.2em',
-  logoMask: true,
-  logoLeft: false,
   disableUpdateNotification: false,
-  minimalScopesMode: false,
-  nsfwCensorImage: undefined,
-  postContentType: 'text/plain',
-  redirectRootLogin: '/main/friends',
-  redirectRootNoLogin: '/main/all',
-  scopeCopy: true,
-  showFeaturesPanel: true,
-  showInstanceSpecificPanel: false,
-  sidebarRight: false,
-  subjectLineBehavior: 'email',
-  theme: 'pleroma-dark',
-  palette: null,
-  style: null,
-  emojiReactionsScale: 0.5,
-  textSize: '1rem',
-  emojiSize: '2.2rem',
-  navbarSize: '3.5rem',
-  panelHeaderSize: '3.2rem',
-  themeEditorMinWidth: '0rem',
-  forcedRoundness: -1,
+
   fontsOverride: {},
-  virtualScrolling: true,
-  sensitiveByDefault: false,
-  conversationDisplay: 'linear',
-  conversationTreeAdvanced: false,
-  conversationOtherRepliesButton: 'below',
-  conversationTreeFadeAncestors: false,
-  showExtraNotifications: true,
-  showExtraNotificationsTip: true,
-  showChatsInExtraNotifications: true,
-  showAnnouncementsInExtraNotifications: true,
-  showFollowRequestsInExtraNotifications: true,
-  maxDepthInThread: 6,
-  autocompleteSelect: false,
-  closingDrawerMarksAsSeen: true,
-  unseenAtTop: false,
-  ignoreInactionableSeen: false,
-  unsavedPostAction: 'confirm',
-  autoSaveDraft: false,
-  useAbsoluteTimeFormat: false,
-  absoluteTimeFormatMinAge: '0d',
-  absoluteTime12h: '24h',
+
+  // Instance-wide configurations that should not be changed by individual users
+  ...staticOrApiConfigDefault,
+  // Instance admins can override default settings for the whole instance
+  ...instanceDefaultConfig,
 
   // Nasty stuff
   customEmoji: [],

From debd3a3e7b8215208a0fe256c259748eb7ca9e27 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 15 Oct 2025 16:53:16 +0300
Subject: [PATCH 260/424] initial nested settings impl

---
 .../settings_modal/tabs/appearance_tab.js     |  17 +-
 .../settings_modal/tabs/appearance_tab.scss   |   2 +-
 .../settings_modal/tabs/appearance_tab.vue    | 575 +++++++++---------
 .../settings_modal/tabs/general_tab.js        |  33 +-
 .../settings_modal/tabs/general_tab.vue       | 239 ++++----
 src/components/status/status.vue              |   3 +-
 src/i18n/en.json                              |   4 +
 7 files changed, 465 insertions(+), 408 deletions(-)

diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 7fbb0a5cd..56e3ea10c 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -1,3 +1,5 @@
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
@@ -26,11 +28,17 @@ import { useInterfaceStore, normalizeThemeData } from 'src/stores/interface'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faGlobe
+  faGlobe,
+  faDashboard,
+  faPaintRoller,
+  faTableColumns
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
-  faGlobe
+  faGlobe,
+  faPaintRoller,
+  faDashboard,
+  faTableColumns
 )
 
 const AppearanceTab = {
@@ -88,7 +96,8 @@ const AppearanceTab = {
     ProfileSettingIndicator,
     FontControl,
     Preview,
-    PaletteEditor
+    PaletteEditor,
+    TabSwitcher
   },
   mounted () {
     useInterfaceStore().getThemeData()
@@ -200,6 +209,8 @@ const AppearanceTab = {
     paletteDataUsed () {
       return useInterfaceStore().paletteDataUsed
     },
+    instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
+    instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
     availableStyles () {
       return [
         ...this.availableThemesV3,
diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index d786cfa38..aa6bd5b45 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -160,7 +160,7 @@
 
     .theme-preview {
       font-size: 1rem; // fix for firefox
-      width: 19rem;
+      width: 14rem;
       display: flex;
       flex-direction: column;
       align-items: center;
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index cd54e2c82..05517af0c 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -1,10 +1,287 @@
 <template>
-  <div
+  <tab-switcher
     class="appearance-tab"
-    :label="$t('settings.general')"
+    :label="$t('settings.appearance')"
+    ref="tabSwitcher"
+    :side-tab-bar="true"
+    :scrollable-tabs="true"
   >
-    <div class="setting-item">
-      <h2>{{ $t('settings.theme') }}</h2>
+    <div
+      :label="$t('settings.interface')"
+      icon="table-columns"
+    >
+      <div class="alert neutral theme-notice">
+        {{ $t("settings.style.appearance_tab_note") }}
+      </div>
+      <ul class="setting-list">
+        <h3>{{ $t('settings.general') }}</h3>
+        <li>
+          <UnitSetting
+            path="textSize"
+            :step="0.1"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 14, 'rem': 1 }"
+            timed-apply-mode
+          >
+            {{ $t('settings.text_size') }}
+          </UnitSetting>
+          <div>
+            <small>
+              <i18n-t
+                scope="global"
+                keypath="settings.text_size_tip"
+                tag="span"
+              >
+                <code>px</code>
+                <code>rem</code>
+              </i18n-t>
+              <br>
+              <i18n-t
+                scope="global"
+                keypath="settings.text_size_tip2"
+                tag="span"
+              >
+                <code>14px</code>
+              </i18n-t>
+            </small>
+          </div>
+        </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.theme3hacks.fonts.interface"
+            name="ui"
+            :label="$t('settings.style.fonts.components.interface')"
+            :fallback="{ family: 'sans-serif' }"
+            no-inherit="1"
+            @update:model-value="v => updateFont('interface', v)"
+          />
+        </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.theme3hacks.fonts.input"
+            name="input"
+            :fallback="{ family: 'inherit' }"
+            :label="$t('settings.style.fonts.components.input')"
+            @update:model-value="v => updateFont('input', v)"
+          />
+        </li>
+        <li>
+          <UnitSetting
+            path="emojiSize"
+            :step="0.1"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 32, 'rem': 2.2 }"
+          >
+            {{ $t('settings.emoji_size') }}
+          </UnitSetting>
+          <ul
+            class="setting-list suboptions"
+          >
+            <li>
+              <FloatSetting
+                v-if="user"
+                path="emojiReactionsScale"
+                expert="1"
+              >
+                {{ $t('settings.emoji_reactions_scale') }}
+              </FloatSetting>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <BooleanSetting
+            path="userPopoverOverlay"
+            expert="1"
+          >
+            {{ $t('settings.user_popover_avatar_overlay') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="userCardLeftJustify"
+            expert="1"
+          >
+            {{ $t('settings.user_card_left_justify') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="userCardHidePersonalMarks"
+            expert="1"
+          >
+            {{ $t('settings.user_card_hide_personal_marks') }}
+          </BooleanSetting>
+        </li>
+        <li v-if="instanceShoutboxPresent">
+          <BooleanSetting
+            path="hideShoutbox"
+            expert="1"
+          >
+            {{ $t('settings.hide_shoutbox') }}
+          </BooleanSetting>
+        </li>
+        <h3>{{ $t('settings.columns') }}</h3>
+        <li>
+          <UnitSetting
+            path="navbarSize"
+            :step="0.1"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 55, 'rem': 3.5 }"
+          >
+            {{ $t('settings.navbar_size') }}
+          </UnitSetting>
+        </li>
+        <li v-if="instanceSpecificPanelPresent">
+          <BooleanSetting path="hideISP">
+            {{ $t('settings.hide_isp') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <UnitSetting
+            path="panelHeaderSize"
+            :step="0.1"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 52, 'rem': 3.2 }"
+            timed-apply-mode
+          >
+            {{ $t('settings.panel_header_size') }}
+          </UnitSetting>
+        </li>
+        <li>
+          <BooleanSetting path="sidebarRight">
+            {{ $t('settings.right_sidebar') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="navbarColumnStretch">
+            {{ $t('settings.navbar_column_stretch') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            v-if="user"
+            id="thirdColumnMode"
+            path="thirdColumnMode"
+            :options="thirdColumnModeOptions"
+          >
+            {{ $t('settings.third_column_mode') }}
+          </ChoiceSetting>
+        </li>
+        <li v-if="expertLevel > 0">
+          {{ $t('settings.column_sizes') }}
+          <div class="column-settings">
+            <UnitSetting
+              v-for="column in columns"
+              :key="column"
+              :path="column + 'ColumnWidth'"
+              :units="horizontalUnits"
+              expert="1"
+            >
+              {{ $t('settings.column_sizes_' + column) }}
+            </UnitSetting>
+          </div>
+        </li>
+        <li>
+          <BooleanSetting path="disableStickyHeaders">
+            {{ $t('settings.disable_sticky_headers') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="showScrollbars">
+            {{ $t('settings.show_scrollbars') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <UnitSetting
+            path="themeEditorMinWidth"
+            :units="['px', 'rem']"
+            expert="1"
+          >
+            {{ $t('settings.theme_editor_min_width') }}
+          </UnitSetting>
+        </li>
+      </ul>
+      <ul class="setting-list">
+        <h3>{{ $t('settings.visual_tweaks') }}</h3>
+        <li>
+          <BooleanSetting path="modalMobileCenter">
+            {{ $t('settings.mobile_center_dialog') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            id="forcedRoundness"
+            path="forcedRoundness"
+            :options="forcedRoundnessOptions"
+          >
+            {{ $t('settings.style.themes3.hacks.force_interface_roundness') }}
+          </ChoiceSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            id="underlayOverride"
+            path="theme3hacks.underlay"
+            :options="underlayOverrideModes"
+          >
+            {{ $t('settings.style.themes3.hacks.underlay_overrides') }}
+          </ChoiceSetting>
+        </li>
+        <li v-if="instanceWallpaperUsed">
+          <BooleanSetting path="hideInstanceWallpaper">
+            {{ $t('settings.hide_wallpaper') }}
+          </BooleanSetting>
+        </li>
+      </ul>
+    </div>
+    <div
+      class="setting-item"
+      :label="$t('settings.theme')"
+      icon="paintbrush"
+    >
+      <div>
+        <h3>{{ $t('settings.background') }}</h3>
+        <div class="banner-background-preview">
+          <img :src="user.background_image">
+          <button
+            v-if="!isDefaultBackground"
+            class="button-unstyled reset-button"
+            :title="$t('settings.reset_profile_background')"
+            @click="resetBackground"
+          >
+            <FAIcon
+              icon="times"
+              type="button"
+            />
+          </button>
+        </div>
+        <p>{{ $t('settings.set_new_background') }}</p>
+        <img
+          v-if="backgroundPreview"
+          class="banner-background-preview"
+          :src="backgroundPreview"
+        >
+        <div>
+          <input
+            type="file"
+            class="input"
+            @change="uploadFile('background', $event)"
+          >
+        </div>
+        <FAIcon
+          v-if="backgroundUploading"
+          class="uploading"
+          spin
+          icon="circle-notch"
+        />
+        <button
+          v-else-if="backgroundPreview"
+          class="btn button-default"
+          @click="submitBackground(background)"
+        >
+          {{ $t('settings.save') }}
+        </button>
+      </div>
+      <h3>{{ $t('settings.style.style_section') }}</h3>
       <ul
         ref="themeList"
         class="theme-list"
@@ -149,279 +426,27 @@
             </div>
           </template>
         </div>
-      </div>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.background') }}</h2>
-      <div class="banner-background-preview">
-        <img :src="user.background_image">
-        <button
-          v-if="!isDefaultBackground"
-          class="button-unstyled reset-button"
-          :title="$t('settings.reset_profile_background')"
-          @click="resetBackground"
-        >
-          <FAIcon
-            icon="times"
-            type="button"
-          />
-        </button>
-      </div>
-      <p>{{ $t('settings.set_new_background') }}</p>
-      <img
-        v-if="backgroundPreview"
-        class="banner-background-preview"
-        :src="backgroundPreview"
-      >
-      <div>
-        <input
-          type="file"
-          class="input"
-          @change="uploadFile('background', $event)"
-        >
-      </div>
-      <FAIcon
-        v-if="backgroundUploading"
-        class="uploading"
-        spin
-        icon="circle-notch"
-      />
-      <button
-        v-else-if="backgroundPreview"
-        class="btn button-default"
-        @click="submitBackground(background)"
-      >
-        {{ $t('settings.save') }}
-      </button>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.scale_and_layout') }}</h2>
-      <div class="alert neutral theme-notice">
-        {{ $t("settings.style.appearance_tab_note") }}
-      </div>
-      <ul class="setting-list">
-        <li>
-          <UnitSetting
-            path="textSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 14, 'rem': 1 }"
-            timed-apply-mode
-          >
-            {{ $t('settings.text_size') }}
-          </UnitSetting>
-          <div>
-            <small>
-              <i18n-t
-                scope="global"
-                keypath="settings.text_size_tip"
-                tag="span"
-              >
-                <code>px</code>
-                <code>rem</code>
-              </i18n-t>
-              <br>
-              <i18n-t
-                scope="global"
-                keypath="settings.text_size_tip2"
-                tag="span"
-              >
-                <code>14px</code>
-              </i18n-t>
-            </small>
-          </div>
-        </li>
-        <li>
-          <UnitSetting
-            path="emojiSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 32, 'rem': 2.2 }"
-          >
-            {{ $t('settings.emoji_size') }}
-          </UnitSetting>
-          <ul
-            class="setting-list suboptions"
-          >
-            <li>
-              <FloatSetting
-                v-if="user"
-                path="emojiReactionsScale"
-                expert="1"
-              >
-                {{ $t('settings.emoji_reactions_scale') }}
-              </FloatSetting>
-            </li>
-          </ul>
-        </li>
-        <li>
-          <UnitSetting
-            path="navbarSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 55, 'rem': 3.5 }"
-          >
-            {{ $t('settings.navbar_size') }}
-          </UnitSetting>
-        </li>
-        <h3>{{ $t('settings.style.interface_font_user_override') }}</h3>
-        <li>
-          <FontControl
-            :model-value="mergedConfig.theme3hacks.fonts.interface"
-            name="ui"
-            :label="$t('settings.style.fonts.components.interface')"
-            :fallback="{ family: 'sans-serif' }"
-            no-inherit="1"
-            @update:model-value="v => updateFont('interface', v)"
-          />
-        </li>
-        <li>
-          <FontControl
-            v-if="expertLevel > 0"
-            :model-value="mergedConfig.theme3hacks.fonts.input"
-            name="input"
-            :fallback="{ family: 'inherit' }"
-            :label="$t('settings.style.fonts.components.input')"
-            @update:model-value="v => updateFont('input', v)"
-          />
-        </li>
-        <li>
-          <FontControl
-            v-if="expertLevel > 0"
-            :model-value="mergedConfig.theme3hacks.fonts.post"
-            name="post"
-            :fallback="{ family: 'inherit' }"
-            :label="$t('settings.style.fonts.components.post')"
-            @update:model-value="v => updateFont('post', v)"
-          />
-        </li>
-        <li>
-          <FontControl
-            v-if="expertLevel > 0"
-            :model-value="mergedConfig.theme3hacks.fonts.monospace"
-            name="postCode"
-            :fallback="{ family: 'monospace' }"
-            :label="$t('settings.style.fonts.components.monospace')"
-            @update:model-value="v => updateFont('monospace', v)"
-          />
-        </li>
-        <h3>{{ $t('settings.columns') }}</h3>
-        <li>
-          <UnitSetting
-            path="panelHeaderSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 52, 'rem': 3.2 }"
-            timed-apply-mode
-          >
-            {{ $t('settings.panel_header_size') }}
-          </UnitSetting>
-        </li>
-        <li>
-          <BooleanSetting path="sidebarRight">
-            {{ $t('settings.right_sidebar') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="navbarColumnStretch">
-            {{ $t('settings.navbar_column_stretch') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            v-if="user"
-            id="thirdColumnMode"
-            path="thirdColumnMode"
-            :options="thirdColumnModeOptions"
-          >
-            {{ $t('settings.third_column_mode') }}
-          </ChoiceSetting>
-        </li>
-        <li v-if="expertLevel > 0">
-          {{ $t('settings.column_sizes') }}
-          <div class="column-settings">
-            <UnitSetting
-              v-for="column in columns"
-              :key="column"
-              :path="column + 'ColumnWidth'"
-              :units="horizontalUnits"
-              expert="1"
+        <ul class="setting-list">
+          <li>
+            <BooleanSetting
+              path="themeDebug"
+              :expert="1"
             >
-              {{ $t('settings.column_sizes_' + column) }}
-            </UnitSetting>
-          </div>
-        </li>
-        <li>
-          <BooleanSetting path="disableStickyHeaders">
-            {{ $t('settings.disable_sticky_headers') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="showScrollbars">
-            {{ $t('settings.show_scrollbars') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <UnitSetting
-            path="themeEditorMinWidth"
-            :units="['px', 'rem']"
-            expert="1"
-          >
-            {{ $t('settings.theme_editor_min_width') }}
-          </UnitSetting>
-        </li>
-      </ul>
+              {{ $t('settings.theme_debug') }}
+            </BooleanSetting>
+          </li>
+          <li>
+            <BooleanSetting
+              path="forceThemeRecompilation"
+              :expert="1"
+            >
+              {{ $t('settings.force_theme_recompilation_debug') }}
+            </BooleanSetting>
+          </li>
+        </ul>
+      </div>
     </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.visual_tweaks') }}</h2>
-      <ul class="setting-list">
-        <li>
-          <BooleanSetting path="modalMobileCenter">
-            {{ $t('settings.mobile_center_dialog') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            id="forcedRoundness"
-            path="forcedRoundness"
-            :options="forcedRoundnessOptions"
-          >
-            {{ $t('settings.style.themes3.hacks.force_interface_roundness') }}
-          </ChoiceSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            id="underlayOverride"
-            path="theme3hacks.underlay"
-            :options="underlayOverrideModes"
-          >
-            {{ $t('settings.style.themes3.hacks.underlay_overrides') }}
-          </ChoiceSetting>
-        </li>
-        <li v-if="instanceWallpaperUsed">
-          <BooleanSetting path="hideInstanceWallpaper">
-            {{ $t('settings.hide_wallpaper') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="forceThemeRecompilation"
-            :expert="1"
-          >
-            {{ $t('settings.force_theme_recompilation_debug') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="themeDebug"
-            :expert="1"
-          >
-            {{ $t('settings.theme_debug') }}
-          </BooleanSetting>
-        </li>
-      </ul>
-    </div>
-  </div>
+  </tab-switcher>
 </template>
 
 <script src="./appearance_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index ff6d0e477..b98b7195e 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -1,5 +1,7 @@
 import { mapState } from 'vuex'
 
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
@@ -9,6 +11,7 @@ import UnitSetting from '../helpers/unit_setting.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import Select from 'src/components/select/select.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import FontControl from 'src/components/font_control/font_control.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
@@ -16,11 +19,19 @@ import localeService from 'src/services/locale/locale.service.js'
 import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faGlobe
+  faGlobe,
+  faMessage,
+  faPenAlt,
+  faDatabase,
+  faSliders
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
-  faGlobe
+  faGlobe,
+  faMessage,
+  faPenAlt,
+  faDatabase,
+  faSliders
 )
 
 const GeneralTab = {
@@ -80,7 +91,9 @@ const GeneralTab = {
     InterfaceLanguageSwitcher,
     ProfileSettingIndicator,
     ScopeSelector,
-    Select
+    Select,
+    TabSwitcher,
+    FontControl
   },
   computed: {
     postFormats () {
@@ -99,8 +112,6 @@ const GeneralTab = {
         this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
       }
     },
-    instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
-    instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
     ...SharedComputedObject(),
     ...mapState({
       blockExpirationSupported: state => state.instance.blockExpiration,
@@ -137,6 +148,18 @@ const GeneralTab = {
           this.$store.commit('setCurrentUser', user)
         })
     },
+    updateFont (key, value) {
+      this.$store.dispatch('setOption', {
+        name: 'theme3hacks',
+        value: {
+          ...this.mergedConfig.theme3hacks,
+          fonts: {
+            ...this.mergedConfig.theme3hacks.fonts,
+            [key]: value
+          }
+        }
+      })
+    },
   }
 }
 
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 49fc57c79..ce48d923d 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -1,8 +1,17 @@
 <template>
-  <div :label="$t('settings.general')">
-    <div class="setting-item">
-      <h2>{{ $t('settings.interface') }}</h2>
+  <tab-switcher
+    :label="$t('settings.general')"
+    ref="tabSwitcher"
+    class="settings_tab-switcher"
+    :side-tab-bar="true"
+    :scrollable-tabs="true"
+  >
+    <div
+      :label="$t('settings.behavior')"
+      icon="sliders"
+    >
       <ul class="setting-list">
+        <h3>{{ $t('settings.general') }}</h3>
         <li>
           <interface-language-switcher
             v-model="language"
@@ -20,14 +29,12 @@
             {{ $t('settings.email_language') }}
           </interface-language-switcher>
         </li>
-        <li v-if="instanceSpecificPanelPresent">
-          <BooleanSetting path="hideISP">
-            {{ $t('settings.hide_isp') }}
-          </BooleanSetting>
-        </li>
         <li>
-          <BooleanSetting path="stopGifs">
-            {{ $t('settings.stop_gifs') }}
+          <BooleanSetting
+            path="useAbsoluteTimeFormat"
+            expert="1"
+          >
+            {{ $t('settings.absolute_time_format') }}
           </BooleanSetting>
         </li>
         <li>
@@ -61,40 +68,6 @@
             {{ $t('settings.virtual_scrolling') }}
           </BooleanSetting>
         </li>
-        <li>
-          <ChoiceSetting
-            id="userPopoverAvatarAction"
-            path="userPopoverAvatarAction"
-            :options="userPopoverAvatarActionOptions"
-            expert="1"
-          >
-            {{ $t('settings.user_popover_avatar_action') }}
-          </ChoiceSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="userPopoverOverlay"
-            expert="1"
-          >
-            {{ $t('settings.user_popover_avatar_overlay') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="userCardLeftJustify"
-            expert="1"
-          >
-            {{ $t('settings.user_card_left_justify') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="userCardHidePersonalMarks"
-            expert="1"
-          >
-            {{ $t('settings.user_card_hide_personal_marks') }}
-          </BooleanSetting>
-        </li>
         <li>
           <BooleanSetting
             path="alwaysShowNewPostButton"
@@ -111,13 +84,15 @@
             {{ $t('settings.autohide_floating_post_button') }}
           </BooleanSetting>
         </li>
-        <li v-if="instanceShoutboxPresent">
-          <BooleanSetting
-            path="hideShoutbox"
+        <li>
+          <ChoiceSetting
+            id="userPopoverAvatarAction"
+            path="userPopoverAvatarAction"
+            :options="userPopoverAvatarActionOptions"
             expert="1"
           >
-            {{ $t('settings.hide_shoutbox') }}
-          </BooleanSetting>
+            {{ $t('settings.user_popover_avatar_action') }}
+          </ChoiceSetting>
         </li>
         <li class="select-multiple">
           <span class="label">{{ $t('settings.confirm_dialogs') }}</span>
@@ -179,9 +154,12 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.post_look_feel') }}</h2>
+    <div
+      :label="$t('settings.posts')"
+      icon="message"
+    >
       <ul class="setting-list">
+        <h3>{{ $t('settings.general') }}</h3>
         <li>
           <ChoiceSetting
             id="conversationDisplay"
@@ -191,6 +169,24 @@
             {{ $t('settings.conversation_display') }}
           </ChoiceSetting>
         </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.theme3hacks.fonts.post"
+            name="post"
+            :fallback="{ family: 'inherit' }"
+            :label="$t('settings.style.fonts.components.post')"
+            @update:model-value="v => updateFont('post', v)"
+          />
+        </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.theme3hacks.fonts.monospace"
+            name="postCode"
+            :fallback="{ family: 'monospace' }"
+            :label="$t('settings.style.fonts.components.monospace')"
+            @update:model-value="v => updateFont('monospace', v)"
+          />
+        </li>
         <ul
           v-if="mergedConfig.conversationDisplay !== 'linear'"
           class="setting-list suboptions"
@@ -241,6 +237,45 @@
             {{ $t('settings.emoji_reactions_on_timeline') }}
           </BooleanSetting>
         </li>
+        <h3>{{ $t('settings.mention_links') }}</h3>
+        <li>
+          <ChoiceSetting
+            id="mentionLinkDisplay"
+            path="mentionLinkDisplay"
+            :options="mentionLinkDisplayOptions"
+          >
+            {{ $t('settings.mention_link_display') }}
+          </ChoiceSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="mentionLinkShowTooltip"
+            expert="1"
+          >
+            {{ $t('settings.mention_link_use_tooltip') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="mentionLinkShowAvatar">
+            {{ $t('settings.mention_link_show_avatar') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="mentionLinkFadeDomain"
+            expert="1"
+          >
+            {{ $t('settings.mention_link_fade_domain') }}
+          </BooleanSetting>
+        </li>
+        <li v-if="user">
+          <BooleanSetting
+            path="mentionLinkBoldenYou"
+            expert="1"
+          >
+            {{ $t('settings.mention_link_bolden_you') }}
+          </BooleanSetting>
+        </li>
         <li>
           <BooleanSetting
             v-if="user"
@@ -251,14 +286,6 @@
             {{ $t('settings.no_rich_text_description') }}
           </BooleanSetting>
         </li>
-        <li>
-          <BooleanSetting
-            path="useAbsoluteTimeFormat"
-            expert="1"
-          >
-            {{ $t('settings.absolute_time_format') }}
-          </BooleanSetting>
-        </li>
         <ul
           v-if="mergedConfig.useAbsoluteTimeFormat"
           class="setting-list suboptions"
@@ -286,30 +313,8 @@
         </ul>
         <h3>{{ $t('settings.attachments') }}</h3>
         <li>
-          <BooleanSetting
-            path="imageCompression"
-            expert="1"
-          >
-            {{ $t('settings.image_compression') }}
-          </BooleanSetting>
-        </li>
-        <ul class="setting-list suboptions">
-          <li>
-            <BooleanSetting
-              path="alwaysUseJpeg"
-              expert="1"
-              parent-path="imageCompression"
-            >
-              {{ $t('settings.always_use_jpeg') }}
-            </BooleanSetting>
-          </li>
-        </ul>
-        <li>
-          <BooleanSetting
-            path="useContainFit"
-            expert="1"
-          >
-            {{ $t('settings.use_contain_fit') }}
+          <BooleanSetting path="stopGifs">
+            {{ $t('settings.stop_gifs') }}
           </BooleanSetting>
         </li>
         <li>
@@ -371,43 +376,12 @@
             {{ $t('settings.play_videos_in_modal') }}
           </BooleanSetting>
         </li>
-        <h3>{{ $t('settings.mention_links') }}</h3>
-        <li>
-          <ChoiceSetting
-            id="mentionLinkDisplay"
-            path="mentionLinkDisplay"
-            :options="mentionLinkDisplayOptions"
-          >
-            {{ $t('settings.mention_link_display') }}
-          </ChoiceSetting>
-        </li>
         <li>
           <BooleanSetting
-            path="mentionLinkShowTooltip"
+            path="useContainFit"
             expert="1"
           >
-            {{ $t('settings.mention_link_use_tooltip') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="mentionLinkShowAvatar">
-            {{ $t('settings.mention_link_show_avatar') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="mentionLinkFadeDomain"
-            expert="1"
-          >
-            {{ $t('settings.mention_link_fade_domain') }}
-          </BooleanSetting>
-        </li>
-        <li v-if="user">
-          <BooleanSetting
-            path="mentionLinkBoldenYou"
-            expert="1"
-          >
-            {{ $t('settings.mention_link_bolden_you') }}
+            {{ $t('settings.use_contain_fit') }}
           </BooleanSetting>
         </li>
         <h3 v-if="expertLevel > 0">
@@ -431,13 +405,13 @@
         </li>
       </ul>
     </div>
-
     <div
       v-if="user"
-      class="setting-item"
+      :label="$t('settings.composing')"
+      icon="pen-alt"
     >
-      <h2>{{ $t('settings.composing') }}</h2>
       <ul class="setting-list">
+      <h3>{{ $t('settings.composing') }}</h3>
         <li>
           <label for="default-vis">
             {{ $t('settings.default_vis') }} <ProfileSettingIndicator :is-profile="true" />
@@ -531,12 +505,33 @@
             {{ $t('settings.unsaved_post_action') }}
           </ChoiceSetting>
         </li>
+        <h3>{{ $t('settings.attachments') }}</h3>
+        <li>
+          <BooleanSetting
+            path="imageCompression"
+            expert="1"
+          >
+            {{ $t('settings.image_compression') }}
+          </BooleanSetting>
+        </li>
+        <ul class="setting-list suboptions">
+          <li>
+            <BooleanSetting
+              path="alwaysUseJpeg"
+              expert="1"
+              parent-path="imageCompression"
+            >
+              {{ $t('settings.always_use_jpeg') }}
+            </BooleanSetting>
+          </li>
+        </ul>
       </ul>
     </div>
     <div
-      class="setting-item"
+      :label="$t('settings.cache')"
+      icon="database"
+      v-if="expertLevel > 0"
     >
-      <h2>{{ $t('settings.cache') }}</h2>
       <ul class="setting-list">
         <li>
           <button
@@ -556,7 +551,7 @@
         </li>
       </ul>
     </div>
-  </div>
+  </tab-switcher>
 </template>
 
 <script src="./general_tab.js"></script>
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index ffdefb24f..91caa6a8c 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -152,12 +152,11 @@
                     :at="false"
                   >
                     <RichContent
-                      v-if="status.user.name_html"
                       :html="status.user.name"
                       :emoji="status.user.emoji"
                       :is-local="status.user.is_local"
                     />
-                    <span v-else>{{ status.user.name }}</span>
+                    <span>{{ status.user.name }}</span>
                   </user-link>
                   <span
                     v-else
diff --git a/src/i18n/en.json b/src/i18n/en.json
index bef24b7e5..a0333b427 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -403,6 +403,7 @@
     "setting_server_side": "This setting is tied to your profile and affects all sessions and clients",
     "enter_current_password_to_confirm": "Enter your current password to confirm your identity",
     "post_look_feel": "Posts Look & Feel",
+    "posts": "Posts",
     "mention_links": "Mention links",
     "appearance": "Appearance",
     "confirm_new_setting": "Confirm new setting?",
@@ -418,6 +419,8 @@
     "visual_tweaks": "Minor visual tweaks",
     "theme_debug": "Show what background theme engine assumes when dealing with transparancy (DEBUG)",
     "scale_and_layout": "Interface scale and layout",
+    "behavior": "Behavior",
+    "layout": "Layout",
     "enabled": "Enabled",
     "filter": {
       "clutter": "Remove clutter",
@@ -832,6 +835,7 @@
     "enable_web_push_always_show_tip": "Some browsers (Chromium, Chrome) require that push messages always result in a notification, otherwise generic 'Website was updated in background' is shown, enable this to prevent this notification from showing, as Chrome seem to hide push notifications if tab is in focus. Can result in showing duplicate notifications on other browsers.",
     "more_settings": "More settings",
     "style": {
+      "style_section": "Style",
       "custom_theme_used": "(Custom theme)",
       "custom_style_used": "(Custom style)",
       "stock_theme_used": "(Stock theme)",

From 661ab348896503aa9d62092239d3de857af644f2 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 15 Oct 2025 16:58:08 +0300
Subject: [PATCH 261/424] revert vue file

---
 src/components/status/status.vue | 42 +++++++++++++++-----------------
 1 file changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index ffdefb24f..4ab120fa0 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -141,31 +141,29 @@
             <div class="heading-name-row">
               <div class="heading-left">
                 <h4
+                  v-if="status.user.name_html"
                   class="status-username"
-                  :title="status.user?.name ?? $t('status.unknown_user_info')"
+                  :title="status.user.name"
                 >
-                  <user-link
-                    v-if="status.user?.name"
-                    class="account-name"
-                    :title="status.user?.screen_name_ui"
-                    :user="status?.user"
-                    :at="false"
-                  >
-                    <RichContent
-                      v-if="status.user.name_html"
-                      :html="status.user.name"
-                      :emoji="status.user.emoji"
-                      :is-local="status.user.is_local"
-                    />
-                    <span v-else>{{ status.user.name }}</span>
-                  </user-link>
-                  <span
-                    v-else
-                    class="account-name unknown"
-                  >
-                    {{ $t('status.unknown_user') }}
-                  </span>
+                  <RichContent
+                    :html="status.user.name"
+                    :emoji="status.user.emoji"
+                    :is-local="status.user.is_local"
+                  />
                 </h4>
+                <h4
+                  v-else
+                  class="status-username"
+                  :title="status.user.name"
+                >
+                  {{ status.user.name }}
+                </h4>
+                <user-link
+                  class="account-name"
+                  :title="status.user.screen_name_ui"
+                  :user="status.user"
+                  :at="false"
+                />
                 <img
                   v-if="!!(status.user && status.user.favicon)"
                   class="status-favicon"

From 043c02ff40d921d30ed104587b282546fff98481 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 15 Oct 2025 17:00:47 +0300
Subject: [PATCH 262/424] simpler fix

---
 src/components/status/status.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 4ab120fa0..8c78fddc1 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -139,7 +139,10 @@
             class="status-heading"
           >
             <div class="heading-name-row">
-              <div class="heading-left">
+              <div
+                v-if="status.user"
+                class="heading-left"
+              >
                 <h4
                   v-if="status.user.name_html"
                   class="status-username"

From 3601012cc211c4908590558679cdaaff1eaf52e9 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Tue, 21 Oct 2025 09:06:08 +0000
Subject: [PATCH 263/424] Update dependency vite to v6.4.1

---
 yarn.lock | 498 +++++++++++++++++++++++++++---------------------------
 1 file changed, 249 insertions(+), 249 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 32a3b93c8..b1476c174 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1256,135 +1256,135 @@
   resolved "https://registry.yarnpkg.com/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.2.1.tgz#cd0b25b3808cd9e684cd6cd549bbf8e1dcf05ee7"
   integrity sha512-id+7YRUgoUX6CgV0DtuhirQWodeeA7Lf4i2x71JS/vtA5pRb/hIGWlw+G6MeXvsM+MXrz0VAydTGElX1rAfgPg==
 
-"@esbuild/aix-ppc64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.10.tgz#ee6b7163a13528e099ecf562b972f2bcebe0aa97"
-  integrity sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==
+"@esbuild/aix-ppc64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.11.tgz#2ae33300598132cc4cf580dbbb28d30fed3c5c49"
+  integrity sha512-Xt1dOL13m8u0WE8iplx9Ibbm+hFAO0GsU2P34UNoDGvZYkY8ifSiy6Zuc1lYxfG7svWE2fzqCUmFp5HCn51gJg==
 
-"@esbuild/android-arm64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.10.tgz#115fc76631e82dd06811bfaf2db0d4979c16e2cb"
-  integrity sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==
+"@esbuild/android-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.11.tgz#927708b3db5d739d6cb7709136924cc81bec9b03"
+  integrity sha512-9slpyFBc4FPPz48+f6jyiXOx/Y4v34TUeDDXJpZqAWQn/08lKGeD8aDp9TMn9jDz2CiEuHwfhRmGBvpnd/PWIQ==
 
-"@esbuild/android-arm@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.10.tgz#8d5811912da77f615398611e5bbc1333fe321aa9"
-  integrity sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==
+"@esbuild/android-arm@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.11.tgz#571f94e7f4068957ec4c2cfb907deae3d01b55ae"
+  integrity sha512-uoa7dU+Dt3HYsethkJ1k6Z9YdcHjTrSb5NUy66ZfZaSV8hEYGD5ZHbEMXnqLFlbBflLsl89Zke7CAdDJ4JI+Gg==
 
-"@esbuild/android-x64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.10.tgz#e3e96516b2d50d74105bb92594c473e30ddc16b1"
-  integrity sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==
+"@esbuild/android-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.11.tgz#8a3bf5cae6c560c7ececa3150b2bde76e0fb81e6"
+  integrity sha512-Sgiab4xBjPU1QoPEIqS3Xx+R2lezu0LKIEcYe6pftr56PqPygbB7+szVnzoShbx64MUupqoE0KyRlN7gezbl8g==
 
-"@esbuild/darwin-arm64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.10.tgz#6af6bb1d05887dac515de1b162b59dc71212ed76"
-  integrity sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==
+"@esbuild/darwin-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.11.tgz#0a678c4ac4bf8717e67481e1a797e6c152f93c84"
+  integrity sha512-VekY0PBCukppoQrycFxUqkCojnTQhdec0vevUL/EDOCnXd9LKWqD/bHwMPzigIJXPhC59Vd1WFIL57SKs2mg4w==
 
-"@esbuild/darwin-x64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.10.tgz#99ae82347fbd336fc2d28ffd4f05694e6e5b723d"
-  integrity sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==
+"@esbuild/darwin-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.11.tgz#70f5e925a30c8309f1294d407a5e5e002e0315fe"
+  integrity sha512-+hfp3yfBalNEpTGp9loYgbknjR695HkqtY3d3/JjSRUyPg/xd6q+mQqIb5qdywnDxRZykIHs3axEqU6l1+oWEQ==
 
-"@esbuild/freebsd-arm64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.10.tgz#0c6d5558a6322b0bdb17f7025c19bd7d2359437d"
-  integrity sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==
+"@esbuild/freebsd-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.11.tgz#4ec1db687c5b2b78b44148025da9632397553e8a"
+  integrity sha512-CmKjrnayyTJF2eVuO//uSjl/K3KsMIeYeyN7FyDBjsR3lnSJHaXlVoAK8DZa7lXWChbuOk7NjAc7ygAwrnPBhA==
 
-"@esbuild/freebsd-x64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.10.tgz#8c35873fab8c0857a75300a3dcce4324ca0b9844"
-  integrity sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==
+"@esbuild/freebsd-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.11.tgz#4c81abd1b142f1e9acfef8c5153d438ca53f44bb"
+  integrity sha512-Dyq+5oscTJvMaYPvW3x3FLpi2+gSZTCE/1ffdwuM6G1ARang/mb3jvjxs0mw6n3Lsw84ocfo9CrNMqc5lTfGOw==
 
-"@esbuild/linux-arm64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.10.tgz#3edc2f87b889a15b4cedaf65f498c2bed7b16b90"
-  integrity sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==
+"@esbuild/linux-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.11.tgz#69517a111acfc2b93aa0fb5eaeb834c0202ccda5"
+  integrity sha512-Qr8AzcplUhGvdyUF08A1kHU3Vr2O88xxP0Tm8GcdVOUm25XYcMPp2YqSVHbLuXzYQMf9Bh/iKx7YPqECs6ffLA==
 
-"@esbuild/linux-arm@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.10.tgz#86501cfdfb3d110176d80c41b27ed4611471cde7"
-  integrity sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==
+"@esbuild/linux-arm@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.11.tgz#58dac26eae2dba0fac5405052b9002dac088d38f"
+  integrity sha512-TBMv6B4kCfrGJ8cUPo7vd6NECZH/8hPpBHHlYI3qzoYFvWu2AdTvZNuU/7hsbKWqu/COU7NIK12dHAAqBLLXgw==
 
-"@esbuild/linux-ia32@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.10.tgz#e6589877876142537c6864680cd5d26a622b9d97"
-  integrity sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==
+"@esbuild/linux-ia32@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.11.tgz#b89d4efe9bdad46ba944f0f3b8ddd40834268c2b"
+  integrity sha512-TmnJg8BMGPehs5JKrCLqyWTVAvielc615jbkOirATQvWWB1NMXY77oLMzsUjRLa0+ngecEmDGqt5jiDC6bfvOw==
 
-"@esbuild/linux-loong64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.10.tgz#11119e18781f136d8083ea10eb6be73db7532de8"
-  integrity sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==
+"@esbuild/linux-loong64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.11.tgz#11f603cb60ad14392c3f5c94d64b3cc8b630fbeb"
+  integrity sha512-DIGXL2+gvDaXlaq8xruNXUJdT5tF+SBbJQKbWy/0J7OhU8gOHOzKmGIlfTTl6nHaCOoipxQbuJi7O++ldrxgMw==
 
-"@esbuild/linux-mips64el@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.10.tgz#3052f5436b0c0c67a25658d5fc87f045e7def9e6"
-  integrity sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==
+"@esbuild/linux-mips64el@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.11.tgz#b7d447ff0676b8ab247d69dac40a5cf08e5eeaf5"
+  integrity sha512-Osx1nALUJu4pU43o9OyjSCXokFkFbyzjXb6VhGIJZQ5JZi8ylCQ9/LFagolPsHtgw6himDSyb5ETSfmp4rpiKQ==
 
-"@esbuild/linux-ppc64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.10.tgz#2f098920ee5be2ce799f35e367b28709925a8744"
-  integrity sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==
+"@esbuild/linux-ppc64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.11.tgz#b3a28ed7cc252a61b07ff7c8fd8a984ffd3a2f74"
+  integrity sha512-nbLFgsQQEsBa8XSgSTSlrnBSrpoWh7ioFDUmwo158gIm5NNP+17IYmNWzaIzWmgCxq56vfr34xGkOcZ7jX6CPw==
 
-"@esbuild/linux-riscv64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.10.tgz#fa51d7fd0a22a62b51b4b94b405a3198cf7405dd"
-  integrity sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==
+"@esbuild/linux-riscv64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.11.tgz#ce75b08f7d871a75edcf4d2125f50b21dc9dc273"
+  integrity sha512-HfyAmqZi9uBAbgKYP1yGuI7tSREXwIb438q0nqvlpxAOs3XnZ8RsisRfmVsgV486NdjD7Mw2UrFSw51lzUk1ww==
 
-"@esbuild/linux-s390x@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.10.tgz#a27642e36fc282748fdb38954bd3ef4f85791e8a"
-  integrity sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==
+"@esbuild/linux-s390x@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.11.tgz#cd08f6c73b6b6ff9ccdaabbd3ff6ad3dca99c263"
+  integrity sha512-HjLqVgSSYnVXRisyfmzsH6mXqyvj0SA7pG5g+9W7ESgwA70AXYNpfKBqh1KbTxmQVaYxpzA/SvlB9oclGPbApw==
 
-"@esbuild/linux-x64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.10.tgz#9d9b09c0033d17529570ced6d813f98315dfe4e9"
-  integrity sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==
+"@esbuild/linux-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.11.tgz#3c3718af31a95d8946ebd3c32bb1e699bdf74910"
+  integrity sha512-HSFAT4+WYjIhrHxKBwGmOOSpphjYkcswF449j6EjsjbinTZbp8PJtjsVK1XFJStdzXdy/jaddAep2FGY+wyFAQ==
 
-"@esbuild/netbsd-arm64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.10.tgz#25c09a659c97e8af19e3f2afd1c9190435802151"
-  integrity sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==
+"@esbuild/netbsd-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.11.tgz#b4c767082401e3a4e8595fe53c47cd7f097c8077"
+  integrity sha512-hr9Oxj1Fa4r04dNpWr3P8QKVVsjQhqrMSUzZzf+LZcYjZNqhA3IAfPQdEh1FLVUJSiu6sgAwp3OmwBfbFgG2Xg==
 
-"@esbuild/netbsd-x64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.10.tgz#7fa5f6ffc19be3a0f6f5fd32c90df3dc2506937a"
-  integrity sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==
+"@esbuild/netbsd-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.11.tgz#f2a930458ed2941d1f11ebc34b9c7d61f7a4d034"
+  integrity sha512-u7tKA+qbzBydyj0vgpu+5h5AeudxOAGncb8N6C9Kh1N4n7wU1Xw1JDApsRjpShRpXRQlJLb9wY28ELpwdPcZ7A==
 
-"@esbuild/openbsd-arm64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.10.tgz#8faa6aa1afca0c6d024398321d6cb1c18e72a1c3"
-  integrity sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==
+"@esbuild/openbsd-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.11.tgz#b4ae93c75aec48bc1e8a0154957a05f0641f2dad"
+  integrity sha512-Qq6YHhayieor3DxFOoYM1q0q1uMFYb7cSpLD2qzDSvK1NAvqFi8Xgivv0cFC6J+hWVw2teCYltyy9/m/14ryHg==
 
-"@esbuild/openbsd-x64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.10.tgz#a42979b016f29559a8453d32440d3c8cd420af5e"
-  integrity sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==
+"@esbuild/openbsd-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.11.tgz#b42863959c8dcf9b01581522e40012d2c70045e2"
+  integrity sha512-CN+7c++kkbrckTOz5hrehxWN7uIhFFlmS/hqziSFVWpAzpWrQoAG4chH+nN3Be+Kzv/uuo7zhX716x3Sn2Jduw==
 
-"@esbuild/openharmony-arm64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.10.tgz#fd87bfeadd7eeb3aa384bbba907459ffa3197cb1"
-  integrity sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==
+"@esbuild/openharmony-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.11.tgz#b2e717141c8fdf6bddd4010f0912e6b39e1640f1"
+  integrity sha512-rOREuNIQgaiR+9QuNkbkxubbp8MSO9rONmwP5nKncnWJ9v5jQ4JxFnLu4zDSRPf3x4u+2VN4pM4RdyIzDty/wQ==
 
-"@esbuild/sunos-x64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.10.tgz#3a18f590e36cb78ae7397976b760b2b8c74407f4"
-  integrity sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==
+"@esbuild/sunos-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.11.tgz#9fbea1febe8778927804828883ec0f6dd80eb244"
+  integrity sha512-nq2xdYaWxyg9DcIyXkZhcYulC6pQ2FuCgem3LI92IwMgIZ69KHeY8T4Y88pcwoLIjbed8n36CyKoYRDygNSGhA==
 
-"@esbuild/win32-arm64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.10.tgz#e71741a251e3fd971408827a529d2325551f530c"
-  integrity sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==
+"@esbuild/win32-arm64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.11.tgz#501539cedb24468336073383989a7323005a8935"
+  integrity sha512-3XxECOWJq1qMZ3MN8srCJ/QfoLpL+VaxD/WfNRm1O3B4+AZ/BnLVgFbUV3eiRYDMXetciH16dwPbbHqwe1uU0Q==
 
-"@esbuild/win32-ia32@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.10.tgz#c6f010b5d3b943d8901a0c87ea55f93b8b54bf94"
-  integrity sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==
+"@esbuild/win32-ia32@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.11.tgz#8ac7229aa82cef8f16ffb58f1176a973a7a15343"
+  integrity sha512-3ukss6gb9XZ8TlRyJlgLn17ecsK4NSQTmdIXRASVsiS2sQ6zPPZklNJT5GR5tE/MUarymmy8kCEf5xPCNCqVOA==
 
-"@esbuild/win32-x64@0.25.10":
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.10.tgz#e4b3e255a1b4aea84f6e1d2ae0b73f826c3785bd"
-  integrity sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==
+"@esbuild/win32-x64@0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.11.tgz#5ecda6f3fe138b7e456f4e429edde33c823f392f"
+  integrity sha512-D7Hpz6A2L4hzsRpPaCYkQnGOotdUpDzSGRIv9I+1ITdHROSFUWW95ZPZWQmGka1Fg7W3zFJowyn9WGwMJ0+KPA==
 
 "@eslint-community/eslint-utils@^4.1.2", "@eslint-community/eslint-utils@^4.4.0", "@eslint-community/eslint-utils@^4.5.0":
   version "4.5.1"
@@ -1945,115 +1945,115 @@
     estree-walker "^2.0.2"
     picomatch "^4.0.2"
 
-"@rollup/rollup-android-arm-eabi@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.4.tgz#59e7478d310f7e6a7c72453978f562483828112f"
-  integrity sha512-BTm2qKNnWIQ5auf4deoetINJm2JzvihvGb9R6K/ETwKLql/Bb3Eg2H1FBp1gUb4YGbydMA3jcmQTR73q7J+GAA==
+"@rollup/rollup-android-arm-eabi@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.5.tgz#0f44a2f8668ed87b040b6fe659358ac9239da4db"
+  integrity sha512-8c1vW4ocv3UOMp9K+gToY5zL2XiiVw3k7f1ksf4yO1FlDFQ1C2u72iACFnSOceJFsWskc2WZNqeRhFRPzv+wtQ==
 
-"@rollup/rollup-android-arm64@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.4.tgz#a825192a0b1b2f27a5c950c439e7e37a33c5d056"
-  integrity sha512-P9LDQiC5vpgGFgz7GSM6dKPCiqR3XYN1WwJKA4/BUVDjHpYsf3iBEmVz62uyq20NGYbiGPR5cNHI7T1HqxNs2w==
+"@rollup/rollup-android-arm64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.5.tgz#25b9a01deef6518a948431564c987bcb205274f5"
+  integrity sha512-mQGfsIEFcu21mvqkEKKu2dYmtuSZOBMmAl5CFlPGLY94Vlcm+zWApK7F/eocsNzp8tKmbeBP8yXyAbx0XHsFNA==
 
-"@rollup/rollup-darwin-arm64@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.4.tgz#4ee37078bccd725ae3c5f30ef92efc8e1bf886f3"
-  integrity sha512-QRWSW+bVccAvZF6cbNZBJwAehmvG9NwfWHwMy4GbWi/BQIA/laTIktebT2ipVjNncqE6GLPxOok5hsECgAxGZg==
+"@rollup/rollup-darwin-arm64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.5.tgz#8a102869c88f3780c7d5e6776afd3f19084ecd7f"
+  integrity sha512-takF3CR71mCAGA+v794QUZ0b6ZSrgJkArC+gUiG6LB6TQty9T0Mqh3m2ImRBOxS2IeYBo4lKWIieSvnEk2OQWA==
 
-"@rollup/rollup-darwin-x64@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.4.tgz#43cc08bd05bf9f388f125e7210a544e62d368d90"
-  integrity sha512-hZgP05pResAkRJxL1b+7yxCnXPGsXU0fG9Yfd6dUaoGk+FhdPKCJ5L1Sumyxn8kvw8Qi5PvQ8ulenUbRjzeCTw==
+"@rollup/rollup-darwin-x64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.5.tgz#8e526417cd6f54daf1d0c04cf361160216581956"
+  integrity sha512-W901Pla8Ya95WpxDn//VF9K9u2JbocwV/v75TE0YIHNTbhqUTv9w4VuQ9MaWlNOkkEfFwkdNhXgcLqPSmHy0fA==
 
-"@rollup/rollup-freebsd-arm64@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.4.tgz#bc8e640e28abe52450baf3fc80d9b26d9bb6587d"
-  integrity sha512-xmc30VshuBNUd58Xk4TKAEcRZHaXlV+tCxIXELiE9sQuK3kG8ZFgSPi57UBJt8/ogfhAF5Oz4ZSUBN77weM+mQ==
+"@rollup/rollup-freebsd-arm64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.5.tgz#0e7027054493f3409b1f219a3eac5efd128ef899"
+  integrity sha512-QofO7i7JycsYOWxe0GFqhLmF6l1TqBswJMvICnRUjqCx8b47MTo46W8AoeQwiokAx3zVryVnxtBMcGcnX12LvA==
 
-"@rollup/rollup-freebsd-x64@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.4.tgz#e981a22e057cc8c65bb523019d344d3a66b15bbc"
-  integrity sha512-WdSLpZFjOEqNZGmHflxyifolwAiZmDQzuOzIq9L27ButpCVpD7KzTRtEG1I0wMPFyiyUdOO+4t8GvrnBLQSwpw==
+"@rollup/rollup-freebsd-x64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.5.tgz#72b204a920139e9ec3d331bd9cfd9a0c248ccb10"
+  integrity sha512-jr21b/99ew8ujZubPo9skbrItHEIE50WdV86cdSoRkKtmWa+DDr6fu2c/xyRT0F/WazZpam6kk7IHBerSL7LDQ==
 
-"@rollup/rollup-linux-arm-gnueabihf@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.4.tgz#4036b68904f392a20f3499d63b33e055b67eb274"
-  integrity sha512-xRiOu9Of1FZ4SxVbB0iEDXc4ddIcjCv2aj03dmW8UrZIW7aIQ9jVJdLBIhxBI+MaTnGAKyvMwPwQnoOEvP7FgQ==
+"@rollup/rollup-linux-arm-gnueabihf@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.5.tgz#ab1b522ebe5b7e06c99504cc38f6cd8b808ba41c"
+  integrity sha512-PsNAbcyv9CcecAUagQefwX8fQn9LQ4nZkpDboBOttmyffnInRy8R8dSg6hxxl2Re5QhHBf6FYIDhIj5v982ATQ==
 
-"@rollup/rollup-linux-arm-musleabihf@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.4.tgz#d3b1b9589606e0ff916801c855b1ace9e733427a"
-  integrity sha512-FbhM2p9TJAmEIEhIgzR4soUcsW49e9veAQCziwbR+XWB2zqJ12b4i/+hel9yLiD8pLncDH4fKIPIbt5238341Q==
+"@rollup/rollup-linux-arm-musleabihf@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.5.tgz#f8cc30b638f1ee7e3d18eac24af47ea29d9beb00"
+  integrity sha512-Fw4tysRutyQc/wwkmcyoqFtJhh0u31K+Q6jYjeicsGJJ7bbEq8LwPWV/w0cnzOqR2m694/Af6hpFayLJZkG2VQ==
 
-"@rollup/rollup-linux-arm64-gnu@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.4.tgz#cbf0943c477e3b96340136dd3448eaf144378cf2"
-  integrity sha512-4n4gVwhPHR9q/g8lKCyz0yuaD0MvDf7dV4f9tHt0C73Mp8h38UCtSCSE6R9iBlTbXlmA8CjpsZoujhszefqueg==
+"@rollup/rollup-linux-arm64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.5.tgz#7af37a9e85f25db59dc8214172907b7e146c12cc"
+  integrity sha512-a+3wVnAYdQClOTlyapKmyI6BLPAFYs0JM8HRpgYZQO02rMR09ZcV9LbQB+NL6sljzG38869YqThrRnfPMCDtZg==
 
-"@rollup/rollup-linux-arm64-musl@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.4.tgz#837f5a428020d5dce1c3b4cc049876075402cf78"
-  integrity sha512-u0n17nGA0nvi/11gcZKsjkLj1QIpAuPFQbR48Subo7SmZJnGxDpspyw2kbpuoQnyK+9pwf3pAoEXerJs/8Mi9g==
+"@rollup/rollup-linux-arm64-musl@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.5.tgz#a623eb0d3617c03b7a73716eb85c6e37b776f7e0"
+  integrity sha512-AvttBOMwO9Pcuuf7m9PkC1PUIKsfaAJ4AYhy944qeTJgQOqJYJ9oVl2nYgY7Rk0mkbsuOpCAYSs6wLYB2Xiw0Q==
 
-"@rollup/rollup-linux-loong64-gnu@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.4.tgz#532c214ababb32ab4bc21b4054278b9a8979e516"
-  integrity sha512-0G2c2lpYtbTuXo8KEJkDkClE/+/2AFPdPAbmaHoE870foRFs4pBrDehilMcrSScrN/fB/1HTaWO4bqw+ewBzMQ==
+"@rollup/rollup-linux-loong64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.5.tgz#76ea038b549c5c6c5f0d062942627c4066642ee2"
+  integrity sha512-DkDk8pmXQV2wVrF6oq5tONK6UHLz/XcEVow4JTTerdeV1uqPeHxwcg7aFsfnSm9L+OO8WJsWotKM2JJPMWrQtA==
 
-"@rollup/rollup-linux-ppc64-gnu@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.4.tgz#93900163b61b49cee666d10ee38257a8b1dd161a"
-  integrity sha512-teSACug1GyZHmPDv14VNbvZFX779UqWTsd7KtTM9JIZRDI5NUwYSIS30kzI8m06gOPB//jtpqlhmraQ68b5X2g==
+"@rollup/rollup-linux-ppc64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.5.tgz#d9a4c3f0a3492bc78f6fdfe8131ac61c7359ccd5"
+  integrity sha512-W/b9ZN/U9+hPQVvlGwjzi+Wy4xdoH2I8EjaCkMvzpI7wJUs8sWJ03Rq96jRnHkSrcHTpQe8h5Tg3ZzUPGauvAw==
 
-"@rollup/rollup-linux-riscv64-gnu@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.4.tgz#f0ffdcc7066ca04bc972370c74289f35c7a7dc42"
-  integrity sha512-/MOEW3aHjjs1p4Pw1Xk4+3egRevx8Ji9N6HUIA1Ifh8Q+cg9dremvFCUbOX2Zebz80BwJIgCBUemjqhU5XI5Eg==
+"@rollup/rollup-linux-riscv64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.5.tgz#87ab033eebd1a9a1dd7b60509f6333ec1f82d994"
+  integrity sha512-sjQLr9BW7R/ZiXnQiWPkErNfLMkkWIoCz7YMn27HldKsADEKa5WYdobaa1hmN6slu9oWQbB6/jFpJ+P2IkVrmw==
 
-"@rollup/rollup-linux-riscv64-musl@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.4.tgz#361695c39dbe96773509745d77a870a32a9f8e48"
-  integrity sha512-1HHmsRyh845QDpEWzOFtMCph5Ts+9+yllCrREuBR/vg2RogAQGGBRC8lDPrPOMnrdOJ+mt1WLMOC2Kao/UwcvA==
+"@rollup/rollup-linux-riscv64-musl@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.5.tgz#bda3eb67e1c993c1ba12bc9c2f694e7703958d9f"
+  integrity sha512-hq3jU/kGyjXWTvAh2awn8oHroCbrPm8JqM7RUpKjalIRWWXE01CQOf/tUNWNHjmbMHg/hmNCwc/Pz3k1T/j/Lg==
 
-"@rollup/rollup-linux-s390x-gnu@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.4.tgz#09fc6cc2e266a2324e366486ae5d1bca48c43a6a"
-  integrity sha512-seoeZp4L/6D1MUyjWkOMRU6/iLmCU2EjbMTyAG4oIOs1/I82Y5lTeaxW0KBfkUdHAWN7j25bpkt0rjnOgAcQcA==
+"@rollup/rollup-linux-s390x-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.5.tgz#f7bc10fbe096ab44694233dc42a2291ed5453d4b"
+  integrity sha512-gn8kHOrku8D4NGHMK1Y7NA7INQTRdVOntt1OCYypZPRt6skGbddska44K8iocdpxHTMMNui5oH4elPH4QOLrFQ==
 
-"@rollup/rollup-linux-x64-gnu@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.4.tgz#aa9d5b307c08f05d3454225bb0a2b4cc87eeb2e1"
-  integrity sha512-Wi6AXf0k0L7E2gteNsNHUs7UMwCIhsCTs6+tqQ5GPwVRWMaflqGec4Sd8n6+FNFDw9vGcReqk2KzBDhCa1DLYg==
+"@rollup/rollup-linux-x64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.5.tgz#a151cb1234cc9b2cf5e8cfc02aa91436b8f9e278"
+  integrity sha512-hXGLYpdhiNElzN770+H2nlx+jRog8TyynpTVzdlc6bndktjKWyZyiCsuDAlpd+j+W+WNqfcyAWz9HxxIGfZm1Q==
 
-"@rollup/rollup-linux-x64-musl@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.4.tgz#26949e5b4645502a61daba2f7a8416bd17cb5382"
-  integrity sha512-dtBZYjDmCQ9hW+WgEkaffvRRCKm767wWhxsFW3Lw86VXz/uJRuD438/XvbZT//B96Vs8oTA8Q4A0AfHbrxP9zw==
+"@rollup/rollup-linux-x64-musl@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.5.tgz#7859e196501cc3b3062d45d2776cfb4d2f3a9350"
+  integrity sha512-arCGIcuNKjBoKAXD+y7XomR9gY6Mw7HnFBv5Rw7wQRvwYLR7gBAgV7Mb2QTyjXfTveBNFAtPt46/36vV9STLNg==
 
-"@rollup/rollup-openharmony-arm64@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.4.tgz#ef493c072f9dac7e0edb6c72d63366846b6ffcd9"
-  integrity sha512-1ox+GqgRWqaB1RnyZXL8PD6E5f7YyRUJYnCqKpNzxzP0TkaUh112NDrR9Tt+C8rJ4x5G9Mk8PQR3o7Ku2RKqKA==
+"@rollup/rollup-openharmony-arm64@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.5.tgz#85d0df7233734df31e547c1e647d2a5300b3bf30"
+  integrity sha512-QoFqB6+/9Rly/RiPjaomPLmR/13cgkIGfA40LHly9zcH1S0bN2HVFYk3a1eAyHQyjs3ZJYlXvIGtcCs5tko9Cw==
 
-"@rollup/rollup-win32-arm64-msvc@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.4.tgz#56e1aaa6a630d2202ee7ec0adddd05cf384ffd44"
-  integrity sha512-8GKr640PdFNXwzIE0IrkMWUNUomILLkfeHjXBi/nUvFlpZP+FA8BKGKpacjW6OUUHaNI6sUURxR2U2g78FOHWQ==
+"@rollup/rollup-win32-arm64-msvc@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.5.tgz#e62357d00458db17277b88adbf690bb855cac937"
+  integrity sha512-w0cDWVR6MlTstla1cIfOGyl8+qb93FlAVutcor14Gf5Md5ap5ySfQ7R9S/NjNaMLSFdUnKGEasmVnu3lCMqB7w==
 
-"@rollup/rollup-win32-ia32-msvc@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.4.tgz#0a44bbf933a9651c7da2b8569fa448dec0de7480"
-  integrity sha512-AIy/jdJ7WtJ/F6EcfOb2GjR9UweO0n43jNObQMb6oGxkYTfLcnN7vYYpG+CN3lLxrQkzWnMOoNSHTW54pgbVxw==
+"@rollup/rollup-win32-ia32-msvc@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.5.tgz#fc7cd40f44834a703c1f1c3fe8bcc27ce476cd50"
+  integrity sha512-Aufdpzp7DpOTULJCuvzqcItSGDH73pF3ko/f+ckJhxQyHtp67rHw3HMNxoIdDMUITJESNE6a8uh4Lo4SLouOUg==
 
-"@rollup/rollup-win32-x64-gnu@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.4.tgz#730e12f0b60b234a7c02d5d3179ca3ec7972033d"
-  integrity sha512-UF9KfsH9yEam0UjTwAgdK0anlQ7c8/pWPU2yVjyWcF1I1thABt6WXE47cI71pGiZ8wGvxohBoLnxM04L/wj8mQ==
+"@rollup/rollup-win32-x64-gnu@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.5.tgz#1a22acfc93c64a64a48c42672e857ee51774d0d3"
+  integrity sha512-UGBUGPFp1vkj6p8wCRraqNhqwX/4kNQPS57BCFc8wYh0g94iVIW33wJtQAx3G7vrjjNtRaxiMUylM0ktp/TRSQ==
 
-"@rollup/rollup-win32-x64-msvc@4.52.4":
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.4.tgz#5b2dd648a960b8fa00d76f2cc4eea2f03daa80f4"
-  integrity sha512-bf9PtUa0u8IXDVxzRToFQKsNCRz9qLYfR/MpECxl4mRoWYjAeFjgxj1XdZr2M/GNVpT05p+LgQOHopYDlUu6/w==
+"@rollup/rollup-win32-x64-msvc@4.52.5":
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.5.tgz#1657f56326bbe0ac80eedc9f9c18fc1ddd24e107"
+  integrity sha512-TAcgQh2sSkykPRWLrdyy2AiceMckNf5loITqXxFI5VuQjS5tSuw3WlwdN8qv8vzjLAUTvYaH/mVjSFpbkFbpTg==
 
 "@rtsao/scc@^1.1.0":
   version "1.1.0"
@@ -4068,36 +4068,36 @@ es-to-primitive@^1.3.0:
     is-symbol "^1.0.4"
 
 esbuild@^0.25.0:
-  version "0.25.10"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.10.tgz#37f5aa5cd14500f141be121c01b096ca83ac34a9"
-  integrity sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.11.tgz#0f31b82f335652580f75ef6897bba81962d9ae3d"
+  integrity sha512-KohQwyzrKTQmhXDW1PjCv3Tyspn9n5GcY2RTDqeORIdIJY8yKIF7sTSopFmn/wpMPW4rdPXI0UE5LJLuq3bx0Q==
   optionalDependencies:
-    "@esbuild/aix-ppc64" "0.25.10"
-    "@esbuild/android-arm" "0.25.10"
-    "@esbuild/android-arm64" "0.25.10"
-    "@esbuild/android-x64" "0.25.10"
-    "@esbuild/darwin-arm64" "0.25.10"
-    "@esbuild/darwin-x64" "0.25.10"
-    "@esbuild/freebsd-arm64" "0.25.10"
-    "@esbuild/freebsd-x64" "0.25.10"
-    "@esbuild/linux-arm" "0.25.10"
-    "@esbuild/linux-arm64" "0.25.10"
-    "@esbuild/linux-ia32" "0.25.10"
-    "@esbuild/linux-loong64" "0.25.10"
-    "@esbuild/linux-mips64el" "0.25.10"
-    "@esbuild/linux-ppc64" "0.25.10"
-    "@esbuild/linux-riscv64" "0.25.10"
-    "@esbuild/linux-s390x" "0.25.10"
-    "@esbuild/linux-x64" "0.25.10"
-    "@esbuild/netbsd-arm64" "0.25.10"
-    "@esbuild/netbsd-x64" "0.25.10"
-    "@esbuild/openbsd-arm64" "0.25.10"
-    "@esbuild/openbsd-x64" "0.25.10"
-    "@esbuild/openharmony-arm64" "0.25.10"
-    "@esbuild/sunos-x64" "0.25.10"
-    "@esbuild/win32-arm64" "0.25.10"
-    "@esbuild/win32-ia32" "0.25.10"
-    "@esbuild/win32-x64" "0.25.10"
+    "@esbuild/aix-ppc64" "0.25.11"
+    "@esbuild/android-arm" "0.25.11"
+    "@esbuild/android-arm64" "0.25.11"
+    "@esbuild/android-x64" "0.25.11"
+    "@esbuild/darwin-arm64" "0.25.11"
+    "@esbuild/darwin-x64" "0.25.11"
+    "@esbuild/freebsd-arm64" "0.25.11"
+    "@esbuild/freebsd-x64" "0.25.11"
+    "@esbuild/linux-arm" "0.25.11"
+    "@esbuild/linux-arm64" "0.25.11"
+    "@esbuild/linux-ia32" "0.25.11"
+    "@esbuild/linux-loong64" "0.25.11"
+    "@esbuild/linux-mips64el" "0.25.11"
+    "@esbuild/linux-ppc64" "0.25.11"
+    "@esbuild/linux-riscv64" "0.25.11"
+    "@esbuild/linux-s390x" "0.25.11"
+    "@esbuild/linux-x64" "0.25.11"
+    "@esbuild/netbsd-arm64" "0.25.11"
+    "@esbuild/netbsd-x64" "0.25.11"
+    "@esbuild/openbsd-arm64" "0.25.11"
+    "@esbuild/openbsd-x64" "0.25.11"
+    "@esbuild/openharmony-arm64" "0.25.11"
+    "@esbuild/sunos-x64" "0.25.11"
+    "@esbuild/win32-arm64" "0.25.11"
+    "@esbuild/win32-ia32" "0.25.11"
+    "@esbuild/win32-x64" "0.25.11"
 
 escalade@^3.1.1, escalade@^3.2.0:
   version "3.2.0"
@@ -6924,34 +6924,34 @@ rfdc@^1.4.1:
   integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==
 
 rollup@^4.34.9:
-  version "4.52.4"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.52.4.tgz#71e64cce96a865fcbaa6bb62c6e82807f4e378a1"
-  integrity sha512-CLEVl+MnPAiKh5pl4dEWSyMTpuflgNQiLGhMv8ezD5W/qP8AKvmYpCOKRRNOh7oRKnauBZ4SyeYkMS+1VSyKwQ==
+  version "4.52.5"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.52.5.tgz#96982cdcaedcdd51b12359981f240f94304ec235"
+  integrity sha512-3GuObel8h7Kqdjt0gxkEzaifHTqLVW56Y/bjN7PSQtkKr0w3V/QYSdt6QWYtd7A1xUtYQigtdUfgj1RvWVtorw==
   dependencies:
     "@types/estree" "1.0.8"
   optionalDependencies:
-    "@rollup/rollup-android-arm-eabi" "4.52.4"
-    "@rollup/rollup-android-arm64" "4.52.4"
-    "@rollup/rollup-darwin-arm64" "4.52.4"
-    "@rollup/rollup-darwin-x64" "4.52.4"
-    "@rollup/rollup-freebsd-arm64" "4.52.4"
-    "@rollup/rollup-freebsd-x64" "4.52.4"
-    "@rollup/rollup-linux-arm-gnueabihf" "4.52.4"
-    "@rollup/rollup-linux-arm-musleabihf" "4.52.4"
-    "@rollup/rollup-linux-arm64-gnu" "4.52.4"
-    "@rollup/rollup-linux-arm64-musl" "4.52.4"
-    "@rollup/rollup-linux-loong64-gnu" "4.52.4"
-    "@rollup/rollup-linux-ppc64-gnu" "4.52.4"
-    "@rollup/rollup-linux-riscv64-gnu" "4.52.4"
-    "@rollup/rollup-linux-riscv64-musl" "4.52.4"
-    "@rollup/rollup-linux-s390x-gnu" "4.52.4"
-    "@rollup/rollup-linux-x64-gnu" "4.52.4"
-    "@rollup/rollup-linux-x64-musl" "4.52.4"
-    "@rollup/rollup-openharmony-arm64" "4.52.4"
-    "@rollup/rollup-win32-arm64-msvc" "4.52.4"
-    "@rollup/rollup-win32-ia32-msvc" "4.52.4"
-    "@rollup/rollup-win32-x64-gnu" "4.52.4"
-    "@rollup/rollup-win32-x64-msvc" "4.52.4"
+    "@rollup/rollup-android-arm-eabi" "4.52.5"
+    "@rollup/rollup-android-arm64" "4.52.5"
+    "@rollup/rollup-darwin-arm64" "4.52.5"
+    "@rollup/rollup-darwin-x64" "4.52.5"
+    "@rollup/rollup-freebsd-arm64" "4.52.5"
+    "@rollup/rollup-freebsd-x64" "4.52.5"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.52.5"
+    "@rollup/rollup-linux-arm-musleabihf" "4.52.5"
+    "@rollup/rollup-linux-arm64-gnu" "4.52.5"
+    "@rollup/rollup-linux-arm64-musl" "4.52.5"
+    "@rollup/rollup-linux-loong64-gnu" "4.52.5"
+    "@rollup/rollup-linux-ppc64-gnu" "4.52.5"
+    "@rollup/rollup-linux-riscv64-gnu" "4.52.5"
+    "@rollup/rollup-linux-riscv64-musl" "4.52.5"
+    "@rollup/rollup-linux-s390x-gnu" "4.52.5"
+    "@rollup/rollup-linux-x64-gnu" "4.52.5"
+    "@rollup/rollup-linux-x64-musl" "4.52.5"
+    "@rollup/rollup-openharmony-arm64" "4.52.5"
+    "@rollup/rollup-win32-arm64-msvc" "4.52.5"
+    "@rollup/rollup-win32-ia32-msvc" "4.52.5"
+    "@rollup/rollup-win32-x64-gnu" "4.52.5"
+    "@rollup/rollup-win32-x64-msvc" "4.52.5"
     fsevents "~2.3.2"
 
 router@^2.2.0:
@@ -8003,9 +8003,9 @@ vite-plugin-stylelint@^6.0.0:
     debug "^4.4.1"
 
 "vite@^5.0.0 || ^6.0.0", vite@^6.1.0:
-  version "6.3.6"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-6.3.6.tgz#69a976b64930750d40219fbc68c5200874d315c1"
-  integrity sha512-0msEVHJEScQbhkbVTb/4iHZdJ6SXp/AvxL2sjwYQFfBqleHtnCqv1J3sa9zbWz/6kW1m9Tfzn92vW+kZ1WV6QA==
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-6.4.1.tgz#afbe14518cdd6887e240a4b0221ab6d0ce733f96"
+  integrity sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==
   dependencies:
     esbuild "^0.25.0"
     fdir "^6.4.4"

From 1683d986990a283789f08f4b33c1d4c9b251fbb5 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Wed, 29 Oct 2025 09:05:56 +0000
Subject: [PATCH 264/424] Update babel monorepo to v7.28.5

---
 package.json |   8 +-
 yarn.lock    | 205 +++++++++++++++++++++++++++++++++------------------
 2 files changed, 139 insertions(+), 74 deletions(-)

diff --git a/package.json b/package.json
index 21d75f0fb..8871e4c3e 100644
--- a/package.json
+++ b/package.json
@@ -54,10 +54,10 @@
     "vuex": "4.1.0"
   },
   "devDependencies": {
-    "@babel/core": "7.28.4",
-    "@babel/eslint-parser": "7.28.4",
-    "@babel/plugin-transform-runtime": "7.28.3",
-    "@babel/preset-env": "7.28.3",
+    "@babel/core": "7.28.5",
+    "@babel/eslint-parser": "7.28.5",
+    "@babel/plugin-transform-runtime": "7.28.5",
+    "@babel/preset-env": "7.28.5",
     "@babel/register": "7.28.3",
     "@ungap/event-target": "0.2.4",
     "@vitejs/plugin-vue": "^5.2.1",
diff --git a/yarn.lock b/yarn.lock
index 32a3b93c8..9f45d5e5d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -46,25 +46,30 @@
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
-"@babel/compat-data@^7.27.2", "@babel/compat-data@^7.27.7", "@babel/compat-data@^7.28.0":
+"@babel/compat-data@^7.27.2", "@babel/compat-data@^7.27.7":
   version "7.28.0"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.0.tgz#9fc6fd58c2a6a15243cd13983224968392070790"
   integrity sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==
 
-"@babel/core@7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.4.tgz#12a550b8794452df4c8b084f95003bce1742d496"
-  integrity sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==
+"@babel/compat-data@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.5.tgz#a8a4962e1567121ac0b3b487f52107443b455c7f"
+  integrity sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==
+
+"@babel/core@7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.5.tgz#4c81b35e51e1b734f510c99b07dfbc7bbbb48f7e"
+  integrity sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==
   dependencies:
     "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.3"
+    "@babel/generator" "^7.28.5"
     "@babel/helper-compilation-targets" "^7.27.2"
     "@babel/helper-module-transforms" "^7.28.3"
     "@babel/helpers" "^7.28.4"
-    "@babel/parser" "^7.28.4"
+    "@babel/parser" "^7.28.5"
     "@babel/template" "^7.27.2"
-    "@babel/traverse" "^7.28.4"
-    "@babel/types" "^7.28.4"
+    "@babel/traverse" "^7.28.5"
+    "@babel/types" "^7.28.5"
     "@jridgewell/remapping" "^2.3.5"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
@@ -93,10 +98,10 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/eslint-parser@7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.28.4.tgz#80dd86e0aeaae9704411a044db60e1ae6477d93f"
-  integrity sha512-Aa+yDiH87980jR6zvRfFuCR1+dLb00vBydhTL+zI992Rz/wQhSvuxjmOOuJOgO3XmakO6RykRGD2S1mq1AtgHA==
+"@babel/eslint-parser@7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.28.5.tgz#0b8883a4a1c2cbed7b3cd9d7765d80e8f480b9ae"
+  integrity sha512-fcdRcWahONYo+JRnJg1/AekOacGvKx12Gu0qXJXFi2WBqQA1i7+O5PaxRB7kxE/Op94dExnCiiar6T09pvdHpA==
   dependencies:
     "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
     eslint-visitor-keys "^2.1.0"
@@ -124,6 +129,17 @@
     "@jridgewell/trace-mapping" "^0.3.28"
     jsesc "^3.0.2"
 
+"@babel/generator@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.5.tgz#712722d5e50f44d07bc7ac9fe84438742dd61298"
+  integrity sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==
+  dependencies:
+    "@babel/parser" "^7.28.5"
+    "@babel/types" "^7.28.5"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
 "@babel/helper-annotate-as-pure@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
@@ -296,6 +312,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
   integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
 
+"@babel/helper-validator-identifier@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
+  integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
+
 "@babel/helper-validator-option@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
@@ -357,13 +378,20 @@
   dependencies:
     "@babel/types" "^7.28.4"
 
-"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz#61dd8a8e61f7eb568268d1b5f129da3eee364bf9"
-  integrity sha512-QPG3C9cCVRQLxAVwmefEmwdTanECuUBMQZ/ym5kiw3XKCGA7qkuQLcjWWHcrD/GKbn/WmJwaezfuuAOcyKlRPA==
+"@babel/parser@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.5.tgz#0b0225ee90362f030efd644e8034c99468893b08"
+  integrity sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==
+  dependencies:
+    "@babel/types" "^7.28.5"
+
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz#fbde57974707bbfa0376d34d425ff4fa6c732421"
+  integrity sha512-87GDMS3tsmMSi/3bWOte1UblL+YUTFMV8SZPZ2eSEL17s74Cw/l63rR6NmGVKMYW2GYi85nE+/d6Hw5N0bEk2Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.5"
 
 "@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.27.1":
   version "7.27.1"
@@ -469,10 +497,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-block-scoping@^7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.0.tgz#e7c50cbacc18034f210b93defa89638666099451"
-  integrity sha512-gKKnwjpdx5sER/wl0WN0efUBFzF/56YZO0RJrSYP4CljXnP31ByY7fol89AzomdlLNzI36AvOTmYHsnZTCkq8Q==
+"@babel/plugin-transform-block-scoping@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.5.tgz#e0d3af63bd8c80de2e567e690a54e84d85eb16f6"
+  integrity sha512-45DmULpySVvmq9Pj3X9B+62Xe+DJGov27QravQJU1LLcapR6/10i+gYVAucGGJpHBp5mYxIMK4nDAT/QDLr47g==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -492,17 +520,17 @@
     "@babel/helper-create-class-features-plugin" "^7.28.3"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-classes@^7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.3.tgz#598297260343d0edbd51cb5f5075e07dee91963a"
-  integrity sha512-DoEWC5SuxuARF2KdKmGUq3ghfPMO6ZzR12Dnp5gubwbeWJo4dbNWXJPVlwvh4Zlq6Z7YVvL8VFxeSOJgjsx4Sg==
+"@babel/plugin-transform-classes@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.4.tgz#75d66175486788c56728a73424d67cbc7473495c"
+  integrity sha512-cFOlhIYPBv/iBoc+KS3M6et2XPtbT2HiCRfBXWtfpc9OAyostldxIf9YAYB6ypURBBbx+Qv6nyrLzASfJe+hBA==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.27.3"
     "@babel/helper-compilation-targets" "^7.27.2"
     "@babel/helper-globals" "^7.28.0"
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-replace-supers" "^7.27.1"
-    "@babel/traverse" "^7.28.3"
+    "@babel/traverse" "^7.28.4"
 
 "@babel/plugin-transform-computed-properties@^7.27.1":
   version "7.27.1"
@@ -520,6 +548,14 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/traverse" "^7.28.0"
 
+"@babel/plugin-transform-destructuring@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz#b8402764df96179a2070bb7b501a1586cf8ad7a7"
+  integrity sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/traverse" "^7.28.5"
+
 "@babel/plugin-transform-dotall-regex@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz#aa6821de864c528b1fecf286f0a174e38e826f4d"
@@ -558,10 +594,10 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/plugin-transform-destructuring" "^7.28.0"
 
-"@babel/plugin-transform-exponentiation-operator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.27.1.tgz#fc497b12d8277e559747f5a3ed868dd8064f83e1"
-  integrity sha512-uspvXnhHvGKf2r4VVtBpeFnuDWsJLQ6MF6lGJLC89jBR1uoVeqM416AZtTuhTezOfgHicpJQmoD5YUakO/YmXQ==
+"@babel/plugin-transform-exponentiation-operator@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.5.tgz#7cc90a8170e83532676cfa505278e147056e94fe"
+  integrity sha512-D4WIMaFtwa2NizOp+dnoFjRez/ClKiC2BqqImwKd1X28nqBtZEyCYJ2ozQrrzlxAFrcrjxo39S6khe9RNDlGzw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -603,10 +639,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.27.1.tgz#890cb20e0270e0e5bebe3f025b434841c32d5baa"
-  integrity sha512-SJvDs5dXxiae4FbSL1aBJlG4wvl594N6YEVVn9e3JGulwioy6z3oPjx/sQBO3Y4NwUu5HNix6KJ3wBZoewcdbw==
+"@babel/plugin-transform-logical-assignment-operators@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.5.tgz#d028fd6db8c081dee4abebc812c2325e24a85b0e"
+  integrity sha512-axUuqnUTBuXyHGcJEVVh9pORaN6wC5bYfE7FGzPiaWa3syib9m7g+/IT/4VgCOe2Upef43PHzeAvcrVek6QuuA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -633,15 +669,15 @@
     "@babel/helper-module-transforms" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-modules-systemjs@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.27.1.tgz#00e05b61863070d0f3292a00126c16c0e024c4ed"
-  integrity sha512-w5N1XzsRbc0PQStASMksmUeqECuzKuTJer7kFagK8AXgpCMkeDMO5S+aaFb7A51ZYDF7XI34qsTX+fkHiIm5yA==
+"@babel/plugin-transform-modules-systemjs@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.28.5.tgz#7439e592a92d7670dfcb95d0cbc04bd3e64801d2"
+  integrity sha512-vn5Jma98LCOeBy/KpeQhXcV2WZgaRUtjwQmjoBuLNlOmkg0fB5pdvYVeWRYI69wWKwK2cD1QbMiUQnoujWvrew==
   dependencies:
-    "@babel/helper-module-transforms" "^7.27.1"
+    "@babel/helper-module-transforms" "^7.28.3"
     "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.28.5"
 
 "@babel/plugin-transform-modules-umd@^7.27.1":
   version "7.27.1"
@@ -680,16 +716,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-object-rest-spread@^7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.0.tgz#d23021857ffd7cd809f54d624299b8086402ed8d"
-  integrity sha512-9VNGikXxzu5eCiQjdE4IZn8sb9q7Xsk5EXLDBKUYg1e/Tve8/05+KJEtcxGxAgCY5t/BpKQM+JEL/yT4tvgiUA==
+"@babel/plugin-transform-object-rest-spread@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.4.tgz#9ee1ceca80b3e6c4bac9247b2149e36958f7f98d"
+  integrity sha512-373KA2HQzKhQCYiRVIRr+3MjpCObqzDlyrM6u4I201wL8Mp2wHf7uB8GhDwis03k2ti8Zr65Zyyqs1xOxUF/Ew==
   dependencies:
     "@babel/helper-compilation-targets" "^7.27.2"
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/plugin-transform-destructuring" "^7.28.0"
     "@babel/plugin-transform-parameters" "^7.27.7"
-    "@babel/traverse" "^7.28.0"
+    "@babel/traverse" "^7.28.4"
 
 "@babel/plugin-transform-object-super@^7.27.1":
   version "7.27.1"
@@ -714,6 +750,14 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
+"@babel/plugin-transform-optional-chaining@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.5.tgz#8238c785f9d5c1c515a90bf196efb50d075a4b26"
+  integrity sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+
 "@babel/plugin-transform-parameters@^7.27.7":
   version "7.27.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz#1fd2febb7c74e7d21cf3b05f7aebc907940af53a"
@@ -745,10 +789,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-regenerator@^7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.3.tgz#b8eee0f8aed37704bbcc932fd0b1a0a34d0b7344"
-  integrity sha512-K3/M/a4+ESb5LEldjQb+XSrpY0nF+ZBFlTCbSnKaYAMfD8v33O6PMs4uYnOk19HlcsI8WMu3McdFPTiQHF/1/A==
+"@babel/plugin-transform-regenerator@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.4.tgz#9d3fa3bebb48ddd0091ce5729139cd99c67cea51"
+  integrity sha512-+ZEdQlBoRg9m2NnzvEeLgtvBMO4tkFBw5SQIUgLICgTrumLoU7lr+Oghi6km2PFj+dbUt2u1oby2w3BDO9YQnA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -767,10 +811,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-runtime@7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.3.tgz#f5990a1b2d2bde950ed493915e0719841c8d0eaa"
-  integrity sha512-Y6ab1kGqZ0u42Zv/4a7l0l72n9DKP/MKoKWaUSBylrhNZO2prYuqFOLbn5aW5SIFXwSH93yfjbgllL8lxuGKLg==
+"@babel/plugin-transform-runtime@7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.5.tgz#ae3e21fbefe2831ebac04dfa6b463691696afe17"
+  integrity sha512-20NUVgOrinudkIBzQ2bNxP08YpKprUkRTiRSd2/Z5GOdPImJGkoN4Z7IQe1T5AdyKI1i5L6RBmluqdSzvaq9/w==
   dependencies:
     "@babel/helper-module-imports" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
@@ -857,16 +901,16 @@
     "@babel/helper-create-regexp-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/preset-env@7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.28.3.tgz#2b18d9aff9e69643789057ae4b942b1654f88187"
-  integrity sha512-ROiDcM+GbYVPYBOeCR6uBXKkQpBExLl8k9HO1ygXEyds39j+vCCsjmj7S8GOniZQlEs81QlkdJZe76IpLSiqpg==
+"@babel/preset-env@7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.28.5.tgz#82dd159d1563f219a1ce94324b3071eb89e280b0"
+  integrity sha512-S36mOoi1Sb6Fz98fBfE+UZSpYw5mJm0NUHtIKrOuNcqeFauy1J6dIvXm2KRVKobOSaGq4t/hBXdN4HGU3wL9Wg==
   dependencies:
-    "@babel/compat-data" "^7.28.0"
+    "@babel/compat-data" "^7.28.5"
     "@babel/helper-compilation-targets" "^7.27.2"
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-validator-option" "^7.27.1"
-    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.27.1"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.28.5"
     "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.27.1"
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.27.1"
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.27.1"
@@ -879,42 +923,42 @@
     "@babel/plugin-transform-async-generator-functions" "^7.28.0"
     "@babel/plugin-transform-async-to-generator" "^7.27.1"
     "@babel/plugin-transform-block-scoped-functions" "^7.27.1"
-    "@babel/plugin-transform-block-scoping" "^7.28.0"
+    "@babel/plugin-transform-block-scoping" "^7.28.5"
     "@babel/plugin-transform-class-properties" "^7.27.1"
     "@babel/plugin-transform-class-static-block" "^7.28.3"
-    "@babel/plugin-transform-classes" "^7.28.3"
+    "@babel/plugin-transform-classes" "^7.28.4"
     "@babel/plugin-transform-computed-properties" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.28.0"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
     "@babel/plugin-transform-dotall-regex" "^7.27.1"
     "@babel/plugin-transform-duplicate-keys" "^7.27.1"
     "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.27.1"
     "@babel/plugin-transform-dynamic-import" "^7.27.1"
     "@babel/plugin-transform-explicit-resource-management" "^7.28.0"
-    "@babel/plugin-transform-exponentiation-operator" "^7.27.1"
+    "@babel/plugin-transform-exponentiation-operator" "^7.28.5"
     "@babel/plugin-transform-export-namespace-from" "^7.27.1"
     "@babel/plugin-transform-for-of" "^7.27.1"
     "@babel/plugin-transform-function-name" "^7.27.1"
     "@babel/plugin-transform-json-strings" "^7.27.1"
     "@babel/plugin-transform-literals" "^7.27.1"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.27.1"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.28.5"
     "@babel/plugin-transform-member-expression-literals" "^7.27.1"
     "@babel/plugin-transform-modules-amd" "^7.27.1"
     "@babel/plugin-transform-modules-commonjs" "^7.27.1"
-    "@babel/plugin-transform-modules-systemjs" "^7.27.1"
+    "@babel/plugin-transform-modules-systemjs" "^7.28.5"
     "@babel/plugin-transform-modules-umd" "^7.27.1"
     "@babel/plugin-transform-named-capturing-groups-regex" "^7.27.1"
     "@babel/plugin-transform-new-target" "^7.27.1"
     "@babel/plugin-transform-nullish-coalescing-operator" "^7.27.1"
     "@babel/plugin-transform-numeric-separator" "^7.27.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.28.0"
+    "@babel/plugin-transform-object-rest-spread" "^7.28.4"
     "@babel/plugin-transform-object-super" "^7.27.1"
     "@babel/plugin-transform-optional-catch-binding" "^7.27.1"
-    "@babel/plugin-transform-optional-chaining" "^7.27.1"
+    "@babel/plugin-transform-optional-chaining" "^7.28.5"
     "@babel/plugin-transform-parameters" "^7.27.7"
     "@babel/plugin-transform-private-methods" "^7.27.1"
     "@babel/plugin-transform-private-property-in-object" "^7.27.1"
     "@babel/plugin-transform-property-literals" "^7.27.1"
-    "@babel/plugin-transform-regenerator" "^7.28.3"
+    "@babel/plugin-transform-regenerator" "^7.28.4"
     "@babel/plugin-transform-regexp-modifiers" "^7.27.1"
     "@babel/plugin-transform-reserved-words" "^7.27.1"
     "@babel/plugin-transform-shorthand-properties" "^7.27.1"
@@ -1020,6 +1064,19 @@
     "@babel/types" "^7.28.4"
     debug "^4.3.1"
 
+"@babel/traverse@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.5.tgz#450cab9135d21a7a2ca9d2d35aa05c20e68c360b"
+  integrity sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.5"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.5"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.5"
+    debug "^4.3.1"
+
 "@babel/types@^7.0.0-beta.49", "@babel/types@^7.25.9", "@babel/types@^7.27.0", "@babel/types@^7.4.4":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.0.tgz#ef9acb6b06c3173f6632d993ecb6d4ae470b4559"
@@ -1044,6 +1101,14 @@
     "@babel/helper-string-parser" "^7.27.1"
     "@babel/helper-validator-identifier" "^7.27.1"
 
+"@babel/types@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.5.tgz#10fc405f60897c35f07e85493c932c7b5ca0592b"
+  integrity sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+
 "@bazel/runfiles@^6.3.1":
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/@bazel/runfiles/-/runfiles-6.3.1.tgz#3f8824b2d82853377799d42354b4df78ab0ace0b"

From a3a35e76a8c91dbe60bd194be79d368ac07c81d5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Nov 2025 01:24:38 +0200
Subject: [PATCH 265/424] remove side-tabs from tab-switcher, splitting
 functionality into separate component

---
 src/components/tab_switcher/tab_switcher.jsx  | 14 +--
 src/components/tab_switcher/tab_switcher.scss | 98 -------------------
 2 files changed, 2 insertions(+), 110 deletions(-)

diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index 02a0b47c0..0c627356f 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -31,11 +31,6 @@ export default {
       type: Boolean,
       default: false
     },
-    sideTabBar: {
-      required: false,
-      type: Boolean,
-      default: false
-    },
     bodyScrollLock: {
       required: false,
       type: Boolean,
@@ -157,26 +152,21 @@ export default {
 
       return (
         <div class={classes}>
-          {
-            this.sideTabBar
-              ? <h1 class="mobile-label">{props.label}</h1>
-              : ''
-          }
           {renderSlot}
         </div>
       )
     })
 
     return (
-      <div class={'tab-switcher ' + (this.sideTabBar ? 'side-tabs' : 'top-tabs')}>
+      <div class="tab-switcher top-tabs">
         <div
           class="tabs"
           role="tablist"
+          ref="nav"
         >
           {tabs}
         </div>
         <div
-          ref="contents"
           role="tabpanel"
           class={'contents' + (this.scrollableTabs ? ' scrollable-tabs' : '')}
           v-body-scroll-lock={this.bodyScrollLock}
diff --git a/src/components/tab_switcher/tab_switcher.scss b/src/components/tab_switcher/tab_switcher.scss
index b7274d86d..27214e87e 100644
--- a/src/components/tab_switcher/tab_switcher.scss
+++ b/src/components/tab_switcher/tab_switcher.scss
@@ -52,104 +52,6 @@
     }
   }
 
-  &.side-tabs {
-    flex-direction: row;
-
-    @media all and (width <= 800px) {
-      overflow-x: auto;
-    }
-
-    > .contents {
-      flex: 1 1 auto;
-    }
-
-    > .tabs {
-      flex: 0 0 auto;
-      overflow: hidden auto;
-      flex-direction: column;
-
-      &::after,
-      &::before {
-        flex-shrink: 0;
-        flex-basis: 0.5em;
-        content: "";
-        border-right: 1px solid;
-        border-right-color: var(--border);
-      }
-
-      &::after {
-        flex-grow: 1;
-      }
-
-      &::before {
-        flex-grow: 0;
-      }
-
-      .tab-wrapper {
-        min-width: 10em;
-        display: flex;
-        flex-direction: column;
-
-        @media all and (width <= 800px) {
-          min-width: 4em;
-        }
-
-        &:not(.active)::after {
-          top: 0;
-          right: 0;
-          bottom: 0;
-          border-right: 1px solid;
-          border-right-color: var(--border);
-        }
-
-        &::before {
-          flex: 0 0 6px;
-          content: "";
-          border-right: 1px solid;
-          border-right-color: var(--border);
-        }
-
-        &:last-child .tab {
-          margin-bottom: 0;
-        }
-      }
-
-      .tab {
-        flex: 1;
-        box-sizing: content-box;
-        max-width: 9em;
-        min-width: 1px;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-        padding-left: 1em;
-        padding-right: calc(1em + 200px);
-        margin-right: -200px;
-        margin-left: 1em;
-
-        &:not(.active) {
-          margin-top: 0;
-          margin-left: 1.5em;
-        }
-
-        @media all and (width <= 800px) {
-          padding-left: 0.25em;
-          padding-right: calc(0.25em + 200px);
-          margin-right: calc(0.25em - 200px);
-          margin-left: 0.25em;
-
-          &:not(.active) {
-            margin-top: 0;
-            margin-left: 0.5em;
-          }
-
-          .text {
-            display: none;
-          }
-        }
-      }
-    }
-  }
-
   .contents {
     flex: 1 0 auto;
     min-height: 0;

From a96f5337775328f729caabf6fde3e8ea0f977c26 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Nov 2025 02:07:00 +0200
Subject: [PATCH 266/424] vertical tab switcher initial implementation

---
 .../settings_modal_admin_content.js           |   4 +-
 .../settings_modal_admin_content.vue          |   4 +-
 .../settings_modal_user_content.js            |   4 +-
 .../settings_modal_user_content.vue           |   4 +-
 .../settings_modal/tabs/appearance_tab.js     |   4 +-
 .../settings_modal/tabs/appearance_tab.vue    |   4 +-
 .../settings_modal/tabs/general_tab.js        |   4 +-
 .../settings_modal/tabs/general_tab.vue       |   6 +-
 .../tab_switcher/vertical_tab_switcher.jsx    | 166 ++++++++++++++++++
 .../tab_switcher/vertical_tab_switcher.scss   |  72 ++++++++
 10 files changed, 254 insertions(+), 18 deletions(-)
 create mode 100644 src/components/tab_switcher/vertical_tab_switcher.jsx
 create mode 100644 src/components/tab_switcher/vertical_tab_switcher.scss

diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 593318ec4..fa6b7f8ad 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -1,4 +1,4 @@
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
 
 import InstanceTab from './admin_tabs/instance_tab.vue'
 import LimitsTab from './admin_tabs/limits_tab.vue'
@@ -31,7 +31,7 @@ library.add(
 
 const SettingsModalAdminContent = {
   components: {
-    TabSwitcher,
+    VerticalTabSwitcher,
 
     InstanceTab,
     LimitsTab,
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 39ef74f64..501a3acf6 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -1,5 +1,5 @@
 <template>
-  <tab-switcher
+  <vertical-tab-switcher
     v-if="adminDescriptionsLoaded && (noDb || adminDbLoaded)"
     ref="tabSwitcher"
     class="settings_tab-switcher"
@@ -71,7 +71,7 @@
     >
       <EmojiTab />
     </div>
-  </tab-switcher>
+  </vertical-tab-switcher>
 </template>
 
 <script src="./settings_modal_admin_content.js"></script>
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index c46b477d8..ed39b30b2 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -1,4 +1,4 @@
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
 
 import DataImportExportTab from './tabs/data_import_export_tab.vue'
 import MutesAndBlocksTab from './tabs/mutes_and_blocks_tab.vue'
@@ -42,7 +42,7 @@ library.add(
 
 const SettingsModalContent = {
   components: {
-    TabSwitcher,
+    VerticalTabSwitcher,
 
     DataImportExportTab,
     MutesAndBlocksTab,
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index f9a1e99bc..6bf8dc5ee 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -1,5 +1,5 @@
 <template>
-  <tab-switcher
+  <vertical-tab-switcher
     ref="tabSwitcher"
     class="settings_tab-switcher"
     :side-tab-bar="true"
@@ -94,7 +94,7 @@
     >
       <VersionTab />
     </div>
-  </tab-switcher>
+  </vertical-tab-switcher>
 </template>
 
 <script src="./settings_modal_user_content.js"></script>
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 56e3ea10c..2978142ef 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -1,4 +1,4 @@
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
 
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
@@ -97,7 +97,7 @@ const AppearanceTab = {
     FontControl,
     Preview,
     PaletteEditor,
-    TabSwitcher
+    VerticalTabSwitcher
   },
   mounted () {
     useInterfaceStore().getThemeData()
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index 05517af0c..9d45c3c19 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -1,5 +1,5 @@
 <template>
-  <tab-switcher
+  <vertical-tab-switcher
     class="appearance-tab"
     :label="$t('settings.appearance')"
     ref="tabSwitcher"
@@ -446,7 +446,7 @@
         </ul>
       </div>
     </div>
-  </tab-switcher>
+  </vertical-tab-switcher>
 </template>
 
 <script src="./appearance_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index b98b7195e..68dd31941 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -1,6 +1,6 @@
 import { mapState } from 'vuex'
 
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
 
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
@@ -92,7 +92,7 @@ const GeneralTab = {
     ProfileSettingIndicator,
     ScopeSelector,
     Select,
-    TabSwitcher,
+    VerticalTabSwitcher,
     FontControl
   },
   computed: {
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index ce48d923d..3c16c5cdf 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -1,10 +1,8 @@
 <template>
-  <tab-switcher
+  <vertical-tab-switcher
     :label="$t('settings.general')"
     ref="tabSwitcher"
     class="settings_tab-switcher"
-    :side-tab-bar="true"
-    :scrollable-tabs="true"
   >
     <div
       :label="$t('settings.behavior')"
@@ -551,7 +549,7 @@
         </li>
       </ul>
     </div>
-  </tab-switcher>
+  </vertical-tab-switcher>
 </template>
 
 <script src="./general_tab.js"></script>
diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
new file mode 100644
index 000000000..7182c944d
--- /dev/null
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -0,0 +1,166 @@
+// eslint-disable-next-line no-unused
+import { h, Fragment } from 'vue'
+import { mapState } from 'pinia'
+import { throttle } from 'lodash'
+import { mapState as mapPiniaState } from 'pinia'
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
+
+import './vertical_tab_switcher.scss'
+import { useInterfaceStore } from 'src/stores/interface'
+
+const findFirstUsable = (slots) => slots.findIndex(_ => _.props)
+
+export default {
+  name: 'VerticalTabSwitcher',
+  props: {
+    renderOnlyFocused: {
+      required: false,
+      type: Boolean,
+      default: false
+    },
+    onSwitch: {
+      required: false,
+      type: Function,
+      default: undefined
+    },
+    activeTab: {
+      required: false,
+      type: String,
+      default: undefined
+    },
+    bodyScrollLock: {
+      required: false,
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      active: findFirstUsable(this.slots()),
+      resizeHandler: null
+    }
+  },
+  computed: {
+    activeIndex () {
+      // In case of controlled component
+      if (this.activeTab) {
+        return this.slots().findIndex(slot => slot && slot.props && this.activeTab === slot.props.key)
+      } else {
+        return this.active
+      }
+    },
+    isActive () {
+      return tabName => {
+        const isWanted = slot => slot.props && slot.props['data-tab-name'] === tabName
+        return this.$slots.default().findIndex(isWanted) === this.activeIndex
+      }
+    },
+    ...mapPiniaState(useInterfaceStore, {
+      mobileLayout: store => store.layoutType === 'mobile'
+    }),
+  },
+  beforeUpdate () {
+    const currentSlot = this.slots()[this.active]
+    if (!currentSlot.props) {
+      this.active = findFirstUsable(this.slots())
+    }
+  },
+  methods: {
+    clickTab (index) {
+      return (e) => {
+        e.preventDefault()
+        this.setTab(index)
+        console.log(index)
+      }
+    },
+    // DO NOT put it to computed, it doesn't work (caching?)
+    slots () {
+      if (this.$slots.default()[0].type === Fragment) {
+        return this.$slots.default()[0].children
+      }
+      return this.$slots.default()
+    },
+    setTab (index) {
+      if (typeof this.onSwitch === 'function') {
+        this.onSwitch.call(null, this.slots()[index].key)
+      }
+      this.active = index
+      this.$refs.contents.scrollTop = 0
+    }
+  },
+  render () {
+    const tabs = this.slots()
+      .map((slot, index) => {
+        const props = slot.props
+        if (!props) return
+        const classesTab = ['vertical-tab menu-item']
+        if (this.activeIndex === index) {
+          classesTab.push('-active')
+        }
+        return (
+          <button
+            disabled={props.disabled}
+            onClick={this.clickTab(index)}
+            class={classesTab.join(' ')}
+            type="button"
+            role="tab"
+          >
+            {!props.icon ? '' : (<FAIcon class="tab-icon" size="1x" fixed-width icon={props.icon}/>)}
+            <span class="text">
+              {props.label}
+            </span>
+          </button>
+        )
+      })
+
+    const contents = this.slots().map((slot, index) => {
+      const props = slot.props
+      if (!props) return
+      const active = this.activeIndex === index
+      const classes = [ active ? 'active' : 'hidden' ]
+      if (props.fullHeight) {
+        classes.push('full-height')
+      }
+      let delayRender = slot.props['delay-render']
+      if (delayRender && active) {
+        slot.props['delay-render'] = false
+        delayRender = false
+      }
+      const renderSlot = (!delayRender && (!this.renderOnlyFocused || active))
+        ? slot
+        : ''
+
+      const header = (
+        <h1 class="tab-content-label">
+          {props.label}
+        </h1>
+      )
+
+      return (
+        <div ref="contents" class={classes}>
+          {header}
+          {renderSlot}
+        </div>
+      )
+    })
+
+    return (
+      <div ref="root" class="vertical-tab-switcher">
+        <div
+          class="tabs -navigation-mode -tabs"
+          role="tablist"
+          ref="nav"
+        >
+          {tabs}
+        </div>
+        <div
+          role="tabpanel"
+          class={'contents' + (this.scrollableTabs ? ' scrollable-tabs' : '')}
+          v-body-scroll-lock={this.bodyScrollLock}
+        >
+          {contents}
+        </div>
+      </div>
+    )
+  }
+}
diff --git a/src/components/tab_switcher/vertical_tab_switcher.scss b/src/components/tab_switcher/vertical_tab_switcher.scss
new file mode 100644
index 000000000..c5454d52d
--- /dev/null
+++ b/src/components/tab_switcher/vertical_tab_switcher.scss
@@ -0,0 +1,72 @@
+.vertical-tab-switcher {
+  display: flex;
+  flex-direction: row;
+
+  > .tabs {
+    flex: 0 0 auto;
+    overflow: hidden auto;
+    flex-direction: column;
+    border-right: 1px solid;
+    border-right-color: var(--border);
+    min-width: 10em;
+
+    > .menu-item {
+      padding: 0.5em 1em;
+
+      .tab-icon {
+        vertical-align: middle;
+        margin-right: 0.75em;
+      }
+    }
+  }
+
+  > .contents {
+    flex: 1 0 auto;
+
+    .hidden {
+      display: none;
+    }
+
+    .full-height:not(.hidden) {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+
+      > *:not(.tab-content-label) {
+        flex: 1;
+      }
+    }
+
+    .tab-content-label {
+      font-size: 1.5em;
+      padding: 0.5em 1em;
+      margin: 0;
+      border-bottom: 1px solid var(--border);
+    }
+  }
+
+  > .tabs,
+  > .content {
+    transition: width 2s ease-in;
+  }
+
+  &.-tabs {
+    > .tabs {
+      width: 100%;
+    }
+
+    > .content {
+      width: 0%;
+    }
+  }
+
+  &.-content {
+    > .tabs {
+      width: 0%;
+    }
+
+    > .content {
+      width: 100%;
+    }
+  }
+}

From 5958c32acf2c79f2d7380a6f82556d43a426f088 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Nov 2025 08:07:51 +0200
Subject: [PATCH 267/424] fix turd that kept breaking UI on hot reload

---
 src/components/popover/popover.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/popover/popover.js b/src/components/popover/popover.js
index d2e605adb..e8e857918 100644
--- a/src/components/popover/popover.js
+++ b/src/components/popover/popover.js
@@ -299,8 +299,8 @@ const Popover = {
       if (this.trigger === 'click') {
         document.removeEventListener('click', this.onClickOutside)
       }
-      this.scrollable.removeEventListener('scroll', this.onScroll)
-      this.scrollable.removeEventListener('resize', this.onResize)
+      this.scrollable?.removeEventListener('scroll', this.onScroll)
+      this.scrollable?.removeEventListener('resize', this.onResize)
     },
     resizePopover () {
       setTimeout(() => {

From e6f025bf6ef3d8e712e7d38115836ad1c5d29bcb Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Nov 2025 12:12:14 +0200
Subject: [PATCH 268/424] after 9000 hours it finally works

---
 .../settings_modal_user_content.js            |  6 ++
 .../settings_modal_user_content.vue           | 15 +++-
 .../settings_modal/tabs/appearance_tab.vue    |  2 +
 .../settings_modal/tabs/general_tab.vue       |  2 +
 src/components/tab_switcher/tab_switcher.jsx  |  6 +-
 .../tab_switcher/vertical_tab_switcher.jsx    | 60 ++++++++++---
 .../tab_switcher/vertical_tab_switcher.scss   | 89 +++++++++++--------
 7 files changed, 131 insertions(+), 49 deletions(-)

diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index ed39b30b2..5827c8fb3 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -88,6 +88,12 @@ const SettingsModalContent = {
       // Clear the state of target tab, so that next time settings is opened
       // it doesn't force it.
       useInterfaceStore().clearSettingsModalTargetTab()
+    },
+    nestedTooBig () {
+      this.$refs.tabSwitcher.showNav()
+    },
+    nestedTooSmall () {
+      this.$refs.tabSwitcher.hideNav()
     }
   },
   mounted () {
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 6bf8dc5ee..8771cb5cf 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -2,24 +2,33 @@
   <vertical-tab-switcher
     ref="tabSwitcher"
     class="settings_tab-switcher"
-    :side-tab-bar="true"
     :scrollable-tabs="true"
     :body-scroll-lock="bodyLock"
   >
     <div
+      :full-width="true"
       :label="$t('settings.general')"
       icon="wrench"
       data-tab-name="general"
     >
-      <GeneralTab />
+      <GeneralTab
+        class="inner-tab -middle"
+        @too-small="() => nestedTooSmall()"
+        @too-big="() => nestedTooBig()"
+      />
     </div>
     <div
+      :full-width="true"
       :label="$t('settings.appearance')"
       icon="window-restore"
       data-tab-name="appearance"
       :delay-render="true"
     >
-      <AppearanceTab />
+      <AppearanceTab
+        class="inner-tab -middle"
+        @too-small="() => nestedTooSmall()"
+        @too-big="() => nestedTooBig()"
+      />
     </div>
     <div
       v-if="expertLevel > 0"
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index 9d45c3c19..f70b4042c 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -5,6 +5,8 @@
     ref="tabSwitcher"
     :side-tab-bar="true"
     :scrollable-tabs="true"
+    @too-small="() => console.log('small') || $emit('tooSmall')"
+    @too-big="() => $emit('tooBig')"
   >
     <div
       :label="$t('settings.interface')"
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 3c16c5cdf..9ea0fb89c 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -3,6 +3,8 @@
     :label="$t('settings.general')"
     ref="tabSwitcher"
     class="settings_tab-switcher"
+    @too-small="() => $emit('tooSmall')"
+    @too-big="() => $emit('tooBig')"
   >
     <div
       :label="$t('settings.behavior')"
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index 0c627356f..d46e14add 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -158,7 +158,10 @@ export default {
     })
 
     return (
-      <div class="tab-switcher top-tabs">
+      <div
+        class="tab-switcher top-tabs"
+        ref="root"
+      >
         <div
           class="tabs"
           role="tablist"
@@ -170,6 +173,7 @@ export default {
           role="tabpanel"
           class={'contents' + (this.scrollableTabs ? ' scrollable-tabs' : '')}
           v-body-scroll-lock={this.bodyScrollLock}
+          ref="content"
         >
           {contents}
         </div>
diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
index 7182c944d..d28d6d75a 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.jsx
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -34,10 +34,12 @@ export default {
       default: false
     }
   },
+  emits: ['tooBig', 'tooSmall'],
   data () {
     return {
       active: findFirstUsable(this.slots()),
-      resizeHandler: null
+      resizeHandler: null,
+      navMode: false
     }
   },
   computed: {
@@ -59,6 +61,16 @@ export default {
       mobileLayout: store => store.layoutType === 'mobile'
     }),
   },
+  created () {
+    this.resizeHandler = throttle(this.onResize, 200)
+    window.addEventListener('resize', this.resizeHandler)
+  },
+  mounted () {
+    this.resizeHandler()
+  },
+  unmounted () {
+    window.removeEventListener('resize', this.resizeHandler)
+  },
   beforeUpdate () {
     const currentSlot = this.slots()[this.active]
     if (!currentSlot.props) {
@@ -70,7 +82,20 @@ export default {
       return (e) => {
         e.preventDefault()
         this.setTab(index)
-        console.log(index)
+      }
+    },
+    onResize (index) {
+      const tabContent = this.$refs.contents?.querySelector('.tab-content-wrapper.-active .tab-content')
+      const tabContentWidth = tabContent.clientWidth
+      const rootWidth = this.$refs.root?.clientWidth
+      const navWidth = this.$refs.nav?.clientWidth
+      const contentsWidth = this.$refs.contents?.clientWidth
+
+
+      if (contentsWidth < tabContentWidth) {
+        this.$emit('tooSmall')
+      } else if (contentsWidth - navWidth >= tabContentWidth){
+        this.$emit('tooBig')
       }
     },
     // DO NOT put it to computed, it doesn't work (caching?)
@@ -85,7 +110,12 @@ export default {
         this.onSwitch.call(null, this.slots()[index].key)
       }
       this.active = index
-      this.$refs.contents.scrollTop = 0
+    },
+    showNav () {
+      this.navMode = false
+    },
+    hideNav () {
+      this.navMode = true
     }
   },
   render () {
@@ -93,7 +123,7 @@ export default {
       .map((slot, index) => {
         const props = slot.props
         if (!props) return
-        const classesTab = ['vertical-tab menu-item']
+        const classesTab = ['vertical-tab', 'menu-item']
         if (this.activeIndex === index) {
           classesTab.push('-active')
         }
@@ -104,6 +134,7 @@ export default {
             class={classesTab.join(' ')}
             type="button"
             role="tab"
+            title={props.label}
           >
             {!props.icon ? '' : (<FAIcon class="tab-icon" size="1x" fixed-width icon={props.icon}/>)}
             <span class="text">
@@ -117,9 +148,9 @@ export default {
       const props = slot.props
       if (!props) return
       const active = this.activeIndex === index
-      const classes = [ active ? 'active' : 'hidden' ]
+      const classes = ['tab-content-wrapper', active ? '-active' : '-hidden' ]
       if (props.fullHeight) {
-        classes.push('full-height')
+        classes.push('-full-height')
       }
       let delayRender = slot.props['delay-render']
       if (delayRender && active) {
@@ -137,17 +168,25 @@ export default {
       )
 
       return (
-        <div ref="contents" class={classes}>
+        <div class={classes} >
           {header}
-          {renderSlot}
+          <div class={ ['tab-content', props['full-width'] ? '-full-width' : null].join(' ') } >
+            {renderSlot}
+          </div>
         </div>
       )
     })
 
+    const rootClasses = ['vertical-tab-switcher']
+    if (this.navMode) {
+      rootClasses.push('-nav-mode')
+      rootClasses.push('-nav-content')
+    }
+
     return (
-      <div ref="root" class="vertical-tab-switcher">
+      <div ref="root" class={ rootClasses.join(' ') }>
         <div
-          class="tabs -navigation-mode -tabs"
+          class="tabs"
           role="tablist"
           ref="nav"
         >
@@ -157,6 +196,7 @@ export default {
           role="tabpanel"
           class={'contents' + (this.scrollableTabs ? ' scrollable-tabs' : '')}
           v-body-scroll-lock={this.bodyScrollLock}
+          ref="contents"
         >
           {contents}
         </div>
diff --git a/src/components/tab_switcher/vertical_tab_switcher.scss b/src/components/tab_switcher/vertical_tab_switcher.scss
index c5454d52d..7dd0c473f 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.scss
+++ b/src/components/tab_switcher/vertical_tab_switcher.scss
@@ -4,11 +4,13 @@
 
   > .tabs {
     flex: 0 0 auto;
-    overflow: hidden auto;
     flex-direction: column;
+    overflow: hidden auto;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    width: 15em;
     border-right: 1px solid;
     border-right-color: var(--border);
-    min-width: 10em;
 
     > .menu-item {
       padding: 0.5em 1em;
@@ -21,52 +23,69 @@
   }
 
   > .contents {
-    flex: 1 0 auto;
+    flex: 1 1 auto;
+    overflow-x: hidden;
 
-    .hidden {
-      display: none;
-    }
+    .tab-content {
+      align-self: center;
 
-    .full-height:not(.hidden) {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
+      &:not(.-full-width) {
+        width: 30em;
+      }
 
-      > *:not(.tab-content-label) {
-        flex: 1;
+      &.-full-width {
+        align-self: stretch;
       }
     }
 
-    .tab-content-label {
-      font-size: 1.5em;
-      padding: 0.5em 1em;
-      margin: 0;
-      border-bottom: 1px solid var(--border);
+    .tab-content-wrapper {
+      display: flex;
+      flex-direction: column;
+
+      .tab-content-label {
+        font-size: 1.5em;
+        padding: 0.5em 1em;
+        margin: 0;
+        border-bottom: 1px solid var(--border);
+      }
+
+      &.-hidden {
+        display: none;
+      }
+
+      &.-full-height:not(.-hidden) {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+
+        > *:not(.tab-content-label) {
+          flex: 1;
+        }
+      }
     }
   }
 
-  > .tabs,
-  > .content {
-    transition: width 2s ease-in;
-  }
+  &.-nav-mode {
+    &.-nav-tabs {
+      > .tabs {
+        width: 100%;
+      }
 
-  &.-tabs {
-    > .tabs {
-      width: 100%;
+      > .nav-content {
+        width: 0%;
+      }
     }
 
-    > .content {
-      width: 0%;
-    }
-  }
+    &.-nav-content {
+      > .tabs {
+        position: absolute;
+        pointer-events: none;
+        opacity: 0;
+      }
 
-  &.-content {
-    > .tabs {
-      width: 0%;
-    }
-
-    > .content {
-      width: 100%;
+      > .nav-content {
+        width: 100%;
+      }
     }
   }
 }

From 8e6800fd1ece29964d5287620c441eb9e86f7cd2 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Nov 2025 18:29:09 +0200
Subject: [PATCH 269/424] level 2 collapse

---
 .../settings_modal_user_content.js             |  7 +++++++
 .../settings_modal_user_content.vue            |  1 +
 .../settings_modal/tabs/general_tab.js         |  6 ++++++
 .../settings_modal/tabs/general_tab.vue        |  1 +
 .../tab_switcher/vertical_tab_switcher.jsx     | 18 +++++++++++++++---
 .../tab_switcher/vertical_tab_switcher.scss    | 12 ++++++++++++
 6 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 5827c8fb3..c770fbe04 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -73,6 +73,11 @@ const SettingsModalContent = {
       return useInterfaceStore().layoutType === 'mobile'
     }
   },
+  data () {
+    return {
+      navCollapsed: false
+    }
+  },
   methods: {
     onOpen () {
       const targetTab = useInterfaceStore().settingsModalTargetTab
@@ -90,9 +95,11 @@ const SettingsModalContent = {
       useInterfaceStore().clearSettingsModalTargetTab()
     },
     nestedTooBig () {
+      this.navCollapsed = false
       this.$refs.tabSwitcher.showNav()
     },
     nestedTooSmall () {
+      this.navCollapsed = true
       this.$refs.tabSwitcher.hideNav()
     }
   },
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 8771cb5cf..de89cecc8 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -13,6 +13,7 @@
     >
       <GeneralTab
         class="inner-tab -middle"
+        :parent-collapsed="navCollapsed"
         @too-small="() => nestedTooSmall()"
         @too-big="() => nestedTooBig()"
       />
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 68dd31941..28a4eac40 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -35,6 +35,12 @@ library.add(
 )
 
 const GeneralTab = {
+  props: {
+    parentCollapsed: {
+      required: true,
+      type: Boolean
+    }
+  },
   data () {
     return {
       subjectLineOptions: ['email', 'noop', 'masto'].map(mode => ({
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 9ea0fb89c..de88add2d 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -3,6 +3,7 @@
     :label="$t('settings.general')"
     ref="tabSwitcher"
     class="settings_tab-switcher"
+    :parent-collapsed="parentCollapsed"
     @too-small="() => $emit('tooSmall')"
     @too-big="() => $emit('tooBig')"
   >
diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
index d28d6d75a..45e502f4c 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.jsx
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -32,6 +32,11 @@ export default {
       required: false,
       type: Boolean,
       default: false
+    },
+    parentCollapsed: {
+      required: false,
+      type: Boolean,
+      default: false
     }
   },
   emits: ['tooBig', 'tooSmall'],
@@ -91,11 +96,18 @@ export default {
       const navWidth = this.$refs.nav?.clientWidth
       const contentsWidth = this.$refs.contents?.clientWidth
 
-
       if (contentsWidth < tabContentWidth) {
-        this.$emit('tooSmall')
+        if (this.parentCollapsed) {
+          this.hideNav()
+        } else {
+          this.$emit('tooSmall')
+        }
       } else if (contentsWidth - navWidth >= tabContentWidth){
-        this.$emit('tooBig')
+        if (this.parentCollapsed) {
+          this.$emit('tooBig')
+        } else {
+          this.showNav()
+        }
       }
     },
     // DO NOT put it to computed, it doesn't work (caching?)
diff --git a/src/components/tab_switcher/vertical_tab_switcher.scss b/src/components/tab_switcher/vertical_tab_switcher.scss
index 7dd0c473f..480f90f1a 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.scss
+++ b/src/components/tab_switcher/vertical_tab_switcher.scss
@@ -26,6 +26,10 @@
     flex: 1 1 auto;
     overflow-x: hidden;
 
+    .tab-content-label {
+      display: none
+    }
+
     .tab-content {
       align-self: center;
 
@@ -77,6 +81,14 @@
     }
 
     &.-nav-content {
+      > .contents {
+        > .tab-content-wrapper {
+          > .tab-content-label {
+            display: block;
+          }
+        }
+      }
+
       > .tabs {
         position: absolute;
         pointer-events: none;

From 7d1799e9299ebd43d595fc8acdfc271679b9d265 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Nov 2025 20:10:20 +0200
Subject: [PATCH 270/424] fix order of expansion, WIP hiding headers

---
 .../settings_modal_user_content.js            |  7 ++++-
 .../settings_modal_user_content.vue           |  3 +++
 .../settings_modal/tabs/general_tab.js        |  9 +++++++
 .../settings_modal/tabs/general_tab.vue       |  4 +--
 .../tab_switcher/vertical_tab_switcher.jsx    | 27 ++++++++++++++++---
 .../tab_switcher/vertical_tab_switcher.scss   |  4 +++
 6 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index c770fbe04..7a05adbb1 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -75,7 +75,8 @@ const SettingsModalContent = {
   },
   data () {
     return {
-      navCollapsed: false
+      navCollapsed: false,
+      childCollapsed: false
     }
   },
   methods: {
@@ -96,10 +97,14 @@ const SettingsModalContent = {
     },
     nestedTooBig () {
       this.navCollapsed = false
+      this.childCollapsed = this.$refs.generalTab.getNavMode()
+      console.log(this.navCollapsed, this.childCollapsed)
       this.$refs.tabSwitcher.showNav()
     },
     nestedTooSmall () {
       this.navCollapsed = true
+      this.childCollapsed = this.$refs.generalTab.getNavMode()
+      console.log(this.navCollapsed, this.childCollapsed)
       this.$refs.tabSwitcher.hideNav()
     }
   },
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index de89cecc8..b992796ef 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -3,6 +3,7 @@
     ref="tabSwitcher"
     class="settings_tab-switcher"
     :scrollable-tabs="true"
+    :child-collapsed="childCollapsed"
     :body-scroll-lock="bodyLock"
   >
     <div
@@ -13,6 +14,7 @@
     >
       <GeneralTab
         class="inner-tab -middle"
+        ref="generalTab"
         :parent-collapsed="navCollapsed"
         @too-small="() => nestedTooSmall()"
         @too-big="() => nestedTooBig()"
@@ -27,6 +29,7 @@
     >
       <AppearanceTab
         class="inner-tab -middle"
+        :parent-collapsed="navCollapsed"
         @too-small="() => nestedTooSmall()"
         @too-big="() => nestedTooBig()"
       />
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 28a4eac40..897999bba 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -136,6 +136,15 @@ const GeneralTab = {
           this.$store.dispatch('settingsSaved', { error })
         })
     },
+    tooSmall () {
+      this.$emit('tooSmall')
+    },
+    tooBig () {
+      this.$emit('tooBig')
+    },
+    getNavMode () {
+      return this.$refs.tabSwitcher.getNavMode()
+    },
     clearAssetCache () {
       this.clearCache(cacheKey)
     },
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index de88add2d..2476a8d28 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -4,8 +4,8 @@
     ref="tabSwitcher"
     class="settings_tab-switcher"
     :parent-collapsed="parentCollapsed"
-    @too-small="() => $emit('tooSmall')"
-    @too-big="() => $emit('tooBig')"
+    @too-small="tooSmall"
+    @too-big="tooBig"
   >
     <div
       :label="$t('settings.behavior')"
diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
index 45e502f4c..5b69580bc 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.jsx
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -37,6 +37,11 @@ export default {
       required: false,
       type: Boolean,
       default: false
+    },
+    childCollapsed: {
+      required: false,
+      type: Boolean,
+      default: false
     }
   },
   emits: ['tooBig', 'tooSmall'],
@@ -44,7 +49,8 @@ export default {
     return {
       active: findFirstUsable(this.slots()),
       resizeHandler: null,
-      navMode: false
+      navMode: false,
+      navSide: 'content'
     }
   },
   computed: {
@@ -103,7 +109,7 @@ export default {
           this.$emit('tooSmall')
         }
       } else if (contentsWidth - navWidth >= tabContentWidth){
-        if (this.parentCollapsed) {
+        if (!this.navMode) {
           this.$emit('tooBig')
         } else {
           this.showNav()
@@ -122,12 +128,16 @@ export default {
         this.onSwitch.call(null, this.slots()[index].key)
       }
       this.active = index
+      this.navSide = 'content'
     },
     showNav () {
       this.navMode = false
     },
     hideNav () {
       this.navMode = true
+    },
+    getNavMode () {
+      return this.navMode
     }
   },
   render () {
@@ -173,8 +183,13 @@ export default {
         ? slot
         : ''
 
+      const headerClasses = ['tab-content-label']
+      if (this.childCollapsed) {
+        headerClasses.push('-hidden')
+      }
       const header = (
-        <h1 class="tab-content-label">
+        <h1 class={headerClasses}>
+          <button type="button" onClick={() => this.navSide = 'tabs'}>LOL</button>
           {props.label}
         </h1>
       )
@@ -192,7 +207,11 @@ export default {
     const rootClasses = ['vertical-tab-switcher']
     if (this.navMode) {
       rootClasses.push('-nav-mode')
-      rootClasses.push('-nav-content')
+      if (this.navSide === 'content') {
+        rootClasses.push('-nav-content')
+      } else {
+        rootClasses.push('-nav-tabs')
+      }
     }
 
     return (
diff --git a/src/components/tab_switcher/vertical_tab_switcher.scss b/src/components/tab_switcher/vertical_tab_switcher.scss
index 480f90f1a..2a6e1cc6a 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.scss
+++ b/src/components/tab_switcher/vertical_tab_switcher.scss
@@ -85,6 +85,10 @@
         > .tab-content-wrapper {
           > .tab-content-label {
             display: block;
+
+            &.-hidden {
+              display: none;
+            }
           }
         }
       }

From 3f4ad3437763f8d1269ebefd46c7947e26cfbc89 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Nov 2025 20:52:18 +0200
Subject: [PATCH 271/424] crappy implementation of hiding extra header

---
 .../tab_switcher/vertical_tab_switcher.jsx    | 74 ++++++++++---------
 1 file changed, 40 insertions(+), 34 deletions(-)

diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
index 5b69580bc..be7c94a50 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.jsx
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -36,18 +36,14 @@ export default {
     parentCollapsed: {
       required: false,
       type: Boolean,
-      default: false
-    },
-    childCollapsed: {
-      required: false,
-      type: Boolean,
-      default: false
+      default: null
     }
   },
   emits: ['tooBig', 'tooSmall'],
   data () {
     return {
       active: findFirstUsable(this.slots()),
+      childCollapsed: null,
       resizeHandler: null,
       navMode: false,
       navSide: 'content'
@@ -93,36 +89,9 @@ export default {
       return (e) => {
         e.preventDefault()
         this.setTab(index)
+        onResize()
       }
     },
-    onResize (index) {
-      const tabContent = this.$refs.contents?.querySelector('.tab-content-wrapper.-active .tab-content')
-      const tabContentWidth = tabContent.clientWidth
-      const rootWidth = this.$refs.root?.clientWidth
-      const navWidth = this.$refs.nav?.clientWidth
-      const contentsWidth = this.$refs.contents?.clientWidth
-
-      if (contentsWidth < tabContentWidth) {
-        if (this.parentCollapsed) {
-          this.hideNav()
-        } else {
-          this.$emit('tooSmall')
-        }
-      } else if (contentsWidth - navWidth >= tabContentWidth){
-        if (!this.navMode) {
-          this.$emit('tooBig')
-        } else {
-          this.showNav()
-        }
-      }
-    },
-    // DO NOT put it to computed, it doesn't work (caching?)
-    slots () {
-      if (this.$slots.default()[0].type === Fragment) {
-        return this.$slots.default()[0].children
-      }
-      return this.$slots.default()
-    },
     setTab (index) {
       if (typeof this.onSwitch === 'function') {
         this.onSwitch.call(null, this.slots()[index].key)
@@ -138,6 +107,43 @@ export default {
     },
     getNavMode () {
       return this.navMode
+    },
+    onResize () {
+      // All other tabs are hidden and their width is most likely 0
+      const tabContent = this.$refs.contents?.querySelector('.tab-content-wrapper.-active .tab-content')
+      const tabContentWidth = tabContent.clientWidth
+      const navWidth = this.$refs.nav?.clientWidth
+      const contentsWidth = this.$refs.contents?.clientWidth
+
+      const nestedSwitcher = this.$refs.contents?.querySelector('.vertical-tab-switcher')
+      if (nestedSwitcher) {
+        const childHeader = nestedSwitcher.querySelector('.tab-content-label')
+        this.childCollapsed = childHeader?.checkVisibility()
+      }
+      // if contents takes more space than its container
+      if (contentsWidth < tabContentWidth) {
+        if (this.parentCollapsed) {
+          this.hideNav()
+        } else {
+          this.$emit('tooSmall')
+        }
+      // If we (theoretically) have enough space to fit it in
+      } else if (contentsWidth - navWidth >= tabContentWidth){
+        // First expand the inner layer, then outer
+        // if use same logic as above order will be reversed
+        if (!this.navMode) {
+          this.$emit('tooBig')
+        } else {
+          this.showNav()
+        }
+      }
+    },
+    // DO NOT put it to computed, it doesn't work (caching?)
+    slots () {
+      if (this.$slots.default()[0].type === Fragment) {
+        return this.$slots.default()[0].children
+      }
+      return this.$slots.default()
     }
   },
   render () {

From 8b8af2889b541dcc7a18d085113eaf58e8de6595 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Nov 2025 21:17:44 +0200
Subject: [PATCH 272/424] better impl of header hiding?

---
 .../settings_modal_user_content.js            | 10 +++----
 .../settings_modal_user_content.vue           |  2 ++
 .../tab_switcher/vertical_tab_switcher.jsx    | 26 +++++++++++--------
 3 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 7a05adbb1..4f6ffe4fb 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -76,7 +76,7 @@ const SettingsModalContent = {
   data () {
     return {
       navCollapsed: false,
-      childCollapsed: false
+      navHideHeader: false
     }
   },
   methods: {
@@ -97,15 +97,15 @@ const SettingsModalContent = {
     },
     nestedTooBig () {
       this.navCollapsed = false
-      this.childCollapsed = this.$refs.generalTab.getNavMode()
-      console.log(this.navCollapsed, this.childCollapsed)
       this.$refs.tabSwitcher.showNav()
     },
     nestedTooSmall () {
       this.navCollapsed = true
-      this.childCollapsed = this.$refs.generalTab.getNavMode()
-      console.log(this.navCollapsed, this.childCollapsed)
       this.$refs.tabSwitcher.hideNav()
+    },
+    nestedNavSide (side) {
+      console.log('SWITCH')
+      this.navHideHeader = side === 'content'
     }
   },
   mounted () {
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index b992796ef..22271d533 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -5,6 +5,7 @@
     :scrollable-tabs="true"
     :child-collapsed="childCollapsed"
     :body-scroll-lock="bodyLock"
+    :hide-header="navHideHeader"
   >
     <div
       :full-width="true"
@@ -16,6 +17,7 @@
         class="inner-tab -middle"
         ref="generalTab"
         :parent-collapsed="navCollapsed"
+        @side-switch="(side) => nestedNavSide(side)"
         @too-small="() => nestedTooSmall()"
         @too-big="() => nestedTooBig()"
       />
diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
index be7c94a50..bb3fb7305 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.jsx
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -37,13 +37,17 @@ export default {
       required: false,
       type: Boolean,
       default: null
+    },
+    hideHeader: {
+      required: false,
+      type: Boolean,
+      default: null
     }
   },
-  emits: ['tooBig', 'tooSmall'],
+  emits: ['tooBig', 'tooSmall', 'sideSwitch'],
   data () {
     return {
       active: findFirstUsable(this.slots()),
-      childCollapsed: null,
       resizeHandler: null,
       navMode: false,
       navSide: 'content'
@@ -89,7 +93,7 @@ export default {
       return (e) => {
         e.preventDefault()
         this.setTab(index)
-        onResize()
+        this.onResize()
       }
     },
     setTab (index) {
@@ -97,7 +101,7 @@ export default {
         this.onSwitch.call(null, this.slots()[index].key)
       }
       this.active = index
-      this.navSide = 'content'
+      this.changeNavSide('content')
     },
     showNav () {
       this.navMode = false
@@ -105,6 +109,10 @@ export default {
     hideNav () {
       this.navMode = true
     },
+    changeNavSide (side) {
+      this.navSide = side
+      this.$emit('sideSwitch', side)
+    },
     getNavMode () {
       return this.navMode
     },
@@ -115,11 +123,6 @@ export default {
       const navWidth = this.$refs.nav?.clientWidth
       const contentsWidth = this.$refs.contents?.clientWidth
 
-      const nestedSwitcher = this.$refs.contents?.querySelector('.vertical-tab-switcher')
-      if (nestedSwitcher) {
-        const childHeader = nestedSwitcher.querySelector('.tab-content-label')
-        this.childCollapsed = childHeader?.checkVisibility()
-      }
       // if contents takes more space than its container
       if (contentsWidth < tabContentWidth) {
         if (this.parentCollapsed) {
@@ -190,12 +193,13 @@ export default {
         : ''
 
       const headerClasses = ['tab-content-label']
-      if (this.childCollapsed) {
+      console.log(this.hideHeader)
+      if (this.hideHeader) {
         headerClasses.push('-hidden')
       }
       const header = (
         <h1 class={headerClasses}>
-          <button type="button" onClick={() => this.navSide = 'tabs'}>LOL</button>
+          <button type="button" onClick={() => this.changeNavSide('tabs')}>LOL</button>
           {props.label}
         </h1>
       )

From 63535b1494297d615e21fc9c240047553a5910f9 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Nov 2025 21:54:52 +0200
Subject: [PATCH 273/424] less spam of events, fix nesting headers (again)

---
 .../settings_modal_user_content.js            | 13 +++++----
 .../tab_switcher/vertical_tab_switcher.jsx    | 29 +++++++++++++------
 2 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 4f6ffe4fb..55f2a9ce9 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -96,15 +96,18 @@ const SettingsModalContent = {
       useInterfaceStore().clearSettingsModalTargetTab()
     },
     nestedTooBig () {
-      this.navCollapsed = false
-      this.$refs.tabSwitcher.showNav()
+      if (this.navCollapsed) {
+        this.navCollapsed = false
+        this.$refs.tabSwitcher.showNav()
+      }
     },
     nestedTooSmall () {
-      this.navCollapsed = true
-      this.$refs.tabSwitcher.hideNav()
+      if (!this.navCollapsed) {
+        this.navCollapsed = true
+        this.$refs.tabSwitcher.hideNav()
+      }
     },
     nestedNavSide (side) {
-      console.log('SWITCH')
       this.navHideHeader = side === 'content'
     }
   },
diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
index bb3fb7305..9341b2d77 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.jsx
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -104,24 +104,35 @@ export default {
       this.changeNavSide('content')
     },
     showNav () {
-      this.navMode = false
+      if (this.navMode) {
+        this.navMode = false
+        this.changeNavSide(null)
+        this.onResize()
+      }
     },
     hideNav () {
-      this.navMode = true
+      if (!this.navMode) {
+        this.navMode = true
+        this.changeNavSide('content')
+        this.onResize()
+      }
     },
     changeNavSide (side) {
-      this.navSide = side
-      this.$emit('sideSwitch', side)
+      if (this.navSide !== side) {
+        this.navSide = side
+        this.$emit('sideSwitch', side)
+      }
     },
     getNavMode () {
       return this.navMode
     },
     onResize () {
       // All other tabs are hidden and their width is most likely 0
-      const tabContent = this.$refs.contents?.querySelector('.tab-content-wrapper.-active .tab-content')
+      const tabContent = this.$refs.contents.querySelector('.tab-content-wrapper.-active .tab-content')
       const tabContentWidth = tabContent.clientWidth
-      const navWidth = this.$refs.nav?.clientWidth
-      const contentsWidth = this.$refs.contents?.clientWidth
+
+      const navWidth = this.$refs.nav.clientWidth
+      const contentsWidth = this.$refs.contents.clientWidth
 
       // if contents takes more space than its container
       if (contentsWidth < tabContentWidth) {
@@ -193,8 +204,8 @@ export default {
         : ''
 
       const headerClasses = ['tab-content-label']
-      console.log(this.hideHeader)
-      if (this.hideHeader) {
+      if (this.hideHeader === true) {
+        console.log('A', this.hideHeader)
         headerClasses.push('-hidden')
       }
       const header = (

From 9572b9704cefe1089811ebbb9929cefb451e5c0e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Nov 2025 22:06:02 +0200
Subject: [PATCH 274/424] fix logic not working on other tabs

---
 src/components/tab_switcher/vertical_tab_switcher.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
index 9341b2d77..074b90ec4 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.jsx
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -121,6 +121,7 @@ export default {
       if (this.navSide !== side) {
         this.navSide = side
         this.$emit('sideSwitch', side)
+        this.onResize()
       }
     },
     getNavMode () {
@@ -128,11 +129,13 @@ export default {
     },
     onResize () {
       // All other tabs are hidden and their width is most likely 0
-      const tabContent = this.$refs.contents.querySelector('.tab-content-wrapper.-active .tab-content')
+      const activeTab = this.$refs.root.querySelector('.tab-content-wrapper.-active')
+      const tabContent = activeTab.querySelector('.tab-content')
       const tabContentWidth = tabContent.clientWidth
 
+      const rootWidth = this.$refs.root.clientWidth
       const navWidth = this.$refs.nav.clientWidth
-      const contentsWidth = this.$refs.contents.clientWidth
+      const contentsWidth = rootWidth - navWidth
 
       // if contents takes more space than its container
       if (contentsWidth < tabContentWidth) {
@@ -141,6 +144,7 @@ export default {
         } else {
           this.$emit('tooSmall')
         }
+      // FIXME wrong again??
       // If we (theoretically) have enough space to fit it in
       } else if (contentsWidth - navWidth >= tabContentWidth){
         // First expand the inner layer, then outer
@@ -205,7 +209,6 @@ export default {
 
       const headerClasses = ['tab-content-label']
       if (this.hideHeader === true) {
-        console.log('A', this.hideHeader)
         headerClasses.push('-hidden')
       }
       const header = (

From fba7d15a2c50137456fdc62b5baf385b066d8ca6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 24 Nov 2025 16:06:09 +0200
Subject: [PATCH 275/424] improve font control

---
 src/components/font_control/font_control.vue | 21 ++++++++------------
 src/i18n/en.json                             |  7 +++++++
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index 5f4ed105c..9e2c338cf 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -1,13 +1,5 @@
 <template>
   <div class="font-control">
-    <label
-      :id="name + '-label'"
-      :for="manualEntry ? name : name + '-font-switcher'"
-      class="label"
-    >
-      {{ $t('settings.style.themes3.font.label', { label }) }}
-    </label>
-    {{ ' ' }}
     <Checkbox
       v-if="typeof fallback !== 'undefined'"
       :id="name + '-o'"
@@ -15,8 +7,15 @@
       :model-value="present"
       @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
     >
-      {{ $t('settings.style.themes3.define') }}
+      <i18n-t
+        scope="global"
+        keypath="settings.style.fonts.override"
+        tag="span"
+      >
+        {{ label }}
+      </i18n-t>
     </Checkbox>
+    {{ ' ' }}
     <div
       v-if="modelValue?.family"
       class="font-input"
@@ -143,10 +142,6 @@
     margin-left: 2em;
     margin-top: 0.5em;
   }
-
-  .font-checkbox {
-    margin-left: 1em;
-  }
 }
 
 .invalid-tooltip {
diff --git a/src/i18n/en.json b/src/i18n/en.json
index a0333b427..47625f395 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1079,6 +1079,13 @@
           "post": "Post text",
           "monospace": "Monospaced text"
         },
+        "components_inline": {
+          "interface": "interface",
+          "input": "input fields",
+          "post": "post text",
+          "monospace": "monospaced text"
+        },
+        "override": "Override {0} font",
         "family": "Font name",
         "size": "Size (in px)",
         "weight": "Weight (boldness)",

From b0f725671adbb7590a3f86a0dec369e1b3a373df Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 24 Nov 2025 16:19:23 +0200
Subject: [PATCH 276/424] improve scope selector

---
 .../post_status_form/post_status_form.scss    |  2 +-
 .../scope_selector/scope_selector.js          | 43 ++++++++++++++-----
 .../scope_selector/scope_selector.vue         | 14 +++---
 3 files changed, 41 insertions(+), 18 deletions(-)

diff --git a/src/components/post_status_form/post_status_form.scss b/src/components/post_status_form/post_status_form.scss
index 78b93fd28..641dc6dac 100644
--- a/src/components/post_status_form/post_status_form.scss
+++ b/src/components/post_status_form/post_status_form.scss
@@ -104,8 +104,8 @@
   .visibility-tray {
     display: flex;
     justify-content: space-between;
-    padding-top: 0.5em;
     align-items: baseline;
+    margin-left: -0.5em;
   }
 
   .visibility-notice {
diff --git a/src/components/scope_selector/scope_selector.js b/src/components/scope_selector/scope_selector.js
index 52cda368b..462892cb6 100644
--- a/src/components/scope_selector/scope_selector.js
+++ b/src/components/scope_selector/scope_selector.js
@@ -14,13 +14,33 @@ library.add(
 )
 
 const ScopeSelector = {
-  props: [
-    'showAll',
-    'userDefault',
-    'originalScope',
-    'initialScope',
-    'onScopeChange'
-  ],
+  props: {
+    showAll: {
+      required: true,
+      type: Boolean
+    },
+    userDefault: {
+      required: true,
+      type: String
+    },
+    originalScope: {
+      required: false,
+      type: String
+    },
+    initialScope: {
+      required: false,
+      type: String
+    },
+    onScopeChange: {
+      required: true,
+      type: Function
+    },
+    unstyled: {
+      required: false,
+      type: Boolean,
+      default: true
+    }
+  },
   data () {
     return {
       currentScope: this.initialScope
@@ -43,11 +63,12 @@ const ScopeSelector = {
       return this.shouldShow('direct')
     },
     css () {
+      const style = this.unstyled ? 'button-unstyled' : 'button-default'
       return {
-        public: { toggled: this.currentScope === 'public' },
-        unlisted: { toggled: this.currentScope === 'unlisted' },
-        private: { toggled: this.currentScope === 'private' },
-        direct: { toggled: this.currentScope === 'direct' }
+        public: [style, { toggled: this.currentScope === 'public' }],
+        unlisted: [style, { toggled: this.currentScope === 'unlisted' }],
+        private: [style, { toggled: this.currentScope === 'private' }],
+        direct: [style, { toggled: this.currentScope === 'direct' }]
       }
     }
   },
diff --git a/src/components/scope_selector/scope_selector.vue b/src/components/scope_selector/scope_selector.vue
index b90ae0205..cbe51a07f 100644
--- a/src/components/scope_selector/scope_selector.vue
+++ b/src/components/scope_selector/scope_selector.vue
@@ -1,11 +1,11 @@
 <template>
   <div
     v-if="!showNothing"
-    class="ScopeSelector"
+    class="ScopeSelector btn-group"
   >
     <button
       v-if="showDirect"
-      class="button-unstyled scope"
+      class="scope"
       :class="css.direct"
       :title="$t('post_status.scope.direct')"
       type="button"
@@ -19,7 +19,7 @@
     {{ ' ' }}
     <button
       v-if="showPrivate"
-      class="button-unstyled scope"
+      class="scope"
       :class="css.private"
       :title="$t('post_status.scope.private')"
       type="button"
@@ -33,7 +33,7 @@
     {{ ' ' }}
     <button
       v-if="showUnlisted"
-      class="button-unstyled scope"
+      class="scope"
       :class="css.unlisted"
       :title="$t('post_status.scope.unlisted')"
       type="button"
@@ -47,7 +47,7 @@
     {{ ' ' }}
     <button
       v-if="showPublic"
-      class="button-unstyled scope"
+      class="scope"
       :class="css.public"
       :title="$t('post_status.scope.public')"
       type="button"
@@ -65,12 +65,14 @@
 
 <style lang="scss">
 .ScopeSelector {
+  display: inline-block;
+
   .scope {
     display: inline-block;
-    cursor: pointer;
     min-width: 1.3em;
     min-height: 1.3em;
     text-align: center;
+    padding: 0.5em 0.25em
   }
 }
 </style>

From 50ede338e7ed25f599aea76b34f061b76741663e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 24 Nov 2025 17:06:55 +0200
Subject: [PATCH 277/424] further separation of tabs

---
 .../settings_modal/settings_modal.scss        |  13 +
 .../settings_modal_user_content.js            |  26 +-
 .../settings_modal_user_content.scss          |   1 -
 .../settings_modal_user_content.vue           |  96 ++--
 .../settings_modal/tabs/appearance_tab.js     |  47 +-
 .../settings_modal/tabs/appearance_tab.scss   |  28 +-
 .../settings_modal/tabs/appearance_tab.vue    | 398 +++----------
 .../settings_modal/tabs/clutter_tab.js        | 194 +++++++
 .../settings_modal/tabs/clutter_tab.vue       | 104 ++++
 .../settings_modal/tabs/composing_tab.js      | 178 ++++++
 .../settings_modal/tabs/composing_tab.vue     | 111 ++++
 .../tabs/{version_tab.js => developer_tab.js} |   0
 .../settings_modal/tabs/developer_tab.vue     |  72 +++
 .../settings_modal/tabs/filtering_tab.js      |   1 +
 .../settings_modal/tabs/filtering_tab.vue     |  71 +--
 .../settings_modal/tabs/general_tab.js        | 108 +---
 .../settings_modal/tabs/general_tab.vue       | 544 +++---------------
 .../settings_modal/tabs/layout_tab.js         |  49 ++
 .../settings_modal/tabs/layout_tab.vue        | 130 +++++
 .../old_theme_tab.js}                         |   0
 .../old_theme_tab.scss}                       |   2 +-
 .../old_theme_tab.vue}                        |   6 +-
 .../theme_preview.vue                         |   0
 .../settings_modal/tabs/posts_tab.js          |  76 +++
 .../settings_modal/tabs/posts_tab.scss        |   5 +
 .../settings_modal/tabs/posts_tab.vue         | 253 ++++++++
 .../tabs/style_tab/style_tab.js               |   2 +-
 .../settings_modal/tabs/version_tab.vue       |  31 -
 .../tab_switcher/vertical_tab_switcher.jsx    |  29 +-
 src/i18n/en.json                              |  14 +-
 30 files changed, 1489 insertions(+), 1100 deletions(-)
 create mode 100644 src/components/settings_modal/tabs/clutter_tab.js
 create mode 100644 src/components/settings_modal/tabs/clutter_tab.vue
 create mode 100644 src/components/settings_modal/tabs/composing_tab.js
 create mode 100644 src/components/settings_modal/tabs/composing_tab.vue
 rename src/components/settings_modal/tabs/{version_tab.js => developer_tab.js} (100%)
 create mode 100644 src/components/settings_modal/tabs/developer_tab.vue
 create mode 100644 src/components/settings_modal/tabs/layout_tab.js
 create mode 100644 src/components/settings_modal/tabs/layout_tab.vue
 rename src/components/settings_modal/tabs/{theme_tab/theme_tab.js => old_theme_tab/old_theme_tab.js} (100%)
 rename src/components/settings_modal/tabs/{theme_tab/theme_tab.scss => old_theme_tab/old_theme_tab.scss} (99%)
 rename src/components/settings_modal/tabs/{theme_tab/theme_tab.vue => old_theme_tab/old_theme_tab.vue} (99%)
 rename src/components/settings_modal/tabs/{theme_tab => old_theme_tab}/theme_preview.vue (100%)
 create mode 100644 src/components/settings_modal/tabs/posts_tab.js
 create mode 100644 src/components/settings_modal/tabs/posts_tab.scss
 create mode 100644 src/components/settings_modal/tabs/posts_tab.vue
 delete mode 100644 src/components/settings_modal/tabs/version_tab.vue

diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 2c975917f..9c78cd901 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -1,7 +1,20 @@
 .settings-modal {
   overflow: hidden;
 
+  h3 {
+    font-size: 1.4rem;
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+
   h4 {
+    font-size: 1.2rem;
+    margin-top: 1em;
+    margin-bottom: 0.5em;
+  }
+
+  h5 {
+    font-size: 1rem;
     margin-bottom: 0.5em;
   }
 
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 55f2a9ce9..9c6e3bba6 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -7,15 +7,20 @@ import FilteringTab from './tabs/filtering_tab.vue'
 import SecurityTab from './tabs/security_tab/security_tab.vue'
 import ProfileTab from './tabs/profile_tab.vue'
 import GeneralTab from './tabs/general_tab.vue'
+import PostsTab from './tabs/posts_tab.vue'
+import ComposingTab from './tabs/composing_tab.vue'
+import ClutterTab from './tabs/clutter_tab.vue'
+import LayoutTab from './tabs/layout_tab.vue'
 import AppearanceTab from './tabs/appearance_tab.vue'
-import VersionTab from './tabs/version_tab.vue'
-import ThemeTab from './tabs/theme_tab/theme_tab.vue'
+import DeveloperTab from './tabs/developer_tab.vue'
+import OldThemeTab from './tabs/old_theme_tab/old_theme_tab.vue'
 import StyleTab from './tabs/style_tab/style_tab.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faWrench,
   faUser,
+  faMessage,
   faFilter,
   faPaintBrush,
   faPalette,
@@ -23,13 +28,16 @@ import {
   faDownload,
   faEyeSlash,
   faInfo,
-  faWindowRestore
+  faWindowRestore,
+  faCode,
+  faBroom
 } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
 library.add(
   faWrench,
   faUser,
+  faMessage,
   faFilter,
   faPaintBrush,
   faPalette,
@@ -37,7 +45,9 @@ library.add(
   faDownload,
   faEyeSlash,
   faInfo,
-  faWindowRestore
+  faWindowRestore,
+  faBroom,
+  faCode
 )
 
 const SettingsModalContent = {
@@ -51,10 +61,14 @@ const SettingsModalContent = {
     SecurityTab,
     ProfileTab,
     GeneralTab,
+    PostsTab,
+    ComposingTab,
+    ClutterTab,
+    LayoutTab,
     AppearanceTab,
     StyleTab,
-    VersionTab,
-    ThemeTab
+    DeveloperTab,
+    OldThemeTab
   },
   computed: {
     isLoggedIn () {
diff --git a/src/components/settings_modal/settings_modal_user_content.scss b/src/components/settings_modal/settings_modal_user_content.scss
index 25e9bda3a..2884938b4 100644
--- a/src/components/settings_modal/settings_modal_user_content.scss
+++ b/src/components/settings_modal/settings_modal_user_content.scss
@@ -12,7 +12,6 @@
   }
 
   h5 {
-    margin-bottom: 0;
     margin-top: 0.25em;
   }
 
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 22271d533..58a0adbd9 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -13,14 +13,34 @@
       icon="wrench"
       data-tab-name="general"
     >
-      <GeneralTab
-        class="inner-tab -middle"
-        ref="generalTab"
-        :parent-collapsed="navCollapsed"
-        @side-switch="(side) => nestedNavSide(side)"
-        @too-small="() => nestedTooSmall()"
-        @too-big="() => nestedTooBig()"
-      />
+      <GeneralTab />
+    </div>
+    <div
+      :full-width="true"
+      :label="$t('settings.posts')"
+      icon="message"
+      data-tab-name="posts"
+      :delay-render="true"
+    >
+      <PostsTab />
+    </div>
+    <div
+      :full-width="true"
+      :label="$t('settings.composing')"
+      icon="pen-alt"
+      data-tab-name="composing"
+      :delay-render="true"
+    >
+      <ComposingTab />
+    </div>
+    <div
+      :full-width="true"
+      :label="$t('settings.layout')"
+      icon="table-columns"
+      data-tab-name="layout"
+      :delay-render="true"
+    >
+      <LayoutTab />
     </div>
     <div
       :full-width="true"
@@ -29,30 +49,7 @@
       data-tab-name="appearance"
       :delay-render="true"
     >
-      <AppearanceTab
-        class="inner-tab -middle"
-        :parent-collapsed="navCollapsed"
-        @too-small="() => nestedTooSmall()"
-        @too-big="() => nestedTooBig()"
-      />
-    </div>
-    <div
-      v-if="expertLevel > 0"
-      :label="$t('settings.style.themes3.editor.title')"
-      icon="palette"
-      data-tab-name="style"
-      :delay-render="true"
-    >
-      <StyleTab />
-    </div>
-    <div
-      v-if="expertLevel > 0"
-      :label="$t('settings.theme_old')"
-      icon="paint-brush"
-      data-tab-name="theme"
-      :delay-render="true"
-    >
-      <ThemeTab />
+      <AppearanceTab />
     </div>
     <div
       v-if="isLoggedIn"
@@ -78,6 +75,14 @@
     >
       <SecurityTab />
     </div>
+    <div
+      :label="$t('settings.clutter')"
+      :fullHeight="true"
+      icon="broom"
+      data-tab-name="mutesAndBlocks"
+    >
+      <ClutterTab />
+    </div>
     <div
       :label="$t('settings.filtering')"
       icon="filter"
@@ -103,11 +108,30 @@
       <DataImportExportTab />
     </div>
     <div
-      :label="$t('settings.version.title')"
-      icon="info"
-      data-tab-name="version"
+      v-if="expertLevel > 0"
+      :label="$t('settings.style.themes3.editor.title')"
+      icon="palette"
+      data-tab-name="style"
+      :delay-render="true"
     >
-      <VersionTab />
+      <StyleTab />
+    </div>
+    <div
+      v-if="expertLevel > 0"
+      :label="$t('settings.theme_old')"
+      icon="paint-brush"
+      data-tab-name="theme"
+      :delay-render="true"
+    >
+      <ThemeTab />
+    </div>
+    <div
+      v-if="expertLevel > 0"
+      :label="$t('settings.developer')"
+      icon="code"
+      data-tab-name="developer"
+    >
+      <DeveloperTab />
     </div>
   </vertical-tab-switcher>
 </template>
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 2978142ef..3bb5ec508 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -5,10 +5,8 @@ import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import FloatSetting from '../helpers/float_setting.vue'
 import UnitSetting from '../helpers/unit_setting.vue'
-import { defaultHorizontalUnits } from '../helpers/unit_setting.js'
 import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
-import Preview from './theme_tab/theme_preview.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
+import Preview from './old_theme_tab/theme_preview.vue'
 
 import { newImporter } from 'src/services/export_import/export_import.js'
 import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
@@ -67,11 +65,6 @@ const AppearanceTab = {
       ],
       userPalette: {},
       intersectionObserver: null,
-      thirdColumnModeOptions: ['none', 'notifications', 'postform'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.third_column_mode_${mode}`)
-      })),
       forcedRoundnessOptions: ['disabled', 'sharp', 'nonsharp', 'round'].map((mode, i) => ({
         key: mode,
         value: i - 1,
@@ -94,7 +87,6 @@ const AppearanceTab = {
     FloatSetting,
     UnitSetting,
     ProfileSettingIndicator,
-    FontControl,
     Preview,
     PaletteEditor,
     VerticalTabSwitcher
@@ -209,8 +201,6 @@ const AppearanceTab = {
     paletteDataUsed () {
       return useInterfaceStore().paletteDataUsed
     },
-    instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
-    instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
     availableStyles () {
       return [
         ...this.availableThemesV3,
@@ -264,33 +254,10 @@ const AppearanceTab = {
     noIntersectionObserver () {
       return !window.IntersectionObserver
     },
-    horizontalUnits () {
-      return defaultHorizontalUnits
-    },
-    fontsOverride () {
-      return this.$store.getters.mergedConfig.fontsOverride
-    },
-    columns () {
-      const mode = this.$store.getters.mergedConfig.thirdColumnMode
-
-      const notif = mode === 'none' ? [] : ['notifs']
-
-      if (this.$store.getters.mergedConfig.sidebarRight || mode === 'postform') {
-        return [...notif, 'content', 'sidebar']
-      } else {
-        return ['sidebar', 'content', ...notif]
-      }
-    },
     instanceWallpaperUsed () {
       return this.$store.state.instance.background &&
         !this.$store.state.users.currentUser.background_image
     },
-    language: {
-      get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
-      set: function (val) {
-        this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
-      }
-    },
     customThemeVersion () {
       const { themeVersion } = useInterfaceStore()
       return themeVersion
@@ -306,18 +273,6 @@ const AppearanceTab = {
     ...SharedComputedObject()
   },
   methods: {
-    updateFont (key, value) {
-      this.$store.dispatch('setOption', {
-        name: 'theme3hacks',
-        value: {
-          ...this.mergedConfig.theme3hacks,
-          fonts: {
-            ...this.mergedConfig.theme3hacks.fonts,
-            [key]: value
-          }
-        }
-      })
-    },
     importFile () {
       this.fileImporter.importData()
     },
diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index aa6bd5b45..ccc494d32 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -5,23 +5,18 @@
     margin: 1em;
   }
 
-  .setting-item {
-    padding-bottom: 0;
-
-    &.heading {
-      display: grid;
-      align-items: baseline;
-      grid-template-columns: 1fr auto auto auto;
-      grid-gap: 0.5em;
-
-      h2 {
-        flex: 1 0 auto;
-      }
-    }
+  .theme-name {
+    font-weight: 900;
+    padding-bottom: 0.5em;
   }
 
   h4 {
-    margin: 0.5em 0;
+    margin: 2em 0;
+    line-height: 1.5;
+  }
+
+  h5 {
+    display: block;
   }
 
   input[type="file"] {
@@ -71,6 +66,7 @@
     border-radius: var(--roundness);
     border: 1px solid var(--border);
     margin: -0.5em;
+    margin-top: 0;
   }
 
   .palettes {
@@ -80,9 +76,9 @@
     padding: 0.5em;
     width: 100%;
 
-    h4 {
-      margin: 0;
+    h5 {
       grid-column: 1 / span 2;
+      margin-bottom: 0;
     }
   }
 
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index f70b4042c..868fb8bfa 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -1,288 +1,14 @@
 <template>
-  <vertical-tab-switcher
+  <div
     class="appearance-tab"
-    :label="$t('settings.appearance')"
-    ref="tabSwitcher"
-    :side-tab-bar="true"
-    :scrollable-tabs="true"
-    @too-small="() => console.log('small') || $emit('tooSmall')"
-    @too-big="() => $emit('tooBig')"
+    :label="$t('settings.interface')"
+    icon="table-columns"
   >
-    <div
-      :label="$t('settings.interface')"
-      icon="table-columns"
-    >
-      <div class="alert neutral theme-notice">
-        {{ $t("settings.style.appearance_tab_note") }}
-      </div>
-      <ul class="setting-list">
-        <h3>{{ $t('settings.general') }}</h3>
-        <li>
-          <UnitSetting
-            path="textSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 14, 'rem': 1 }"
-            timed-apply-mode
-          >
-            {{ $t('settings.text_size') }}
-          </UnitSetting>
-          <div>
-            <small>
-              <i18n-t
-                scope="global"
-                keypath="settings.text_size_tip"
-                tag="span"
-              >
-                <code>px</code>
-                <code>rem</code>
-              </i18n-t>
-              <br>
-              <i18n-t
-                scope="global"
-                keypath="settings.text_size_tip2"
-                tag="span"
-              >
-                <code>14px</code>
-              </i18n-t>
-            </small>
-          </div>
-        </li>
-        <li>
-          <FontControl
-            :model-value="mergedConfig.theme3hacks.fonts.interface"
-            name="ui"
-            :label="$t('settings.style.fonts.components.interface')"
-            :fallback="{ family: 'sans-serif' }"
-            no-inherit="1"
-            @update:model-value="v => updateFont('interface', v)"
-          />
-        </li>
-        <li>
-          <FontControl
-            :model-value="mergedConfig.theme3hacks.fonts.input"
-            name="input"
-            :fallback="{ family: 'inherit' }"
-            :label="$t('settings.style.fonts.components.input')"
-            @update:model-value="v => updateFont('input', v)"
-          />
-        </li>
-        <li>
-          <UnitSetting
-            path="emojiSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 32, 'rem': 2.2 }"
-          >
-            {{ $t('settings.emoji_size') }}
-          </UnitSetting>
-          <ul
-            class="setting-list suboptions"
-          >
-            <li>
-              <FloatSetting
-                v-if="user"
-                path="emojiReactionsScale"
-                expert="1"
-              >
-                {{ $t('settings.emoji_reactions_scale') }}
-              </FloatSetting>
-            </li>
-          </ul>
-        </li>
-        <li>
-          <BooleanSetting
-            path="userPopoverOverlay"
-            expert="1"
-          >
-            {{ $t('settings.user_popover_avatar_overlay') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="userCardLeftJustify"
-            expert="1"
-          >
-            {{ $t('settings.user_card_left_justify') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="userCardHidePersonalMarks"
-            expert="1"
-          >
-            {{ $t('settings.user_card_hide_personal_marks') }}
-          </BooleanSetting>
-        </li>
-        <li v-if="instanceShoutboxPresent">
-          <BooleanSetting
-            path="hideShoutbox"
-            expert="1"
-          >
-            {{ $t('settings.hide_shoutbox') }}
-          </BooleanSetting>
-        </li>
-        <h3>{{ $t('settings.columns') }}</h3>
-        <li>
-          <UnitSetting
-            path="navbarSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 55, 'rem': 3.5 }"
-          >
-            {{ $t('settings.navbar_size') }}
-          </UnitSetting>
-        </li>
-        <li v-if="instanceSpecificPanelPresent">
-          <BooleanSetting path="hideISP">
-            {{ $t('settings.hide_isp') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <UnitSetting
-            path="panelHeaderSize"
-            :step="0.1"
-            :units="['px', 'rem']"
-            :reset-default="{ 'px': 52, 'rem': 3.2 }"
-            timed-apply-mode
-          >
-            {{ $t('settings.panel_header_size') }}
-          </UnitSetting>
-        </li>
-        <li>
-          <BooleanSetting path="sidebarRight">
-            {{ $t('settings.right_sidebar') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="navbarColumnStretch">
-            {{ $t('settings.navbar_column_stretch') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            v-if="user"
-            id="thirdColumnMode"
-            path="thirdColumnMode"
-            :options="thirdColumnModeOptions"
-          >
-            {{ $t('settings.third_column_mode') }}
-          </ChoiceSetting>
-        </li>
-        <li v-if="expertLevel > 0">
-          {{ $t('settings.column_sizes') }}
-          <div class="column-settings">
-            <UnitSetting
-              v-for="column in columns"
-              :key="column"
-              :path="column + 'ColumnWidth'"
-              :units="horizontalUnits"
-              expert="1"
-            >
-              {{ $t('settings.column_sizes_' + column) }}
-            </UnitSetting>
-          </div>
-        </li>
-        <li>
-          <BooleanSetting path="disableStickyHeaders">
-            {{ $t('settings.disable_sticky_headers') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="showScrollbars">
-            {{ $t('settings.show_scrollbars') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <UnitSetting
-            path="themeEditorMinWidth"
-            :units="['px', 'rem']"
-            expert="1"
-          >
-            {{ $t('settings.theme_editor_min_width') }}
-          </UnitSetting>
-        </li>
-      </ul>
-      <ul class="setting-list">
-        <h3>{{ $t('settings.visual_tweaks') }}</h3>
-        <li>
-          <BooleanSetting path="modalMobileCenter">
-            {{ $t('settings.mobile_center_dialog') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            id="forcedRoundness"
-            path="forcedRoundness"
-            :options="forcedRoundnessOptions"
-          >
-            {{ $t('settings.style.themes3.hacks.force_interface_roundness') }}
-          </ChoiceSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            id="underlayOverride"
-            path="theme3hacks.underlay"
-            :options="underlayOverrideModes"
-          >
-            {{ $t('settings.style.themes3.hacks.underlay_overrides') }}
-          </ChoiceSetting>
-        </li>
-        <li v-if="instanceWallpaperUsed">
-          <BooleanSetting path="hideInstanceWallpaper">
-            {{ $t('settings.hide_wallpaper') }}
-          </BooleanSetting>
-        </li>
-      </ul>
-    </div>
     <div
       class="setting-item"
       :label="$t('settings.theme')"
       icon="paintbrush"
     >
-      <div>
-        <h3>{{ $t('settings.background') }}</h3>
-        <div class="banner-background-preview">
-          <img :src="user.background_image">
-          <button
-            v-if="!isDefaultBackground"
-            class="button-unstyled reset-button"
-            :title="$t('settings.reset_profile_background')"
-            @click="resetBackground"
-          >
-            <FAIcon
-              icon="times"
-              type="button"
-            />
-          </button>
-        </div>
-        <p>{{ $t('settings.set_new_background') }}</p>
-        <img
-          v-if="backgroundPreview"
-          class="banner-background-preview"
-          :src="backgroundPreview"
-        >
-        <div>
-          <input
-            type="file"
-            class="input"
-            @change="uploadFile('background', $event)"
-          >
-        </div>
-        <FAIcon
-          v-if="backgroundUploading"
-          class="uploading"
-          spin
-          icon="circle-notch"
-        />
-        <button
-          v-else-if="backgroundPreview"
-          class="btn button-default"
-          @click="submitBackground(background)"
-        >
-          {{ $t('settings.save') }}
-        </button>
-      </div>
       <h3>{{ $t('settings.style.style_section') }}</h3>
       <ul
         ref="themeList"
@@ -296,10 +22,10 @@
           @click="resetTheming"
         >
           <preview id="theme-preview-stock" />
-          <h4 class="theme-name">
+          <span class="theme-name">
             {{ $t('settings.style.stock_theme_used') }}
             <span class="alert neutral version">v3</span>
-          </h4>
+          </span>
         </button>
         <button
           v-if="isCustomThemeUsed"
@@ -307,10 +33,10 @@
           class="button-default theme-preview toggled"
         >
           <preview />
-          <h4 class="theme-name">
+          <span class="theme-name">
             {{ $t('settings.style.custom_theme_used') }}
             <span class="alert neutral version">v2</span>
-          </h4>
+          </span>
         </button>
         <button
           v-if="isCustomStyleUsed"
@@ -318,10 +44,10 @@
           class="button-default theme-preview toggled"
         >
           <preview />
-          <h4 class="theme-name">
+          <span class="theme-name">
             {{ $t('settings.style.custom_style_used') }}
             <span class="alert neutral version">v3</span>
-          </h4>
+          </span>
         </button>
         <button
           v-for="style in availableStyles"
@@ -333,10 +59,10 @@
           @click="style.version === 'v2' ? setTheme(style.key) : setStyle(style.key)"
         >
           <preview :id="'theme-preview-' + style.key" />
-          <h4 class="theme-name">
+          <span class="theme-name">
             {{ style.name }}
             <span class="alert neutral version">{{ style.version }}</span>
-          </h4>
+          </span>
         </button>
       </ul>
       <div class="import-file-container">
@@ -351,14 +77,14 @@
         </button>
       </div>
       <div class="setting-item">
-        <h2>{{ $t('settings.style.themes3.palette.label') }}</h2>
+        <h4>{{ $t('settings.style.themes3.palette.label') }}</h4>
         <div
           v-if="customThemeVersion === 'v3'"
           class="palettes-container"
         >
-          <h4 v-if="stylePalettes?.length > 0">
+          <h5 v-if="stylePalettes?.length > 0">
             {{ $t('settings.style.themes3.palette.style') }}
-          </h4>
+          </h5>
           <div class="palettes">
             <button
               v-for="p in stylePalettes || []"
@@ -382,7 +108,7 @@
                 />
               </div>
             </button>
-            <h4>{{ $t('settings.style.themes3.palette.bundled') }}</h4>
+            <h5>{{ $t('settings.style.themes3.palette.bundled') }}</h5>
             <button
               v-for="p in bundledPalettes"
               :key="p.name"
@@ -409,9 +135,9 @@
         </div>
         <div>
           <template v-if="customThemeVersion === 'v3'">
-            <h4 v-if="expertLevel > 0">
+            <h5 v-if="expertLevel > 0">
               {{ $t('settings.style.themes3.palette.user') }}
-            </h4>
+            </h5>
             <PaletteEditor
               v-if="expertLevel > 0"
               v-model="userPalette"
@@ -428,27 +154,79 @@
             </div>
           </template>
         </div>
-        <ul class="setting-list">
-          <li>
-            <BooleanSetting
-              path="themeDebug"
-              :expert="1"
-            >
-              {{ $t('settings.theme_debug') }}
-            </BooleanSetting>
-          </li>
-          <li>
-            <BooleanSetting
-              path="forceThemeRecompilation"
-              :expert="1"
-            >
-              {{ $t('settings.force_theme_recompilation_debug') }}
-            </BooleanSetting>
-          </li>
-        </ul>
       </div>
+      <h3>{{ $t('settings.background') }}</h3>
+      <div class="banner-background-preview">
+        <img :src="user.background_image">
+        <button
+          v-if="!isDefaultBackground"
+          class="button-unstyled reset-button"
+          :title="$t('settings.reset_profile_background')"
+          @click="resetBackground"
+        >
+          <FAIcon
+            icon="times"
+            type="button"
+          />
+        </button>
+      </div>
+      <p>{{ $t('settings.set_new_background') }}</p>
+      <img
+        v-if="backgroundPreview"
+        class="banner-background-preview"
+        :src="backgroundPreview"
+      >
+      <div>
+        <input
+          type="file"
+          class="input"
+          @change="uploadFile('background', $event)"
+        >
+      </div>
+      <FAIcon
+        v-if="backgroundUploading"
+        class="uploading"
+        spin
+        icon="circle-notch"
+      />
+      <button
+        v-else-if="backgroundPreview"
+        class="btn button-default"
+        @click="submitBackground(background)"
+      >
+        {{ $t('settings.save') }}
+      </button>
+      <h3>{{ $t('settings.visual_tweaks') }}</h3>
+      <div class="alert neutral theme-notice">
+        {{ $t("settings.style.visual_tweaks_section_note") }}
+      </div>
+      <ul class="setting-list">
+        <li>
+          <ChoiceSetting
+            id="forcedRoundness"
+            path="forcedRoundness"
+            :options="forcedRoundnessOptions"
+          >
+            {{ $t('settings.style.themes3.hacks.force_interface_roundness') }}
+          </ChoiceSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            id="underlayOverride"
+            path="theme3hacks.underlay"
+            :options="underlayOverrideModes"
+          >
+            {{ $t('settings.style.themes3.hacks.underlay_overrides') }}
+          </ChoiceSetting>
+        </li>
+        <li v-if="instanceWallpaperUsed">
+          <BooleanSetting path="hideInstanceWallpaper">
+            {{ $t('settings.hide_wallpaper') }}
+          </BooleanSetting>
+        </li>
+      </ul>
     </div>
-  </vertical-tab-switcher>
+  </div>
 </template>
 
 <script src="./appearance_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/clutter_tab.js b/src/components/settings_modal/tabs/clutter_tab.js
new file mode 100644
index 000000000..8e12104fc
--- /dev/null
+++ b/src/components/settings_modal/tabs/clutter_tab.js
@@ -0,0 +1,194 @@
+import { mapState, mapActions } from 'pinia'
+import { mapState as mapVuexState } from 'vuex'
+import { v4 as uuidv4 } from 'uuid';
+
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import UnitSetting from '../helpers/unit_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import HelpIndicator from '../helpers/help_indicator.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Select from 'src/components/select/select.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+
+const ClutterTab = {
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    UnitSetting,
+    IntegerSetting,
+    Checkbox,
+    Select,
+    HelpIndicator
+  },
+  computed: {
+    instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
+    ...SharedComputedObject(),
+    ...mapState(
+      useServerSideStorageStore,
+      {
+        muteFilters: store => Object.entries(store.prefsStorage.simple.muteFilters),
+        muteFiltersObject: store => store.prefsStorage.simple.muteFilters
+      }
+    ),
+    ...mapVuexState({
+      blockExpirationSupported: state => state.instance.blockExpiration
+    }),
+    onMuteDefaultActionLv1: {
+      get () {
+        const value = this.$store.state.config.onMuteDefaultAction
+        if (value === 'ask' || value === 'forever') {
+          return value
+        } else {
+          return 'temporarily'
+        }
+      },
+      set (value) {
+        let realValue = value
+        if (value !== 'ask' && value !== 'forever') {
+          realValue = '14d'
+        }
+        this.$store.dispatch('setOption', { name: 'onMuteDefaultAction', value: realValue })
+      }
+    },
+    onBlockDefaultActionLv1: {
+      get () {
+        const value = this.$store.state.config.onBlockDefaultAction
+        if (value === 'ask' || value === 'forever') {
+          return value
+        } else {
+          return 'temporarily'
+        }
+      },
+      set (value) {
+        let realValue = value
+        if (value !== 'ask' && value !== 'forever') {
+          realValue = '14d'
+        }
+        this.$store.dispatch('setOption', { name: 'onBlockDefaultAction', value: realValue })
+      }
+    },
+    muteFiltersDraft () {
+      return Object.entries(this.muteFiltersDraftObject)
+    },
+    muteFiltersExpired () {
+      const now = Date.now()
+      return Object
+        .entries(this.muteFiltersDraftObject)
+        .filter(([, { expires }]) => expires != null && expires <= now)
+    }
+  },
+  methods: {
+    ...mapActions(useServerSideStorageStore, ['setPreference', 'unsetPreference', 'pushServerSideStorage']),
+    getDatetimeLocal (timestamp) {
+      const date = new Date(timestamp)
+      const fmt = new Intl.NumberFormat("en-US", {minimumIntegerDigits: 2})
+      const datetime = [
+        date.getFullYear(),
+        '-',
+        fmt.format(date.getMonth() + 1),
+        '-',
+        fmt.format(date.getDate()),
+        'T',
+        fmt.format(date.getHours()),
+        ':',
+        fmt.format(date.getMinutes())
+      ].join('')
+      return datetime
+    },
+    checkRegexValid (id) {
+      const filter = this.muteFiltersObject[id]
+      if (filter.type !== 'regexp') return true
+      if (filter.type !== 'user_regexp') return true
+      const { value } = filter
+      let valid = true
+      try {
+        new RegExp(value)
+      } catch {
+        valid = false
+        console.error('Invalid RegExp: ' + value)
+      }
+      return valid
+    },
+    createFilter (filter = {
+      type: 'word',
+      value: '',
+      name: 'New Filter',
+      enabled: true,
+      expires: null,
+      hide: false,
+    }) {
+      const newId = uuidv4()
+
+      filter.order = this.muteFilters.length + 2
+      this.muteFiltersDraftObject[newId] = filter
+      this.setPreference({ path: 'simple.muteFilters.' + newId , value: filter })
+      this.pushServerSideStorage()
+    },
+    exportFilter(id) {
+      this.exportedFilter = { ...this.muteFiltersDraftObject[id] }
+      delete this.exportedFilter.order
+      this.filterExporter.exportData()
+    },
+    importFilter() {
+      this.filterImporter.importData()
+    },
+    copyFilter (id) {
+      const filter = { ...this.muteFiltersDraftObject[id] }
+      const newId = uuidv4()
+
+      this.muteFiltersDraftObject[newId] = filter
+      this.setPreference({ path: 'simple.muteFilters.' + newId , value: filter })
+      this.pushServerSideStorage()
+    },
+    deleteFilter (id) {
+      delete this.muteFiltersDraftObject[id]
+      this.unsetPreference({ path: 'simple.muteFilters.' + id , value: null })
+      this.pushServerSideStorage()
+    },
+    purgeExpiredFilters () {
+      this.muteFiltersExpired.forEach(([id]) => {
+        console.log(id)
+        delete this.muteFiltersDraftObject[id]
+        this.unsetPreference({ path: 'simple.muteFilters.' + id , value: null })
+      })
+      this.pushServerSideStorage()
+    },
+    updateFilter(id, field, value) {
+      const filter = { ...this.muteFiltersDraftObject[id] }
+      if (field === 'expires-never') {
+        if (!value) {
+          const offset = 1000 * 60 * 60 * 24 * 14 // 2 weeks
+          const date = Date.now() + offset
+          filter.expires = date
+        } else {
+          filter.expires = null
+        }
+      } else if (field === 'expires') {
+        const parsed = Date.parse(value)
+        filter.expires = parsed.valueOf()
+      } else {
+        filter[field] = value
+      }
+      this.muteFiltersDraftObject[id] = filter
+      this.muteFiltersDraftDirty[id] = true
+    },
+    saveFilter(id) {
+      this.setPreference({ path: 'simple.muteFilters.' + id , value: this.muteFiltersDraftObject[id] })
+      this.pushServerSideStorage()
+      this.muteFiltersDraftDirty[id] = false
+    },
+  },
+  // Updating nested properties
+  watch: {
+    replyVisibility () {
+      this.$store.dispatch('queueFlushAll')
+    }
+  }
+}
+
+export default ClutterTab
diff --git a/src/components/settings_modal/tabs/clutter_tab.vue b/src/components/settings_modal/tabs/clutter_tab.vue
new file mode 100644
index 000000000..12514c330
--- /dev/null
+++ b/src/components/settings_modal/tabs/clutter_tab.vue
@@ -0,0 +1,104 @@
+<template>
+  <div class="clutter-tab">
+    <div class="setting-item">
+      <h3>{{ $t('settings.interface') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting
+            path="alwaysShowSubjectInput"
+            expert="1"
+          >
+            {{ $t('settings.subject_input_always_show') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="minimalScopesMode"
+            expert="1"
+          >
+            {{ $t('settings.minimal_scopes_mode') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            expert="1"
+            path="hidePostStats"
+          >
+            {{ $t('settings.hide_post_stats') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            expert="1"
+            path="hideUserStats"
+          >
+            {{ $t('settings.hide_user_stats') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="hideBotIndication">
+            {{ $t('settings.hide_actor_type_indication') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="hideScrobbles">
+            {{ $t('settings.hide_scrobbles') }}
+          </BooleanSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <UnitSetting
+                key="hideScrobblesAfter"
+                path="hideScrobblesAfter"
+                :units="['m', 'h', 'd']"
+                unit-set="time"
+                expert="1"
+              >
+                {{ $t('settings.hide_scrobbles_after') }}
+              </UnitSetting>
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.attachments') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <IntegerSetting
+            path="maxThumbnails"
+            expert="1"
+            :min="0"
+          >
+            {{ $t('settings.max_thumbnails') }}
+          </IntegerSetting>
+        </li>
+        <li>
+          <BooleanSetting path="hideAttachments">
+            {{ $t('settings.hide_attachments_in_tl') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="hideAttachmentsInConv">
+            {{ $t('settings.hide_attachments_in_convo') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="userCardHidePersonalMarks"
+            expert="1"
+          >
+            {{ $t('settings.user_card_hide_personal_marks') }}
+          </BooleanSetting>
+        </li>
+        <li v-if="instanceShoutboxPresent">
+          <BooleanSetting
+            path="hideShoutbox"
+            expert="1"
+          >
+            {{ $t('settings.hide_shoutbox') }}
+          </BooleanSetting>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./clutter_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/composing_tab.js b/src/components/settings_modal/tabs/composing_tab.js
new file mode 100644
index 000000000..7efbe7047
--- /dev/null
+++ b/src/components/settings_modal/tabs/composing_tab.js
@@ -0,0 +1,178 @@
+import { mapState } from 'vuex'
+
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import FloatSetting from '../helpers/float_setting.vue'
+import UnitSetting from '../helpers/unit_setting.vue'
+import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
+import Select from 'src/components/select/select.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import FontControl from 'src/components/font_control/font_control.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+import localeService from 'src/services/locale/locale.service.js'
+import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faGlobe,
+  faMessage,
+  faPenAlt,
+  faDatabase,
+  faSliders
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(
+  faGlobe,
+  faMessage,
+  faPenAlt,
+  faDatabase,
+  faSliders
+)
+
+const ComposingTab = {
+  props: {
+    parentCollapsed: {
+      required: true,
+      type: Boolean
+    }
+  },
+  data () {
+    return {
+      subjectLineOptions: ['email', 'noop', 'masto'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.subject_line_${mode === 'masto' ? 'mastodon' : mode}`)
+      })),
+      conversationDisplayOptions: ['tree', 'linear'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.conversation_display_${mode}`)
+      })),
+      absoluteTime12hOptions: ['24h', '12h'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.absolute_time_format_12h_${mode}`)
+      })),
+      conversationOtherRepliesButtonOptions: ['below', 'inside'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.conversation_other_replies_button_${mode}`)
+      })),
+      mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.mention_link_display_${mode}`)
+      })),
+      userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.user_popover_avatar_action_${mode}`)
+      })),
+      unsavedPostActionOptions: ['save', 'discard', 'confirm'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.unsaved_post_action_${mode}`)
+      })),
+      loopSilentAvailable:
+      // Firefox
+      Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
+      // Chrome-likes
+      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
+      // Future spec, still not supported in Nightly 63 as of 08/2018
+      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks'),
+      emailLanguage: this.$store.state.users.currentUser.language || ['']
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    FloatSetting,
+    UnitSetting,
+    InterfaceLanguageSwitcher,
+    ProfileSettingIndicator,
+    ScopeSelector,
+    Select,
+    FontControl
+  },
+  computed: {
+    postFormats () {
+      return this.$store.state.instance.postFormats || []
+    },
+    postContentOptions () {
+      return this.postFormats.map(format => ({
+        key: format,
+        value: format,
+        label: this.$t(`post_status.content_type["${format}"]`)
+      }))
+    },
+    language: {
+      get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
+      set: function (val) {
+        this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
+      }
+    },
+    ...SharedComputedObject(),
+    ...mapState({
+      blockExpirationSupported: state => state.instance.blockExpiration,
+    })
+  },
+  methods: {
+    changeDefaultScope (value) {
+      this.$store.dispatch('setProfileOption', { name: 'defaultScope', value })
+    },
+    clearCache (key) {
+      clearCache(key)
+        .then(() => {
+          this.$store.dispatch('settingsSaved', { success: true })
+        })
+        .catch(error => {
+          this.$store.dispatch('settingsSaved', { error })
+        })
+    },
+    tooSmall () {
+      this.$emit('tooSmall')
+    },
+    tooBig () {
+      this.$emit('tooBig')
+    },
+    getNavMode () {
+      return this.$refs.tabSwitcher.getNavMode()
+    },
+    clearAssetCache () {
+      this.clearCache(cacheKey)
+    },
+    clearEmojiCache () {
+      this.clearCache(emojiCacheKey)
+    },
+    updateProfile () {
+      const params = {
+        language: localeService.internalToBackendLocaleMulti(this.emailLanguage)
+      }
+
+      this.$store.state.api.backendInteractor
+        .updateProfile({ params })
+        .then((user) => {
+          this.$store.commit('addNewUsers', [user])
+          this.$store.commit('setCurrentUser', user)
+        })
+    },
+    updateFont (key, value) {
+      this.$store.dispatch('setOption', {
+        name: 'theme3hacks',
+        value: {
+          ...this.mergedConfig.theme3hacks,
+          fonts: {
+            ...this.mergedConfig.theme3hacks.fonts,
+            [key]: value
+          }
+        }
+      })
+    },
+  }
+}
+
+export default ComposingTab
diff --git a/src/components/settings_modal/tabs/composing_tab.vue b/src/components/settings_modal/tabs/composing_tab.vue
new file mode 100644
index 000000000..a48e6928e
--- /dev/null
+++ b/src/components/settings_modal/tabs/composing_tab.vue
@@ -0,0 +1,111 @@
+<template>
+  <div :label="$t('settings.posts')">
+    <div class="setting-item">
+      <h3>{{ $t('settings.general') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <label for="default-vis">
+            {{ $t('settings.default_vis') }}
+            {{ ' ' }}
+            <ScopeSelector
+              class="scope-selector"
+              :show-all="true"
+              :user-default="$store.state.profileConfig.defaultScope"
+              :initial-scope="$store.state.profileConfig.defaultScope"
+              :on-scope-change="changeDefaultScope"
+              :unstyled="false"uns
+            />
+            <ProfileSettingIndicator :is-profile="true" />
+          </label>
+        </li>
+        <li>
+          <!-- <BooleanSetting source="profile" path="defaultNSFW"> -->
+          <BooleanSetting path="sensitiveByDefault">
+            {{ $t('settings.sensitive_by_default') }}
+          </BooleanSetting>
+        </li>
+        <li v-if="postFormats.length > 0">
+          <ChoiceSetting
+            id="postContentType"
+            path="postContentType"
+            :options="postContentOptions"
+          >
+            {{ $t('settings.default_post_status_content_type') }}
+          </ChoiceSetting>
+        </li>
+        <li>
+          <BooleanSetting path="padEmoji">
+            {{ $t('settings.pad_emoji') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="autocompleteSelect"
+            expert="1"
+          >
+            {{ $t('settings.autocomplete_select_first') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="autoSaveDraft"
+          >
+            {{ $t('settings.auto_save_draft') }}
+          </BooleanSetting>
+        </li>
+        <li v-if="!mergedConfig.autoSaveDraft">
+          <ChoiceSetting
+            id="unsavedPostAction"
+            path="unsavedPostAction"
+            :options="unsavedPostActionOptions"
+          >
+            {{ $t('settings.unsaved_post_action') }}
+          </ChoiceSetting>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.replies') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting
+            path="scopeCopy"
+          >
+            {{ $t('settings.scope_copy') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            id="subjectLineBehavior"
+            path="subjectLineBehavior"
+            :options="subjectLineOptions"
+          >
+            {{ $t('settings.subject_line_behavior') }}
+          </ChoiceSetting>
+        </li>
+      </ul>
+      <h3 v-if="expertLevel > 0">{{ $t('settings.attachments') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting
+            path="imageCompression"
+            expert="1"
+          >
+            {{ $t('settings.image_compression') }}
+          </BooleanSetting>
+        </li>
+        <ul class="setting-list suboptions">
+          <li>
+            <BooleanSetting
+              path="alwaysUseJpeg"
+              expert="1"
+              parent-path="imageCompression"
+            >
+              {{ $t('settings.always_use_jpeg') }}
+            </BooleanSetting>
+          </li>
+        </ul>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./composing_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/version_tab.js b/src/components/settings_modal/tabs/developer_tab.js
similarity index 100%
rename from src/components/settings_modal/tabs/version_tab.js
rename to src/components/settings_modal/tabs/developer_tab.js
diff --git a/src/components/settings_modal/tabs/developer_tab.vue b/src/components/settings_modal/tabs/developer_tab.vue
new file mode 100644
index 000000000..8c9c9efc1
--- /dev/null
+++ b/src/components/settings_modal/tabs/developer_tab.vue
@@ -0,0 +1,72 @@
+<template>
+  <div :label="$t('settings.developer')">
+    <div class="setting-item">
+      <ul class="setting-list">
+        <li>
+          <p>{{ $t('settings.version.backend_version') }}</p>
+          <ul class="option-list">
+            <li>
+              <a
+                :href="backendRepository"
+                target="_blank"
+              >{{ backendVersion }}</a>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <p>{{ $t('settings.version.frontend_version') }}</p>
+          <ul class="option-list">
+            <li>
+              <a
+                :href="frontendVersionLink"
+                target="_blank"
+              >{{ frontendVersion }}</a>
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+    <div class="setting-item">
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path="virtualScrolling">
+            {{ $t('settings.virtual_scrolling') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <button
+            class="btn button-default"
+            @click="clearAssetCache"
+          >
+            {{ $t('settings.clear_asset_cache') }}
+          </button>
+        </li>
+        <li>
+          <button
+            class="btn button-default"
+            @click="clearEmojiCache"
+          >
+            {{ $t('settings.clear_emoji_cache') }}
+          </button>
+        </li>
+        <li>
+          <BooleanSetting
+            path="themeDebug"
+            :expert="1"
+          >
+            {{ $t('settings.theme_debug') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="forceThemeRecompilation"
+            :expert="1"
+          >
+            {{ $t('settings.force_theme_recompilation_debug') }}
+          </BooleanSetting>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script src="./developer_tab.js" />
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index 9a4ed814d..ee9142501 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -91,6 +91,7 @@ const FilteringTab = {
     HelpIndicator
   },
   computed: {
+    instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
     ...SharedComputedObject(),
     ...mapState(
       useServerSideStorageStore,
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index a699653f0..e695a1061 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -1,10 +1,7 @@
 <template>
-  <div
-    :label="$t('settings.filtering')"
-    class="filtering-tab"
-  >
+  <div class="filtering-tab">
     <div class="setting-item">
-      <h2>{{ $t('settings.filter.clutter') }}</h2>
+      <h3>{{ $t('settings.filter.mute_filter') }}</h3>
       <ul class="setting-list">
         <li>
           <ChoiceSetting
@@ -16,70 +13,6 @@
             {{ $t('settings.replies_in_timeline') }}
           </ChoiceSetting>
         </li>
-        <li>
-          <BooleanSetting
-            expert="1"
-            path="hidePostStats"
-          >
-            {{ $t('settings.hide_post_stats') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            expert="1"
-            path="hideUserStats"
-          >
-            {{ $t('settings.hide_user_stats') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="hideBotIndication">
-            {{ $t('settings.hide_actor_type_indication') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="hideScrobbles">
-            {{ $t('settings.hide_scrobbles') }}
-          </BooleanSetting>
-          <ul class="setting-list suboptions">
-            <li>
-              <UnitSetting
-                key="hideScrobblesAfter"
-                path="hideScrobblesAfter"
-                :units="['m', 'h', 'd']"
-                unit-set="time"
-                expert="1"
-              >
-                {{ $t('settings.hide_scrobbles_after') }}
-              </UnitSetting>
-            </li>
-          </ul>
-        </li>
-        <h3>{{ $t('settings.attachments') }}</h3>
-        <li>
-          <IntegerSetting
-            path="maxThumbnails"
-            expert="1"
-            :min="0"
-          >
-            {{ $t('settings.max_thumbnails') }}
-          </IntegerSetting>
-        </li>
-        <li>
-          <BooleanSetting path="hideAttachments">
-            {{ $t('settings.hide_attachments_in_tl') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="hideAttachmentsInConv">
-            {{ $t('settings.hide_attachments_in_convo') }}
-          </BooleanSetting>
-        </li>
-      </ul>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('settings.filter.mute_filter') }}</h2>
-      <ul class="setting-list">
         <li>
           {{ $t('user_card.default_mute_expiration') }}
           <Select
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 897999bba..60f67ccc4 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -1,38 +1,18 @@
 import { mapState } from 'vuex'
 
-import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
-
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import FloatSetting from '../helpers/float_setting.vue'
 import UnitSetting from '../helpers/unit_setting.vue'
+import FloatSetting from '../helpers/float_setting.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
-import Select from 'src/components/select/select.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 import FontControl from 'src/components/font_control/font_control.vue'
+import { defaultHorizontalUnits } from '../helpers/unit_setting.js'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 import localeService from 'src/services/locale/locale.service.js'
 import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe,
-  faMessage,
-  faPenAlt,
-  faDatabase,
-  faSliders
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faGlobe,
-  faMessage,
-  faPenAlt,
-  faDatabase,
-  faSliders
-)
 
 const GeneralTab = {
   props: {
@@ -43,75 +23,24 @@ const GeneralTab = {
   },
   data () {
     return {
-      subjectLineOptions: ['email', 'noop', 'masto'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.subject_line_${mode === 'masto' ? 'mastodon' : mode}`)
-      })),
-      conversationDisplayOptions: ['tree', 'linear'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.conversation_display_${mode}`)
-      })),
       absoluteTime12hOptions: ['24h', '12h'].map(mode => ({
         key: mode,
         value: mode,
         label: this.$t(`settings.absolute_time_format_12h_${mode}`)
       })),
-      conversationOtherRepliesButtonOptions: ['below', 'inside'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.conversation_other_replies_button_${mode}`)
-      })),
-      mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.mention_link_display_${mode}`)
-      })),
-      userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.user_popover_avatar_action_${mode}`)
-      })),
-      unsavedPostActionOptions: ['save', 'discard', 'confirm'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.unsaved_post_action_${mode}`)
-      })),
-      loopSilentAvailable:
-      // Firefox
-      Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
-      // Chrome-likes
-      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
-      // Future spec, still not supported in Nightly 63 as of 08/2018
-      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks'),
       emailLanguage: this.$store.state.users.currentUser.language || ['']
     }
   },
   components: {
     BooleanSetting,
     ChoiceSetting,
-    IntegerSetting,
-    FloatSetting,
     UnitSetting,
+    FloatSetting,
+    FontControl,
     InterfaceLanguageSwitcher,
-    ProfileSettingIndicator,
-    ScopeSelector,
-    Select,
-    VerticalTabSwitcher,
-    FontControl
+    ProfileSettingIndicator
   },
   computed: {
-    postFormats () {
-      return this.$store.state.instance.postFormats || []
-    },
-    postContentOptions () {
-      return this.postFormats.map(format => ({
-        key: format,
-        value: format,
-        label: this.$t(`post_status.content_type["${format}"]`)
-      }))
-    },
     language: {
       get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
       set: function (val) {
@@ -124,33 +53,6 @@ const GeneralTab = {
     })
   },
   methods: {
-    changeDefaultScope (value) {
-      this.$store.dispatch('setProfileOption', { name: 'defaultScope', value })
-    },
-    clearCache (key) {
-      clearCache(key)
-        .then(() => {
-          this.$store.dispatch('settingsSaved', { success: true })
-        })
-        .catch(error => {
-          this.$store.dispatch('settingsSaved', { error })
-        })
-    },
-    tooSmall () {
-      this.$emit('tooSmall')
-    },
-    tooBig () {
-      this.$emit('tooBig')
-    },
-    getNavMode () {
-      return this.$refs.tabSwitcher.getNavMode()
-    },
-    clearAssetCache () {
-      this.clearCache(cacheKey)
-    },
-    clearEmojiCache () {
-      this.clearCache(emojiCacheKey)
-    },
     updateProfile () {
       const params = {
         language: localeService.internalToBackendLocaleMulti(this.emailLanguage)
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 2476a8d28..4c36c8d58 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -1,18 +1,8 @@
 <template>
-  <vertical-tab-switcher
-    :label="$t('settings.general')"
-    ref="tabSwitcher"
-    class="settings_tab-switcher"
-    :parent-collapsed="parentCollapsed"
-    @too-small="tooSmall"
-    @too-big="tooBig"
-  >
-    <div
-      :label="$t('settings.behavior')"
-      icon="sliders"
-    >
+  <div>
+    <div class="setting-item">
+      <h3>{{ $t('settings.format_and_language') }}</h3>
       <ul class="setting-list">
-        <h3>{{ $t('settings.general') }}</h3>
         <li>
           <interface-language-switcher
             v-model="language"
@@ -31,13 +21,97 @@
           </interface-language-switcher>
         </li>
         <li>
-          <BooleanSetting
-            path="useAbsoluteTimeFormat"
-            expert="1"
-          >
+          <BooleanSetting path="useAbsoluteTimeFormat">
             {{ $t('settings.absolute_time_format') }}
           </BooleanSetting>
         </li>
+        <li>
+          <ChoiceSetting
+            id="absoluteTime12h"
+            path="absoluteTime12h"
+            :options="absoluteTime12hOptions"
+          >
+            {{ $t('settings.absolute_time_format_12h') }}
+          </ChoiceSetting>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.scale_and_font') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <UnitSetting
+            path="textSize"
+            :step="0.1"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 14, 'rem': 1 }"
+            timed-apply-mode
+          >
+            {{ $t('settings.text_size') }}
+          </UnitSetting>
+          <div>
+            <small>
+              <i18n-t
+                scope="global"
+                keypath="settings.text_size_tip"
+                tag="span"
+              >
+                <code>px</code>
+                <code>rem</code>
+              </i18n-t>
+              <br>
+              <i18n-t
+                scope="global"
+                keypath="settings.text_size_tip2"
+                tag="span"
+              >
+                <code>14px</code>
+              </i18n-t>
+            </small>
+          </div>
+        </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.theme3hacks.fonts.interface"
+            name="ui"
+            :label="$t('settings.style.fonts.components_inline.interface')"
+            :fallback="{ family: 'sans-serif' }"
+            no-inherit="1"
+            @update:model-value="v => updateFont('interface', v)"
+          />
+        </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.theme3hacks.fonts.input"
+            name="input"
+            :fallback="{ family: 'inherit' }"
+            :label="$t('settings.style.fonts.components_inline.input')"
+            @update:model-value="v => updateFont('input', v)"
+          />
+        </li>
+        <li>
+          <UnitSetting
+            path="emojiSize"
+            :step="0.1"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 32, 'rem': 2.2 }"
+          >
+            {{ $t('settings.emoji_size') }}
+          </UnitSetting>
+          <ul
+            class="setting-list suboptions"
+          >
+            <li>
+              <FloatSetting
+                v-if="user"
+                path="emojiReactionsScale"
+              >
+                {{ $t('settings.emoji_reactions_scale') }}
+              </FloatSetting>
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.timelines') }}</h3>
+      <ul class="setting-list">
         <li>
           <BooleanSetting path="streaming">
             {{ $t('settings.streaming') }}
@@ -61,40 +135,9 @@
             {{ $t('settings.useStreamingApi') }}
           </BooleanSetting>
         </li>
-        <li>
-          <BooleanSetting
-            path="virtualScrolling"
-            expert="1"
-          >
-            {{ $t('settings.virtual_scrolling') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="alwaysShowNewPostButton"
-            expert="1"
-          >
-            {{ $t('settings.always_show_post_button') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="autohideFloatingPostButton"
-            expert="1"
-          >
-            {{ $t('settings.autohide_floating_post_button') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            id="userPopoverAvatarAction"
-            path="userPopoverAvatarAction"
-            :options="userPopoverAvatarActionOptions"
-            expert="1"
-          >
-            {{ $t('settings.user_popover_avatar_action') }}
-          </ChoiceSetting>
-        </li>
+      </ul>
+      <h3 v-if="expertLevel > 0">{{ $t('settings.confirmations') }}</h3>
+      <ul v-if="expertLevel > 0" class="setting-list">
         <li class="select-multiple">
           <span class="label">{{ $t('settings.confirm_dialogs') }}</span>
           <ul class="option-list">
@@ -155,404 +198,7 @@
         </li>
       </ul>
     </div>
-    <div
-      :label="$t('settings.posts')"
-      icon="message"
-    >
-      <ul class="setting-list">
-        <h3>{{ $t('settings.general') }}</h3>
-        <li>
-          <ChoiceSetting
-            id="conversationDisplay"
-            path="conversationDisplay"
-            :options="conversationDisplayOptions"
-          >
-            {{ $t('settings.conversation_display') }}
-          </ChoiceSetting>
-        </li>
-        <li>
-          <FontControl
-            :model-value="mergedConfig.theme3hacks.fonts.post"
-            name="post"
-            :fallback="{ family: 'inherit' }"
-            :label="$t('settings.style.fonts.components.post')"
-            @update:model-value="v => updateFont('post', v)"
-          />
-        </li>
-        <li>
-          <FontControl
-            :model-value="mergedConfig.theme3hacks.fonts.monospace"
-            name="postCode"
-            :fallback="{ family: 'monospace' }"
-            :label="$t('settings.style.fonts.components.monospace')"
-            @update:model-value="v => updateFont('monospace', v)"
-          />
-        </li>
-        <ul
-          v-if="mergedConfig.conversationDisplay !== 'linear'"
-          class="setting-list suboptions"
-        >
-          <li>
-            <BooleanSetting path="conversationTreeAdvanced">
-              {{ $t('settings.tree_advanced') }}
-            </BooleanSetting>
-          </li>
-          <li>
-            <BooleanSetting
-              path="conversationTreeFadeAncestors"
-              :expert="1"
-            >
-              {{ $t('settings.tree_fade_ancestors') }}
-            </BooleanSetting>
-          </li>
-          <li>
-            <IntegerSetting
-              path="maxDepthInThread"
-              :min="3"
-              :expert="1"
-            >
-              {{ $t('settings.max_depth_in_thread') }}
-            </IntegerSetting>
-          </li>
-          <li>
-            <ChoiceSetting
-              id="conversationOtherRepliesButton"
-              path="conversationOtherRepliesButton"
-              :options="conversationOtherRepliesButtonOptions"
-              :expert="1"
-            >
-              {{ $t('settings.conversation_other_replies_button') }}
-            </ChoiceSetting>
-          </li>
-        </ul>
-        <li>
-          <BooleanSetting path="collapseMessageWithSubject">
-            {{ $t('settings.collapse_subject') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="emojiReactionsOnTimeline"
-            expert="1"
-          >
-            {{ $t('settings.emoji_reactions_on_timeline') }}
-          </BooleanSetting>
-        </li>
-        <h3>{{ $t('settings.mention_links') }}</h3>
-        <li>
-          <ChoiceSetting
-            id="mentionLinkDisplay"
-            path="mentionLinkDisplay"
-            :options="mentionLinkDisplayOptions"
-          >
-            {{ $t('settings.mention_link_display') }}
-          </ChoiceSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="mentionLinkShowTooltip"
-            expert="1"
-          >
-            {{ $t('settings.mention_link_use_tooltip') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="mentionLinkShowAvatar">
-            {{ $t('settings.mention_link_show_avatar') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="mentionLinkFadeDomain"
-            expert="1"
-          >
-            {{ $t('settings.mention_link_fade_domain') }}
-          </BooleanSetting>
-        </li>
-        <li v-if="user">
-          <BooleanSetting
-            path="mentionLinkBoldenYou"
-            expert="1"
-          >
-            {{ $t('settings.mention_link_bolden_you') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            v-if="user"
-            source="profile"
-            path="stripRichContent"
-            expert="1"
-          >
-            {{ $t('settings.no_rich_text_description') }}
-          </BooleanSetting>
-        </li>
-        <ul
-          v-if="mergedConfig.useAbsoluteTimeFormat"
-          class="setting-list suboptions"
-        >
-          <li>
-            <UnitSetting
-              path="absoluteTimeFormatMinAge"
-              unit-set="time"
-              :units="['s', 'm', 'h', 'd']"
-              :min="0"
-            >
-              {{ $t('settings.absolute_time_format_min_age') }}
-            </UnitSetting>
-          </li>
-          <li>
-            <ChoiceSetting
-              id="absoluteTime12h"
-              path="absoluteTime12h"
-              :options="absoluteTime12hOptions"
-              :expert="1"
-            >
-              {{ $t('settings.absolute_time_format_12h') }}
-            </ChoiceSetting>
-          </li>
-        </ul>
-        <h3>{{ $t('settings.attachments') }}</h3>
-        <li>
-          <BooleanSetting path="stopGifs">
-            {{ $t('settings.stop_gifs') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="hideNsfw">
-            {{ $t('settings.nsfw_clickthrough') }}
-          </BooleanSetting>
-        </li>
-        <ul class="setting-list suboptions">
-          <li>
-            <BooleanSetting
-              path="preloadImage"
-              expert="1"
-              parent-path="hideNsfw"
-            >
-              {{ $t('settings.preload_images') }}
-            </BooleanSetting>
-          </li>
-          <li>
-            <BooleanSetting
-              path="useOneClickNsfw"
-              expert="1"
-              parent-path="hideNsfw"
-            >
-              {{ $t('settings.use_one_click_nsfw') }}
-            </BooleanSetting>
-          </li>
-        </ul>
-        <li>
-          <BooleanSetting
-            path="loopVideo"
-            expert="1"
-          >
-            {{ $t('settings.loop_video') }}
-          </BooleanSetting>
-          <ul class="setting-list suboptions">
-            <li>
-              <BooleanSetting
-                path="loopVideoSilentOnly"
-                expert="1"
-                parent-path="loopVideo"
-                :disabled="!loopSilentAvailable"
-              >
-                {{ $t('settings.loop_video_silent_only') }}
-              </BooleanSetting>
-              <div
-                v-if="!loopSilentAvailable"
-                class="unavailable"
-              >
-                <FAIcon icon="globe" />! {{ $t('settings.limited_availability') }}
-              </div>
-            </li>
-          </ul>
-        </li>
-        <li>
-          <BooleanSetting
-            path="playVideosInModal"
-            expert="1"
-          >
-            {{ $t('settings.play_videos_in_modal') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="useContainFit"
-            expert="1"
-          >
-            {{ $t('settings.use_contain_fit') }}
-          </BooleanSetting>
-        </li>
-        <h3 v-if="expertLevel > 0">
-          {{ $t('settings.fun') }}
-        </h3>
-        <li>
-          <BooleanSetting
-            path="greentext"
-            expert="1"
-          >
-            {{ $t('settings.greentext') }}
-          </BooleanSetting>
-        </li>
-        <li v-if="user">
-          <BooleanSetting
-            path="mentionLinkShowYous"
-            expert="1"
-          >
-            {{ $t('settings.show_yous') }}
-          </BooleanSetting>
-        </li>
-      </ul>
-    </div>
-    <div
-      v-if="user"
-      :label="$t('settings.composing')"
-      icon="pen-alt"
-    >
-      <ul class="setting-list">
-      <h3>{{ $t('settings.composing') }}</h3>
-        <li>
-          <label for="default-vis">
-            {{ $t('settings.default_vis') }} <ProfileSettingIndicator :is-profile="true" />
-            <ScopeSelector
-              class="scope-selector"
-              :show-all="true"
-              :user-default="$store.state.profileConfig.defaultScope"
-              :initial-scope="$store.state.profileConfig.defaultScope"
-              :on-scope-change="changeDefaultScope"
-            />
-          </label>
-        </li>
-        <li>
-          <!-- <BooleanSetting source="profile" path="defaultNSFW"> -->
-          <BooleanSetting path="sensitiveByDefault">
-            {{ $t('settings.sensitive_by_default') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="scopeCopy"
-            expert="1"
-          >
-            {{ $t('settings.scope_copy') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="alwaysShowSubjectInput"
-            expert="1"
-          >
-            {{ $t('settings.subject_input_always_show') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <ChoiceSetting
-            id="subjectLineBehavior"
-            path="subjectLineBehavior"
-            :options="subjectLineOptions"
-            expert="1"
-          >
-            {{ $t('settings.subject_line_behavior') }}
-          </ChoiceSetting>
-        </li>
-        <li v-if="postFormats.length > 0">
-          <ChoiceSetting
-            id="postContentType"
-            path="postContentType"
-            :options="postContentOptions"
-          >
-            {{ $t('settings.post_status_content_type') }}
-          </ChoiceSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="minimalScopesMode"
-            expert="1"
-          >
-            {{ $t('settings.minimal_scopes_mode') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="padEmoji"
-            expert="1"
-          >
-            {{ $t('settings.pad_emoji') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="autocompleteSelect"
-            expert="1"
-          >
-            {{ $t('settings.autocomplete_select_first') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting
-            path="autoSaveDraft"
-          >
-            {{ $t('settings.auto_save_draft') }}
-          </BooleanSetting>
-        </li>
-        <li v-if="!mergedConfig.autoSaveDraft">
-          <ChoiceSetting
-            id="unsavedPostAction"
-            path="unsavedPostAction"
-            :options="unsavedPostActionOptions"
-          >
-            {{ $t('settings.unsaved_post_action') }}
-          </ChoiceSetting>
-        </li>
-        <h3>{{ $t('settings.attachments') }}</h3>
-        <li>
-          <BooleanSetting
-            path="imageCompression"
-            expert="1"
-          >
-            {{ $t('settings.image_compression') }}
-          </BooleanSetting>
-        </li>
-        <ul class="setting-list suboptions">
-          <li>
-            <BooleanSetting
-              path="alwaysUseJpeg"
-              expert="1"
-              parent-path="imageCompression"
-            >
-              {{ $t('settings.always_use_jpeg') }}
-            </BooleanSetting>
-          </li>
-        </ul>
-      </ul>
-    </div>
-    <div
-      :label="$t('settings.cache')"
-      icon="database"
-      v-if="expertLevel > 0"
-    >
-      <ul class="setting-list">
-        <li>
-          <button
-            class="btn button-default"
-            @click="clearAssetCache"
-          >
-            {{ $t('settings.clear_asset_cache') }}
-          </button>
-        </li>
-        <li>
-          <button
-            class="btn button-default"
-            @click="clearEmojiCache"
-          >
-            {{ $t('settings.clear_emoji_cache') }}
-          </button>
-        </li>
-      </ul>
-    </div>
-  </vertical-tab-switcher>
+  </div>
 </template>
 
 <script src="./general_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/layout_tab.js b/src/components/settings_modal/tabs/layout_tab.js
new file mode 100644
index 000000000..355933a65
--- /dev/null
+++ b/src/components/settings_modal/tabs/layout_tab.js
@@ -0,0 +1,49 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import UnitSetting from '../helpers/unit_setting.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const GeneralTab = {
+  props: {
+    parentCollapsed: {
+      required: true,
+      type: Boolean
+    }
+  },
+  data () {
+    return {
+      thirdColumnModeOptions: ['none', 'notifications', 'postform'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.third_column_mode_${mode}`)
+      }))
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    UnitSetting,
+    ProfileSettingIndicator
+  },
+  computed: {
+    postFormats () {
+      return this.$store.state.instance.postFormats || []
+    },
+    columns () {
+      const mode = this.$store.getters.mergedConfig.thirdColumnMode
+
+      const notif = mode === 'none' ? [] : ['notifs']
+
+      if (this.$store.getters.mergedConfig.sidebarRight || mode === 'postform') {
+        return [...notif, 'content', 'sidebar']
+      } else {
+        return ['sidebar', 'content', ...notif]
+      }
+    },
+    ...SharedComputedObject(),
+  }
+}
+
+export default GeneralTab
diff --git a/src/components/settings_modal/tabs/layout_tab.vue b/src/components/settings_modal/tabs/layout_tab.vue
new file mode 100644
index 000000000..d4a7e757a
--- /dev/null
+++ b/src/components/settings_modal/tabs/layout_tab.vue
@@ -0,0 +1,130 @@
+<template>
+  <div :label="$t('settings.layout')">
+    <div class="setting-item">
+      <h3>{{ $t('settings.general') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path="modalMobileCenter">
+            {{ $t('settings.mobile_center_dialog') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="alwaysShowNewPostButton"
+            expert="1"
+          >
+            {{ $t('settings.always_show_post_button') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="autohideFloatingPostButton"
+            expert="1"
+          >
+            {{ $t('settings.autohide_floating_post_button') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="disableStickyHeaders">
+            {{ $t('settings.disable_sticky_headers') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="showScrollbars">
+            {{ $t('settings.show_scrollbars') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="userPopoverOverlay"
+            expert="1"
+          >
+            {{ $t('settings.user_popover_avatar_overlay') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="userCardLeftJustify"
+            expert="1"
+          >
+            {{ $t('settings.user_card_left_justify') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <UnitSetting
+            path="themeEditorMinWidth"
+            :units="['px', 'rem']"
+            expert="1"
+          >
+            {{ $t('settings.theme_editor_min_width') }}
+          </UnitSetting>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.columns') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <UnitSetting
+            path="navbarSize"
+            :step="0.1"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 55, 'rem': 3.5 }"
+          >
+            {{ $t('settings.navbar_size') }}
+          </UnitSetting>
+        </li>
+        <li v-if="instanceSpecificPanelPresent">
+          <BooleanSetting path="hideISP">
+            {{ $t('settings.hide_isp') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <UnitSetting
+            path="panelHeaderSize"
+            :step="0.1"
+            :units="['px', 'rem']"
+            :reset-default="{ 'px': 52, 'rem': 3.2 }"
+            timed-apply-mode
+          >
+            {{ $t('settings.panel_header_size') }}
+          </UnitSetting>
+        </li>
+        <li>
+          <BooleanSetting path="sidebarRight">
+            {{ $t('settings.right_sidebar') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="navbarColumnStretch">
+            {{ $t('settings.navbar_column_stretch') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            v-if="user"
+            id="thirdColumnMode"
+            path="thirdColumnMode"
+            :options="thirdColumnModeOptions"
+          >
+            {{ $t('settings.third_column_mode') }}
+          </ChoiceSetting>
+        </li>
+        <li v-if="expertLevel > 0">
+          {{ $t('settings.column_sizes') }}
+          <div class="column-settings">
+            <UnitSetting
+              v-for="column in columns"
+              :key="column"
+              :path="column + 'ColumnWidth'"
+              :units="horizontalUnits"
+              expert="1"
+            >
+              {{ $t('settings.column_sizes_' + column) }}
+            </UnitSetting>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./layout_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.js b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
similarity index 100%
rename from src/components/settings_modal/tabs/theme_tab/theme_tab.js
rename to src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.scss b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
similarity index 99%
rename from src/components/settings_modal/tabs/theme_tab/theme_tab.scss
rename to src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
index ae2364dcc..96a1b154f 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.scss
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
@@ -1,4 +1,4 @@
-.theme-tab {
+.old-theme-tab {
   min-width: var(--themeEditorMinWidth, fit-content);
 
   .deprecation-warning {
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.vue b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.vue
similarity index 99%
rename from src/components/settings_modal/tabs/theme_tab/theme_tab.vue
rename to src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.vue
index ec3f0cb5d..751e113a0 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.vue
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="theme-tab">
+  <div class="old-theme-tab">
     <div class="alert warning deprecation-warning">
       {{ $t("settings.style.themes2_outdated") }}
     </div>
@@ -1020,6 +1020,6 @@
   </div>
 </template>
 
-<script src="./theme_tab.js"></script>
+<script src="./old_theme_tab.js"></script>
 
-<style src="./theme_tab.scss" lang="scss"></style>
+<style src="./old_theme_tab.scss" lang="scss"></style>
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_preview.vue b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
similarity index 100%
rename from src/components/settings_modal/tabs/theme_tab/theme_preview.vue
rename to src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
diff --git a/src/components/settings_modal/tabs/posts_tab.js b/src/components/settings_modal/tabs/posts_tab.js
new file mode 100644
index 000000000..d0399037b
--- /dev/null
+++ b/src/components/settings_modal/tabs/posts_tab.js
@@ -0,0 +1,76 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import FontControl from 'src/components/font_control/font_control.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const GeneralTab = {
+  props: {
+    parentCollapsed: {
+      required: true,
+      type: Boolean
+    }
+  },
+  data () {
+    return {
+      conversationDisplayOptions: ['tree', 'linear'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.conversation_display_${mode}`)
+      })),
+      conversationOtherRepliesButtonOptions: ['below', 'inside'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.conversation_other_replies_button_${mode}`)
+      })),
+      mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.mention_link_display_${mode}`)
+      })),
+      userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.user_popover_avatar_action_${mode}`)
+      })),
+      unsavedPostActionOptions: ['save', 'discard', 'confirm'].map(mode => ({
+        key: mode,
+        value: mode,
+        label: this.$t(`settings.unsaved_post_action_${mode}`)
+      })),
+      loopSilentAvailable:
+      // Firefox
+      Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
+      // Chrome-likes
+      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
+      // Future spec, still not supported in Nightly 63 as of 08/2018
+      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks')
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    FontControl,
+    ProfileSettingIndicator
+  },
+  computed: {
+    ...SharedComputedObject(),
+  },
+  methods: {
+    updateFont (key, value) {
+      this.$store.dispatch('setOption', {
+        name: 'theme3hacks',
+        value: {
+          ...this.mergedConfig.theme3hacks,
+          fonts: {
+            ...this.mergedConfig.theme3hacks.fonts,
+            [key]: value
+          }
+        }
+      })
+    },
+  }
+}
+
+export default GeneralTab
diff --git a/src/components/settings_modal/tabs/posts_tab.scss b/src/components/settings_modal/tabs/posts_tab.scss
new file mode 100644
index 000000000..84c3d0dd2
--- /dev/null
+++ b/src/components/settings_modal/tabs/posts_tab.scss
@@ -0,0 +1,5 @@
+.posts-tab {
+  .greentext {
+    color: var(--funtextGreentext);
+  }
+}
diff --git a/src/components/settings_modal/tabs/posts_tab.vue b/src/components/settings_modal/tabs/posts_tab.vue
new file mode 100644
index 000000000..70bc6ea23
--- /dev/null
+++ b/src/components/settings_modal/tabs/posts_tab.vue
@@ -0,0 +1,253 @@
+<template>
+  <div class="posts-tab">
+    <div class="setting-item">
+      <h3>{{ $t('settings.posts_appearance') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path="collapseMessageWithSubject">
+            {{ $t('settings.collapse_subject') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <ChoiceSetting
+            id="conversationDisplay"
+            path="conversationDisplay"
+            :options="conversationDisplayOptions"
+          >
+            {{ $t('settings.conversation_display') }}
+          </ChoiceSetting>
+        </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.theme3hacks.fonts.post"
+            name="post"
+            :fallback="{ family: 'inherit' }"
+            :label="$t('settings.style.fonts.components.post')"
+            @update:model-value="v => updateFont('post', v)"
+          />
+        </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.theme3hacks.fonts.monospace"
+            name="postCode"
+            :fallback="{ family: 'monospace' }"
+            :label="$t('settings.style.fonts.components.monospace')"
+            @update:model-value="v => updateFont('monospace', v)"
+          />
+        </li>
+        <ul
+          v-if="mergedConfig.conversationDisplay !== 'linear'"
+          class="setting-list suboptions"
+        >
+          <li>
+            <BooleanSetting path="conversationTreeAdvanced">
+              {{ $t('settings.tree_advanced') }}
+            </BooleanSetting>
+          </li>
+          <li>
+            <BooleanSetting
+              path="conversationTreeFadeAncestors"
+              :expert="1"
+            >
+              {{ $t('settings.tree_fade_ancestors') }}
+            </BooleanSetting>
+          </li>
+          <li>
+            <IntegerSetting
+              path="maxDepthInThread"
+              :min="3"
+              :expert="1"
+            >
+              {{ $t('settings.max_depth_in_thread') }}
+            </IntegerSetting>
+          </li>
+          <li>
+            <ChoiceSetting
+              id="conversationOtherRepliesButton"
+              path="conversationOtherRepliesButton"
+              :options="conversationOtherRepliesButtonOptions"
+              :expert="1"
+            >
+              {{ $t('settings.conversation_other_replies_button') }}
+            </ChoiceSetting>
+          </li>
+        </ul>
+        <li>
+          <BooleanSetting path="greentext">
+            <i18n-t
+              keypath="settings.plaintext_quotes"
+              tag="span"
+            >
+              <span class="greentext">
+                {{ $t('settings.greentext_quotes') }}
+              </span>
+            </i18n-t>
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="emojiReactionsOnTimeline"
+            expert="1"
+          >
+            {{ $t('settings.emoji_reactions_on_timeline') }}
+          </BooleanSetting>
+        </li>
+      </ul>
+      <h3>{{ $t('settings.mention_links') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ChoiceSetting
+            id="mentionLinkDisplay"
+            path="mentionLinkDisplay"
+            :options="mentionLinkDisplayOptions"
+          >
+            {{ $t('settings.mention_link_display') }}
+          </ChoiceSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="mentionLinkShowTooltip"
+            expert="1"
+          >
+            {{ $t('settings.mention_link_use_tooltip') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="mentionLinkShowAvatar">
+            {{ $t('settings.mention_link_show_avatar') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            v-if="mergedConfig.mentionLinkDisplay !== 'short'"
+            path="mentionLinkFadeDomain"
+          >
+            {{ $t('settings.mention_link_fade_domain') }}
+          </BooleanSetting>
+        </li>
+        <li v-if="user">
+          <BooleanSetting
+            path="mentionLinkBoldenYou"
+            expert="1"
+          >
+            {{ $t('settings.mention_link_bolden_you') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            v-if="user"
+            source="profile"
+            path="stripRichContent"
+            expert="1"
+          >
+            {{ $t('settings.no_rich_text_description') }}
+          </BooleanSetting>
+        </li>
+        <ul
+          v-if="mergedConfig.useAbsoluteTimeFormat"
+          class="setting-list suboptions"
+        >
+          <li>
+            <UnitSetting
+              path="absoluteTimeFormatMinAge"
+              unit-set="time"
+              :units="['s', 'm', 'h', 'd']"
+              :min="0"
+            >
+              {{ $t('settings.absolute_time_format_min_age') }}
+            </UnitSetting>
+          </li>
+        </ul>
+      </ul>
+      <h3>{{ $t('settings.attachments') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path="stopGifs">
+            {{ $t('settings.stop_gifs') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="hideNsfw">
+            {{ $t('settings.nsfw_clickthrough') }}
+          </BooleanSetting>
+        </li>
+        <ul class="setting-list suboptions">
+          <li>
+            <BooleanSetting
+              path="preloadImage"
+              expert="1"
+              parent-path="hideNsfw"
+            >
+              {{ $t('settings.preload_images') }}
+            </BooleanSetting>
+          </li>
+          <li>
+            <BooleanSetting
+              path="useOneClickNsfw"
+              expert="1"
+              parent-path="hideNsfw"
+            >
+              {{ $t('settings.use_one_click_nsfw') }}
+            </BooleanSetting>
+          </li>
+        </ul>
+        <li>
+          <BooleanSetting
+            path="loopVideo"
+            expert="1"
+          >
+            {{ $t('settings.loop_video') }}
+          </BooleanSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                path="loopVideoSilentOnly"
+                expert="1"
+                parent-path="loopVideo"
+                :disabled="!loopSilentAvailable"
+              >
+                {{ $t('settings.loop_video_silent_only') }}
+              </BooleanSetting>
+              <div
+                v-if="!loopSilentAvailable"
+                class="unavailable"
+              >
+                <FAIcon icon="globe" />! {{ $t('settings.limited_availability') }}
+              </div>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <BooleanSetting
+            path="playVideosInModal"
+            expert="1"
+          >
+            {{ $t('settings.play_videos_in_modal') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting
+            path="useContainFit"
+            expert="1"
+          >
+            {{ $t('settings.use_contain_fit') }}
+          </BooleanSetting>
+        </li>
+        <h3 v-if="expertLevel > 0">
+          {{ $t('settings.fun') }}
+        </h3>
+        <li v-if="user">
+          <BooleanSetting
+            path="mentionLinkShowYous"
+            expert="1"
+          >
+            {{ $t('settings.show_yous') }}
+          </BooleanSetting>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./posts_tab.js"></script>
+<style src="./posts_tab.scss"></style>
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 5453da57b..35626a103 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -15,7 +15,7 @@ import RoundnessInput from 'src/components/roundness_input/roundness_input.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import Tooltip from 'src/components/tooltip/tooltip.vue'
 import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
-import Preview from '../theme_tab/theme_preview.vue'
+import Preview from '../old_theme_tab/theme_preview.vue'
 
 import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
diff --git a/src/components/settings_modal/tabs/version_tab.vue b/src/components/settings_modal/tabs/version_tab.vue
deleted file mode 100644
index 917a618e6..000000000
--- a/src/components/settings_modal/tabs/version_tab.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <div :label="$t('settings.version.title')">
-    <div class="setting-item">
-      <ul class="setting-list">
-        <li>
-          <p>{{ $t('settings.version.backend_version') }}</p>
-          <ul class="option-list">
-            <li>
-              <a
-                :href="backendRepository"
-                target="_blank"
-              >{{ backendVersion }}</a>
-            </li>
-          </ul>
-        </li>
-        <li>
-          <p>{{ $t('settings.version.frontend_version') }}</p>
-          <ul class="option-list">
-            <li>
-              <a
-                :href="frontendVersionLink"
-                target="_blank"
-              >{{ frontendVersion }}</a>
-            </li>
-          </ul>
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-<script src="./version_tab.js" />
diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
index 074b90ec4..ee0e995a0 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.jsx
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -44,7 +44,6 @@ export default {
       default: null
     }
   },
-  emits: ['tooBig', 'tooSmall', 'sideSwitch'],
   data () {
     return {
       active: findFirstUsable(this.slots()),
@@ -103,24 +102,9 @@ export default {
       this.active = index
       this.changeNavSide('content')
     },
-    showNav () {
-      if (this.navMode) {
-        this.navMode = false
-        this.changeNavSide(null)
-        this.onResize()
-      }
-    },
-    hideNav () {
-      if (!this.navMode) {
-        this.navMode = true
-        this.changeNavSide('content')
-        this.onResize()
-      }
-    },
     changeNavSide (side) {
       if (this.navSide !== side) {
         this.navSide = side
-        this.$emit('sideSwitch', side)
         this.onResize()
       }
     },
@@ -139,21 +123,12 @@ export default {
 
       // if contents takes more space than its container
       if (contentsWidth < tabContentWidth) {
-        if (this.parentCollapsed) {
-          this.hideNav()
-        } else {
-          this.$emit('tooSmall')
-        }
-      // FIXME wrong again??
+        this.hideNav()
       // If we (theoretically) have enough space to fit it in
       } else if (contentsWidth - navWidth >= tabContentWidth){
         // First expand the inner layer, then outer
         // if use same logic as above order will be reversed
-        if (!this.navMode) {
-          this.$emit('tooBig')
-        } else {
-          this.showNav()
-        }
+        this.showNav()
       }
     },
     // DO NOT put it to computed, it doesn't work (caching?)
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 47625f395..fac033c76 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -404,6 +404,7 @@
     "enter_current_password_to_confirm": "Enter your current password to confirm your identity",
     "post_look_feel": "Posts Look & Feel",
     "posts": "Posts",
+    "developer": "Developer",
     "mention_links": "Mention links",
     "appearance": "Appearance",
     "confirm_new_setting": "Confirm new setting?",
@@ -419,9 +420,12 @@
     "visual_tweaks": "Minor visual tweaks",
     "theme_debug": "Show what background theme engine assumes when dealing with transparancy (DEBUG)",
     "scale_and_layout": "Interface scale and layout",
-    "behavior": "Behavior",
+    "timelines": "Timelines",
+    "format_and_language": "Format and Language",
+    "confirmations": "Confirmations",
     "layout": "Layout",
     "enabled": "Enabled",
+    "clutter": "Clutter",
     "filter": {
       "clutter": "Remove clutter",
       "mute_filter": "Mute Filters",
@@ -536,6 +540,7 @@
     "chatMessageRadius": "Chat message",
     "collapse_subject": "Collapse posts with subjects",
     "composing": "Composing",
+    "replies": "Replying",
     "confirm_new_password": "Confirm new password",
     "current_password": "Current password",
     "confirm_dialogs": "Ask for confirmation when",
@@ -763,6 +768,8 @@
     "column_sizes_sidebar": "Sidebar",
     "column_sizes_content": "Content",
     "column_sizes_notifs": "Notifications",
+    "layout": "Layout",
+    "scale_and_font": "Scale and Font",
     "theme_editor_min_width": "Minimum width of theme editor (0 for \"fit-content\")",
     "tree_advanced": "Allow more flexible navigation in tree view",
     "tree_fade_ancestors": "Display ancestors of the current status in faint text",
@@ -773,6 +780,7 @@
     "conversation_other_replies_button_inside": "Inside statuses",
     "max_depth_in_thread": "Maximum number of levels in thread to display by default",
     "post_status_content_type": "Post status content type",
+    "default_post_status_content_type": "Default post status content type",
     "sensitive_by_default": "Mark posts as sensitive by default",
     "stop_gifs": "Pause animated images until you hover on them",
     "streaming": "Automatically show new posts when scrolled to the top",
@@ -814,8 +822,11 @@
     "user_popover_avatar_overlay": "Show user popover over user avatar",
     "user_card_left_justify": "Justify user bio to the left",
     "user_card_hide_personal_marks": "Hide personal marks (highlight/note) in user profiles",
+    "posts_appearance": "Posts appearance",
     "fun": "Fun",
     "greentext": "Meme arrows",
+    "plaintext_quotes": "Highlight plaintext {0}",
+    "greentext_quotes": ">quotes",
     "show_yous": "Show (You)s",
     "notifications": "Notifications",
     "notification_setting_annoyance": "Annoyance",
@@ -841,6 +852,7 @@
       "stock_theme_used": "(Stock theme)",
       "themes2_outdated": "Editor for Themes V2 is being phased out and will eventually be replaced with a new one that takes advantage of new Themes V3 engine. It should still work but experience might be degraded and inconsistent.",
       "appearance_tab_note": "Changes on this tab do not affect the theme used, so exported theme will be different from what seen in the UI",
+      "visual_tweaks_section_note": "Changes in this section do not affect the theme used, exported theme will be different from what seen in the UI",
       "update_preview": "Update preview",
       "themes3": {
         "define": "Override",

From 7c57be22e455d78df41e0df9aaba123d66dc1d05 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 24 Nov 2025 20:05:38 +0200
Subject: [PATCH 278/424] working prototype

---
 .../settings_modal/settings_modal.scss        |  30 +++-
 .../settings_modal_user_content.js            |  18 ---
 .../settings_modal_user_content.scss          |  14 --
 .../settings_modal_user_content.vue           |  68 ++++----
 .../settings_modal/tabs/appearance_tab.scss   |  12 +-
 .../tabs/data_import_export_tab.scss          |   5 +
 .../tabs/data_import_export_tab.vue           |  17 +-
 .../settings_modal/tabs/developer_tab.js      |  12 +-
 .../settings_modal/tabs/developer_tab.scss    |  10 ++
 .../settings_modal/tabs/developer_tab.vue     |  54 +++----
 .../settings_modal/tabs/posts_tab.vue         |   8 +-
 .../settings_modal/tabs/profile_tab.vue       |   4 +-
 .../tab_switcher/vertical_tab_switcher.jsx    |  79 +++-------
 .../tab_switcher/vertical_tab_switcher.scss   | 145 +++++++++++++-----
 src/i18n/en.json                              |   5 +-
 15 files changed, 266 insertions(+), 215 deletions(-)
 create mode 100644 src/components/settings_modal/tabs/data_import_export_tab.scss
 create mode 100644 src/components/settings_modal/tabs/developer_tab.scss

diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 9c78cd901..a1e3ec412 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -1,14 +1,26 @@
 .settings-modal {
   overflow: hidden;
 
-  h3 {
-    font-size: 1.4rem;
+  h2 {
+    font-size: 1.3rem;
+    font-weight: 500;
     margin-top: 1em;
     margin-bottom: 1em;
   }
 
-  h4 {
+  h3 {
     font-size: 1.2rem;
+    font-weight: 500;
+    margin-top: 1em;
+    margin-bottom: 0.5em;
+    border-bottom: 1px solid var(--border);
+    padding-bottom: 0.25em;
+    box-sizing: border-box;
+    padding-left: 0.5em;
+  }
+
+  h4 {
+    font-size: 1.1rem;
     margin-top: 1em;
     margin-bottom: 0.5em;
   }
@@ -16,19 +28,21 @@
   h5 {
     font-size: 1rem;
     margin-bottom: 0.5em;
+    margin-top: 0;
   }
 
   .setting-list,
   .option-list {
     list-style-type: none;
     padding-left: 2em;
+    margin: 0;
 
     .btn:not(.dropdown-button) {
       padding: 0 2em;
     }
 
     li {
-      margin-bottom: 0.5em;
+      margin: 1em 0;
     }
 
     .suboptions {
@@ -55,7 +69,7 @@
     transition: transform;
     transition-timing-function: ease-in-out;
     transition-duration: 300ms;
-    width: 1000px;
+    width: 70em;
     max-width: 90vw;
     height: 90vh;
 
@@ -90,6 +104,12 @@
   }
 
   &.-mobile {
+    .tabs {
+      .menu-item {
+        font-size: 1.2em
+      }
+    }
+
     .setting-list,
     .option-list {
       padding-left: 0.25em;
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 9c6e3bba6..18e1148dc 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -82,9 +82,6 @@ const SettingsModalContent = {
     },
     expertLevel () {
       return this.$store.state.config.expertLevel
-    },
-    isMobileLayout () {
-      return useInterfaceStore().layoutType === 'mobile'
     }
   },
   data () {
@@ -108,21 +105,6 @@ const SettingsModalContent = {
       // Clear the state of target tab, so that next time settings is opened
       // it doesn't force it.
       useInterfaceStore().clearSettingsModalTargetTab()
-    },
-    nestedTooBig () {
-      if (this.navCollapsed) {
-        this.navCollapsed = false
-        this.$refs.tabSwitcher.showNav()
-      }
-    },
-    nestedTooSmall () {
-      if (!this.navCollapsed) {
-        this.navCollapsed = true
-        this.$refs.tabSwitcher.hideNav()
-      }
-    },
-    nestedNavSide (side) {
-      this.navHideHeader = side === 'content'
     }
   },
   mounted () {
diff --git a/src/components/settings_modal/settings_modal_user_content.scss b/src/components/settings_modal/settings_modal_user_content.scss
index 2884938b4..5deca7868 100644
--- a/src/components/settings_modal/settings_modal_user_content.scss
+++ b/src/components/settings_modal/settings_modal_user_content.scss
@@ -1,20 +1,6 @@
 .settings_tab-switcher {
   height: 100%;
 
-  h1 {
-    margin-bottom: 0.5em;
-    margin-top: 0.5em;
-  }
-
-  h4 {
-    margin-bottom: 0;
-    margin-top: 0.25em;
-  }
-
-  h5 {
-    margin-top: 0.25em;
-  }
-
   .setting-item {
     border-bottom: 2px solid var(--border);
     margin: 1em 1em 1.4em;
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 58a0adbd9..4b3308869 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -8,7 +8,6 @@
     :hide-header="navHideHeader"
   >
     <div
-      :full-width="true"
       :label="$t('settings.general')"
       icon="wrench"
       data-tab-name="general"
@@ -16,16 +15,15 @@
       <GeneralTab />
     </div>
     <div
+      v-if="isLoggedIn"
+      :label="$t('settings.profile_tab')"
+      icon="user"
+      data-tab-name="profile"
       :full-width="true"
-      :label="$t('settings.posts')"
-      icon="message"
-      data-tab-name="posts"
-      :delay-render="true"
     >
-      <PostsTab />
+      <ProfileTab />
     </div>
     <div
-      :full-width="true"
       :label="$t('settings.composing')"
       icon="pen-alt"
       data-tab-name="composing"
@@ -34,13 +32,12 @@
       <ComposingTab />
     </div>
     <div
-      :full-width="true"
-      :label="$t('settings.layout')"
-      icon="table-columns"
-      data-tab-name="layout"
+      :label="$t('settings.posts')"
+      icon="message"
+      data-tab-name="posts"
       :delay-render="true"
     >
-      <LayoutTab />
+      <PostsTab />
     </div>
     <div
       :full-width="true"
@@ -52,39 +49,26 @@
       <AppearanceTab />
     </div>
     <div
-      v-if="isLoggedIn"
-      :label="$t('settings.profile_tab')"
-      icon="user"
-      data-tab-name="profile"
+      :full-width="true"
+      :label="$t('settings.layout')"
+      icon="table-columns"
+      data-tab-name="layout"
+      :delay-render="true"
     >
-      <ProfileTab />
+      <LayoutTab />
     </div>
     <div
       v-if="isLoggedIn"
+      :full-width="true"
       :label="$t('settings.notifications')"
       icon="bell"
       data-tab-name="notifications"
     >
       <NotificationsTab />
     </div>
-    <div
-      v-if="isLoggedIn"
-      :label="$t('settings.security_tab')"
-      icon="lock"
-      data-tab-name="security"
-    >
-      <SecurityTab />
-    </div>
-    <div
-      :label="$t('settings.clutter')"
-      :fullHeight="true"
-      icon="broom"
-      data-tab-name="mutesAndBlocks"
-    >
-      <ClutterTab />
-    </div>
     <div
       :label="$t('settings.filtering')"
+      :full-width="true"
       icon="filter"
       data-tab-name="filtering"
     >
@@ -99,6 +83,22 @@
     >
       <MutesAndBlocksTab />
     </div>
+    <div
+      :label="$t('settings.clutter')"
+      :fullHeight="true"
+      icon="broom"
+      data-tab-name="clutter"
+    >
+      <ClutterTab />
+    </div>
+    <div
+      v-if="isLoggedIn"
+      :label="$t('settings.security_tab')"
+      icon="lock"
+      data-tab-name="security"
+    >
+      <SecurityTab />
+    </div>
     <div
       v-if="isLoggedIn"
       :label="$t('settings.data_import_export_tab')"
@@ -123,7 +123,7 @@
       data-tab-name="theme"
       :delay-render="true"
     >
-      <ThemeTab />
+      <OldThemeTab />
     </div>
     <div
       v-if="expertLevel > 0"
diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index ccc494d32..58ec1e8aa 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -1,4 +1,8 @@
 .appearance-tab {
+  h3 {
+    border: none
+  }
+
   .palette,
   .theme-notice {
     padding: 0.5em;
@@ -10,14 +14,6 @@
     padding-bottom: 0.5em;
   }
 
-  h4 {
-    margin: 2em 0;
-    line-height: 1.5;
-  }
-
-  h5 {
-    display: block;
-  }
 
   input[type="file"] {
     padding: 0.25em;
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.scss b/src/components/settings_modal/tabs/data_import_export_tab.scss
new file mode 100644
index 000000000..034d03489
--- /dev/null
+++ b/src/components/settings_modal/tabs/data_import_export_tab.scss
@@ -0,0 +1,5 @@
+.data-import-export-tab {
+  h3 {
+    margin-right: -2em;
+  }
+}
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.vue b/src/components/settings_modal/tabs/data_import_export_tab.vue
index eb3c86425..e63385e30 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.vue
+++ b/src/components/settings_modal/tabs/data_import_export_tab.vue
@@ -1,9 +1,10 @@
 <template>
   <div
+    class="data-import-export-tab"
     :label="$t('settings.data_import_export_tab')"
   >
     <div class="setting-item">
-      <h2>{{ $t('settings.follow_import') }}</h2>
+      <h3>{{ $t('settings.follow_import') }}</h3>
       <p>{{ $t('settings.import_followers_from_a_csv_file') }}</p>
       <Importer
         :submit-handler="importFollows"
@@ -12,7 +13,7 @@
       />
     </div>
     <div class="setting-item">
-      <h2>{{ $t('settings.follow_export') }}</h2>
+      <h3>{{ $t('settings.follow_export') }}</h3>
       <Exporter
         :get-content="getFollowsContent"
         filename="friends.csv"
@@ -20,7 +21,7 @@
       />
     </div>
     <div class="setting-item">
-      <h2>{{ $t('settings.block_import') }}</h2>
+      <h3>{{ $t('settings.block_import') }}</h3>
       <p>{{ $t('settings.import_blocks_from_a_csv_file') }}</p>
       <Importer
         :submit-handler="importBlocks"
@@ -29,7 +30,7 @@
       />
     </div>
     <div class="setting-item">
-      <h2>{{ $t('settings.block_export') }}</h2>
+      <h3>{{ $t('settings.block_export') }}</h3>
       <Exporter
         :get-content="getBlocksContent"
         filename="blocks.csv"
@@ -37,7 +38,7 @@
       />
     </div>
     <div class="setting-item">
-      <h2>{{ $t('settings.mute_import') }}</h2>
+      <h3>{{ $t('settings.mute_import') }}</h3>
       <p>{{ $t('settings.import_mutes_from_a_csv_file') }}</p>
       <Importer
         :submit-handler="importMutes"
@@ -46,7 +47,7 @@
       />
     </div>
     <div class="setting-item">
-      <h2>{{ $t('settings.mute_export') }}</h2>
+      <h3>{{ $t('settings.mute_export') }}</h3>
       <Exporter
         :get-content="getMutesContent"
         filename="mutes.csv"
@@ -54,7 +55,7 @@
       />
     </div>
     <div class="setting-item">
-      <h2>{{ $t('settings.account_backup') }}</h2>
+      <h3>{{ $t('settings.account_backup') }}</h3>
       <p>{{ $t('settings.account_backup_description') }}</p>
       <table>
         <thead>
@@ -128,4 +129,4 @@
 </template>
 
 <script src="./data_import_export_tab.js"></script>
-<!-- <style lang="scss" src="./profile.scss"></style> -->
+<style lang="scss" src="./data_import_export_tab.scss"></style>
diff --git a/src/components/settings_modal/tabs/developer_tab.js b/src/components/settings_modal/tabs/developer_tab.js
index 20a671735..e9978884e 100644
--- a/src/components/settings_modal/tabs/developer_tab.js
+++ b/src/components/settings_modal/tabs/developer_tab.js
@@ -1,3 +1,9 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
+
 const pleromaFeCommitUrl = 'https://git.pleroma.social/pleroma/pleroma-fe/commit/'
 
 const VersionTab = {
@@ -9,10 +15,14 @@ const VersionTab = {
       frontendVersion: instance.frontendVersion
     }
   },
+  components: {
+    BooleanSetting
+  },
   computed: {
     frontendVersionLink () {
       return pleromaFeCommitUrl + this.frontendVersion
-    }
+    },
+    ...SharedComputedObject(),
   }
 }
 
diff --git a/src/components/settings_modal/tabs/developer_tab.scss b/src/components/settings_modal/tabs/developer_tab.scss
new file mode 100644
index 000000000..944cf052f
--- /dev/null
+++ b/src/components/settings_modal/tabs/developer_tab.scss
@@ -0,0 +1,10 @@
+.developer-tab {
+  dt {
+    font-weight: 900;
+  }
+
+  dd {
+    margin-top: 0.5em;
+    margin-bottom: 1em;
+  }
+}
diff --git a/src/components/settings_modal/tabs/developer_tab.vue b/src/components/settings_modal/tabs/developer_tab.vue
index 8c9c9efc1..6b4480db7 100644
--- a/src/components/settings_modal/tabs/developer_tab.vue
+++ b/src/components/settings_modal/tabs/developer_tab.vue
@@ -1,32 +1,31 @@
 <template>
-  <div :label="$t('settings.developer')">
-    <div class="setting-item">
-      <ul class="setting-list">
-        <li>
-          <p>{{ $t('settings.version.backend_version') }}</p>
-          <ul class="option-list">
-            <li>
-              <a
-                :href="backendRepository"
-                target="_blank"
-              >{{ backendVersion }}</a>
-            </li>
-          </ul>
-        </li>
-        <li>
-          <p>{{ $t('settings.version.frontend_version') }}</p>
-          <ul class="option-list">
-            <li>
-              <a
-                :href="frontendVersionLink"
-                target="_blank"
-              >{{ frontendVersion }}</a>
-            </li>
-          </ul>
-        </li>
-      </ul>
-    </div>
+  <div
+    :label="$t('settings.developer')"
+    class="developer-tab"
+  >
     <div class="setting-item">
+      <h3>{{ $t('settings.version.title')}}</h3>
+      <dl class="setting-list">
+        <dt>{{ $t('settings.version.backend_version') }}</dt>
+        <dd>
+          <a
+            :href="backendRepository"
+            target="_blank"
+          >
+            {{ backendVersion }}
+          </a>
+        </dd>
+        <dt>{{ $t('settings.version.frontend_version') }}</dt>
+        <dd>
+          <a
+            :href="frontendVersionLink"
+            target="_blank"
+            >
+            {{ frontendVersion }}
+          </a>
+        </dd>
+      </dl>
+      <h3>{{ $t('settings.debug')}}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting path="virtualScrolling">
@@ -70,3 +69,4 @@
   </div>
 </template>
 <script src="./developer_tab.js" />
+<style lang="scss" src="./developer_tab.scss"></style>
diff --git a/src/components/settings_modal/tabs/posts_tab.vue b/src/components/settings_modal/tabs/posts_tab.vue
index 70bc6ea23..ac5c286e1 100644
--- a/src/components/settings_modal/tabs/posts_tab.vue
+++ b/src/components/settings_modal/tabs/posts_tab.vue
@@ -233,9 +233,11 @@
             {{ $t('settings.use_contain_fit') }}
           </BooleanSetting>
         </li>
-        <h3 v-if="expertLevel > 0">
-          {{ $t('settings.fun') }}
-        </h3>
+      </ul>
+      <h3 v-if="expertLevel > 0">
+        {{ $t('settings.fun') }}
+      </h3>
+      <ul class="setting-list">
         <li v-if="user">
           <BooleanSetting
             path="mentionLinkShowYous"
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 947be4a18..3ca0a1980 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="profile-tab">
     <div class="setting-item profile-edit">
-      <h2>{{ $t('settings.account_profile_edit') }}</h2>
+      <h3>{{ $t('settings.account_profile_edit') }}</h3>
       <UserCard
         :user-id="user.id"
         :editable="true"
@@ -9,7 +9,7 @@
       />
     </div>
     <div class="setting-item">
-      <h2>{{ $t('settings.account_privacy') }}</h2>
+      <h3>{{ $t('settings.account_privacy') }}</h3>
       <ul class="setting-list">
         <li>
           <Checkbox v-model="locked">
diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
index ee0e995a0..054e199b3 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.jsx
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -37,19 +37,13 @@ export default {
       required: false,
       type: Boolean,
       default: null
-    },
-    hideHeader: {
-      required: false,
-      type: Boolean,
-      default: null
     }
   },
   data () {
     return {
       active: findFirstUsable(this.slots()),
       resizeHandler: null,
-      navMode: false,
-      navSide: 'content'
+      navSide: 'tabs'
     }
   },
   computed: {
@@ -71,16 +65,6 @@ export default {
       mobileLayout: store => store.layoutType === 'mobile'
     }),
   },
-  created () {
-    this.resizeHandler = throttle(this.onResize, 200)
-    window.addEventListener('resize', this.resizeHandler)
-  },
-  mounted () {
-    this.resizeHandler()
-  },
-  unmounted () {
-    window.removeEventListener('resize', this.resizeHandler)
-  },
   beforeUpdate () {
     const currentSlot = this.slots()[this.active]
     if (!currentSlot.props) {
@@ -92,7 +76,6 @@ export default {
       return (e) => {
         e.preventDefault()
         this.setTab(index)
-        this.onResize()
       }
     },
     setTab (index) {
@@ -105,30 +88,6 @@ export default {
     changeNavSide (side) {
       if (this.navSide !== side) {
         this.navSide = side
-        this.onResize()
-      }
-    },
-    getNavMode () {
-      return this.navMode
-    },
-    onResize () {
-      // All other tabs are hidden and their width is most likely 0
-      const activeTab = this.$refs.root.querySelector('.tab-content-wrapper.-active')
-      const tabContent = activeTab.querySelector('.tab-content')
-      const tabContentWidth = tabContent.clientWidth
-
-      const rootWidth = this.$refs.root.clientWidth
-      const navWidth = this.$refs.nav.clientWidth
-      const contentsWidth = rootWidth - navWidth
-
-      // if contents takes more space than its container
-      if (contentsWidth < tabContentWidth) {
-        this.hideNav()
-      // If we (theoretically) have enough space to fit it in
-      } else if (contentsWidth - navWidth >= tabContentWidth){
-        // First expand the inner layer, then outer
-        // if use same logic as above order will be reversed
-        this.showNav()
       }
     },
     // DO NOT put it to computed, it doesn't work (caching?)
@@ -145,7 +104,7 @@ export default {
         const props = slot.props
         if (!props) return
         const classesTab = ['vertical-tab', 'menu-item']
-        if (this.activeIndex === index) {
+        if (this.activeIndex === index && useInterfaceStore().layoutType !== 'mobile') {
           classesTab.push('-active')
         }
         return (
@@ -183,14 +142,21 @@ export default {
         : ''
 
       const headerClasses = ['tab-content-label']
-      if (this.hideHeader === true) {
-        headerClasses.push('-hidden')
-      }
       const header = (
-        <h1 class={headerClasses}>
-          <button type="button" onClick={() => this.changeNavSide('tabs')}>LOL</button>
+        <h2 class={headerClasses}>
+          <button
+            type="button"
+            onClick={() => this.changeNavSide('tabs')}
+            class="button-unstyled"
+          >
+            <FAIcon
+              size="lg"
+              class="back-button-icon"
+              icon="chevron-left"
+            />
+          </button>
           {props.label}
-        </h1>
+        </h2>
       )
 
       return (
@@ -204,13 +170,14 @@ export default {
     })
 
     const rootClasses = ['vertical-tab-switcher']
-    if (this.navMode) {
-      rootClasses.push('-nav-mode')
-      if (this.navSide === 'content') {
-        rootClasses.push('-nav-content')
-      } else {
-        rootClasses.push('-nav-tabs')
-      }
+    if (useInterfaceStore().layoutType === 'mobile') {
+      rootClasses.push('-mobile')
+    }
+
+    if (this.navSide === 'tabs') {
+      rootClasses.push('-nav-tabs')
+    } else {
+      rootClasses.push('-nav-contents')
     }
 
     return (
diff --git a/src/components/tab_switcher/vertical_tab_switcher.scss b/src/components/tab_switcher/vertical_tab_switcher.scss
index 2a6e1cc6a..3652c0228 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.scss
+++ b/src/components/tab_switcher/vertical_tab_switcher.scss
@@ -1,16 +1,19 @@
 .vertical-tab-switcher {
   display: flex;
   flex-direction: row;
+  container-type: inline-size;
 
   > .tabs {
-    flex: 0 0 auto;
+    flex: 0 0 15em;
     flex-direction: column;
     overflow: hidden auto;
     white-space: nowrap;
     text-overflow: ellipsis;
     width: 15em;
+    min-width: 15em;
     border-right: 1px solid;
     border-right-color: var(--border);
+    box-sizing: border-box;
 
     > .menu-item {
       padding: 0.5em 1em;
@@ -23,18 +26,13 @@
   }
 
   > .contents {
-    flex: 1 1 auto;
-    overflow-x: hidden;
-
-    .tab-content-label {
-      display: none
-    }
+    flex: 1 0 35em;
 
     .tab-content {
       align-self: center;
 
       &:not(.-full-width) {
-        width: 30em;
+        max-width: 40em;
       }
 
       &.-full-width {
@@ -42,16 +40,23 @@
       }
     }
 
+    .tab-content-label {
+      box-sizing: border-box;
+      margin: 0;
+      border-bottom: 1px solid var(--border);
+      display: none;
+
+      button {
+        box-sizing: border-box;
+        padding: 0.5em;
+      }
+    }
+
     .tab-content-wrapper {
       display: flex;
       flex-direction: column;
-
-      .tab-content-label {
-        font-size: 1.5em;
-        padding: 0.5em 1em;
-        margin: 0;
-        border-bottom: 1px solid var(--border);
-      }
+      overflow-y: auto;
+      height: 100%;
 
       &.-hidden {
         display: none;
@@ -69,38 +74,104 @@
     }
   }
 
-  &.-nav-mode {
-    &.-nav-tabs {
-      > .tabs {
-        width: 100%;
-      }
-
-      > .nav-content {
-        width: 0%;
+  &.-mobile {
+    > .contents {
+      .tab-content-label {
+        display: block
       }
     }
 
-    &.-nav-content {
+    &.-nav-contents {
       > .contents {
-        > .tab-content-wrapper {
-          > .tab-content-label {
-            display: block;
+        display: block;
+        flex-grow: 1;
+      }
 
-            &.-hidden {
-              display: none;
-            }
+      > .tabs {
+        display: none;
+        flex-grow: 0;
+        flex-shrink: 1;
+      }
+    }
+
+    &.-nav-tabs {
+      > .tabs {
+        display: block;
+        flex-grow: 1;
+      }
+
+      > .contents {
+        display: none;
+        flex-grow: 0;
+        flex-shrink: 1;
+      }
+    }
+  }
+
+  @supports (container-type: inline-size) {
+    &,
+    &.-mobile {
+      &.-nav-contents,
+      &.-nav-tabs {
+        /* I THINK it's a false positive and eslint doesn't understand the @-rule */
+        /* stylelint-disable no-descending-specificity */
+        > .contents {
+          display: block;
+          flex-grow: 1;
+        }
+
+        > .tabs {
+          display: block;
+          flex-grow: 0;
+        }
+        /* stylelint-enable no-descending-specificity */
+      }
+    }
+
+    @container (width < 50em) {
+      > .contents {
+        .tab-content-label {
+          display: block
+        }
+      }
+
+      &.-mobile {
+        > .contents {
+          .tab-content-label {
+            display: block
           }
         }
       }
 
-      > .tabs {
-        position: absolute;
-        pointer-events: none;
-        opacity: 0;
-      }
+      &,
+      &.-mobile {
+        &.-nav-contents {
+          > .contents {
+            display: block;
+            flex-grow: 1;
+          }
 
-      > .nav-content {
-        width: 100%;
+          > .tabs {
+            display: none;
+            flex-grow: 0;
+            flex-shrink: 1;
+          }
+        }
+
+        &.-nav-tabs {
+          /* stylelint-disable no-descending-specificity */
+          > .tabs {
+            display: block;
+            flex-grow: 1;
+          }
+
+          > .contents {
+            display: none;
+            flex-grow: 0;
+            flex-shrink: 1;
+          }
+          /* stylelint-enable no-descending-specificity */
+        }
       }
     }
   }
diff --git a/src/i18n/en.json b/src/i18n/en.json
index fac033c76..e5f37b392 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -405,6 +405,7 @@
     "post_look_feel": "Posts Look & Feel",
     "posts": "Posts",
     "developer": "Developer",
+    "debug": "Debug",
     "mention_links": "Mention links",
     "appearance": "Appearance",
     "confirm_new_setting": "Confirm new setting?",
@@ -418,7 +419,7 @@
     "navbar_size": "Top bar size",
     "panel_header_size": "Panel header size",
     "visual_tweaks": "Minor visual tweaks",
-    "theme_debug": "Show what background theme engine assumes when dealing with transparancy (DEBUG)",
+    "theme_debug": "Show what background theme engine assumes when dealing with transparancy",
     "scale_and_layout": "Interface scale and layout",
     "timelines": "Timelines",
     "format_and_language": "Format and Language",
@@ -753,7 +754,7 @@
     "subject_line_email": "Like email: \"re: subject\"",
     "subject_line_mastodon": "Like mastodon: copy as is",
     "subject_line_noop": "Do not copy",
-    "force_theme_recompilation_debug": "Disable theme cahe, force recompile on each boot (DEBUG)",
+    "force_theme_recompilation_debug": "Disable theme cahe, force recompile on each boot",
     "conversation_display": "Conversation display style",
     "conversation_display_tree": "Tree-style",
     "conversation_display_tree_quick": "Tree view",

From 3716797e0443a9e78088eb6270edf8cae9d2ca63 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 24 Nov 2025 20:25:59 +0200
Subject: [PATCH 279/424] removed extraneous header from profile tab

---
 src/components/settings_modal/tabs/profile_tab.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 3ca0a1980..e98551f1c 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="profile-tab">
     <div class="setting-item profile-edit">
-      <h3>{{ $t('settings.account_profile_edit') }}</h3>
       <UserCard
         :user-id="user.id"
         :editable="true"

From b3bf4fca750fed5c42e708ce03dd979685a836ae Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 24 Nov 2025 20:26:13 +0200
Subject: [PATCH 280/424] better scroll + back-header on mobile

---
 .../tab_switcher/vertical_tab_switcher.jsx           | 10 +++++++---
 .../tab_switcher/vertical_tab_switcher.scss          | 12 ++++++++++--
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/tab_switcher/vertical_tab_switcher.jsx
index 054e199b3..9367821a7 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.jsx
+++ b/src/components/tab_switcher/vertical_tab_switcher.jsx
@@ -161,9 +161,13 @@ export default {
 
       return (
         <div class={classes} >
-          {header}
-          <div class={ ['tab-content', props['full-width'] ? '-full-width' : null].join(' ') } >
-            {renderSlot}
+          <div class="tab-mobile-header">
+            {header}
+          </div>
+          <div class="tab-slot-wrapper">
+            <div class={ ['tab-content', props['full-width'] ? '-full-width' : null].join(' ') } >
+              {renderSlot}
+            </div>
           </div>
         </div>
       )
diff --git a/src/components/tab_switcher/vertical_tab_switcher.scss b/src/components/tab_switcher/vertical_tab_switcher.scss
index 3652c0228..669a49f73 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.scss
+++ b/src/components/tab_switcher/vertical_tab_switcher.scss
@@ -30,6 +30,7 @@
 
     .tab-content {
       align-self: center;
+      height: 100%;
 
       &:not(.-full-width) {
         max-width: 40em;
@@ -52,10 +53,16 @@
       }
     }
 
-    .tab-content-wrapper {
+    .tab-slot-wrapper {
+      flex: 1 1 auto;
+      height: 100%;
+      overflow-y: auto;
       display: flex;
       flex-direction: column;
-      overflow-y: auto;
+    }
+
+    .tab-content-wrapper {
+      flex: 1 1 auto;
       height: 100%;
 
       &.-hidden {
@@ -85,6 +92,7 @@
       > .contents {
         display: block;
         flex-grow: 1;
+        flex-shrink: 1;
       }
 
       > .tabs {

From db73631459b83bb144a8d915d2dafc55b59182ff Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 24 Nov 2025 20:53:01 +0200
Subject: [PATCH 281/424] somewhat better import-export tab + minor fixes

---
 src/components/exporter/exporter.vue          |   3 +
 src/components/importer/importer.vue          |   4 +-
 .../settings_modal_user_content.vue           |   6 +-
 .../tabs/data_import_export_tab.scss          |   6 ++
 .../tabs/data_import_export_tab.vue           | 102 +++++++++---------
 .../tab_switcher/vertical_tab_switcher.scss   |  10 --
 src/i18n/en.json                              |   7 ++
 7 files changed, 73 insertions(+), 65 deletions(-)

diff --git a/src/components/exporter/exporter.vue b/src/components/exporter/exporter.vue
index 79defdf6f..e36d9dd62 100644
--- a/src/components/exporter/exporter.vue
+++ b/src/components/exporter/exporter.vue
@@ -23,6 +23,9 @@
 
 <style lang="scss">
 .exporter {
+  display: flex;
+  flex-direction: column;
+
   &-processing {
     margin: 0.25em;
   }
diff --git a/src/components/importer/importer.vue b/src/components/importer/importer.vue
index 12779b457..0259ca70e 100644
--- a/src/components/importer/importer.vue
+++ b/src/components/importer/importer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="importer">
+  <div class="importer btn-group">
     <form>
       <input
         ref="input"
@@ -19,7 +19,7 @@
       class="btn button-default"
       @click="submit"
     >
-      {{ submitButtonLabel || $t('importer.submit') }}
+      {{ submitButtonLabel || $t('importer.import') }}
     </button>
     <div v-if="success">
       <button
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 4b3308869..6709b6e02 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -77,15 +77,14 @@
     <div
       v-if="isLoggedIn"
       :label="$t('settings.mutes_and_blocks')"
-      :fullHeight="true"
       icon="eye-slash"
       data-tab-name="mutesAndBlocks"
+      :full-width="true"
     >
       <MutesAndBlocksTab />
     </div>
     <div
       :label="$t('settings.clutter')"
-      :fullHeight="true"
       icon="broom"
       data-tab-name="clutter"
     >
@@ -96,6 +95,7 @@
       :label="$t('settings.security_tab')"
       icon="lock"
       data-tab-name="security"
+      :full-width="true"
     >
       <SecurityTab />
     </div>
@@ -113,6 +113,7 @@
       icon="palette"
       data-tab-name="style"
       :delay-render="true"
+      :full-width="true"
     >
       <StyleTab />
     </div>
@@ -122,6 +123,7 @@
       icon="paint-brush"
       data-tab-name="theme"
       :delay-render="true"
+      :full-width="true"
     >
       <OldThemeTab />
     </div>
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.scss b/src/components/settings_modal/tabs/data_import_export_tab.scss
index 034d03489..6a4b51ca4 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.scss
+++ b/src/components/settings_modal/tabs/data_import_export_tab.scss
@@ -2,4 +2,10 @@
   h3 {
     margin-right: -2em;
   }
+
+  .importer-exporter {
+    display: inline-flex;
+    flex-direction: column;
+    gap: 0.5em;
+  }
 }
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.vue b/src/components/settings_modal/tabs/data_import_export_tab.vue
index e63385e30..3f7c3a875 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.vue
+++ b/src/components/settings_modal/tabs/data_import_export_tab.vue
@@ -4,57 +4,57 @@
     :label="$t('settings.data_import_export_tab')"
   >
     <div class="setting-item">
-      <h3>{{ $t('settings.follow_import') }}</h3>
-      <p>{{ $t('settings.import_followers_from_a_csv_file') }}</p>
-      <Importer
-        :submit-handler="importFollows"
-        :success-message="$t('settings.follows_imported')"
-        :error-message="$t('settings.follow_import_error')"
-      />
-    </div>
-    <div class="setting-item">
-      <h3>{{ $t('settings.follow_export') }}</h3>
-      <Exporter
-        :get-content="getFollowsContent"
-        filename="friends.csv"
-        :export-button-label="$t('settings.follow_export_button')"
-      />
-    </div>
-    <div class="setting-item">
-      <h3>{{ $t('settings.block_import') }}</h3>
-      <p>{{ $t('settings.import_blocks_from_a_csv_file') }}</p>
-      <Importer
-        :submit-handler="importBlocks"
-        :success-message="$t('settings.blocks_imported')"
-        :error-message="$t('settings.block_import_error')"
-      />
-    </div>
-    <div class="setting-item">
-      <h3>{{ $t('settings.block_export') }}</h3>
-      <Exporter
-        :get-content="getBlocksContent"
-        filename="blocks.csv"
-        :export-button-label="$t('settings.block_export_button')"
-      />
-    </div>
-    <div class="setting-item">
-      <h3>{{ $t('settings.mute_import') }}</h3>
-      <p>{{ $t('settings.import_mutes_from_a_csv_file') }}</p>
-      <Importer
-        :submit-handler="importMutes"
-        :success-message="$t('settings.mutes_imported')"
-        :error-message="$t('settings.mute_import_error')"
-      />
-    </div>
-    <div class="setting-item">
-      <h3>{{ $t('settings.mute_export') }}</h3>
-      <Exporter
-        :get-content="getMutesContent"
-        filename="mutes.csv"
-        :export-button-label="$t('settings.mute_export_button')"
-      />
-    </div>
-    <div class="setting-item">
+      <h3>{{ $t('settings.import_export.title') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('settings.import_export.follows') }}</h4>
+          <p>{{ $t('settings.import_followers_from_a_csv_file') }}</p>
+          <div class="importer-exporter">
+            <Importer
+              :submit-handler="importFollows"
+              :success-message="$t('settings.follows_imported')"
+              :error-message="$t('settings.follow_import_error')"
+            />
+            <Exporter
+              :get-content="getFollowsContent"
+              filename="friends.csv"
+              :export-button-label="$t('settings.follow_export_button')"
+            />
+          </div>
+        </li>
+        <li>
+          <h4>{{ $t('settings.import_export.mutes') }}</h4>
+          <p>{{ $t('settings.import_mutes_from_a_csv_file') }}</p>
+          <div class="importer-exporter">
+            <Importer
+              :submit-handler="importMutes"
+              :success-message="$t('settings.mutes_imported')"
+              :error-message="$t('settings.mute_import_error')"
+            />
+            <Exporter
+              :get-content="getMutesContent"
+              filename="friends.csv"
+              :export-button-label="$t('settings.mute_export_button')"
+            />
+          </div>
+        </li>
+        <li>
+          <h4>{{ $t('settings.import_export.blocks') }}</h4>
+          <p>{{ $t('settings.import_blocks_from_a_csv_file') }}</p>
+          <div class="importer-exporter">
+            <Importer
+              :submit-handler="importBlocks"
+              :success-message="$t('settings.blocks_imported')"
+              :error-message="$t('settings.block_import_error')"
+            />
+            <Exporter
+              :get-content="getBlocksContent"
+              filename="friends.csv"
+              :export-button-label="$t('settings.block_export_button')"
+            />
+          </div>
+        </li>
+      </ul>
       <h3>{{ $t('settings.account_backup') }}</h3>
       <p>{{ $t('settings.account_backup_description') }}</p>
       <table>
diff --git a/src/components/tab_switcher/vertical_tab_switcher.scss b/src/components/tab_switcher/vertical_tab_switcher.scss
index 669a49f73..4a0b10203 100644
--- a/src/components/tab_switcher/vertical_tab_switcher.scss
+++ b/src/components/tab_switcher/vertical_tab_switcher.scss
@@ -68,16 +68,6 @@
       &.-hidden {
         display: none;
       }
-
-      &.-full-height:not(.-hidden) {
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-
-        > *:not(.tab-content-label) {
-          flex: 1;
-        }
-      }
     }
   }
 
diff --git a/src/i18n/en.json b/src/i18n/en.json
index e5f37b392..d2e37eb17 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -132,6 +132,7 @@
   },
   "importer": {
     "submit": "Submit",
+    "import": "Import",
     "success": "Imported successfully.",
     "error": "An error occured while importing this file."
   },
@@ -603,6 +604,12 @@
     "follow_export_button": "Export your follows to a csv file",
     "follow_import": "Follow import",
     "follow_import_error": "Error importing followers",
+    "import_export": {
+      "title": "Import / Export",
+      "follows": "List of users you follow",
+      "blocks": "List of users you block",
+      "mutes": "List of users you mute"
+    },
     "follows_imported": "Follows imported! Processing them will take a while.",
     "accent": "Accent",
     "foreground": "Foreground",

From 2d0bd043cbadd0a76202ca5c38d6eac3b2ad0dd5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 18:40:05 +0200
Subject: [PATCH 282/424] remove extraneous separator line

---
 src/components/settings_modal/settings_modal_user_content.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/settings_modal/settings_modal_user_content.scss b/src/components/settings_modal/settings_modal_user_content.scss
index 5deca7868..040f5c56e 100644
--- a/src/components/settings_modal/settings_modal_user_content.scss
+++ b/src/components/settings_modal/settings_modal_user_content.scss
@@ -2,7 +2,6 @@
   height: 100%;
 
   .setting-item {
-    border-bottom: 2px solid var(--border);
     margin: 1em 1em 1.4em;
     padding-bottom: 1.4em;
 

From ce04595e36980afd04fb9f81f9580ff78a29d058 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 19:12:18 +0200
Subject: [PATCH 283/424] move vertical tab switcher into helpers since it's
 not meant to be used elsewhere

---
 .../helpers}/vertical_tab_switcher.jsx                       | 0
 .../helpers}/vertical_tab_switcher.scss                      | 0
 .../settings_modal/settings_modal_admin_content.js           | 2 +-
 src/components/settings_modal/settings_modal_user_content.js | 2 +-
 src/components/settings_modal/tabs/appearance_tab.js         | 5 +----
 5 files changed, 3 insertions(+), 6 deletions(-)
 rename src/components/{tab_switcher => settings_modal/helpers}/vertical_tab_switcher.jsx (100%)
 rename src/components/{tab_switcher => settings_modal/helpers}/vertical_tab_switcher.scss (100%)

diff --git a/src/components/tab_switcher/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
similarity index 100%
rename from src/components/tab_switcher/vertical_tab_switcher.jsx
rename to src/components/settings_modal/helpers/vertical_tab_switcher.jsx
diff --git a/src/components/tab_switcher/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
similarity index 100%
rename from src/components/tab_switcher/vertical_tab_switcher.scss
rename to src/components/settings_modal/helpers/vertical_tab_switcher.scss
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index fa6b7f8ad..bc0039118 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -1,4 +1,4 @@
-import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
+import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 
 import InstanceTab from './admin_tabs/instance_tab.vue'
 import LimitsTab from './admin_tabs/limits_tab.vue'
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 18e1148dc..d3a66aedb 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -1,4 +1,4 @@
-import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
+import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 
 import DataImportExportTab from './tabs/data_import_export_tab.vue'
 import MutesAndBlocksTab from './tabs/mutes_and_blocks_tab.vue'
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 3bb5ec508..371d40012 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -1,5 +1,3 @@
-import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
-
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
@@ -88,8 +86,7 @@ const AppearanceTab = {
     UnitSetting,
     ProfileSettingIndicator,
     Preview,
-    PaletteEditor,
-    VerticalTabSwitcher
+    PaletteEditor
   },
   mounted () {
     useInterfaceStore().getThemeData()

From 1fd65843748891e760f5585c71a5982a17b24df6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 19:27:10 +0200
Subject: [PATCH 284/424] fix mutes-and-blocks tab

---
 .../helpers/vertical_tab_switcher.jsx           | 17 +++++++++++------
 .../helpers/vertical_tab_switcher.scss          |  4 ++++
 .../settings_modal_user_content.scss            |  4 ++++
 .../settings_modal_user_content.vue             |  1 +
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index 9367821a7..ce5e3fa20 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -128,10 +128,8 @@ export default {
       const props = slot.props
       if (!props) return
       const active = this.activeIndex === index
-      const classes = ['tab-content-wrapper', active ? '-active' : '-hidden' ]
-      if (props.fullHeight) {
-        classes.push('-full-height')
-      }
+      const wrapperClasses = ['tab-content-wrapper', active ? '-active' : '-hidden' ]
+
       let delayRender = slot.props['delay-render']
       if (delayRender && active) {
         slot.props['delay-render'] = false
@@ -159,13 +157,20 @@ export default {
         </h2>
       )
 
+      const contentClasses = ['tab-content']
+      if (props['full-width']) {
+        contentClasses.push('-full-width')
+      }
+      if (props['full-height']) {
+        contentClasses.push('-full-height')
+      }
       return (
-        <div class={classes} >
+        <div class={wrapperClasses} >
           <div class="tab-mobile-header">
             {header}
           </div>
           <div class="tab-slot-wrapper">
-            <div class={ ['tab-content', props['full-width'] ? '-full-width' : null].join(' ') } >
+            <div class={contentClasses} >
               {renderSlot}
             </div>
           </div>
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
index 4a0b10203..4ac03ae59 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.scss
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
@@ -39,6 +39,10 @@
       &.-full-width {
         align-self: stretch;
       }
+
+      &.-full-height {
+        flex: 1;
+      }
     }
 
     .tab-content-label {
diff --git a/src/components/settings_modal/settings_modal_user_content.scss b/src/components/settings_modal/settings_modal_user_content.scss
index 040f5c56e..306d8e898 100644
--- a/src/components/settings_modal/settings_modal_user_content.scss
+++ b/src/components/settings_modal/settings_modal_user_content.scss
@@ -1,6 +1,10 @@
 .settings_tab-switcher {
   height: 100%;
 
+  [full-height="true"] {
+    height: 100%
+  }
+
   .setting-item {
     margin: 1em 1em 1.4em;
     padding-bottom: 1.4em;
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 6709b6e02..941724e87 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -80,6 +80,7 @@
       icon="eye-slash"
       data-tab-name="mutesAndBlocks"
       :full-width="true"
+      :full-height="true"
     >
       <MutesAndBlocksTab />
     </div>

From 452a522fa4ade279aa7c08c7977018afd6349ea8 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 19:35:52 +0200
Subject: [PATCH 285/424] lint

---
 .../settings_modal/tabs/composing_tab.vue       |  7 +++++--
 .../settings_modal/tabs/developer_tab.js        | 17 +++++++++++++++++
 .../settings_modal/tabs/developer_tab.vue       |  6 +++---
 .../settings_modal/tabs/general_tab.js          |  2 --
 .../settings_modal/tabs/general_tab.vue         |  9 +++++++--
 5 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/src/components/settings_modal/tabs/composing_tab.vue b/src/components/settings_modal/tabs/composing_tab.vue
index a48e6928e..829a214a6 100644
--- a/src/components/settings_modal/tabs/composing_tab.vue
+++ b/src/components/settings_modal/tabs/composing_tab.vue
@@ -13,7 +13,8 @@
               :user-default="$store.state.profileConfig.defaultScope"
               :initial-scope="$store.state.profileConfig.defaultScope"
               :on-scope-change="changeDefaultScope"
-              :unstyled="false"uns
+              :unstyled="false"
+              uns
             />
             <ProfileSettingIndicator :is-profile="true" />
           </label>
@@ -82,7 +83,9 @@
           </ChoiceSetting>
         </li>
       </ul>
-      <h3 v-if="expertLevel > 0">{{ $t('settings.attachments') }}</h3>
+      <h3 v-if="expertLevel > 0">
+        {{ $t('settings.attachments') }}
+      </h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting
diff --git a/src/components/settings_modal/tabs/developer_tab.js b/src/components/settings_modal/tabs/developer_tab.js
index e9978884e..f8f21e9f4 100644
--- a/src/components/settings_modal/tabs/developer_tab.js
+++ b/src/components/settings_modal/tabs/developer_tab.js
@@ -23,6 +23,23 @@ const VersionTab = {
       return pleromaFeCommitUrl + this.frontendVersion
     },
     ...SharedComputedObject(),
+  },
+  methods: {
+    clearAssetCache () {
+      this.clearCache(cacheKey)
+    },
+    clearEmojiCache () {
+      this.clearCache(emojiCacheKey)
+    },
+    clearCache (key) {
+      clearCache(key)
+        .then(() => {
+          this.$store.dispatch('settingsSaved', { success: true })
+        })
+        .catch(error => {
+          this.$store.dispatch('settingsSaved', { error })
+        })
+    }
   }
 }
 
diff --git a/src/components/settings_modal/tabs/developer_tab.vue b/src/components/settings_modal/tabs/developer_tab.vue
index 6b4480db7..aafa4ec17 100644
--- a/src/components/settings_modal/tabs/developer_tab.vue
+++ b/src/components/settings_modal/tabs/developer_tab.vue
@@ -4,7 +4,7 @@
     class="developer-tab"
   >
     <div class="setting-item">
-      <h3>{{ $t('settings.version.title')}}</h3>
+      <h3>{{ $t('settings.version.title') }}</h3>
       <dl class="setting-list">
         <dt>{{ $t('settings.version.backend_version') }}</dt>
         <dd>
@@ -20,12 +20,12 @@
           <a
             :href="frontendVersionLink"
             target="_blank"
-            >
+          >
             {{ frontendVersion }}
           </a>
         </dd>
       </dl>
-      <h3>{{ $t('settings.debug')}}</h3>
+      <h3>{{ $t('settings.debug') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting path="virtualScrolling">
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 60f67ccc4..4d3b01c46 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -7,12 +7,10 @@ import FloatSetting from '../helpers/float_setting.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 import FontControl from 'src/components/font_control/font_control.vue'
-import { defaultHorizontalUnits } from '../helpers/unit_setting.js'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 import localeService from 'src/services/locale/locale.service.js'
-import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
 
 const GeneralTab = {
   props: {
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 4c36c8d58..2796c9a95 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -136,8 +136,13 @@
           </BooleanSetting>
         </li>
       </ul>
-      <h3 v-if="expertLevel > 0">{{ $t('settings.confirmations') }}</h3>
-      <ul v-if="expertLevel > 0" class="setting-list">
+      <h3 v-if="expertLevel > 0">
+        {{ $t('settings.confirmations') }}
+      </h3>
+      <ul
+        v-if="expertLevel > 0"
+        class="setting-list"
+      >
         <li class="select-multiple">
           <span class="label">{{ $t('settings.confirm_dialogs') }}</span>
           <ul class="option-list">

From 402cbf6593709cc59bdb41cdf0d0a87edbe4caef Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 19:37:19 +0200
Subject: [PATCH 286/424] move tree suboptions closer to its parent

---
 .../settings_modal/tabs/posts_tab.vue         | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/settings_modal/tabs/posts_tab.vue b/src/components/settings_modal/tabs/posts_tab.vue
index ac5c286e1..9cbbd0415 100644
--- a/src/components/settings_modal/tabs/posts_tab.vue
+++ b/src/components/settings_modal/tabs/posts_tab.vue
@@ -17,24 +17,6 @@
             {{ $t('settings.conversation_display') }}
           </ChoiceSetting>
         </li>
-        <li>
-          <FontControl
-            :model-value="mergedConfig.theme3hacks.fonts.post"
-            name="post"
-            :fallback="{ family: 'inherit' }"
-            :label="$t('settings.style.fonts.components.post')"
-            @update:model-value="v => updateFont('post', v)"
-          />
-        </li>
-        <li>
-          <FontControl
-            :model-value="mergedConfig.theme3hacks.fonts.monospace"
-            name="postCode"
-            :fallback="{ family: 'monospace' }"
-            :label="$t('settings.style.fonts.components.monospace')"
-            @update:model-value="v => updateFont('monospace', v)"
-          />
-        </li>
         <ul
           v-if="mergedConfig.conversationDisplay !== 'linear'"
           class="setting-list suboptions"
@@ -72,6 +54,24 @@
             </ChoiceSetting>
           </li>
         </ul>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.theme3hacks.fonts.post"
+            name="post"
+            :fallback="{ family: 'inherit' }"
+            :label="$t('settings.style.fonts.components.post')"
+            @update:model-value="v => updateFont('post', v)"
+          />
+        </li>
+        <li>
+          <FontControl
+            :model-value="mergedConfig.theme3hacks.fonts.monospace"
+            name="postCode"
+            :fallback="{ family: 'monospace' }"
+            :label="$t('settings.style.fonts.components.monospace')"
+            @update:model-value="v => updateFont('monospace', v)"
+          />
+        </li>
         <li>
           <BooleanSetting path="greentext">
             <i18n-t

From 6f9cd347df2ef45c662dd87f4d34a77392bb0bcb Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 19:37:34 +0200
Subject: [PATCH 287/424] capitalization of some sections

---
 src/i18n/en.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/i18n/en.json b/src/i18n/en.json
index d2e37eb17..e1f5fb23d 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -407,7 +407,7 @@
     "posts": "Posts",
     "developer": "Developer",
     "debug": "Debug",
-    "mention_links": "Mention links",
+    "mention_links": "Mention Links",
     "appearance": "Appearance",
     "confirm_new_setting": "Confirm new setting?",
     "confirm_new_question": "Does this look ok? Setting will be reverted in 10 seconds.",
@@ -830,7 +830,7 @@
     "user_popover_avatar_overlay": "Show user popover over user avatar",
     "user_card_left_justify": "Justify user bio to the left",
     "user_card_hide_personal_marks": "Hide personal marks (highlight/note) in user profiles",
-    "posts_appearance": "Posts appearance",
+    "posts_appearance": "Posts Appearance",
     "fun": "Fun",
     "greentext": "Meme arrows",
     "plaintext_quotes": "Highlight plaintext {0}",

From 9fae1d086b87d5adac53a5197c9d4d1afecd1eb3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 19:45:01 +0200
Subject: [PATCH 288/424] rearrange layout tab sections

---
 .../settings_modal/tabs/layout_tab.vue        | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/settings_modal/tabs/layout_tab.vue b/src/components/settings_modal/tabs/layout_tab.vue
index d4a7e757a..999040d9d 100644
--- a/src/components/settings_modal/tabs/layout_tab.vue
+++ b/src/components/settings_modal/tabs/layout_tab.vue
@@ -24,16 +24,6 @@
             {{ $t('settings.autohide_floating_post_button') }}
           </BooleanSetting>
         </li>
-        <li>
-          <BooleanSetting path="disableStickyHeaders">
-            {{ $t('settings.disable_sticky_headers') }}
-          </BooleanSetting>
-        </li>
-        <li>
-          <BooleanSetting path="showScrollbars">
-            {{ $t('settings.show_scrollbars') }}
-          </BooleanSetting>
-        </li>
         <li>
           <BooleanSetting
             path="userPopoverOverlay"
@@ -59,9 +49,6 @@
             {{ $t('settings.theme_editor_min_width') }}
           </UnitSetting>
         </li>
-      </ul>
-      <h3>{{ $t('settings.columns') }}</h3>
-      <ul class="setting-list">
         <li>
           <UnitSetting
             path="navbarSize"
@@ -72,6 +59,19 @@
             {{ $t('settings.navbar_size') }}
           </UnitSetting>
         </li>
+      </ul>
+      <h3>{{ $t('settings.columns') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path="disableStickyHeaders">
+            {{ $t('settings.disable_sticky_headers') }}
+          </BooleanSetting>
+        </li>
+        <li>
+          <BooleanSetting path="showScrollbars">
+            {{ $t('settings.show_scrollbars') }}
+          </BooleanSetting>
+        </li>
         <li v-if="instanceSpecificPanelPresent">
           <BooleanSetting path="hideISP">
             {{ $t('settings.hide_isp') }}
@@ -109,7 +109,7 @@
           </ChoiceSetting>
         </li>
         <li v-if="expertLevel > 0">
-          {{ $t('settings.column_sizes') }}
+          <h4> {{ $t('settings.column_sizes') }} </h4>
           <div class="column-settings">
             <UnitSetting
               v-for="column in columns"

From 38a99b2f3944c370696c5ca5d1de8efb4adf672b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 19:45:10 +0200
Subject: [PATCH 289/424] fixed incorrect headers on notifications tab

---
 .../settings_modal/tabs/notifications_tab.vue | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/settings_modal/tabs/notifications_tab.vue b/src/components/settings_modal/tabs/notifications_tab.vue
index 10228888c..17dfb43eb 100644
--- a/src/components/settings_modal/tabs/notifications_tab.vue
+++ b/src/components/settings_modal/tabs/notifications_tab.vue
@@ -1,7 +1,7 @@
 <template>
   <div :label="$t('settings.notifications')">
     <div class="setting-item">
-      <h2>{{ $t('settings.notification_setting_annoyance') }}</h2>
+      <h3>{{ $t('settings.notification_setting_annoyance') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting path="closingDrawerMarksAsSeen">
@@ -29,7 +29,7 @@
       </ul>
     </div>
     <div class="setting-item">
-      <h2>{{ $t('settings.notification_setting_filters') }}</h2>
+      <h3>{{ $t('settings.notification_setting_filters') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting
@@ -40,13 +40,13 @@
           </BooleanSetting>
         </li>
         <li>
-          <h3> {{ $t('settings.notification_visibility') }}</h3>
+          <h4> {{ $t('settings.notification_visibility') }}</h4>
           <p v-if="expertLevel > 0">
             {{ $t('settings.notification_setting_filters_chrome_push') }}
           </p>
           <ul class="setting-list two-column">
             <li>
-              <h4> {{ $t('settings.notification_visibility_mentions') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_mentions') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.mentions">
@@ -61,7 +61,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_statuses') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_statuses') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.statuses">
@@ -76,7 +76,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_likes') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_likes') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.likes">
@@ -91,7 +91,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_repeats') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_repeats') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.repeats">
@@ -106,7 +106,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_emoji_reactions') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_emoji_reactions') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.emojiReactions">
@@ -121,7 +121,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_follows') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_follows') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.follows">
@@ -136,7 +136,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_follow_requests') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_follow_requests') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.followRequest">
@@ -151,7 +151,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_moves') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_moves') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.moves">
@@ -166,7 +166,7 @@
               </ul>
             </li>
             <li>
-              <h4> {{ $t('settings.notification_visibility_polls') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_polls') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.polls">
@@ -181,7 +181,7 @@
               </ul>
             </li>
             <li v-if="canReceiveReports">
-              <h4> {{ $t('settings.notification_visibility_reports') }}</h4>
+              <h5> {{ $t('settings.notification_visibility_reports') }}</h5>
               <ul class="setting-list">
                 <li>
                   <BooleanSetting path="notificationVisibility.reports">
@@ -245,7 +245,7 @@
       v-if="expertLevel > 0"
       class="setting-item"
     >
-      <h2>{{ $t('settings.notification_setting_privacy') }}</h2>
+      <h3>{{ $t('settings.notification_setting_privacy') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting

From f7fc678c23222afba4abb22f884ab37b16a14746 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 19:51:34 +0200
Subject: [PATCH 290/424] proper suboptions hierarchy

---
 .../settings_modal/tabs/composing_tab.vue     |  22 +--
 .../settings_modal/tabs/notifications_tab.vue |   2 -
 .../settings_modal/tabs/posts_tab.vue         | 162 +++++++++---------
 3 files changed, 93 insertions(+), 93 deletions(-)

diff --git a/src/components/settings_modal/tabs/composing_tab.vue b/src/components/settings_modal/tabs/composing_tab.vue
index 829a214a6..507ac5c79 100644
--- a/src/components/settings_modal/tabs/composing_tab.vue
+++ b/src/components/settings_modal/tabs/composing_tab.vue
@@ -94,18 +94,18 @@
           >
             {{ $t('settings.image_compression') }}
           </BooleanSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                path="alwaysUseJpeg"
+                expert="1"
+                parent-path="imageCompression"
+              >
+                {{ $t('settings.always_use_jpeg') }}
+              </BooleanSetting>
+            </li>
+          </ul>
         </li>
-        <ul class="setting-list suboptions">
-          <li>
-            <BooleanSetting
-              path="alwaysUseJpeg"
-              expert="1"
-              parent-path="imageCompression"
-            >
-              {{ $t('settings.always_use_jpeg') }}
-            </BooleanSetting>
-          </li>
-        </ul>
       </ul>
     </div>
   </div>
diff --git a/src/components/settings_modal/tabs/notifications_tab.vue b/src/components/settings_modal/tabs/notifications_tab.vue
index 17dfb43eb..351c1dd9c 100644
--- a/src/components/settings_modal/tabs/notifications_tab.vue
+++ b/src/components/settings_modal/tabs/notifications_tab.vue
@@ -201,8 +201,6 @@
           <BooleanSetting path="showExtraNotifications">
             {{ $t('settings.notification_show_extra') }}
           </BooleanSetting>
-        </li>
-        <li>
           <ul class="setting-list suboptions">
             <li>
               <BooleanSetting
diff --git a/src/components/settings_modal/tabs/posts_tab.vue b/src/components/settings_modal/tabs/posts_tab.vue
index 9cbbd0415..f95411d61 100644
--- a/src/components/settings_modal/tabs/posts_tab.vue
+++ b/src/components/settings_modal/tabs/posts_tab.vue
@@ -16,44 +16,44 @@
           >
             {{ $t('settings.conversation_display') }}
           </ChoiceSetting>
+          <ul
+            v-if="mergedConfig.conversationDisplay !== 'linear'"
+            class="setting-list suboptions"
+          >
+            <li>
+              <BooleanSetting path="conversationTreeAdvanced">
+                {{ $t('settings.tree_advanced') }}
+              </BooleanSetting>
+            </li>
+            <li>
+              <BooleanSetting
+                path="conversationTreeFadeAncestors"
+                :expert="1"
+              >
+                {{ $t('settings.tree_fade_ancestors') }}
+              </BooleanSetting>
+            </li>
+            <li>
+              <IntegerSetting
+                path="maxDepthInThread"
+                :min="3"
+                :expert="1"
+              >
+                {{ $t('settings.max_depth_in_thread') }}
+              </IntegerSetting>
+            </li>
+            <li>
+              <ChoiceSetting
+                id="conversationOtherRepliesButton"
+                path="conversationOtherRepliesButton"
+                :options="conversationOtherRepliesButtonOptions"
+                :expert="1"
+              >
+                {{ $t('settings.conversation_other_replies_button') }}
+              </ChoiceSetting>
+            </li>
+          </ul>
         </li>
-        <ul
-          v-if="mergedConfig.conversationDisplay !== 'linear'"
-          class="setting-list suboptions"
-        >
-          <li>
-            <BooleanSetting path="conversationTreeAdvanced">
-              {{ $t('settings.tree_advanced') }}
-            </BooleanSetting>
-          </li>
-          <li>
-            <BooleanSetting
-              path="conversationTreeFadeAncestors"
-              :expert="1"
-            >
-              {{ $t('settings.tree_fade_ancestors') }}
-            </BooleanSetting>
-          </li>
-          <li>
-            <IntegerSetting
-              path="maxDepthInThread"
-              :min="3"
-              :expert="1"
-            >
-              {{ $t('settings.max_depth_in_thread') }}
-            </IntegerSetting>
-          </li>
-          <li>
-            <ChoiceSetting
-              id="conversationOtherRepliesButton"
-              path="conversationOtherRepliesButton"
-              :options="conversationOtherRepliesButtonOptions"
-              :expert="1"
-            >
-              {{ $t('settings.conversation_other_replies_button') }}
-            </ChoiceSetting>
-          </li>
-        </ul>
         <li>
           <FontControl
             :model-value="mergedConfig.theme3hacks.fonts.post"
@@ -103,6 +103,16 @@
           >
             {{ $t('settings.mention_link_display') }}
           </ChoiceSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                v-if="mergedConfig.mentionLinkDisplay !== 'short'"
+                path="mentionLinkFadeDomain"
+              >
+                {{ $t('settings.mention_link_fade_domain') }}
+              </BooleanSetting>
+            </li>
+          </ul>
         </li>
         <li>
           <BooleanSetting
@@ -117,14 +127,6 @@
             {{ $t('settings.mention_link_show_avatar') }}
           </BooleanSetting>
         </li>
-        <li>
-          <BooleanSetting
-            v-if="mergedConfig.mentionLinkDisplay !== 'short'"
-            path="mentionLinkFadeDomain"
-          >
-            {{ $t('settings.mention_link_fade_domain') }}
-          </BooleanSetting>
-        </li>
         <li v-if="user">
           <BooleanSetting
             path="mentionLinkBoldenYou"
@@ -142,22 +144,22 @@
           >
             {{ $t('settings.no_rich_text_description') }}
           </BooleanSetting>
+          <ul
+            v-if="mergedConfig.useAbsoluteTimeFormat"
+            class="setting-list suboptions"
+          >
+            <li>
+              <UnitSetting
+                path="absoluteTimeFormatMinAge"
+                unit-set="time"
+                :units="['s', 'm', 'h', 'd']"
+                :min="0"
+              >
+                {{ $t('settings.absolute_time_format_min_age') }}
+              </UnitSetting>
+            </li>
+          </ul>
         </li>
-        <ul
-          v-if="mergedConfig.useAbsoluteTimeFormat"
-          class="setting-list suboptions"
-        >
-          <li>
-            <UnitSetting
-              path="absoluteTimeFormatMinAge"
-              unit-set="time"
-              :units="['s', 'm', 'h', 'd']"
-              :min="0"
-            >
-              {{ $t('settings.absolute_time_format_min_age') }}
-            </UnitSetting>
-          </li>
-        </ul>
       </ul>
       <h3>{{ $t('settings.attachments') }}</h3>
       <ul class="setting-list">
@@ -170,27 +172,27 @@
           <BooleanSetting path="hideNsfw">
             {{ $t('settings.nsfw_clickthrough') }}
           </BooleanSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                path="preloadImage"
+                expert="1"
+                parent-path="hideNsfw"
+              >
+                {{ $t('settings.preload_images') }}
+              </BooleanSetting>
+            </li>
+            <li>
+              <BooleanSetting
+                path="useOneClickNsfw"
+                expert="1"
+                parent-path="hideNsfw"
+              >
+                {{ $t('settings.use_one_click_nsfw') }}
+              </BooleanSetting>
+            </li>
+          </ul>
         </li>
-        <ul class="setting-list suboptions">
-          <li>
-            <BooleanSetting
-              path="preloadImage"
-              expert="1"
-              parent-path="hideNsfw"
-            >
-              {{ $t('settings.preload_images') }}
-            </BooleanSetting>
-          </li>
-          <li>
-            <BooleanSetting
-              path="useOneClickNsfw"
-              expert="1"
-              parent-path="hideNsfw"
-            >
-              {{ $t('settings.use_one_click_nsfw') }}
-            </BooleanSetting>
-          </li>
-        </ul>
         <li>
           <BooleanSetting
             path="loopVideo"

From 23c5a6fab75ba6ac52b7bf093188bcf91741363c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 20:02:00 +0200
Subject: [PATCH 291/424] slightly adjusted security tab. that tab needs
 general overhaul

---
 .../settings_modal_user_content.vue           |   1 -
 .../tabs/security_tab/security_tab.vue        | 229 +++++++++---------
 2 files changed, 121 insertions(+), 109 deletions(-)

diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 941724e87..b2b291e9b 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -96,7 +96,6 @@
       :label="$t('settings.security_tab')"
       icon="lock"
       data-tab-name="security"
-      :full-width="true"
     >
       <SecurityTab />
     </div>
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.vue b/src/components/settings_modal/tabs/security_tab/security_tab.vue
index 4431550ae..d1e6e3c87 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.vue
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.vue
@@ -1,116 +1,97 @@
 <template>
   <div :label="$t('settings.security_tab')">
     <div class="setting-item">
-      <h2>{{ $t('settings.change_email') }}</h2>
-      <div>
-        <p>{{ $t('settings.new_email') }}</p>
-        <input
-          v-model="newEmail"
-          type="email"
-          autocomplete="email"
-          class="input"
-        >
-      </div>
-      <div>
-        <p>{{ $t('settings.current_password') }}</p>
-        <input
-          v-model="changeEmailPassword"
-          type="password"
-          autocomplete="current-password"
-          class="input"
-        >
-      </div>
-      <button
-        class="btn button-default"
-        @click="changeEmail"
-      >
-        {{ $t('settings.save') }}
-      </button>
-      <p v-if="changedEmail">
-        {{ $t('settings.changed_email') }}
-      </p>
-      <template v-if="changeEmailError !== false">
-        <p>{{ $t('settings.change_email_error') }}</p>
-        <p>{{ changeEmailError }}</p>
-      </template>
-    </div>
-
-    <div class="setting-item">
-      <h2>{{ $t('settings.change_password') }}</h2>
-      <div>
-        <p>{{ $t('settings.current_password') }}</p>
-        <input
-          v-model="changePasswordInputs[0]"
-          type="password"
-          class="input"
-        >
-      </div>
-      <div>
-        <p>{{ $t('settings.new_password') }}</p>
-        <input
-          v-model="changePasswordInputs[1]"
-          type="password"
-          class="input"
-        >
-      </div>
-      <div>
-        <p>{{ $t('settings.confirm_new_password') }}</p>
-        <input
-          v-model="changePasswordInputs[2]"
-          type="password"
-          class="input"
-        >
-      </div>
-      <button
-        class="btn button-default"
-        @click="changePassword"
-      >
-        {{ $t('settings.save') }}
-      </button>
-      <p v-if="changedPassword">
-        {{ $t('settings.changed_password') }}
-      </p>
-      <p v-else-if="changePasswordError !== false">
-        {{ $t('settings.change_password_error') }}
-      </p>
-      <p v-if="changePasswordError">
-        {{ changePasswordError }}
-      </p>
-    </div>
-
-    <div class="setting-item">
-      <h2>{{ $t('settings.oauth_tokens') }}</h2>
-      <table class="oauth-tokens">
-        <thead>
-          <tr>
-            <th>{{ $t('settings.app_name') }}</th>
-            <th>{{ $t('settings.valid_until') }}</th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          <tr
-            v-for="oauthToken in oauthTokens"
-            :key="oauthToken.id"
+      <h3>{{ $t('settings.change_email') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('settings.new_email') }}</h4>
+          <input
+            v-model="newEmail"
+            type="email"
+            autocomplete="email"
+            class="input"
           >
-            <td>{{ oauthToken.appName }}</td>
-            <td>{{ oauthToken.validUntil }}</td>
-            <td class="actions">
-              <button
-                class="btn button-default"
-                @click="revokeToken(oauthToken.id)"
-              >
-                {{ $t('settings.revoke_token') }}
-              </button>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+        </li>
+        <li>
+          <h4>{{ $t('settings.current_password') }}</h4>
+          <input
+            v-model="changeEmailPassword"
+            type="password"
+            autocomplete="current-password"
+            class="input"
+          >
+        </li>
+        <li>
+          <button
+            class="btn button-default"
+            @click="changeEmail"
+          >
+            {{ $t('settings.save') }}
+          </button>
+        </li>
+        <li>
+          <p v-if="changedEmail">
+            {{ $t('settings.changed_email') }}
+          </p>
+          <template v-if="changeEmailError !== false">
+            <p>{{ $t('settings.change_email_error') }}</p>
+            <p>{{ changeEmailError }}</p>
+          </template>
+        </li>
+      </ul>
     </div>
-    <mfa />
 
     <div class="setting-item">
-      <h2>{{ $t('settings.account_alias') }}</h2>
+      <h3>{{ $t('settings.change_password') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('settings.current_password') }}</h4>
+          <input
+            v-model="changePasswordInputs[0]"
+            type="password"
+            class="input"
+          >
+        </li>
+        <li>
+          <h4>{{ $t('settings.new_password') }}</h4>
+          <input
+            v-model="changePasswordInputs[1]"
+            type="password"
+            class="input"
+          >
+        </li>
+        <li>
+          <h4>{{ $t('settings.confirm_new_password') }}</h4>
+          <input
+            v-model="changePasswordInputs[2]"
+            type="password"
+            class="input"
+          >
+        </li>
+        <li>
+          <button
+            class="btn button-default"
+            @click="changePassword"
+          >
+            {{ $t('settings.save') }}
+          </button>
+        </li>
+        <li>
+          <p v-if="changedPassword">
+            {{ $t('settings.changed_password') }}
+          </p>
+          <p v-else-if="changePasswordError !== false">
+            {{ $t('settings.change_password_error') }}
+          </p>
+          <p v-if="changePasswordError">
+            {{ changePasswordError }}
+          </p>
+        </li>
+      </ul>
+    </div>
+
+    <div class="setting-item">
+      <h3>{{ $t('settings.account_alias') }}</h3>
       <table>
         <thead>
           <tr>
@@ -178,8 +159,40 @@
       </template>
     </div>
 
+
     <div class="setting-item">
-      <h2>{{ $t('settings.move_account') }}</h2>
+      <h3>{{ $t('settings.oauth_tokens') }}</h3>
+      <table class="oauth-tokens">
+        <thead>
+          <tr>
+            <th>{{ $t('settings.app_name') }}</th>
+            <th>{{ $t('settings.valid_until') }}</th>
+            <th />
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            v-for="oauthToken in oauthTokens"
+            :key="oauthToken.id"
+          >
+            <td>{{ oauthToken.appName }}</td>
+            <td>{{ oauthToken.validUntil }}</td>
+            <td class="actions">
+              <button
+                class="btn button-default"
+                @click="revokeToken(oauthToken.id)"
+              >
+                {{ $t('settings.revoke_token') }}
+              </button>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <mfa />
+
+    <div class="setting-item">
+      <h3>{{ $t('settings.move_account') }}</h3>
       <p>{{ $t('settings.move_account_notes') }}</p>
       <div>
         <i18n-t
@@ -222,7 +235,7 @@
     </div>
 
     <div class="setting-item">
-      <h2>{{ $t('settings.delete_account') }}</h2>
+      <h3>{{ $t('settings.delete_account') }}</h3>
       <p v-if="!deletingAccount">
         {{ $t('settings.delete_account_description') }}
       </p>

From 171bb3b7caad33eb4d633745f1e4657428b04f02 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 20:04:18 +0200
Subject: [PATCH 292/424] changelog

---
 changelog.d/settings-shuffle.change | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 changelog.d/settings-shuffle.change

diff --git a/changelog.d/settings-shuffle.change b/changelog.d/settings-shuffle.change
new file mode 100644
index 000000000..f1d9ecf89
--- /dev/null
+++ b/changelog.d/settings-shuffle.change
@@ -0,0 +1,3 @@
+rearranged and split settings to make more sense and be less of a wall of text
+on mobile settings now take up full width and presented in navigation style
+improved styles for settings

From 2a3999bf4245324d21be96379e8f515765ae1556 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 20:09:47 +0200
Subject: [PATCH 293/424] fix suboptions on mobile

---
 src/components/settings_modal/settings_modal.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index a1e3ec412..c6458c1c6 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -110,7 +110,7 @@
       }
     }
 
-    .setting-list,
+    .setting-list:not(.suboptions),
     .option-list {
       padding-left: 0.25em;
 

From 94864276c1650e400c600a092662bb89c29781a4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 20:11:08 +0200
Subject: [PATCH 294/424] improve settings nav on mobile

---
 src/components/settings_modal/settings_modal.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index c6458c1c6..66f56869d 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -106,7 +106,9 @@
   &.-mobile {
     .tabs {
       .menu-item {
-        font-size: 1.2em
+        font-size: 1.2em;
+        padding-top: 0.75em;
+        padding-bottom: 0.75em;
       }
     }
 

From e01753830d64c9f6a105e2bb691063508ba67052 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 20:29:37 +0200
Subject: [PATCH 295/424] better two-column layout

---
 src/components/settings_modal/settings_modal.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 66f56869d..78698803e 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -50,9 +50,11 @@
     }
 
     &.two-column {
-      column-count: 2;
+      display: grid;
+      grid-template-columns: 1fr 1fr;
 
       > li {
+        margin: 0;
         break-inside: avoid;
       }
     }
@@ -123,7 +125,7 @@
       }
 
       &.two-column {
-        column-count: 1;
+        grid-template-columns: 1fr;
       }
     }
   }

From e6bda9638b2aaf1d7862513e3cf0bb03bede5fc8 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 20:39:44 +0200
Subject: [PATCH 296/424] revise expert status for settings

---
 .../settings_modal/tabs/clutter_tab.vue       | 24 ++++---------------
 .../settings_modal/tabs/composing_tab.vue     |  1 +
 .../settings_modal/tabs/layout_tab.vue        |  5 +---
 .../settings_modal/tabs/posts_tab.js          |  2 ++
 4 files changed, 8 insertions(+), 24 deletions(-)

diff --git a/src/components/settings_modal/tabs/clutter_tab.vue b/src/components/settings_modal/tabs/clutter_tab.vue
index 12514c330..aa3b4cb09 100644
--- a/src/components/settings_modal/tabs/clutter_tab.vue
+++ b/src/components/settings_modal/tabs/clutter_tab.vue
@@ -4,32 +4,22 @@
       <h3>{{ $t('settings.interface') }}</h3>
       <ul class="setting-list">
         <li>
-          <BooleanSetting
-            path="alwaysShowSubjectInput"
-            expert="1"
-          >
+          <BooleanSetting path="alwaysShowSubjectInput">
             {{ $t('settings.subject_input_always_show') }}
           </BooleanSetting>
         </li>
         <li>
-          <BooleanSetting
-            path="minimalScopesMode"
-            expert="1"
-          >
+          <BooleanSetting path="minimalScopesMode">
             {{ $t('settings.minimal_scopes_mode') }}
           </BooleanSetting>
         </li>
         <li>
-          <BooleanSetting
-            expert="1"
-            path="hidePostStats"
-          >
+          <BooleanSetting path="hidePostStats">
             {{ $t('settings.hide_post_stats') }}
           </BooleanSetting>
         </li>
         <li>
           <BooleanSetting
-            expert="1"
             path="hideUserStats"
           >
             {{ $t('settings.hide_user_stats') }}
@@ -51,7 +41,6 @@
                 path="hideScrobblesAfter"
                 :units="['m', 'h', 'd']"
                 unit-set="time"
-                expert="1"
               >
                 {{ $t('settings.hide_scrobbles_after') }}
               </UnitSetting>
@@ -64,7 +53,6 @@
         <li>
           <IntegerSetting
             path="maxThumbnails"
-            expert="1"
             :min="0"
           >
             {{ $t('settings.max_thumbnails') }}
@@ -81,17 +69,13 @@
           </BooleanSetting>
         </li>
         <li>
-          <BooleanSetting
-            path="userCardHidePersonalMarks"
-            expert="1"
-          >
+          <BooleanSetting path="userCardHidePersonalMarks">
             {{ $t('settings.user_card_hide_personal_marks') }}
           </BooleanSetting>
         </li>
         <li v-if="instanceShoutboxPresent">
           <BooleanSetting
             path="hideShoutbox"
-            expert="1"
           >
             {{ $t('settings.hide_shoutbox') }}
           </BooleanSetting>
diff --git a/src/components/settings_modal/tabs/composing_tab.vue b/src/components/settings_modal/tabs/composing_tab.vue
index 507ac5c79..60640aab0 100644
--- a/src/components/settings_modal/tabs/composing_tab.vue
+++ b/src/components/settings_modal/tabs/composing_tab.vue
@@ -59,6 +59,7 @@
             id="unsavedPostAction"
             path="unsavedPostAction"
             :options="unsavedPostActionOptions"
+            expert="1"
           >
             {{ $t('settings.unsaved_post_action') }}
           </ChoiceSetting>
diff --git a/src/components/settings_modal/tabs/layout_tab.vue b/src/components/settings_modal/tabs/layout_tab.vue
index 999040d9d..68e90d346 100644
--- a/src/components/settings_modal/tabs/layout_tab.vue
+++ b/src/components/settings_modal/tabs/layout_tab.vue
@@ -33,10 +33,7 @@
           </BooleanSetting>
         </li>
         <li>
-          <BooleanSetting
-            path="userCardLeftJustify"
-            expert="1"
-          >
+          <BooleanSetting path="userCardLeftJustify">
             {{ $t('settings.user_card_left_justify') }}
           </BooleanSetting>
         </li>
diff --git a/src/components/settings_modal/tabs/posts_tab.js b/src/components/settings_modal/tabs/posts_tab.js
index d0399037b..094583c15 100644
--- a/src/components/settings_modal/tabs/posts_tab.js
+++ b/src/components/settings_modal/tabs/posts_tab.js
@@ -1,5 +1,6 @@
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 import FontControl from 'src/components/font_control/font_control.vue'
 
@@ -51,6 +52,7 @@ const GeneralTab = {
   components: {
     BooleanSetting,
     ChoiceSetting,
+    IntegerSetting,
     FontControl,
     ProfileSettingIndicator
   },

From f24f164995ad7edba529dc7dadcd1d3212bacd52 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 20:44:20 +0200
Subject: [PATCH 297/424] improve import/export table

---
 .../tabs/data_import_export_tab.scss          | 18 ++++++++---
 .../tabs/data_import_export_tab.vue           | 30 ++++++++++---------
 2 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/src/components/settings_modal/tabs/data_import_export_tab.scss b/src/components/settings_modal/tabs/data_import_export_tab.scss
index 6a4b51ca4..477dab66c 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.scss
+++ b/src/components/settings_modal/tabs/data_import_export_tab.scss
@@ -1,11 +1,21 @@
 .data-import-export-tab {
-  h3 {
-    margin-right: -2em;
-  }
-
   .importer-exporter {
     display: inline-flex;
     flex-direction: column;
     gap: 0.5em;
   }
+
+  table {
+    td, th {
+      line-height: 1.5;
+    }
+
+    th {
+      padding: 0 0.5em;
+    }
+
+    td {
+      padding: 0.5em;
+    }
+  }
 }
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.vue b/src/components/settings_modal/tabs/data_import_export_tab.vue
index 3f7c3a875..cfd254277 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.vue
+++ b/src/components/settings_modal/tabs/data_import_export_tab.vue
@@ -56,8 +56,22 @@
         </li>
       </ul>
       <h3>{{ $t('settings.account_backup') }}</h3>
-      <p>{{ $t('settings.account_backup_description') }}</p>
-      <table>
+      <div class="setting-list">
+        <p>{{ $t('settings.account_backup_description') }}</p>
+        <button
+          class="btn button-default"
+          @click="addBackup"
+        >
+          {{ $t('settings.add_backup') }}
+        </button>
+        <p v-if="addedBackup">
+          {{ $t('settings.added_backup') }}
+        </p>
+        <template v-if="addBackupError !== false">
+          <p>{{ $t('settings.add_backup_error', { error: addBackupError }) }}</p>
+        </template>
+      </div>
+      <table class="setting-list">
         <thead>
           <tr>
             <th>{{ $t('settings.account_backup_table_head') }}</th>
@@ -112,18 +126,6 @@
           />
         </button>
       </div>
-      <button
-        class="btn button-default"
-        @click="addBackup"
-      >
-        {{ $t('settings.add_backup') }}
-      </button>
-      <p v-if="addedBackup">
-        {{ $t('settings.added_backup') }}
-      </p>
-      <template v-if="addBackupError !== false">
-        <p>{{ $t('settings.add_backup_error', { error: addBackupError }) }}</p>
-      </template>
     </div>
   </div>
 </template>

From dba63e68256cef07bc291420e58f3a057afb5c83 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 22:56:14 +0200
Subject: [PATCH 298/424] improved theme-related stuff on mobile somewhat
 (except shadow editor)

---
 src/components/color_input/color_input.scss   |  16 ++-
 .../palette_editor/palette_editor.vue         | 121 +++++++++++-------
 .../helpers/vertical_tab_switcher.jsx         |   2 +-
 .../settings_modal/tabs/appearance_tab.scss   |   4 +-
 .../settings_modal/tabs/appearance_tab.vue    |   2 -
 .../settings_modal/tabs/layout_tab.js         |   1 +
 .../tabs/style_tab/style_tab.scss             |  81 +++++++-----
 .../tabs/style_tab/style_tab.vue              |   4 +-
 src/components/tab_switcher/tab_switcher.jsx  |   7 +-
 src/components/tab_switcher/tab_switcher.scss |  11 +-
 10 files changed, 160 insertions(+), 89 deletions(-)

diff --git a/src/components/color_input/color_input.scss b/src/components/color_input/color_input.scss
index 3128381f5..c6680b6b0 100644
--- a/src/components/color_input/color_input.scss
+++ b/src/components/color_input/color_input.scss
@@ -1,18 +1,28 @@
 .color-input {
   display: inline-flex;
+  flex-wrap: wrap;
+  max-width: 10em;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto auto;
+  grid-template-areas:
+    "label checkbox"
+    "input input";
 
   .label {
     flex: 1 1 auto;
+    grid-area: label;
   }
 
   .opt {
+    grid-area: checkbox;
     margin-right: 0.5em;
   }
 
   &-field.input {
-    display: inline-flex;
-    flex: 0 0 0;
-    max-width: 9em;
+    flex: 1 1 10em;
+    max-width: 10em;
+    grid-area: input;
+    display: flex;
     align-items: stretch;
 
     input {
diff --git a/src/components/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index 252928b9e..3040696d0 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -1,44 +1,52 @@
 <template>
   <div
     class="PaletteEditor"
-    :class="{ '-compact': compact, '-apply': apply }"
+    :class="{ '-compact': compact, '-apply': apply, '-mobile': mobile }"
   >
-    <ColorInput
-      v-for="key in paletteKeys"
-      :key="key"
-      :name="key"
-      :model-value="props.modelValue[key]"
-      :fallback="fallback(key)"
-      :label="$t('settings.style.themes3.palette.' + key)"
-      @update:model-value="value => updatePalette(key, value)"
-    />
-    <button
-      class="btn button-default palette-import-button"
-      @click="importPalette"
-    >
-      <FAIcon icon="file-import" />
-      {{ $t('settings.style.themes3.palette.import') }}
-    </button>
-    <button
-      class="btn button-default palette-export-button"
-      @click="exportPalette"
-    >
-      <FAIcon icon="file-export" />
-      {{ $t('settings.style.themes3.palette.export') }}
-    </button>
-    <button
-      v-if="apply"
-      class="btn button-default palette-apply-button"
-      :disabled="disabled"
-      :class="{ disabled }"
-      @click="applyPalette"
-    >
-      {{ $t('settings.style.themes3.palette.apply') }}
-    </button>
+    <div class="palette">
+      <ColorInput
+        v-for="key in paletteKeys"
+        :key="key"
+        :name="key"
+        :model-value="props.modelValue[key]"
+        :fallback="fallback(key)"
+        :label="$t('settings.style.themes3.palette.' + key)"
+        @update:model-value="value => updatePalette(key, value)"
+      />
+    </div>
+    <div class="buttons">
+      <button
+        class="btn button-default palette-import-button"
+        @click="importPalette"
+      >
+        <FAIcon icon="file-import" />
+        {{ $t('settings.style.themes3.palette.import') }}
+      </button>
+      <button
+        class="btn button-default palette-export-button"
+        @click="exportPalette"
+      >
+        <FAIcon icon="file-export" />
+        {{ $t('settings.style.themes3.palette.export') }}
+      </button>
+    </div>
+    <div class="buttons">
+      <button
+        v-if="apply"
+        class="btn button-default palette-apply-button"
+        :disabled="disabled"
+        :class="{ disabled }"
+        @click="applyPalette"
+      >
+        {{ $t('settings.style.themes3.palette.apply') }}
+      </button>
+    </div>
   </div>
 </template>
 
 <script setup>
+import { computed } from 'vue'
+
 import ColorInput from 'src/components/color_input/color_input.vue'
 import {
   newImporter,
@@ -51,6 +59,8 @@ import {
   faFileExport
 } from '@fortawesome/free-solid-svg-icons'
 
+import { useInterfaceStore } from 'src/stores/interface'
+
 library.add(
   faFileImport,
   faFileExport
@@ -104,6 +114,10 @@ const applyPalette = () => {
   emit('applyPalette', getExportedObject())
 }
 
+const mobile = computed(() => {
+  return useInterfaceStore().layoutType === 'mobile'
+})
+
 const fallback = (key) => {
   if (key === 'accent') {
     return props.modelValue.link
@@ -129,13 +143,28 @@ const updatePalette = (paletteKey, value) => {
 
 <style lang="scss">
 .PaletteEditor {
-  display: grid;
   justify-content: space-around;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: repeat(5, 1fr) auto;
   grid-gap: 0.5em;
   align-items: baseline;
 
+  .buttons {
+    margin-top: 0.5em;
+    display: grid;
+    gap: 0.5em
+  }
+
+  .palette {
+    display: grid;
+    grid-template-rows: 1fr;
+    grid-auto-flow: row;
+    grid-auto-rows: auto;
+    grid-template-columns: repeat(auto-fill, 10em);
+    grid-gap: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
   .palette-import-button {
     grid-column: 1 / span 2;
   }
@@ -171,23 +200,21 @@ const updatePalette = (paletteKey, value) => {
         grid-column: 1 / span 2;
       }
     }
+  }
 
-    .-mobile & {
-      grid-template-columns: 1fr;
-      grid-template-rows: repeat(10, 1fr) auto;
-
-      .palette-import-button {
-        grid-column: 1;
+  &.-mobile {
+    &.-apply {
+      .palette-apply-button {
+        grid-column: 1 / span 2;
       }
+    }
 
-      .palette-export-button {
-        grid-column: 1;
-      }
+    .color-input {
+      display: grid;
+      gap: 0.5em;
 
-      &.-apply {
-        .palette-apply-button {
-          grid-column: 1;
-        }
+      label {
+        flex: 1;
       }
     }
   }
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index ce5e3fa20..ea685576f 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -128,7 +128,6 @@ export default {
       const props = slot.props
       if (!props) return
       const active = this.activeIndex === index
-      const wrapperClasses = ['tab-content-wrapper', active ? '-active' : '-hidden' ]
 
       let delayRender = slot.props['delay-render']
       if (delayRender && active) {
@@ -157,6 +156,7 @@ export default {
         </h2>
       )
 
+      const wrapperClasses = ['tab-content-wrapper', active ? '-active' : '-hidden' ]
       const contentClasses = ['tab-content']
       if (props['full-width']) {
         contentClasses.push('-full-width')
diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index 58ec1e8aa..e589c596f 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -6,7 +6,6 @@
   .palette,
   .theme-notice {
     padding: 0.5em;
-    margin: 1em;
   }
 
   .theme-name {
@@ -14,7 +13,6 @@
     padding-bottom: 0.5em;
   }
 
-
   input[type="file"] {
     padding: 0.25em;
     height: auto;
@@ -61,7 +59,7 @@
     scrollbar-gutter: stable;
     border-radius: var(--roundness);
     border: 1px solid var(--border);
-    margin: -0.5em;
+    margin-bottom: 0.5em;
     margin-top: 0;
   }
 
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index 868fb8bfa..158599a56 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -75,8 +75,6 @@
           <FAIcon icon="folder-open" />
           {{ $t('settings.style.themes3.editor.load_style') }}
         </button>
-      </div>
-      <div class="setting-item">
         <h4>{{ $t('settings.style.themes3.palette.label') }}</h4>
         <div
           v-if="customThemeVersion === 'v3'"
diff --git a/src/components/settings_modal/tabs/layout_tab.js b/src/components/settings_modal/tabs/layout_tab.js
index 355933a65..48b6eb971 100644
--- a/src/components/settings_modal/tabs/layout_tab.js
+++ b/src/components/settings_modal/tabs/layout_tab.js
@@ -31,6 +31,7 @@ const GeneralTab = {
     postFormats () {
       return this.$store.state.instance.postFormats || []
     },
+    instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
     columns () {
       const mode = this.$store.getters.mergedConfig.thirdColumnMode
 
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.scss b/src/components/settings_modal/tabs/style_tab/style_tab.scss
index 545f6b117..4f02a68c0 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.scss
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.scss
@@ -2,8 +2,6 @@
   min-width: var(--themeEditorMinWidth, fit-content);
 
   .style-control {
-    display: flex;
-    flex-wrap: wrap;
     align-items: baseline;
     margin-bottom: 0.5em;
 
@@ -18,10 +16,6 @@
       margin-left: 1em;
     }
 
-    .color-input {
-      flex: 0 0 0;
-    }
-
     input,
     select {
       min-width: 3em;
@@ -50,21 +44,24 @@
     }
   }
 
+  .setting-item.heading {
+    padding: 0;
+  }
+
   .meta-preview {
     display: grid;
     grid-template:
-      "meta meta preview preview"
-      "meta meta preview preview"
-      "meta meta preview preview"
-      "meta meta preview preview";
-    grid-gap: 0.5em;
-    grid-template-columns: min-content min-content 6fr max-content;
+      "meta preview";
+    grid-gap: 1em;
+    grid-template-columns: min-content 6fr;
+
+    .theme-preview-container {
+      margin: 0;
+    }
 
     ul.setting-list {
       padding: 0;
       margin: 0;
-      display: grid;
-      grid-template-rows: subgrid;
       grid-area: meta;
 
       > li {
@@ -114,6 +111,7 @@
 
     .list-edit-area {
       grid-area: editor;
+      align-items: baseline;
     }
 
     .list-select {
@@ -134,21 +132,6 @@
     }
   }
 
-  .palette-editor {
-    width: min-content;
-
-    .list-edit-area {
-      display: grid;
-      align-self: baseline;
-      grid-template-rows: subgrid;
-      grid-template-columns: 1fr;
-    }
-
-    .palette-editor-single {
-      grid-row: 2 / span 2;
-    }
-  }
-
   .variables-editor {
     .variable-selector {
       display: grid;
@@ -249,6 +232,46 @@
       justify-items: center;
     }
   }
+
+  .-mobile & {
+    .meta-preview {
+      grid-template:
+        "meta"
+        "preview"
+    }
+
+    .list-editor {
+      display: grid;
+      grid-template-areas:
+        "label"
+        "selector"
+        "movement"
+        "editor"
+        "editor"
+        "editor"
+        "editor";
+      grid-template-columns: 1fr;
+      grid-template-rows: auto 1fr auto;
+    }
+
+    .component-editor {
+      grid-template-columns: 1fr;
+      grid-template-rows: auto;
+      grid-template-areas:
+        "component"
+        "variant"
+        "state"
+        "preview"
+        "settings";
+    }
+
+      .variable-selector {
+        grid-template-columns: 1fr;
+        grid-template-rows: auto;
+        grid-auto-flow: row;
+        grid-gap: 0.5em;
+      }
+  }
 }
 
 .extra-content {
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index a386822ee..967d6983a 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -4,7 +4,6 @@
 <template>
   <div class="StyleTab">
     <div class="setting-item heading">
-      <h2> {{ $t('settings.style.themes3.editor.title') }} </h2>
       <div class="meta-preview">
         <Preview id="edited-style-preview" />
         <teleport
@@ -85,6 +84,7 @@
         key="component"
         class="setting-item component-editor"
         :label="$t('settings.style.themes3.editor.component_tab')"
+        :full-width="true"
       >
         <div class="component-selector">
           <label for="component-selector">
@@ -332,6 +332,7 @@
         key="palette"
         :label="$t('settings.style.themes3.editor.palette_tab')"
         class="setting-item list-editor palette-editor"
+        :full-width="true"
       >
         <label
           class="list-select-label"
@@ -380,6 +381,7 @@
         :label="$t('settings.style.themes3.editor.variables_tab')"
         :model-value="virtualDirectives"
         @update:model-value="updateVirtualDirectives"
+        :full-width="true"
       />
     </tab-switcher>
   </div>
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index d46e14add..af3008459 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -138,8 +138,11 @@ export default {
       if (!props) return
       const active = this.activeIndex === index
       const classes = [ active ? 'active' : 'hidden' ]
-      if (props.fullHeight) {
-        classes.push('full-height')
+      if (props.fullHeight || props['full-height']) {
+        classes.push('-full-height')
+      }
+      if (props.fullWidth || props['full-width']) {
+        classes.push('-full-width')
       }
       let delayRender = slot.props['delay-render']
       if (delayRender && active) {
diff --git a/src/components/tab_switcher/tab_switcher.scss b/src/components/tab_switcher/tab_switcher.scss
index 27214e87e..f788ea30e 100644
--- a/src/components/tab_switcher/tab_switcher.scss
+++ b/src/components/tab_switcher/tab_switcher.scss
@@ -60,7 +60,7 @@
       display: none;
     }
 
-    .full-height:not(.hidden) {
+    .-full-height:not(.hidden) {
       height: 100%;
       display: flex;
       flex-direction: column;
@@ -70,6 +70,15 @@
       }
     }
 
+    .-full-width:not(.hidden) {
+      display: flex;
+      flex-direction: column;
+
+      > *:not(.mobile-label) {
+        width: auto;
+      }
+    }
+
     &.scrollable-tabs {
       overflow-y: auto;
     }

From 355a5955b38d3af61d380d711a1c0fd123085c1a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 23:07:02 +0200
Subject: [PATCH 299/424] made shadow control usable on mobile

---
 src/components/color_input/color_input.scss            | 9 ++++-----
 src/components/color_input/color_input.vue             | 6 +++++-
 src/components/component_preview/component_preview.vue | 1 +
 src/components/shadow_control/shadow_control.scss      | 1 -
 src/components/shadow_control/shadow_control.vue       | 1 +
 5 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/color_input/color_input.scss b/src/components/color_input/color_input.scss
index c6680b6b0..fad2bfca7 100644
--- a/src/components/color_input/color_input.scss
+++ b/src/components/color_input/color_input.scss
@@ -2,11 +2,10 @@
   display: inline-flex;
   flex-wrap: wrap;
   max-width: 10em;
-  grid-template-columns: 1fr auto;
-  grid-template-rows: auto auto;
-  grid-template-areas:
-    "label checkbox"
-    "input input";
+
+  &.-compact {
+    max-width: none;
+  }
 
   .label {
     flex: 1 1 auto;
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index 266ad4d4e..58aee575c 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     class="color-input style-control"
-    :class="{ disabled: !present || disabled }"
+    :class="{ disabled: !present || disabled, '-compact': compact }"
   >
     <label
       :for="name"
@@ -127,6 +127,10 @@ export default {
       required: false,
       type: Boolean,
       default: false
+    },
+    compact: {
+      required: false,
+      type: Boolean
     }
   },
   emits: ['update:modelValue'],
diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index 0d81128c7..0a0f9541e 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -104,6 +104,7 @@
         v-model="colorOverride"
         class="input-color-input"
         fallback="#606060"
+        :compact="true"
         :label="$t('settings.style.shadows.color_override')"
       />
     </div>
diff --git a/src/components/shadow_control/shadow_control.scss b/src/components/shadow_control/shadow_control.scss
index d169ea234..42edd1b8f 100644
--- a/src/components/shadow_control/shadow_control.scss
+++ b/src/components/shadow_control/shadow_control.scss
@@ -110,7 +110,6 @@
 
   .shadow-preview {
     grid-area: preview;
-    min-width: 25em;
     margin-left: 0.125em;
     place-self: start center;
   }
diff --git a/src/components/shadow_control/shadow_control.vue b/src/components/shadow_control/shadow_control.vue
index f34741797..4fdae4207 100644
--- a/src/components/shadow_control/shadow_control.vue
+++ b/src/components/shadow_control/shadow_control.vue
@@ -168,6 +168,7 @@
           :disabled="disabled || !present"
           :label="$t('settings.style.common.color')"
           :fallback="getColorFallback"
+          :compact="true"
           :show-optional-checkbox="false"
           name="shadow"
           @update:model-value="e => updateProperty('color', e)"

From b519c0f3aa045870b922a418c42be7b57f18d015 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 23:18:10 +0200
Subject: [PATCH 300/424] lint

---
 src/components/opacity_input/opacity_input.vue              | 2 +-
 src/components/settings_modal/tabs/style_tab/style_tab.scss | 3 ++-
 src/components/settings_modal/tabs/style_tab/style_tab.vue  | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/opacity_input/opacity_input.vue b/src/components/opacity_input/opacity_input.vue
index 041219feb..19de233d7 100644
--- a/src/components/opacity_input/opacity_input.vue
+++ b/src/components/opacity_input/opacity_input.vue
@@ -8,7 +8,7 @@
       class="label"
       :class="{ faint: !present || disabled }"
     >
-      {{ label }}
+      {{ label || $t('settings.style.themes3.editor.opacity') }}
     </label>
     <Checkbox
       v-if="typeof fallback !== 'undefined'"
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.scss b/src/components/settings_modal/tabs/style_tab/style_tab.scss
index 4f02a68c0..57d81cf70 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.scss
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.scss
@@ -6,8 +6,9 @@
     margin-bottom: 0.5em;
 
     .label {
+      display: inline-block;
       margin-right: 0.5em;
-      flex: 1 1 0;
+      flex: 1 1 auto;
       line-height: 2;
       min-height: 2em;
     }
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index 967d6983a..0ced0baf4 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -380,8 +380,8 @@
         key="variables"
         :label="$t('settings.style.themes3.editor.variables_tab')"
         :model-value="virtualDirectives"
-        @update:model-value="updateVirtualDirectives"
         :full-width="true"
+        @update:model-value="updateVirtualDirectives"
       />
     </tab-switcher>
   </div>

From 41b6e8017120031ed0e69c0917797b055aba8fd1 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Nov 2025 23:18:48 +0200
Subject: [PATCH 301/424] minor visual fix

---
 src/components/shadow_control/shadow_control.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/shadow_control/shadow_control.scss b/src/components/shadow_control/shadow_control.scss
index 42edd1b8f..0fb7386ec 100644
--- a/src/components/shadow_control/shadow_control.scss
+++ b/src/components/shadow_control/shadow_control.scss
@@ -6,6 +6,10 @@
   grid-gap: 0.5em;
   justify-content: stretch;
 
+  .style-control {
+    display: flex;
+  }
+
   &.-compact {
     grid-template-columns: 10em 1fr;
     grid-template-rows: auto auto;

From 04a21e46983dbaea2695e37a637294b76aa09136 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 26 Nov 2025 00:25:30 +0200
Subject: [PATCH 302/424] lint, ugh

---
 src/components/settings_modal/settings_modal.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 78698803e..fd24697b6 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -118,11 +118,15 @@
     .option-list {
       padding-left: 0.25em;
 
+
+      /* stylelint-disable no-descending-specificity */
+      // it makes no sense
       > li {
         margin: 1em 0;
         line-height: 1.5em;
         vertical-align: middle;
       }
+      /* stylelint-enable no-descending-specificity */
 
       &.two-column {
         grid-template-columns: 1fr;

From 2af0c8338982baf17310d32ab7da5aa19696f189 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Wed, 26 Nov 2025 08:51:51 +0000
Subject: [PATCH 303/424] Update dependency playwright to v1.57.0

---
 package.json |  2 +-
 yarn.lock    | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 21d75f0fb..f5b4608fa 100644
--- a/package.json
+++ b/package.json
@@ -92,7 +92,7 @@
     "lodash": "4.17.21",
     "msw": "2.10.5",
     "nightwatch": "3.12.2",
-    "playwright": "1.55.0",
+    "playwright": "1.57.0",
     "postcss": "8.5.6",
     "postcss-html": "^1.5.0",
     "postcss-scss": "^4.0.6",
diff --git a/yarn.lock b/yarn.lock
index 32a3b93c8..63d8e7b72 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6511,17 +6511,17 @@ pkg-dir@^3.0.0:
   dependencies:
     find-up "^3.0.0"
 
-playwright-core@1.55.0:
-  version "1.55.0"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.55.0.tgz#ec8a9f8ef118afb3e86e0f46f1393e3bea32adf4"
-  integrity sha512-GvZs4vU3U5ro2nZpeiwyb0zuFaqb9sUiAJuyrWpcGouD8y9/HLgGbNRjIph7zU9D3hnPaisMl9zG9CgFi/biIg==
+playwright-core@1.57.0:
+  version "1.57.0"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.57.0.tgz#3dcc9a865af256fa9f0af0d67fc8dd54eecaebf5"
+  integrity sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==
 
-playwright@1.55.0:
-  version "1.55.0"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.55.0.tgz#7aca7ac3ffd9e083a8ad8b2514d6f9ba401cc78b"
-  integrity sha512-sdCWStblvV1YU909Xqx0DhOjPZE4/5lJsIS84IfN9dAZfcl/CIZ5O8l3o0j7hPMjDvqoTF8ZUcc+i/GL5erstA==
+playwright@1.57.0:
+  version "1.57.0"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.57.0.tgz#74d1dacff5048dc40bf4676940b1901e18ad0f46"
+  integrity sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==
   dependencies:
-    playwright-core "1.55.0"
+    playwright-core "1.57.0"
   optionalDependencies:
     fsevents "2.3.2"
 

From 7b02072133b9c8e84f7face19d45def1c7d1c043 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 26 Nov 2025 13:01:25 +0200
Subject: [PATCH 304/424] clean up and update icon list

---
 .../settings_modal_user_content.js            | 20 ++++++++++---------
 .../settings_modal/tabs/appearance_tab.js     | 15 --------------
 2 files changed, 11 insertions(+), 24 deletions(-)

diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index d3a66aedb..51718ab26 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -27,10 +27,11 @@ import {
   faBell,
   faDownload,
   faEyeSlash,
-  faInfo,
   faWindowRestore,
   faCode,
-  faBroom
+  faBroom,
+  faLock,
+  faColumns
 } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
@@ -38,15 +39,16 @@ library.add(
   faWrench,
   faUser,
   faMessage,
-  faFilter,
-  faPaintBrush,
-  faPalette,
-  faBell,
-  faDownload,
-  faEyeSlash,
-  faInfo,
   faWindowRestore,
+  faColumns,
+  faBell,
+  faFilter,
+  faEyeSlash,
   faBroom,
+  faLock,
+  faDownload,
+  faPalette,
+  faPaintBrush,
   faCode
 )
 
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 371d40012..00568fda6 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -22,21 +22,6 @@ import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 import { mapActions } from 'pinia'
 import { useInterfaceStore, normalizeThemeData } from 'src/stores/interface'
 
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe,
-  faDashboard,
-  faPaintRoller,
-  faTableColumns
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faGlobe,
-  faPaintRoller,
-  faDashboard,
-  faTableColumns
-)
-
 const AppearanceTab = {
   data () {
     return {

From 951dc87c0901f81adec4f1f93de2c43f2d8a35fa Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 26 Nov 2025 18:43:58 +0200
Subject: [PATCH 305/424] fix vertical cutoff

---
 src/components/settings_modal/helpers/vertical_tab_switcher.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
index 4ac03ae59..73aa1ea73 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.scss
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
@@ -30,7 +30,6 @@
 
     .tab-content {
       align-self: center;
-      height: 100%;
 
       &:not(.-full-width) {
         max-width: 40em;

From b1c338a976fd088cc25e4a3db808b62cbe1e95e6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 27 Nov 2025 12:03:07 +0200
Subject: [PATCH 306/424] fix tab cutoff

---
 .../settings_modal/helpers/vertical_tab_switcher.scss          | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
index 73aa1ea73..0ce905c2a 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.scss
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
@@ -65,8 +65,9 @@
     }
 
     .tab-content-wrapper {
+      display: flex;
+      flex-direction: column;
       flex: 1 1 auto;
-      height: 100%;
 
       &.-hidden {
         display: none;

From ba8be56bc46b1c9dab396e873f46426581d3c5c3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 27 Nov 2025 12:03:15 +0200
Subject: [PATCH 307/424] fix fun content not hiding properly

---
 src/components/settings_modal/tabs/posts_tab.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/settings_modal/tabs/posts_tab.vue b/src/components/settings_modal/tabs/posts_tab.vue
index f95411d61..19389600a 100644
--- a/src/components/settings_modal/tabs/posts_tab.vue
+++ b/src/components/settings_modal/tabs/posts_tab.vue
@@ -239,12 +239,12 @@
       <h3 v-if="expertLevel > 0">
         {{ $t('settings.fun') }}
       </h3>
-      <ul class="setting-list">
+      <ul
+        v-if="expertLevel > 0"
+        class="setting-list"
+      >
         <li v-if="user">
-          <BooleanSetting
-            path="mentionLinkShowYous"
-            expert="1"
-          >
+          <BooleanSetting path="mentionLinkShowYous">
             {{ $t('settings.show_yous') }}
           </BooleanSetting>
         </li>

From ea8218d855b33cdb7046b0ce6a592e5bad7c07b5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 27 Nov 2025 12:26:44 +0200
Subject: [PATCH 308/424] i18n

---
 .../settings_modal/helpers/vertical_tab_switcher.jsx           | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index ea685576f..7fea1cab8 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -43,7 +43,7 @@ export default {
     return {
       active: findFirstUsable(this.slots()),
       resizeHandler: null,
-      navSide: 'tabs'
+      navSide: 'tabs',
     }
   },
   computed: {
@@ -144,6 +144,7 @@ export default {
           <button
             type="button"
             onClick={() => this.changeNavSide('tabs')}
+            title={this.$t('nav.back')}
             class="button-unstyled"
           >
             <FAIcon

From ad13f2417f193fb7507f99f05ef094cd2be673d7 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 27 Nov 2025 12:03:07 +0200
Subject: [PATCH 309/424] fix tab cutoff

---
 .../settings_modal/helpers/vertical_tab_switcher.scss          | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
index 73aa1ea73..0ce905c2a 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.scss
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
@@ -65,8 +65,9 @@
     }
 
     .tab-content-wrapper {
+      display: flex;
+      flex-direction: column;
       flex: 1 1 auto;
-      height: 100%;
 
       &.-hidden {
         display: none;

From e4c5a88913edd764041757ea70cd1ff377f16681 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 27 Nov 2025 12:03:15 +0200
Subject: [PATCH 310/424] fix fun content not hiding properly

---
 src/components/settings_modal/tabs/posts_tab.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/settings_modal/tabs/posts_tab.vue b/src/components/settings_modal/tabs/posts_tab.vue
index f95411d61..19389600a 100644
--- a/src/components/settings_modal/tabs/posts_tab.vue
+++ b/src/components/settings_modal/tabs/posts_tab.vue
@@ -239,12 +239,12 @@
       <h3 v-if="expertLevel > 0">
         {{ $t('settings.fun') }}
       </h3>
-      <ul class="setting-list">
+      <ul
+        v-if="expertLevel > 0"
+        class="setting-list"
+      >
         <li v-if="user">
-          <BooleanSetting
-            path="mentionLinkShowYous"
-            expert="1"
-          >
+          <BooleanSetting path="mentionLinkShowYous">
             {{ $t('settings.show_yous') }}
           </BooleanSetting>
         </li>

From 3bc8800c3537489b8a759f1b74c79cf6487e4d95 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 27 Nov 2025 12:26:44 +0200
Subject: [PATCH 311/424] i18n

---
 .../settings_modal/helpers/vertical_tab_switcher.jsx           | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index ea685576f..7fea1cab8 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -43,7 +43,7 @@ export default {
     return {
       active: findFirstUsable(this.slots()),
       resizeHandler: null,
-      navSide: 'tabs'
+      navSide: 'tabs',
     }
   },
   computed: {
@@ -144,6 +144,7 @@ export default {
           <button
             type="button"
             onClick={() => this.changeNavSide('tabs')}
+            title={this.$t('nav.back')}
             class="button-unstyled"
           >
             <FAIcon

From b38343705cf554e10e2db1d7e39716811f64c1d5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 27 Nov 2025 18:18:03 +0200
Subject: [PATCH 312/424] mailer tab + beginning of monitoring tab

---
 .../settings_modal/admin_tabs/mailer_tab.js   |  68 ++++++++
 .../settings_modal/admin_tabs/mailer_tab.vue  | 146 ++++++++++++++++++
 .../admin_tabs/monitoring_tab.js              |  40 +++++
 .../admin_tabs/monitoring_tab.vue             |  14 ++
 .../settings_modal/helpers/setting.js         |  18 ++-
 .../settings_modal_admin_content.js           |  20 ++-
 .../settings_modal_admin_content.vue          |  16 ++
 src/i18n/en.json                              |  10 ++
 src/modules/adminSettings.js                  |   2 +
 9 files changed, 322 insertions(+), 12 deletions(-)
 create mode 100644 src/components/settings_modal/admin_tabs/mailer_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/mailer_tab.vue
 create mode 100644 src/components/settings_modal/admin_tabs/monitoring_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/monitoring_tab.vue

diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.js b/src/components/settings_modal/admin_tabs/mailer_tab.js
new file mode 100644
index 000000000..b1b3d1590
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.js
@@ -0,0 +1,68 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faGlobe
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(
+  faGlobe
+)
+
+const MailerTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    GroupSetting
+  },
+  computed: {
+    adaptersLabels () {
+      const prefix = 'Swoosh.Adapters.'
+      const descriptions = this.$store.state.adminSettings.descriptions
+      const options = descriptions[':pleroma']['Pleroma.Emails.Mailer'][':adapter'].suggestions
+
+      return Object.fromEntries(options.map(value => [
+        value, value.replace(prefix, '')
+      ]))
+    },
+    startTLSLabels () {
+      return {
+        ':always': this.$t('admin_dash.generic_enforcement.always'),
+        ':if_available': this.$t('admin_dash.generic_enforcement.if_available'),
+        ':never': this.$t('admin_dash.generic_enforcement.never')
+      }
+      // return Object.fromEntries(options.map(value => [
+      //   value, value.replace(prefix, '')
+      // ]))
+    },
+    adapter () {
+      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Emails.Mailer'][':adapter']
+    },
+    ...SharedComputedObject()
+  },
+  methods: {
+    adapterHasKey (key) {
+      const descriptions = this.$store.state.adminSettings.descriptions
+      const mailerStuff = descriptions[':pleroma']['Pleroma.Emails.Mailer']
+      const adapterStuff = mailerStuff[':subgroup,' + this.adapter]
+      return Object.prototype.hasOwnProperty.call(adapterStuff, key)
+    }
+  }
+}
+
+export default MailerTab
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.vue b/src/components/settings_modal/admin_tabs/mailer_tab.vue
new file mode 100644
index 000000000..b6d3dc496
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.vue
@@ -0,0 +1,146 @@
+<template>
+  <div :label="$t('admin_dash.tabs.mailer')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.mailer.adapter') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting :path="[':pleroma','Pleroma.Emails.NewUsersDigestEmail',':enabled']" />
+        </li>
+        <li>
+          <ChoiceSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':adapter']"
+            :option-label-map="adaptersLabels"
+           />
+        </li>
+        <h4>{{ $t('admin_dash.mailer.auth') }}</h4>
+        <li v-if="adapterHasKey(':api_key')">
+
+          <!-- authentication info -->
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':api_key']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':access_key')">
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':access_key']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':access_token')">
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':access_token']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':username')">
+          <StringSetting :path="[':pleroma','Pleroma.Emails.Mailer',':username']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':password')">
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':password']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':secret')">
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':secret']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':auth')">
+          <ChoiceSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':auth']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+
+        <!-- server info -->
+        <li v-if="adapterHasKey(':relay')">
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':relay']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':ssl')">
+          <BooleanSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':ssl']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':tls')">
+          <ChoiceSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':tls']"
+            :option-label-map="startTLSLabels"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':port')">
+          <IntegerSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':port']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':server_id')">
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':server_id']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':region')">
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':region']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':domain')">
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':domain']"
+            :subgroup="adapter"
+          />
+        </li>
+
+        <!-- sendmail exclusive -->
+        <li v-if="adapterHasKey(':cmd_path')">
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':cmd_path']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':cmd_args')">
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':cmd_args']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':qmail')">
+          <BooleanSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':qmail']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+        <li v-if="adapterHasKey(':retries')">
+          <IntegerSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':retries']"
+            :subgroup="adapter"
+            />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./mailer_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.js b/src/components/settings_modal/admin_tabs/monitoring_tab.js
new file mode 100644
index 000000000..8bde81377
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.js
@@ -0,0 +1,40 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faGlobe
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(
+  faGlobe
+)
+
+const MonitoringTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    GroupSetting
+  },
+  computed: {
+    ...SharedComputedObject()
+  },
+  methods: {
+  }
+}
+
+export default MonitoringTab
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.vue b/src/components/settings_modal/admin_tabs/monitoring_tab.vue
new file mode 100644
index 000000000..6b09989cd
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.vue
@@ -0,0 +1,14 @@
+<template>
+  <div :label="$t('admin_dash.tabs.monitoring')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.monitoring.mail_digest') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting :path="[':pleroma','Pleroma.Emails.NewUsersDigestEmail',':enabled']" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./monitoring_tab.js"></script>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index df137157a..c11de6a2f 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -18,6 +18,10 @@ export default {
       type: [String, Array],
       required: false
     },
+    subgroup: {
+      type: String,
+      required: false
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -114,7 +118,7 @@ export default {
       return typeof this.draftMode === 'undefined' ? this.defaultDraftMode : this.draftMode
     },
     backendDescription () {
-      return get(this.$store.state.adminSettings.descriptions, this.path)
+      return get(this.$store.state.adminSettings.descriptions, this.descriptionPath)
     },
     backendDescriptionLabel () {
       if (this.realSource !== 'admin') return ''
@@ -209,6 +213,18 @@ export default {
       if (this.path == null) return null
       return Array.isArray(this.path) ? this.path : this.path.split('.')
     },
+    descriptionPath () {
+      if (this.path == null) return null
+      const path = Array.isArray(this.path) ? this.path : this.path.split('.')
+      if (this.subgroup) {
+        return [
+            ...path.slice(0, path.length - 1), 
+            ':subgroup,' + this.subgroup,
+            ...path.slice(path.length - 1)
+        ]
+      }
+      return path
+    },
     isDirty () {
       if (this.path == null) return false
       if (this.realSource === 'admin' && this.canonPath.length > 3) {
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index bc0039118..42dee7adb 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -4,6 +4,8 @@ import InstanceTab from './admin_tabs/instance_tab.vue'
 import LimitsTab from './admin_tabs/limits_tab.vue'
 import FrontendsTab from './admin_tabs/frontends_tab.vue'
 import EmojiTab from './admin_tabs/emoji_tab.vue'
+import MailerTab from './admin_tabs/mailer_tab.vue'
+import MonitoringTab from './admin_tabs/monitoring_tab.vue'
 import { useInterfaceStore } from 'src/stores/interface'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -11,22 +13,16 @@ import {
   faWrench,
   faHand,
   faLaptopCode,
-  faPaintBrush,
-  faBell,
-  faDownload,
-  faEyeSlash,
-  faInfo
+  faEnvelope,
+  faChartLine
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
   faWrench,
   faHand,
   faLaptopCode,
-  faPaintBrush,
-  faBell,
-  faDownload,
-  faEyeSlash,
-  faInfo
+  faEnvelope,
+  faChartLine
 )
 
 const SettingsModalAdminContent = {
@@ -36,7 +32,9 @@ const SettingsModalAdminContent = {
     InstanceTab,
     LimitsTab,
     FrontendsTab,
-    EmojiTab
+    MailerTab,
+    EmojiTab,
+    MonitoringTab
   },
   computed: {
     user () {
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 501a3acf6..8e5aee049 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -71,6 +71,22 @@
     >
       <EmojiTab />
     </div>
+
+    <div
+      :label="$t('admin_dash.tabs.mailer')"
+      icon="envelope"
+      data-tab-name="mailer"
+    >
+      <MailerTab />
+    </div>
+
+    <div
+      :label="$t('admin_dash.tabs.monitoring')"
+      icon="chart-line"
+      data-tab-name="monitoring"
+    >
+      <MonitoringTab />
+    </div>
   </vertical-tab-switcher>
 </template>
 
diff --git a/src/i18n/en.json b/src/i18n/en.json
index e1f5fb23d..4f1a9a4dc 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1152,6 +1152,7 @@
       "instance": "Instance",
       "limits": "Limits",
       "frontends": "Front-ends",
+      "mailer": "EMails",
       "emoji": "Emoji"
     },
     "nodb": {
@@ -1178,6 +1179,10 @@
         "activities": "Statuses/activities access"
       }
     },
+    "mailer": {
+      "adapter": "Mailing Adapter",
+      "auth": "Authentication"
+    },
     "limits": {
       "arbitrary_limits": "Arbitrary limits",
       "posts": "Post limits",
@@ -1257,6 +1262,11 @@
       "replace_warning": "This will REPLACE the local pack of the same name",
       "copied_successfully": "Successfully copied emoji \"{0}\" to pack \"{1}\""
     },
+    "generic_enforcement": {
+      "if_available": "If available",
+      "always": "Always",
+      "never": "Never"
+    },
     "temp_overrides": {
       ":pleroma": {
         ":instance": {
diff --git a/src/modules/adminSettings.js b/src/modules/adminSettings.js
index 38fb5305a..a6729f645 100644
--- a/src/modules/adminSettings.js
+++ b/src/modules/adminSettings.js
@@ -105,6 +105,7 @@ const adminSettingsStorage = {
         }
         set(config, path, convert(c.value))
       })
+      console.log('CONFIG', config)
       commit('updateAdminSettings', { config, modifiedPaths })
       commit('resetAdminDraft')
     },
@@ -122,6 +123,7 @@ const adminSettingsStorage = {
 
       const descriptions = {}
       backendDescriptions.forEach(d => convert(d, '', descriptions))
+      console.log('DESCRIPTIONS', descriptions)
       commit('updateAdminDescriptions', { descriptions })
     },
 

From 0d04b1c8cecf4ba6a8186e63dc81a2a832eb2075 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 27 Nov 2025 18:20:47 +0200
Subject: [PATCH 313/424] fix scroll again

---
 src/components/settings_modal/helpers/vertical_tab_switcher.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
index 0ce905c2a..b51df7d66 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.scss
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
@@ -67,6 +67,7 @@
     .tab-content-wrapper {
       display: flex;
       flex-direction: column;
+      height: 100%;
       flex: 1 1 auto;
 
       &.-hidden {

From 16f456eaea74ea310cee8c28fb4f93bd1a3173e5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 27 Nov 2025 19:33:47 +0200
Subject: [PATCH 314/424] fun UI for profile background

---
 .../settings_modal/tabs/appearance_tab.js     |   7 ++
 .../settings_modal/tabs/appearance_tab.scss   | 119 ++++++++++++++----
 .../settings_modal/tabs/appearance_tab.vue    |  99 +++++++++------
 3 files changed, 165 insertions(+), 60 deletions(-)

diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 00568fda6..e4c3741a9 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -236,6 +236,10 @@ const AppearanceTab = {
     noIntersectionObserver () {
       return !window.IntersectionObserver
     },
+    instanceWallpaper () {
+      console.log(this.$store.state.instance.background)
+      this.$store.state.instance.background
+    },
     instanceWallpaperUsed () {
       return this.$store.state.instance.background &&
         !this.$store.state.users.currentUser.background_image
@@ -411,6 +415,9 @@ const AppearanceTab = {
         this.submitBackground('')
       }
     },
+    resetUploadedBackground () {
+      this.backgroundPreview = null
+    },
     submitBackground (background) {
       if (!this.backgroundPreview && background !== '') { return }
 
diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index e589c596f..a52bd97d0 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -18,7 +18,31 @@
     height: auto;
   }
 
+  .banner-background {
+    display: flex;
+    gap: 1em;
+    flex-wrap: wrap;
+
+    h4 {
+      margin: 0;
+    }
+  }
+
+  .banner-background-input {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5em;
+
+    .custom-bg-control {
+      display: grid;
+      gap: 0.5em;
+      grid-template-columns: 1fr 1fr;
+    }
+  }
+
   .banner-background-preview {
+    display: flex;
     max-width: 100%;
     width: 300px;
     position: relative;
@@ -26,33 +50,86 @@
     img {
       width: 100%;
     }
-  }
 
-  .reset-button {
-    position: absolute;
-    top: 0.2em;
-    right: 0.2em;
-    border-radius: var(--roundness);
-    background-color: rgb(0 0 0 / 60%);
-    opacity: 0.7;
-    width: 1.5em;
-    height: 1.5em;
-    text-align: center;
-    line-height: 1.5em;
-    font-size: 1.5em;
-    cursor: pointer;
+    .fun-monitor {
+      position: relative;
+      pointer-events: none;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
 
-    &:hover {
-      opacity: 1;
-    }
+      * {
+        line-height: 1;
+      }
 
-    svg {
-      color: white;
+      &-display-bezel,
+      &-display-screen {
+        aspect-ratio: 16 / 9;
+        width: 16em;
+      }
+         
+      img {
+        object-fit: cover;
+      }
+
+      .wallpaper {
+        position: absolute;
+        inset: 0;
+        background-color: var(--wallpaper);
+      }
+
+      &-display-uploading {
+        position: absolute;
+        inset: 0;
+        z-index: 1;
+        display: flex;
+        place-items: center;
+        place-content: center;
+        background-color: rgb(0 0 0 / 60%);
+        font-size: 4em;
+      }
+
+      &-display-screen {
+        padding: 0;
+        overflow: hidden;
+        position: relative;
+
+        &-overlay {
+          background: transparent;
+          position: absolute;
+          inset: 0;
+          z-index: 2;
+        }
+
+        &-image {
+          aspect-ratio: 16 / 9
+        }
+      }
+
+      &-display-bezel {
+        padding: 1em;
+        margin: 0;
+        order: 1;
+        z-index: 3;
+      }
+
+      &-neck {
+        width: 5em;
+        height: 3em;
+        margin-top: -1em;
+        margin-bottom: -0.5em;
+        order: 2
+      }
+
+      &-stand {
+        width: 8em;
+        height: 1em;
+        order: 3;
+        z-index: 1
+      }
     }
   }
 
-
-
   .palettes-container {
     height: 15em;
     overflow: hidden auto;
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index 158599a56..d9303ce7b 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -154,46 +154,67 @@
         </div>
       </div>
       <h3>{{ $t('settings.background') }}</h3>
-      <div class="banner-background-preview">
-        <img :src="user.background_image">
-        <button
-          v-if="!isDefaultBackground"
-          class="button-unstyled reset-button"
-          :title="$t('settings.reset_profile_background')"
-          @click="resetBackground"
-        >
-          <FAIcon
-            icon="times"
-            type="button"
-          />
-        </button>
+      <div class="banner-background">
+        <div class="banner-background-preview">
+          <div class="fun-monitor">
+            <div class="fun-monitor-stand button-default" />
+            <div class="fun-monitor-neck button-default" />
+            <div class="fun-monitor-display-bezel button-default">
+              <div class="fun-monitor-display-screen input">
+              <img
+                v-if="backgroundPreview || user.background_image || instanceWallpaper"
+                class="fun-monitor-display-screen-image"
+                :src="backgroundPreview || user.background_image || instanceWallpaper"
+              />
+              <div v-else class="wallpaper" />
+              <div class="fun-monitor-display-screen-overlay input" />
+                <div
+                  v-if="backgroundUploading"
+                  class="fun-monitor-display-uploading"
+                >
+                  <FAIcon
+                    class="fun-monitor-display-screen-uploading"
+                    spin
+                    icon="circle-notch"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="banner-background-input">
+          <h4>{{ $t('settings.set_new_background') }}</h4>
+          <input
+            type="file"
+            class="input"
+            @change="uploadFile('background', $event)"
+          >
+          <div class="custom-bg-control">
+            <button
+              :disabled="!backgroundPreview"
+              class="btn button-default"
+              @click="submitBackground(background)"
+            >
+              {{ $t('settings.save') }}
+            </button>
+            <button
+              :disabled="!backgroundPreview"
+              class="btn button-default"
+              @click="resetUploadedBackground"
+            >
+              {{ $t('settings.reset') }}
+            </button>
+          </div>
+          <button
+            v-if="!isDefaultBackground"
+            class="btn button-default reset-button"
+            :title="$t('settings.reset_profile_background')"
+            @click="resetBackground"
+          >
+            {{ $t('settings.reset_profile_background') }}
+          </button>
+        </div>
       </div>
-      <p>{{ $t('settings.set_new_background') }}</p>
-      <img
-        v-if="backgroundPreview"
-        class="banner-background-preview"
-        :src="backgroundPreview"
-      >
-      <div>
-        <input
-          type="file"
-          class="input"
-          @change="uploadFile('background', $event)"
-        >
-      </div>
-      <FAIcon
-        v-if="backgroundUploading"
-        class="uploading"
-        spin
-        icon="circle-notch"
-      />
-      <button
-        v-else-if="backgroundPreview"
-        class="btn button-default"
-        @click="submitBackground(background)"
-      >
-        {{ $t('settings.save') }}
-      </button>
       <h3>{{ $t('settings.visual_tweaks') }}</h3>
       <div class="alert neutral theme-notice">
         {{ $t("settings.style.visual_tweaks_section_note") }}

From eae09226b5afe1d03985b36957f0063fe1ccd7d0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 27 Nov 2025 20:28:58 +0200
Subject: [PATCH 315/424] registrations tab

---
 .../admin_tabs/instance_tab.vue               |  72 +-------
 .../admin_tabs/registrations_tab.js           |  38 +++++
 .../admin_tabs/registrations_tab.vue          | 158 ++++++++++++++++++
 .../settings_modal_admin_content.js           |  10 +-
 .../settings_modal_admin_content.vue          |  28 +++-
 src/i18n/en.json                              |  13 +-
 6 files changed, 236 insertions(+), 83 deletions(-)
 create mode 100644 src/components/settings_modal/admin_tabs/registrations_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/registrations_tab.vue

diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index 32e8df259..fe96329bb 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -1,7 +1,7 @@
 <template>
   <div :label="$t('admin_dash.tabs.instance')">
     <div class="setting-item">
-      <h2>{{ $t('admin_dash.instance.instance') }}</h2>
+      <h3>{{ $t('admin_dash.instance.instance') }}</h3>
       <ul class="setting-list">
         <li>
           <StringSetting path=":pleroma.:instance.:name" />
@@ -34,75 +34,7 @@
       </ul>
     </div>
     <div class="setting-item">
-      <h2>{{ $t('admin_dash.instance.registrations') }}</h2>
-      <ul class="setting-list">
-        <li>
-          <BooleanSetting path=":pleroma.:instance.:registrations_open" />
-          <ul class="setting-list suboptions">
-            <li>
-              <BooleanSetting
-                path=":pleroma.:instance.:invites_enabled"
-                parent-path=":pleroma.:instance.:registrations_open"
-                parent-invert
-              />
-            </li>
-          </ul>
-        </li>
-        <li>
-          <BooleanSetting path=":pleroma.:instance.:birthday_required" />
-          <ul class="setting-list suboptions">
-            <li>
-              <IntegerSetting
-                path=":pleroma.:instance.:birthday_min_age"
-                parent-path=":pleroma.:instance.:birthday_required"
-              />
-            </li>
-          </ul>
-        </li>
-        <li>
-          <BooleanSetting path=":pleroma.:instance.:account_activation_required" />
-        </li>
-        <li>
-          <BooleanSetting path=":pleroma.:instance.:account_approval_required" />
-        </li>
-        <li>
-          <h3>{{ $t('admin_dash.instance.captcha_header') }}</h3>
-          <ul class="setting-list">
-            <li>
-              <BooleanSetting :path="[':pleroma', 'Pleroma.Captcha', ':enabled']" />
-              <ul class="setting-list suboptions">
-                <li>
-                  <ChoiceSetting
-                    :path="[':pleroma', 'Pleroma.Captcha', ':method']"
-                    :parent-path="[':pleroma', 'Pleroma.Captcha', ':enabled']"
-                    :option-label-map="{
-                      'Pleroma.Captcha.Native': $t('admin_dash.captcha.native'),
-                      'Pleroma.Captcha.Kocaptcha': $t('admin_dash.captcha.kocaptcha')
-                    }"
-                  />
-                  <IntegerSetting
-                    :path="[':pleroma', 'Pleroma.Captcha', ':seconds_valid']"
-                    :parent-path="[':pleroma', 'Pleroma.Captcha', ':enabled']"
-                  />
-                </li>
-                <li
-                  v-if="adminDraft[':pleroma']['Pleroma.Captcha'][':enabled'] && adminDraft[':pleroma']['Pleroma.Captcha'][':method'] === 'Pleroma.Captcha.Kocaptcha'"
-                >
-                  <h4>{{ $t('admin_dash.instance.kocaptcha') }}</h4>
-                  <ul class="setting-list">
-                    <li>
-                      <StringSetting :path="[':pleroma', 'Pleroma.Captcha.Kocaptcha', ':endpoint']" />
-                    </li>
-                  </ul>
-                </li>
-              </ul>
-            </li>
-          </ul>
-        </li>
-      </ul>
-    </div>
-    <div class="setting-item">
-      <h2>{{ $t('admin_dash.instance.access') }}</h2>
+      <h3>{{ $t('admin_dash.instance.access') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.js b/src/components/settings_modal/admin_tabs/registrations_tab.js
new file mode 100644
index 000000000..6f2cb2a1d
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.js
@@ -0,0 +1,38 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faGlobe
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(
+  faGlobe
+)
+
+const RegistrationsTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    GroupSetting
+  },
+  computed: {
+    ...SharedComputedObject()
+  }
+}
+
+export default RegistrationsTab
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
new file mode 100644
index 000000000..2ebebeafe
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -0,0 +1,158 @@
+<template>
+  <div :label="$t('admin_dash.tabs.instance')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.instance.registrations') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:registrations_open" />
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                path=":pleroma.:instance.:invites_enabled"
+                parent-path=":pleroma.:instance.:registrations_open"
+                parent-invert
+              />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:birthday_required" />
+          <ul class="setting-list suboptions">
+            <li>
+              <IntegerSetting
+                path=":pleroma.:instance.:birthday_min_age"
+                parent-path=":pleroma.:instance.:birthday_required"
+              />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:account_activation_required" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:account_approval_required" />
+        </li>
+        <li>
+        <h4>{{ $t('admin_dash.instance.captcha_header') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <BooleanSetting :path="[':pleroma', 'Pleroma.Captcha', ':enabled']" />
+              <ul class="setting-list suboptions">
+                <li>
+                  <ChoiceSetting
+                    :path="[':pleroma', 'Pleroma.Captcha', ':method']"
+                    :parent-path="[':pleroma', 'Pleroma.Captcha', ':enabled']"
+                    :option-label-map="{
+                      'Pleroma.Captcha.Native': $t('admin_dash.captcha.native'),
+                      'Pleroma.Captcha.Kocaptcha': $t('admin_dash.captcha.kocaptcha')
+                    }"
+                  />
+                  <IntegerSetting
+                    :path="[':pleroma', 'Pleroma.Captcha', ':seconds_valid']"
+                    :parent-path="[':pleroma', 'Pleroma.Captcha', ':enabled']"
+                  />
+                </li>
+                <li
+                  v-if="adminDraft[':pleroma']['Pleroma.Captcha'][':enabled'] && adminDraft[':pleroma']['Pleroma.Captcha'][':method'] === 'Pleroma.Captcha.Kocaptcha'"
+                >
+                  <h5>{{ $t('admin_dash.instance.kocaptcha') }}</h5>
+                  <ul class="setting-list">
+                    <li>
+                      <StringSetting :path="[':pleroma', 'Pleroma.Captcha.Kocaptcha', ':endpoint']" />
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.registrations.welcome.title') }}</h3>
+      <ul class="setting-list">
+        <p>{{ $t('admin_dash.registrations.welcome.description') }}</p>
+        <li>
+          <h4>{{ $t('admin_dash.registrations.welcome.direct_message') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <BooleanSetting
+                path=":pleroma.:welcome.:direct_message.:enabled"
+              />
+              <ul class="setting-list suboptions">
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:direct_message.:sender_nickname"
+                    parent-path=":pleroma.:welcome.:direct_message.:enabled"
+                  />
+                </li>
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:direct_message.:message"
+                    parent-path=":pleroma.:welcome.:direct_message.:enabled"
+                  />
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.registrations.welcome.chat_message') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <BooleanSetting
+                path=":pleroma.:welcome.:chat_message.:enabled"
+              />
+              <ul class="setting-list suboptions">
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:chat_message.:sender_nickname"
+                    parent-path=":pleroma.:welcome.:chat_message.:enabled"
+                  />
+                </li>
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:chat_message.:message"
+                    parent-path=":pleroma.:welcome.:chat_message.:enabled"
+                  />
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.registrations.welcome.email') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <BooleanSetting
+                path=":pleroma.:welcome.:email.:enabled"
+              />
+              <ul class="setting-list suboptions">
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:email.:sender"
+                    parent-path=":pleroma.:welcome.:email.:enabled"
+                  />
+                </li>
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:email.:subject"
+                    parent-path=":pleroma.:welcome.:email.:enabled"
+                  />
+                </li>
+                <li>
+                  <StringSetting
+                    path=":pleroma.:welcome.:email.:html"
+                    parent-path=":pleroma.:welcome.:email.:enabled"
+                  />
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./registrations_tab.js"></script>
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 42dee7adb..3d355a09c 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -6,6 +6,7 @@ import FrontendsTab from './admin_tabs/frontends_tab.vue'
 import EmojiTab from './admin_tabs/emoji_tab.vue'
 import MailerTab from './admin_tabs/mailer_tab.vue'
 import MonitoringTab from './admin_tabs/monitoring_tab.vue'
+import RegistrationsTab from './admin_tabs/registrations_tab.vue'
 import { useInterfaceStore } from 'src/stores/interface'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -14,7 +15,8 @@ import {
   faHand,
   faLaptopCode,
   faEnvelope,
-  faChartLine
+  faChartLine,
+  faDoorOpen
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -22,7 +24,8 @@ library.add(
   faHand,
   faLaptopCode,
   faEnvelope,
-  faChartLine
+  faChartLine,
+  faDoorOpen
 )
 
 const SettingsModalAdminContent = {
@@ -34,7 +37,8 @@ const SettingsModalAdminContent = {
     FrontendsTab,
     MailerTab,
     EmojiTab,
-    MonitoringTab
+    MonitoringTab,
+    RegistrationsTab
   },
   computed: {
     user () {
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 8e5aee049..0c5184b01 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -48,14 +48,23 @@
     >
       <InstanceTab />
     </div>
+
     <div
-      v-if="adminDbLoaded"
-      :label="$t('admin_dash.tabs.limits')"
-      icon="hand"
-      data-tab-name="limits"
+      :label="$t('admin_dash.tabs.registrations')"
+      icon="door-open"
+      data-tab-name="registrations"
     >
-      <LimitsTab />
+      <RegistrationsTab />
     </div>
+
+    <div
+      :label="$t('admin_dash.tabs.emoji')"
+      icon="face-smile-beam"
+      data-tab-name="emoji"
+    >
+      <EmojiTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.frontends')"
       icon="laptop-code"
@@ -65,11 +74,12 @@
     </div>
 
     <div
-      :label="$t('admin_dash.tabs.emoji')"
-      icon="face-smile-beam"
-      data-tab-name="emoji"
+      v-if="adminDbLoaded"
+      :label="$t('admin_dash.tabs.limits')"
+      icon="hand"
+      data-tab-name="limits"
     >
-      <EmojiTab />
+      <LimitsTab />
     </div>
 
     <div
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 4f1a9a4dc..d3259b3f8 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1153,7 +1153,9 @@
       "limits": "Limits",
       "frontends": "Front-ends",
       "mailer": "EMails",
-      "emoji": "Emoji"
+      "emoji": "Emoji",
+      "monitoring": "Monitoring",
+      "registrations": "Registrations"
     },
     "nodb": {
       "heading": "Database config is disabled",
@@ -1179,6 +1181,15 @@
         "activities": "Statuses/activities access"
       }
     },
+    "registrations": {
+      "welcome": {
+        "title": "Welcome message",
+        "description": "Send new users a message when they sign up",
+        "direct_message": "Via direct message",
+        "chat_message": "Via chat",
+        "email_message": "Via email"
+      }
+    },
     "mailer": {
       "adapter": "Mailing Adapter",
       "auth": "Authentication"

From db535ae05784e78c95907ce2ed2e7268fc4e5994 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 28 Nov 2025 02:02:29 +0200
Subject: [PATCH 316/424] cleanup

---
 .../settings_modal/admin_tabs/limits_tab.js          |  8 --------
 .../settings_modal/admin_tabs/limits_tab.vue         | 12 ++++++------
 .../settings_modal/admin_tabs/mailer_tab.js          |  8 --------
 .../settings_modal/admin_tabs/registrations_tab.js   |  8 --------
 .../settings_modal/admin_tabs/registrations_tab.vue  |  2 --
 .../settings_modal/helpers/choice_setting.vue        |  2 +-
 src/components/settings_modal/helpers/setting.js     |  2 +-
 7 files changed, 8 insertions(+), 34 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/limits_tab.js b/src/components/settings_modal/admin_tabs/limits_tab.js
index acf7d3436..c1126f49c 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.js
+++ b/src/components/settings_modal/admin_tabs/limits_tab.js
@@ -4,14 +4,6 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import StringSetting from '../helpers/string_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faGlobe
-)
 
 const LimitsTab = {
   components: {
diff --git a/src/components/settings_modal/admin_tabs/limits_tab.vue b/src/components/settings_modal/admin_tabs/limits_tab.vue
index ef4b9271d..d45b14c8a 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.vue
+++ b/src/components/settings_modal/admin_tabs/limits_tab.vue
@@ -1,10 +1,10 @@
 <template>
   <div :label="$t('admin_dash.tabs.limits')">
     <div class="setting-item">
-      <h2>{{ $t('admin_dash.limits.arbitrary_limits') }}</h2>
+      <h3>{{ $t('admin_dash.limits.arbitrary_limits') }}</h3>
       <ul class="setting-list">
         <li>
-          <h3>{{ $t('admin_dash.limits.posts') }}</h3>
+          <h4>{{ $t('admin_dash.limits.posts') }}</h4>
           <ul class="setting-list">
             <li>
               <IntegerSetting
@@ -24,7 +24,7 @@
           </ul>
         </li>
         <li>
-          <h3>{{ $t('admin_dash.limits.uploads') }}</h3>
+          <h4>{{ $t('admin_dash.limits.uploads') }}</h4>
           <ul class="setting-list">
             <li>
               <IntegerSetting
@@ -50,7 +50,7 @@
           </ul>
         </li>
         <li>
-          <h3>{{ $t('admin_dash.limits.users') }}</h3>
+          <h4>{{ $t('admin_dash.limits.users') }}</h4>
           <ul class="setting-list">
             <li>
               <IntegerSetting
@@ -74,7 +74,7 @@
               />
             </li>
             <li>
-              <h4>{{ $t('admin_dash.limits.profile_fields') }}</h4>
+              <h5>{{ $t('admin_dash.limits.profile_fields') }}</h5>
               <ul class="setting-list">
                 <li>
                   <IntegerSetting
@@ -108,7 +108,7 @@
               </ul>
             </li>
             <li>
-              <h4>{{ $t('admin_dash.limits.user_uploads') }}</h4>
+              <h5>{{ $t('admin_dash.limits.user_uploads') }}</h5>
               <ul class="setting-list">
                 <li>
                   <IntegerSetting
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.js b/src/components/settings_modal/admin_tabs/mailer_tab.js
index b1b3d1590..9fe2ebd1a 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.js
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.js
@@ -6,14 +6,6 @@ import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faGlobe
-)
 
 const MailerTab = {
   provide () {
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.js b/src/components/settings_modal/admin_tabs/registrations_tab.js
index 6f2cb2a1d..89a45f5da 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.js
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.js
@@ -6,14 +6,6 @@ import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faGlobe
-)
 
 const RegistrationsTab = {
   provide () {
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
index 2ebebeafe..cef859ea3 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.vue
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -67,8 +67,6 @@
           </ul>
         </li>
       </ul>
-    </div>
-    <div class="setting-item">
       <h3>{{ $t('admin_dash.registrations.welcome.title') }}</h3>
       <ul class="setting-list">
         <p>{{ $t('admin_dash.registrations.welcome.description') }}</p>
diff --git a/src/components/settings_modal/helpers/choice_setting.vue b/src/components/settings_modal/helpers/choice_setting.vue
index 0e22eb306..ccda12c0d 100644
--- a/src/components/settings_modal/helpers/choice_setting.vue
+++ b/src/components/settings_modal/helpers/choice_setting.vue
@@ -11,7 +11,7 @@
     </template>
     {{ ' ' }}
     <Select
-      :model-value="realDraftMode ? draft :state"
+      :model-value="realDraftMode ? draft : state"
       :disabled="disabled"
       @update:model-value="update"
     >
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index c11de6a2f..ed80708f9 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -218,7 +218,7 @@ export default {
       const path = Array.isArray(this.path) ? this.path : this.path.split('.')
       if (this.subgroup) {
         return [
-            ...path.slice(0, path.length - 1), 
+            ...path.slice(0, path.length - 1),
             ':subgroup,' + this.subgroup,
             ...path.slice(path.length - 1)
         ]

From bc92f535dec0b0bcdb5e52d40a05ae010a94187e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 28 Nov 2025 02:02:39 +0200
Subject: [PATCH 317/424] uploads tab

---
 src/components/settings_modal/helpers/choice_setting.js   | 3 +++
 .../settings_modal/settings_modal_admin_content.js        | 8 ++++++--
 .../settings_modal/settings_modal_admin_content.vue       | 8 ++++++++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/helpers/choice_setting.js b/src/components/settings_modal/helpers/choice_setting.js
index bdeece760..c36b870a6 100644
--- a/src/components/settings_modal/helpers/choice_setting.js
+++ b/src/components/settings_modal/helpers/choice_setting.js
@@ -23,6 +23,9 @@ export default {
     ...Setting.computed,
     realOptions () {
       if (this.realSource === 'admin') {
+        if (!(this.backendDescriptionSuggestions?.length !== 0)) {
+          return this.options
+        }
         return this.backendDescriptionSuggestions.map(x => ({
           key: x,
           value: x,
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 3d355a09c..6944bddde 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -4,6 +4,7 @@ import InstanceTab from './admin_tabs/instance_tab.vue'
 import LimitsTab from './admin_tabs/limits_tab.vue'
 import FrontendsTab from './admin_tabs/frontends_tab.vue'
 import EmojiTab from './admin_tabs/emoji_tab.vue'
+import UploadsTab from './admin_tabs/uploads_tab.vue'
 import MailerTab from './admin_tabs/mailer_tab.vue'
 import MonitoringTab from './admin_tabs/monitoring_tab.vue'
 import RegistrationsTab from './admin_tabs/registrations_tab.vue'
@@ -16,7 +17,8 @@ import {
   faLaptopCode,
   faEnvelope,
   faChartLine,
-  faDoorOpen
+  faDoorOpen,
+  faUpload
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -25,7 +27,8 @@ library.add(
   faLaptopCode,
   faEnvelope,
   faChartLine,
-  faDoorOpen
+  faDoorOpen,
+  faUpload
 )
 
 const SettingsModalAdminContent = {
@@ -37,6 +40,7 @@ const SettingsModalAdminContent = {
     FrontendsTab,
     MailerTab,
     EmojiTab,
+    UploadsTab,
     MonitoringTab,
     RegistrationsTab
   },
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 0c5184b01..4a862453a 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -90,6 +90,14 @@
       <MailerTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.uploads')"
+      icon="upload"
+      data-tab-name="uploads"
+    >
+      <UploadsTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.monitoring')"
       icon="chart-line"

From 114d49b6d62eed4790f2a0dc66705561042f072c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 28 Nov 2025 02:11:28 +0200
Subject: [PATCH 318/424] i18n

---
 src/i18n/en.json | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/i18n/en.json b/src/i18n/en.json
index d3259b3f8..ee13c9c38 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1154,6 +1154,7 @@
       "frontends": "Front-ends",
       "mailer": "EMails",
       "emoji": "Emoji",
+      "uploads": "Uploads",
       "monitoring": "Monitoring",
       "registrations": "Registrations"
     },
@@ -1190,6 +1191,11 @@
         "email_message": "Via email"
       }
     },
+    "uploads": {
+      "general": "General settings",
+      "filenames": "Filenames, Titles and Descriptions",
+      "uploader_settings": "Uploader settings"
+    },
     "mailer": {
       "adapter": "Mailing Adapter",
       "auth": "Authentication"
@@ -1280,6 +1286,18 @@
     },
     "temp_overrides": {
       ":pleroma": {
+        "Pleroma_DOT_Uploaders_DOT_Uploader": {
+          ":timeout": {
+            "label": "Timeout",
+            "description": "Amount of milliseconds before dropping connection"
+          }
+        },
+        "Pleroma_DOT_Upload": {
+          ":default_description": {
+            "label": "Default description",
+            "description": "Default description to give to a file. Setting it to ':filename' will use file's filename as description."
+          }
+        },
         ":instance": {
           ":public": {
             "label": "Instance is public",

From 57184835582c4aa25833069f9d8f1dc137bd3bf8 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Fri, 28 Nov 2025 09:04:37 +0000
Subject: [PATCH 319/424] Update dependency eslint-plugin-vue to v10.6.2

---
 package.json |  2 +-
 yarn.lock    | 18 +++++-------------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 21d75f0fb..68dd0a42b 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-n": "17.23.1",
     "eslint-plugin-promise": "7.2.1",
-    "eslint-plugin-vue": "10.5.0",
+    "eslint-plugin-vue": "10.6.2",
     "eventsource-polyfill": "0.9.6",
     "express": "5.1.0",
     "function-bind": "1.1.2",
diff --git a/yarn.lock b/yarn.lock
index 32a3b93c8..d1d4b4938 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4225,15 +4225,15 @@ eslint-plugin-promise@7.2.1:
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
 
-eslint-plugin-vue@10.5.0:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-10.5.0.tgz#61566528a85e2546b50534914cb44a077983c49f"
-  integrity sha512-7BZHsG3kC2vei8F2W8hnfDi9RK+cv5eKPMvzBdrl8Vuc0hR5odGQRli8VVzUkrmUHkxFEm4Iio1r5HOKslO0Aw==
+eslint-plugin-vue@10.6.2:
+  version "10.6.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-10.6.2.tgz#5d8790fa2e1105cf06259afc14c8a55cb110f346"
+  integrity sha512-nA5yUs/B1KmKzvC42fyD0+l9Yd+LtEpVhWRbXuDj0e+ZURcTtyRbMDWUeJmTAh2wC6jC83raS63anNM2YT3NPw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
     natural-compare "^1.4.0"
     nth-check "^2.1.1"
-    postcss-selector-parser "^6.0.15"
+    postcss-selector-parser "^7.1.0"
     semver "^7.6.3"
     xml-name-validator "^4.0.0"
 
@@ -6575,14 +6575,6 @@ postcss-scss@^4.0.6, postcss-scss@^4.0.9:
   resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.9.tgz#a03c773cd4c9623cb04ce142a52afcec74806685"
   integrity sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==
 
-postcss-selector-parser@^6.0.15:
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
-  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
 postcss-selector-parser@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz#4d6af97eba65d73bc4d84bcb343e865d7dd16262"

From b73c9ae4e8587f2b67a71f9ae739539cbe89eb8f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 28 Nov 2025 13:54:54 +0200
Subject: [PATCH 320/424] frontends tab proper hierarchy

---
 src/components/settings_modal/admin_tabs/frontends_tab.vue | 6 +++---
 src/i18n/en.json                                           | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.vue b/src/components/settings_modal/admin_tabs/frontends_tab.vue
index 954d9ef51..4df45446b 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.vue
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.vue
@@ -4,14 +4,14 @@
     :label="$t('admin_dash.tabs.frontends')"
   >
     <div class="setting-item">
-      <h2>{{ $t('admin_dash.tabs.frontends') }}</h2>
+      <h3>{{ $t('admin_dash.frontend.title') }}</h3>
       <p>{{ $t('admin_dash.frontend.wip_notice') }}</p>
       <ul
         v-if="adminDraft"
         class="setting-list"
       >
         <li>
-          <h3>{{ $t('admin_dash.frontend.default_frontend') }}</h3>
+          <h4>{{ $t('admin_dash.frontend.default_frontend') }}</h4>
           <p>{{ $t('admin_dash.frontend.default_frontend_tip') }}</p>
           <ul class="setting-list">
             <li>
@@ -38,7 +38,7 @@
           v-if="working"
           class="overlay"
         />
-        <h3>{{ $t('admin_dash.frontend.available_frontends') }}</h3>
+        <h4>{{ $t('admin_dash.frontend.available_frontends') }}</h4>
         <ul class="cards-list">
           <li
             v-for="frontend in frontends"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index ee13c9c38..a23e245ca 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1209,6 +1209,7 @@
       "user_uploads": "Profile media limits"
     },
     "frontend": {
+      "title": "Frontend management",
       "repository": "Repository link",
       "versions": "Available versions",
       "build_url": "Build URL",

From 55b5d2c5d739624a55ceb3d7616657af9e211a7c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 28 Nov 2025 14:00:00 +0200
Subject: [PATCH 321/424] fixup! uploads tab

---
 .../settings_modal/admin_tabs/uploads_tab.js  | 46 +++++++++
 .../settings_modal/admin_tabs/uploads_tab.vue | 95 +++++++++++++++++++
 .../settings_modal/tabs/uploads_tab.vue       | 26 +++++
 3 files changed, 167 insertions(+)
 create mode 100644 src/components/settings_modal/admin_tabs/uploads_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/uploads_tab.vue
 create mode 100644 src/components/settings_modal/tabs/uploads_tab.vue

diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.js b/src/components/settings_modal/admin_tabs/uploads_tab.js
new file mode 100644
index 000000000..40a184db1
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.js
@@ -0,0 +1,46 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const UploadsTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  data () {
+    return {
+      uploaders: [{
+        key: 'Pleroma.Uploaders.Local',
+        value: 'Pleroma.Uploaders.Local',
+        label: this.$t('admin_dash.uploads.local_uploader')
+      }, {
+        key: 'Pleroma.Uploaders.IPFS',
+        value: 'Pleroma.Uploaders.IPFS',
+        label: 'IPFS'
+      }, {
+        key: 'Pleroma.Uploaders.S3',
+        value: 'Pleroma.Uploaders.S3',
+        label: 'S3'
+      }]
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting
+  },
+  computed: {
+    uploader () {
+      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Upload'][':uploader']
+    },
+    ...SharedComputedObject()
+  }
+}
+
+export default UploadsTab
diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.vue b/src/components/settings_modal/admin_tabs/uploads_tab.vue
new file mode 100644
index 000000000..4f22ff5f7
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.vue
@@ -0,0 +1,95 @@
+<template>
+  <div :label="$t('admin_dash.tabs.uploads')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.uploads.general') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ChoiceSetting
+            :path="[':pleroma','Pleroma.Upload',':uploader']"
+            :options="uploaders"
+          />
+          <h4>{{ $t('admin_dash.uploads.uploader_settings')}}</h4>
+          <ul class="setting-list suboptions">
+            <template v-if="uploader === 'Pleroma.Uploaders.Local'">
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.Local',':uploads']"
+                />
+              </li>
+            </template>
+            <template v-else-if="uploader === 'Pleroma.Uploaders.IPFS'">
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.IPFS',':get_gateway_url']"
+                />
+              </li>
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.IPFS',':post_gateway_url']"
+                />
+              </li>
+            </template>
+            <template v-else-if="uploader === 'Pleroma.Uploaders.S3'">
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.S3',':bucket']"
+                />
+              </li>
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.S3',':bucket_namespace']"
+                />
+              </li>
+              <li>
+                <BooleanSetting
+                  :path="[':pleroma','Pleroma.Uploaders.S3',':streaming_enabled']"
+                />
+              </li>
+              <li>
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Uploaders.S3',':truncated_namespace']"
+                />
+              </li>
+            </template>
+            <li>
+              <IntegerSetting
+                :path="[':pleroma','Pleroma.Uploaders.Uploader',':timeout']"
+              />
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <!-- TODO confirm with backend on how filters work -->
+      <h3>{{ $t('admin_dash.uploads.filenames') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting
+            :path="[':pleroma','Pleroma.Upload',':link_name']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li>
+          <IntegerSetting
+            :path="[':pleroma','Pleroma.Upload',':filename_display_max_length']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li>
+          <StringSetting
+            :path="[':pleroma','Pleroma.Upload',':default_description']"
+            :subgroup="adapter"
+          />
+        </li>
+        <li>
+          <StringSetting
+            :path="[':pleroma','Pleroma.Upload',':base_url']"
+            :subgroup="adapter"
+          />
+        </li>
+        <!-- TODO: add mime-type when we have a dynamic list component -->
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./uploads_tab.js"></script>
diff --git a/src/components/settings_modal/tabs/uploads_tab.vue b/src/components/settings_modal/tabs/uploads_tab.vue
new file mode 100644
index 000000000..70b768023
--- /dev/null
+++ b/src/components/settings_modal/tabs/uploads_tab.vue
@@ -0,0 +1,26 @@
+<template>
+  <div :label="$t('admin_dash.tabs.uploads')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.uploads.general') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ChoiceSetting
+            :path="[':pleroma','Pleroma.Upload']"
+            :option-label-map="adaptersLabels"
+           />
+        </li>
+        <h4>{{ $t('admin_dash.mailer.auth') }}</h4>
+        <li>
+          <!-- authentication info -->
+          <StringSetting
+            :path="[':pleroma','Pleroma.Emails.Mailer',':api_key']"
+            :password="true"
+            :subgroup="adapter"
+          />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./uploads_tab.js"></script>

From 672bedaf6d916f560f59bea41fe9f60df6379804 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 28 Nov 2025 15:44:03 +0200
Subject: [PATCH 322/424] fix disabled classes

---
 src/App.scss                                             | 1 +
 src/components/settings_modal/helpers/choice_setting.vue | 3 ++-
 src/components/settings_modal/helpers/string_setting.vue | 1 +
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/App.scss b/src/App.scss
index ee1654bb7..d6fae5fff 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -553,6 +553,7 @@ textarea {
   &[disabled="disabled"],
   &.disabled {
     cursor: not-allowed;
+    color: var(--textFaint);
   }
 
   &[type="range"] {
diff --git a/src/components/settings_modal/helpers/choice_setting.vue b/src/components/settings_modal/helpers/choice_setting.vue
index ccda12c0d..a114cc473 100644
--- a/src/components/settings_modal/helpers/choice_setting.vue
+++ b/src/components/settings_modal/helpers/choice_setting.vue
@@ -2,6 +2,7 @@
   <label
     v-if="matchesExpertLevel"
     class="ChoiceSetting"
+    :class="{ 'faint': shouldBeDisabled }"
   >
     <template v-if="backendDescriptionLabel">
       {{ backendDescriptionLabel }}
@@ -12,7 +13,7 @@
     {{ ' ' }}
     <Select
       :model-value="realDraftMode ? draft : state"
-      :disabled="disabled"
+      :disabled="shouldBeDisabled"
       @update:model-value="update"
     >
       <option
diff --git a/src/components/settings_modal/helpers/string_setting.vue b/src/components/settings_modal/helpers/string_setting.vue
index d0c70b150..cf06af8d9 100644
--- a/src/components/settings_modal/helpers/string_setting.vue
+++ b/src/components/settings_modal/helpers/string_setting.vue
@@ -20,6 +20,7 @@
     <input
       :id="path"
       class="input string-input"
+      :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
       :value="realDraftMode ? draft : state"
       @change="update"

From 235e6bd23300b8108aab28058a5e309deefcb3b1 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 28 Nov 2025 15:44:22 +0200
Subject: [PATCH 323/424] Media proxy tab

---
 .../admin_tabs/media_proxy_tab.js             |  36 ++++++
 .../admin_tabs/media_proxy_tab.vue            | 115 ++++++++++++++++++
 .../settings_modal_admin_content.js           |   4 +
 .../settings_modal_admin_content.vue          |   8 ++
 src/i18n/en.json                              |   7 ++
 5 files changed, 170 insertions(+)
 create mode 100644 src/components/settings_modal/admin_tabs/media_proxy_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/media_proxy_tab.vue

diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.js b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
new file mode 100644
index 000000000..3771a4f37
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
@@ -0,0 +1,36 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const MediaProxyTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    GroupSetting
+  },
+  computed: {
+    mediaProxyEnabled () {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':enabled']
+    },
+    mediaInvalidationProvider () {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':invalidation'][':provider']
+    },
+    ...SharedComputedObject()
+  }
+}
+
+export default MediaProxyTab
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
new file mode 100644
index 000000000..0bd2dadf6
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
@@ -0,0 +1,115 @@
+<template>
+  <div :label="$t('admin_dash.tabs.media_proxy')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.media_proxy.basic') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:media_proxy.:enabled" />
+          <ul class="setting-list suboptions">
+            <li>
+              <StringSetting
+                path=":pleroma.:media_proxy.:base_url"
+                />
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <template v-if="mediaProxyEnabled">
+        <h3>{{ $t('admin_dash.media_proxy.invalidation') }}</h3>
+        <ul class="setting-list">
+          <li>
+            <BooleanSetting path=":pleroma.:media_proxy.:invalidation.:enabled" />
+            <ul class="setting-list suboptions">
+              <li>
+                <ChoiceSetting
+                  path=":pleroma.:media_proxy.:invalidation.:provider"
+                  parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                />
+              </li>
+              <h4>{{ $t('admin_dash.media_proxy.invalidation_settings') }}</h4>
+              <ul class="setting-list suboptions">
+                <template v-if="mediaInvalidationProvider === 'Pleroma.Web.MediaProxy.Invalidation.Http'">
+                  <!-- TODO: you know the drill by now - list component -->
+                  <li>
+                    <!-- choice maybe? -->
+                    <StringSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':method']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                      />
+                  </li>
+                  <!-- TODO: you know the drill by now - list component AGAIN -->
+                </template>
+                <template v-if="mediaInvalidationProvider === 'Pleroma.Web.MediaProxy.Invalidation.Script'">
+                  <!-- TODO: you know the drill by now - list component -->
+                  <li>
+                    <StringSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script', ':script_path']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                                   />
+                  </li>
+                  <li>
+                    <StringSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script', ':url_format']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                                   />
+                  </li>
+                </template>
+              </ul>
+            </ul>
+          </li>
+        </ul>
+        <h3>{{ $t('admin_dash.media_proxy.limits') }}</h3>
+        <ul class="setting-list">
+          <li>
+            <IntegerSetting
+              path=":pleroma.:media_proxy.:proxy_opts.:max_body_length"
+            />
+          </li>
+          <li>
+            <IntegerSetting
+              path=":pleroma.:media_proxy.:proxy_opts.:max_read_duration"
+            />
+          </li>
+          <li>
+            <BooleanSetting path=":pleroma.:media_proxy.:proxy_opts.:redirect_on_failure" />
+          </li>
+        </ul>
+        <!-- TODO: add whitelist when we have list component (hehe) -->
+        <h3>{{ $t('admin_dash.media_proxy.thumbnails') }}</h3>
+        <ul class="setting-list">
+          <li>
+            <BooleanSetting path=":pleroma.:media_preview_proxy.:enabled" />
+            <ul class="setting-list suboptions">
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:image_quality"
+                />
+              </li>
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:min_content_length"
+                />
+              </li>
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:thumbnail_max_width"
+                />
+              </li>
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:thumbnail_max_height"
+                />
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script src="./media_proxy_tab.js"></script>
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 6944bddde..50db2bb3b 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -3,6 +3,7 @@ import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 import InstanceTab from './admin_tabs/instance_tab.vue'
 import LimitsTab from './admin_tabs/limits_tab.vue'
 import FrontendsTab from './admin_tabs/frontends_tab.vue'
+import MediaProxyTab from './admin_tabs/media_proxy_tab.vue'
 import EmojiTab from './admin_tabs/emoji_tab.vue'
 import UploadsTab from './admin_tabs/uploads_tab.vue'
 import MailerTab from './admin_tabs/mailer_tab.vue'
@@ -15,6 +16,7 @@ import {
   faWrench,
   faHand,
   faLaptopCode,
+  faTowerBroadcast,
   faEnvelope,
   faChartLine,
   faDoorOpen,
@@ -25,6 +27,7 @@ library.add(
   faWrench,
   faHand,
   faLaptopCode,
+  faTowerBroadcast,
   faEnvelope,
   faChartLine,
   faDoorOpen,
@@ -38,6 +41,7 @@ const SettingsModalAdminContent = {
     InstanceTab,
     LimitsTab,
     FrontendsTab,
+    MediaProxyTab,
     MailerTab,
     EmojiTab,
     UploadsTab,
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 4a862453a..bc2438b8b 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -98,6 +98,14 @@
       <UploadsTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.media_proxy')"
+      icon="tower-broadcast"
+      data-tab-name="media_proxy"
+    >
+      <MediaProxyTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.monitoring')"
       icon="chart-line"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index a23e245ca..f580dc9b1 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1153,6 +1153,7 @@
       "limits": "Limits",
       "frontends": "Front-ends",
       "mailer": "EMails",
+      "media_proxy": "Media Proxy",
       "emoji": "Emoji",
       "uploads": "Uploads",
       "monitoring": "Monitoring",
@@ -1196,6 +1197,12 @@
       "filenames": "Filenames, Titles and Descriptions",
       "uploader_settings": "Uploader settings"
     },
+    "media_proxy": {
+      "basic": "Basic Settings",
+      "invalidation": "Cache Invalidation",
+      "limits": "Limits",
+      "thumbnails": "Thumbnail Generation"
+    },
     "mailer": {
       "adapter": "Mailing Adapter",
       "auth": "Authentication"

From 4a98ec9611a9dfbfcb76178b10c4a47bb83ac281 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 1 Dec 2025 20:09:05 +0200
Subject: [PATCH 324/424] minor fixes and moves

---
 .../settings_modal/admin_tabs/links_tab.js    |  36 +++
 .../settings_modal/admin_tabs/links_tab.vue   | 115 ++++++++
 .../settings_modal/admin_tabs/mailer_tab.js   |   3 +
 .../settings_modal/admin_tabs/mailer_tab.vue  | 268 +++++++++---------
 .../admin_tabs/media_proxy_tab.vue            |  11 +-
 .../settings_modal/helpers/list_setting.js    |  21 ++
 .../settings_modal/helpers/list_setting.vue   |  45 +++
 .../settings_modal/helpers/setting.js         |  11 +-
 src/modules/adminSettings.js                  |   4 +-
 9 files changed, 373 insertions(+), 141 deletions(-)
 create mode 100644 src/components/settings_modal/admin_tabs/links_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/links_tab.vue
 create mode 100644 src/components/settings_modal/helpers/list_setting.js
 create mode 100644 src/components/settings_modal/helpers/list_setting.vue

diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
new file mode 100644
index 000000000..3771a4f37
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -0,0 +1,36 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const MediaProxyTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    GroupSetting
+  },
+  computed: {
+    mediaProxyEnabled () {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':enabled']
+    },
+    mediaInvalidationProvider () {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':invalidation'][':provider']
+    },
+    ...SharedComputedObject()
+  }
+}
+
+export default MediaProxyTab
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
new file mode 100644
index 000000000..0bd2dadf6
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -0,0 +1,115 @@
+<template>
+  <div :label="$t('admin_dash.tabs.media_proxy')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.media_proxy.basic') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:media_proxy.:enabled" />
+          <ul class="setting-list suboptions">
+            <li>
+              <StringSetting
+                path=":pleroma.:media_proxy.:base_url"
+                />
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <template v-if="mediaProxyEnabled">
+        <h3>{{ $t('admin_dash.media_proxy.invalidation') }}</h3>
+        <ul class="setting-list">
+          <li>
+            <BooleanSetting path=":pleroma.:media_proxy.:invalidation.:enabled" />
+            <ul class="setting-list suboptions">
+              <li>
+                <ChoiceSetting
+                  path=":pleroma.:media_proxy.:invalidation.:provider"
+                  parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                />
+              </li>
+              <h4>{{ $t('admin_dash.media_proxy.invalidation_settings') }}</h4>
+              <ul class="setting-list suboptions">
+                <template v-if="mediaInvalidationProvider === 'Pleroma.Web.MediaProxy.Invalidation.Http'">
+                  <!-- TODO: you know the drill by now - list component -->
+                  <li>
+                    <!-- choice maybe? -->
+                    <StringSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':method']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                      />
+                  </li>
+                  <!-- TODO: you know the drill by now - list component AGAIN -->
+                </template>
+                <template v-if="mediaInvalidationProvider === 'Pleroma.Web.MediaProxy.Invalidation.Script'">
+                  <!-- TODO: you know the drill by now - list component -->
+                  <li>
+                    <StringSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script', ':script_path']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                                   />
+                  </li>
+                  <li>
+                    <StringSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script', ':url_format']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                                   />
+                  </li>
+                </template>
+              </ul>
+            </ul>
+          </li>
+        </ul>
+        <h3>{{ $t('admin_dash.media_proxy.limits') }}</h3>
+        <ul class="setting-list">
+          <li>
+            <IntegerSetting
+              path=":pleroma.:media_proxy.:proxy_opts.:max_body_length"
+            />
+          </li>
+          <li>
+            <IntegerSetting
+              path=":pleroma.:media_proxy.:proxy_opts.:max_read_duration"
+            />
+          </li>
+          <li>
+            <BooleanSetting path=":pleroma.:media_proxy.:proxy_opts.:redirect_on_failure" />
+          </li>
+        </ul>
+        <!-- TODO: add whitelist when we have list component (hehe) -->
+        <h3>{{ $t('admin_dash.media_proxy.thumbnails') }}</h3>
+        <ul class="setting-list">
+          <li>
+            <BooleanSetting path=":pleroma.:media_preview_proxy.:enabled" />
+            <ul class="setting-list suboptions">
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:image_quality"
+                />
+              </li>
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:min_content_length"
+                />
+              </li>
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:thumbnail_max_width"
+                />
+              </li>
+              <li>
+                <IntegerSetting
+                  parent-path=":pleroma.:media_preview_proxy.:enabled"
+                  path=":pleroma.:media_preview_proxy.:thumbnail_max_height"
+                />
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script src="./media_proxy_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.js b/src/components/settings_modal/admin_tabs/mailer_tab.js
index 9fe2ebd1a..b67dc58ac 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.js
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.js
@@ -45,6 +45,9 @@ const MailerTab = {
     adapter () {
       return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Emails.Mailer'][':adapter']
     },
+    mailerEnabled () {
+      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Emails.Mailer'][':enabled']
+    },
     ...SharedComputedObject()
   },
   methods: {
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.vue b/src/components/settings_modal/admin_tabs/mailer_tab.vue
index b6d3dc496..df2456b4d 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.vue
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.vue
@@ -4,140 +4,144 @@
       <h3>{{ $t('admin_dash.mailer.adapter') }}</h3>
       <ul class="setting-list">
         <li>
-          <BooleanSetting :path="[':pleroma','Pleroma.Emails.NewUsersDigestEmail',':enabled']" />
+          <BooleanSetting :path="[':pleroma','Pleroma.Emails.Mailer',':enabled']" />
         </li>
-        <li>
-          <ChoiceSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':adapter']"
-            :option-label-map="adaptersLabels"
-           />
-        </li>
-        <h4>{{ $t('admin_dash.mailer.auth') }}</h4>
-        <li v-if="adapterHasKey(':api_key')">
-
-          <!-- authentication info -->
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':api_key']"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':access_key')">
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':access_key']"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':access_token')">
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':access_token']"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':username')">
-          <StringSetting :path="[':pleroma','Pleroma.Emails.Mailer',':username']"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':password')">
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':password']"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':secret')">
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':secret']"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':auth')">
-          <ChoiceSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':auth']"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-
-        <!-- server info -->
-        <li v-if="adapterHasKey(':relay')">
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':relay']"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':ssl')">
-          <BooleanSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':ssl']"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':tls')">
-          <ChoiceSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':tls']"
-            :option-label-map="startTLSLabels"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':port')">
-          <IntegerSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':port']"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':server_id')">
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':server_id']"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':region')">
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':region']"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':domain')">
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':domain']"
-            :subgroup="adapter"
-          />
-        </li>
-
-        <!-- sendmail exclusive -->
-        <li v-if="adapterHasKey(':cmd_path')">
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':cmd_path']"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':cmd_args')">
-          <StringSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':cmd_args']"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':qmail')">
-          <BooleanSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':qmail']"
-            :password="true"
-            :subgroup="adapter"
-          />
-        </li>
-        <li v-if="adapterHasKey(':retries')">
-          <IntegerSetting
-            :path="[':pleroma','Pleroma.Emails.Mailer',':retries']"
-            :subgroup="adapter"
+        <template v-if="mailerEnabled">
+          <li>
+            <ChoiceSetting
+              :path="[':pleroma','Pleroma.Emails.Mailer',':adapter']"
+              :option-label-map="adaptersLabels"
             />
-        </li>
+            <h4>{{ $t('admin_dash.mailer.auth') }}</h4>
+            <ul class="setting-list suboptions">
+              <li v-if="adapterHasKey(':api_key')">
+
+                <!-- authentication info -->
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':api_key']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':access_key')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':access_key']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':access_token')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':access_token']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':username')">
+                <StringSetting :path="[':pleroma','Pleroma.Emails.Mailer',':username']"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':password')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':password']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':secret')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':secret']"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':auth')">
+                <ChoiceSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':auth']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+
+              <!-- server info -->
+              <li v-if="adapterHasKey(':relay')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':relay']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':ssl')">
+                <BooleanSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':ssl']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':tls')">
+                <ChoiceSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':tls']"
+                  :option-label-map="startTLSLabels"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':port')">
+                <IntegerSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':port']"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':server_id')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':server_id']"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':region')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':region']"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':domain')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':domain']"
+                  :subgroup="adapter"
+                />
+              </li>
+
+              <!-- sendmail exclusive -->
+              <li v-if="adapterHasKey(':cmd_path')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':cmd_path']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':cmd_args')">
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':cmd_args']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':qmail')">
+                <BooleanSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':qmail']"
+                  :password="true"
+                  :subgroup="adapter"
+                />
+              </li>
+              <li v-if="adapterHasKey(':retries')">
+                <IntegerSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':retries']"
+                  :subgroup="adapter"
+                  />
+              </li>
+            </ul>
+          </li>
+        </template>
       </ul>
     </div>
   </div>
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
index 0bd2dadf6..064d13ecd 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
@@ -5,11 +5,12 @@
       <ul class="setting-list">
         <li>
           <BooleanSetting path=":pleroma.:media_proxy.:enabled" />
-          <ul class="setting-list suboptions">
+          <ul
+            v-if="mediaProxyEnabled"
+            class="setting-list suboptions"
+          >
             <li>
-              <StringSetting
-                path=":pleroma.:media_proxy.:base_url"
-                />
+              <StringSetting path=":pleroma.:media_proxy.:base_url" />
             </li>
           </ul>
         </li>
@@ -35,7 +36,7 @@
                     <StringSetting
                       :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':method']"
                       parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
-                      />
+                    />
                   </li>
                   <!-- TODO: you know the drill by now - list component AGAIN -->
                 </template>
diff --git a/src/components/settings_modal/helpers/list_setting.js b/src/components/settings_modal/helpers/list_setting.js
new file mode 100644
index 000000000..0ded0c36f
--- /dev/null
+++ b/src/components/settings_modal/helpers/list_setting.js
@@ -0,0 +1,21 @@
+import Setting from './setting.js'
+
+export default {
+  ...Setting,
+  components: {
+    ...Setting.components
+  },
+  props: {
+    ...Setting.props
+  },
+  computed: {
+    ...Setting.computed
+  },
+  methods: {
+    ...Setting.methods,
+    updateValue (e) {
+      console.log(e.target.value)
+      //this.configSink(this.path, parseFloat(e.target.value) + this.stateUnit)
+    }
+  }
+}
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
new file mode 100644
index 000000000..1a86e2aae
--- /dev/null
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -0,0 +1,45 @@
+<template>
+  <label
+    v-if="matchesExpertLevel"
+    class="StringSetting"
+  >
+    <label
+      :for="path"
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    {{ ' ' }}
+    <Checkbox
+      v-for="option in value"
+      :model-value="value"
+      :disabled="shouldBeDisabled"
+      @update:model-value="update"
+    >
+      {{ value }}
+    </Checkbox>
+    {{ ' ' }}
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <DraftButtons />
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+  </label>
+</template>
+
+<script src="./string_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index ed80708f9..d4a0dff56 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -77,7 +77,7 @@ export default {
   },
   created () {
     if (this.realDraftMode && (this.realSource !== 'admin' || this.path == null)) {
-      this.draft = this.state
+      this.draft = cloneDeep(this.state)
     }
   },
   computed: {
@@ -158,7 +158,14 @@ export default {
       if (this.path == null) {
         return this.disabled
       }
-      const parentValue = this.parentPath !== undefined ? get(this.configSource, this.parentPath) : null
+      let parentValue = null
+      if (this.parentPath !== undefined && this.realSource === 'admin') {
+        if (this.realDraftMode) {
+          parentValue = get(this.$store.state.adminSettings.draft, this.parentPath)
+        } else {
+          parentValue = get(this.configSource, this.parentPath)
+        }
+      }
       return this.disabled || (parentValue !== null ? (this.parentInvert ? parentValue : !parentValue) : false)
     },
     configSource () {
diff --git a/src/modules/adminSettings.js b/src/modules/adminSettings.js
index a6729f645..3f443d594 100644
--- a/src/modules/adminSettings.js
+++ b/src/modules/adminSettings.js
@@ -105,7 +105,7 @@ const adminSettingsStorage = {
         }
         set(config, path, convert(c.value))
       })
-      console.log('CONFIG', config)
+      console.log('CONFIG', JSON.parse(JSON.stringify(config)))
       commit('updateAdminSettings', { config, modifiedPaths })
       commit('resetAdminDraft')
     },
@@ -208,7 +208,7 @@ const adminSettingsStorage = {
         .then(backendDbConfig => dispatch('setInstanceAdminSettings', { backendDbConfig }))
     },
     resetAdminSetting ({ rootState, state, dispatch }, { path }) {
-      const [group, key, subkey] = path.split(/\./g)
+      const [group, key, subkey] = Array.isArray(path) ? path : path.split(/\./g)
 
       state.modifiedPaths.delete(path)
 

From c93f55e8f7709c3a3f9f333ad247bb9bca927774 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 1 Dec 2025 23:56:49 +0200
Subject: [PATCH 325/424] list and multicheckbox initial implementation

---
 .../settings_modal/admin_tabs/instance_tab.js |   2 +
 .../admin_tabs/instance_tab.vue               |  13 ++
 .../settings_modal/admin_tabs/links_tab.js    |  21 ++-
 .../settings_modal/admin_tabs/links_tab.vue   | 130 ++++--------------
 .../settings_modal/helpers/group_setting.js   |   8 --
 .../settings_modal/helpers/list_setting.js    |  27 +++-
 .../settings_modal/helpers/list_setting.vue   |  71 +++++++---
 .../helpers/multicheckbox_setting.js          |  47 +++++++
 .../helpers/multicheckbox_setting.vue         |  48 +++++++
 .../settings_modal/helpers/setting.js         |   4 +-
 .../settings_modal_admin_content.js           |   4 +
 .../settings_modal_admin_content.vue          |   8 ++
 12 files changed, 244 insertions(+), 139 deletions(-)
 create mode 100644 src/components/settings_modal/helpers/multicheckbox_setting.js
 create mode 100644 src/components/settings_modal/helpers/multicheckbox_setting.vue

diff --git a/src/components/settings_modal/admin_tabs/instance_tab.js b/src/components/settings_modal/admin_tabs/instance_tab.js
index b07bafe8f..4c4203c60 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.js
+++ b/src/components/settings_modal/admin_tabs/instance_tab.js
@@ -4,6 +4,7 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
+import MultiCheckboxSetting from '../helpers/multicheckbox_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -28,6 +29,7 @@ const InstanceTab = {
     IntegerSetting,
     StringSetting,
     AttachmentSetting,
+    MultiCheckboxSetting,
     GroupSetting
   },
   computed: {
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index fe96329bb..d8d5ae889 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -131,6 +131,19 @@
           </ul>
         </li>
       </ul>
+      <h3>{{ $t('admin_dash.instance.rich_metadata') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <MultiCheckboxSetting
+            :path="[':pleroma','Pleroma.Web.Metadata', ':providers']"
+            />
+        </li>
+        <li>
+          <BooleanSetting
+            :path="[':pleroma','Pleroma.Web.Metadata', ':unfurl_nsfw']"
+            />
+        </li>
+      </ul>
     </div>
   </div>
 </template>
diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
index 3771a4f37..9bd58344c 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.js
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -4,8 +4,11 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import MultiCheckboxSetting from '../helpers/multicheckbox_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import { get } from 'lodash'
 
 const MediaProxyTab = {
   provide () {
@@ -20,9 +23,25 @@ const MediaProxyTab = {
     IntegerSetting,
     StringSetting,
     AttachmentSetting,
-    GroupSetting
+    GroupSetting,
+    ListSetting,
+    MultiCheckboxSetting
   },
   computed: {
+    ttlSettersOptions () {
+      const desc = get(this.$store.state.adminSettings.descriptions, ':pleroma.:rich_media.:ttl_setters')
+      return new Set([...desc.suggestions, 'Pleroma.Web.RichMedia.Parser.TTL.Opengraph'].map(option => ({
+        label: option.replace('Pleroma.Web.RichMedia.Parser.TTL.', ''),
+        value: option
+      })))
+    },
+    parsersOptions () {
+      const desc = get(this.$store.state.adminSettings.descriptions, ':pleroma.:rich_media.:parsers')
+      return new Set(desc.suggestions.map(option => ({
+        label: option.replace('Pleroma.Web.RichMedia.Parsers.', ''),
+        value: option
+      })))
+    },
     mediaProxyEnabled () {
       return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':enabled']
     },
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index 0bd2dadf6..11559c61d 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -1,115 +1,37 @@
 <template>
   <div :label="$t('admin_dash.tabs.media_proxy')">
     <div class="setting-item">
-      <h3>{{ $t('admin_dash.media_proxy.basic') }}</h3>
+      <h3>{{ $t('admin_dash.links.link_previews') }}</h3>
       <ul class="setting-list">
         <li>
-          <BooleanSetting path=":pleroma.:media_proxy.:enabled" />
-          <ul class="setting-list suboptions">
-            <li>
-              <StringSetting
-                path=":pleroma.:media_proxy.:base_url"
-                />
-            </li>
-          </ul>
+          <BooleanSetting path=":pleroma.:rich_media.:enabled" />
+        </li>
+        <li>
+          <MultiCheckboxSetting
+            :override-available-options="parsersOptions"
+            path=":pleroma.:rich_media.:parsers"
+          />
+        </li>
+        <li>
+          <IntegerSetting
+            path=":pleroma.:rich_media.:timeout"
+          />
+        </li>
+        <li>
+          <MultiCheckboxSetting
+            :override-available-options="ttlSettersOptions"
+            path=":pleroma.:rich_media.:ttl_setters"
+          />
+        </li>
+        <li>
+          <ListSetting path=":pleroma.:rich_media.:ignore_tld" />
+        </li>
+        <li>
+          <ListSetting path=":pleroma.:rich_media.:ignore_hosts" />
         </li>
       </ul>
-      <template v-if="mediaProxyEnabled">
-        <h3>{{ $t('admin_dash.media_proxy.invalidation') }}</h3>
-        <ul class="setting-list">
-          <li>
-            <BooleanSetting path=":pleroma.:media_proxy.:invalidation.:enabled" />
-            <ul class="setting-list suboptions">
-              <li>
-                <ChoiceSetting
-                  path=":pleroma.:media_proxy.:invalidation.:provider"
-                  parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
-                />
-              </li>
-              <h4>{{ $t('admin_dash.media_proxy.invalidation_settings') }}</h4>
-              <ul class="setting-list suboptions">
-                <template v-if="mediaInvalidationProvider === 'Pleroma.Web.MediaProxy.Invalidation.Http'">
-                  <!-- TODO: you know the drill by now - list component -->
-                  <li>
-                    <!-- choice maybe? -->
-                    <StringSetting
-                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':method']"
-                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
-                      />
-                  </li>
-                  <!-- TODO: you know the drill by now - list component AGAIN -->
-                </template>
-                <template v-if="mediaInvalidationProvider === 'Pleroma.Web.MediaProxy.Invalidation.Script'">
-                  <!-- TODO: you know the drill by now - list component -->
-                  <li>
-                    <StringSetting
-                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script', ':script_path']"
-                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
-                                   />
-                  </li>
-                  <li>
-                    <StringSetting
-                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script', ':url_format']"
-                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
-                                   />
-                  </li>
-                </template>
-              </ul>
-            </ul>
-          </li>
-        </ul>
-        <h3>{{ $t('admin_dash.media_proxy.limits') }}</h3>
-        <ul class="setting-list">
-          <li>
-            <IntegerSetting
-              path=":pleroma.:media_proxy.:proxy_opts.:max_body_length"
-            />
-          </li>
-          <li>
-            <IntegerSetting
-              path=":pleroma.:media_proxy.:proxy_opts.:max_read_duration"
-            />
-          </li>
-          <li>
-            <BooleanSetting path=":pleroma.:media_proxy.:proxy_opts.:redirect_on_failure" />
-          </li>
-        </ul>
-        <!-- TODO: add whitelist when we have list component (hehe) -->
-        <h3>{{ $t('admin_dash.media_proxy.thumbnails') }}</h3>
-        <ul class="setting-list">
-          <li>
-            <BooleanSetting path=":pleroma.:media_preview_proxy.:enabled" />
-            <ul class="setting-list suboptions">
-              <li>
-                <IntegerSetting
-                  parent-path=":pleroma.:media_preview_proxy.:enabled"
-                  path=":pleroma.:media_preview_proxy.:image_quality"
-                />
-              </li>
-              <li>
-                <IntegerSetting
-                  parent-path=":pleroma.:media_preview_proxy.:enabled"
-                  path=":pleroma.:media_preview_proxy.:min_content_length"
-                />
-              </li>
-              <li>
-                <IntegerSetting
-                  parent-path=":pleroma.:media_preview_proxy.:enabled"
-                  path=":pleroma.:media_preview_proxy.:thumbnail_max_width"
-                />
-              </li>
-              <li>
-                <IntegerSetting
-                  parent-path=":pleroma.:media_preview_proxy.:enabled"
-                  path=":pleroma.:media_preview_proxy.:thumbnail_max_height"
-                />
-              </li>
-            </ul>
-          </li>
-        </ul>
-      </template>
     </div>
   </div>
 </template>
 
-<script src="./media_proxy_tab.js"></script>
+<script src="./links_tab.js"></script>
diff --git a/src/components/settings_modal/helpers/group_setting.js b/src/components/settings_modal/helpers/group_setting.js
index 23a2a2025..327654ff1 100644
--- a/src/components/settings_modal/helpers/group_setting.js
+++ b/src/components/settings_modal/helpers/group_setting.js
@@ -1,13 +1,5 @@
-import { isEqual } from 'lodash'
-
 import Setting from './setting.js'
 
 export default {
   ...Setting,
-  computed: {
-    ...Setting.computed,
-    isDirty () {
-      return !isEqual(this.state, this.draft)
-    }
-  }
 }
diff --git a/src/components/settings_modal/helpers/list_setting.js b/src/components/settings_modal/helpers/list_setting.js
index 0ded0c36f..f744e925b 100644
--- a/src/components/settings_modal/helpers/list_setting.js
+++ b/src/components/settings_modal/helpers/list_setting.js
@@ -2,6 +2,11 @@ import Setting from './setting.js'
 
 export default {
   ...Setting,
+  data () {
+    return {
+      newValue: ''
+    }
+  },
   components: {
     ...Setting.components
   },
@@ -13,9 +18,25 @@ export default {
   },
   methods: {
     ...Setting.methods,
-    updateValue (e) {
-      console.log(e.target.value)
-      //this.configSink(this.path, parseFloat(e.target.value) + this.stateUnit)
+    addNew () {
+      this.update({ newValue: this.newValue })
+    },
+    getValue ({ event, index, newValue, remove }) {
+      if (newValue) {
+        this.newValue = ''
+        return [...this.visibleState, newValue]
+      } else if (remove) {
+        const pre = this.visibleState.slice(0, index)
+        const post = this.visibleState.slice(index + 1)
+
+        return [...pre, ...post]
+      } else {
+        const pre = this.visibleState.slice(0, index)
+        const post = this.visibleState.slice(index + 1)
+        const string = event?.target?.value
+
+        return [...pre, string, ...post]
+      }
     }
   }
 }
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
index 1a86e2aae..ef3315a14 100644
--- a/src/components/settings_modal/helpers/list_setting.vue
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -1,10 +1,9 @@
 <template>
-  <label
+  <div
     v-if="matchesExpertLevel"
-    class="StringSetting"
+    class="ListSetting"
   >
     <label
-      :for="path"
       class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
@@ -16,22 +15,6 @@
       </template>
       <slot v-else />
     </label>
-    {{ ' ' }}
-    <Checkbox
-      v-for="option in value"
-      :model-value="value"
-      :disabled="shouldBeDisabled"
-      @update:model-value="update"
-    >
-      {{ value }}
-    </Checkbox>
-    {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
     <p
       v-if="backendDescriptionDescription"
       class="setting-description"
@@ -39,7 +22,53 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
-  </label>
+    <ul class="setting-list">
+      <li
+        class="btn-group"
+        v-for="(item, index) in visibleState"
+      >
+        <input
+          class="input string-input"
+          :class="{ disabled: shouldBeDisabled }"
+          :value="item"
+          @change="e => update({event: e, index })"
+        >
+        <button
+          class="button-default"
+          @click="e => update({ remove: true, index })"
+        >
+          <FAIcon icon="times" />
+        </button>
+      </li>
+      <li class="btn-group">
+        <input
+          class="input string-input"
+          :class="{ disabled: shouldBeDisabled }"
+          :disabled="shouldBeDisabled"
+          v-model="newValue"
+        >
+        <button
+          class="button-default"
+          @click="addNew"
+        >
+          <FAIcon icon="plus" />
+        </button>
+      </li>
+    </ul>
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <DraftButtons />
+  </div>
 </template>
 
-<script src="./string_setting.js"></script>
+<style lang="scss">
+.ListSetting {
+  li.btn-group {
+    display: flex
+  }
+}
+</style>
+<script src="./list_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/multicheckbox_setting.js b/src/components/settings_modal/helpers/multicheckbox_setting.js
new file mode 100644
index 000000000..3d64a8a56
--- /dev/null
+++ b/src/components/settings_modal/helpers/multicheckbox_setting.js
@@ -0,0 +1,47 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Setting from './setting.js'
+
+export default {
+  ...Setting,
+  props: {
+    ...Setting.props,
+    overrideAvailableOptions: {
+      required: false,
+      type: Set
+    }
+  },
+  components: {
+    ...Setting.components,
+    Checkbox
+  },
+  computed: {
+    ...Setting.computed,
+    availableOptions () {
+      if (this.overrideAvailableOptions) {
+        return new Set(this.overrideAvailableOptions)
+      }
+      return new Set(this.backendDescription?.suggestions.map((option) => ({
+        label: option,
+        value: option
+      })))
+    },
+    valueSet () {
+      return new Set(this.visibleState)
+    }
+  },
+  methods: {
+    ...Setting.methods,
+    optionPresent (option) {
+      return this.valueSet.has(option)
+    },
+    getValue ({ event, option }) {
+      const set = new Set(this.visibleState)
+      if (event) {
+        set.add(option)
+      } else {
+        set.delete(option)
+      }
+      return [...set]
+    }
+  }
+}
diff --git a/src/components/settings_modal/helpers/multicheckbox_setting.vue b/src/components/settings_modal/helpers/multicheckbox_setting.vue
new file mode 100644
index 000000000..083f568c1
--- /dev/null
+++ b/src/components/settings_modal/helpers/multicheckbox_setting.vue
@@ -0,0 +1,48 @@
+<template>
+  <label
+    v-if="matchesExpertLevel"
+    class="MultiCheckboxSetting"
+  >
+    <h5
+      :for="path"
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </h5>
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+    <ul class="setting-list">
+      <li v-for="option in availableOptions">
+        <Checkbox
+          :model-value="optionPresent(option.value)"
+          :disabled="shouldBeDisabled"
+          @update:model-value="e => update({event: e, option: option.value})"
+        >
+          {{ option.label }}
+        </Checkbox>
+      </li>
+    </ul>
+    <div>
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <ProfileSettingIndicator :is-profile="isProfileSetting" />
+      <DraftButtons />
+    </div>
+  </label>
+</template>
+
+<script src="./multicheckbox_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index d4a0dff56..4e1e12e13 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -1,7 +1,7 @@
 import ModifiedIndicator from './modified_indicator.vue'
 import ProfileSettingIndicator from './profile_setting_indicator.vue'
 import DraftButtons from './draft_buttons.vue'
-import { get, set, cloneDeep } from 'lodash'
+import { get, set, cloneDeep, isEqual } from 'lodash'
 
 export default {
   components: {
@@ -237,7 +237,7 @@ export default {
       if (this.realSource === 'admin' && this.canonPath.length > 3) {
         return false // should not show draft buttons for "grouped" values
       } else {
-        return this.realDraftMode && this.draft !== this.state
+        return this.realDraftMode && !isEqual(this.draft, this.state)
       }
     },
     canHardReset () {
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 50db2bb3b..4d89aefad 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -1,6 +1,7 @@
 import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 
 import InstanceTab from './admin_tabs/instance_tab.vue'
+import LinksTab from './admin_tabs/links_tab.vue'
 import LimitsTab from './admin_tabs/limits_tab.vue'
 import FrontendsTab from './admin_tabs/frontends_tab.vue'
 import MediaProxyTab from './admin_tabs/media_proxy_tab.vue'
@@ -15,6 +16,7 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faWrench,
   faHand,
+  faChain,
   faLaptopCode,
   faTowerBroadcast,
   faEnvelope,
@@ -26,6 +28,7 @@ import {
 library.add(
   faWrench,
   faHand,
+  faChain,
   faLaptopCode,
   faTowerBroadcast,
   faEnvelope,
@@ -45,6 +48,7 @@ const SettingsModalAdminContent = {
     MailerTab,
     EmojiTab,
     UploadsTab,
+    LinksTab,
     MonitoringTab,
     RegistrationsTab
   },
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index bc2438b8b..572cc3a2c 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -106,6 +106,14 @@
       <MediaProxyTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.links')"
+      icon="chain"
+      data-tab-name="links"
+    >
+      <LinksTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.monitoring')"
       icon="chart-line"

From b7a97b86037fdfd9f9b4d816fd00db06fbaadc0a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 2 Dec 2025 20:44:14 +0200
Subject: [PATCH 326/424] merge multicheckbox and list inputs

---
 .../settings_modal/admin_tabs/instance_tab.js | 22 ++---
 .../admin_tabs/instance_tab.vue               |  3 +-
 .../settings_modal/admin_tabs/links_tab.js    |  6 +-
 .../settings_modal/admin_tabs/links_tab.vue   |  9 +-
 .../settings_modal/helpers/list_setting.js    | 97 +++++++++++++++----
 .../settings_modal/helpers/list_setting.vue   | 68 +++++++------
 .../helpers/multicheckbox_setting.js          | 47 ---------
 .../helpers/multicheckbox_setting.vue         | 48 ---------
 8 files changed, 138 insertions(+), 162 deletions(-)
 delete mode 100644 src/components/settings_modal/helpers/multicheckbox_setting.js
 delete mode 100644 src/components/settings_modal/helpers/multicheckbox_setting.vue

diff --git a/src/components/settings_modal/admin_tabs/instance_tab.js b/src/components/settings_modal/admin_tabs/instance_tab.js
index 4c4203c60..119c7cd35 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.js
+++ b/src/components/settings_modal/admin_tabs/instance_tab.js
@@ -4,17 +4,10 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
-import MultiCheckboxSetting from '../helpers/multicheckbox_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faGlobe
-)
+import { get } from 'lodash'
 
 const InstanceTab = {
   provide () {
@@ -29,11 +22,18 @@ const InstanceTab = {
     IntegerSetting,
     StringSetting,
     AttachmentSetting,
-    MultiCheckboxSetting,
+    ListSetting,
     GroupSetting
   },
   computed: {
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
+    providersOptions () {
+      const desc = get(this.$store.state.adminSettings.descriptions, [':pleroma', 'Pleroma.Web.Metadata', ':providers'])
+      return new Set(desc.suggestions.map(option => ({
+        label: option.replace('Pleroma.Web.Metadata.Providers.', ''),
+        value: option
+      })))
+    },
   }
 }
 
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index d8d5ae889..a46686029 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -134,7 +134,8 @@
       <h3>{{ $t('admin_dash.instance.rich_metadata') }}</h3>
       <ul class="setting-list">
         <li>
-          <MultiCheckboxSetting
+          <ListSetting
+            :override-available-options="providersOptions"
             :path="[':pleroma','Pleroma.Web.Metadata', ':providers']"
             />
         </li>
diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
index 9bd58344c..1bf626643 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.js
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -5,7 +5,6 @@ import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-import MultiCheckboxSetting from '../helpers/multicheckbox_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { get } from 'lodash'
@@ -24,13 +23,12 @@ const MediaProxyTab = {
     StringSetting,
     AttachmentSetting,
     GroupSetting,
-    ListSetting,
-    MultiCheckboxSetting
+    ListSetting
   },
   computed: {
     ttlSettersOptions () {
       const desc = get(this.$store.state.adminSettings.descriptions, ':pleroma.:rich_media.:ttl_setters')
-      return new Set([...desc.suggestions, 'Pleroma.Web.RichMedia.Parser.TTL.Opengraph'].map(option => ({
+      return new Set(desc.suggestions.map(option => ({
         label: option.replace('Pleroma.Web.RichMedia.Parser.TTL.', ''),
         value: option
       })))
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index 11559c61d..c4677ee63 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -7,7 +7,7 @@
           <BooleanSetting path=":pleroma.:rich_media.:enabled" />
         </li>
         <li>
-          <MultiCheckboxSetting
+          <ListSetting
             :override-available-options="parsersOptions"
             path=":pleroma.:rich_media.:parsers"
           />
@@ -18,13 +18,16 @@
           />
         </li>
         <li>
-          <MultiCheckboxSetting
+          <ListSetting
             :override-available-options="ttlSettersOptions"
             path=":pleroma.:rich_media.:ttl_setters"
           />
         </li>
         <li>
-          <ListSetting path=":pleroma.:rich_media.:ignore_tld" />
+          <ListSetting
+            path=":pleroma.:rich_media.:ignore_tld"
+            ignore-suggestions
+          />
         </li>
         <li>
           <ListSetting path=":pleroma.:rich_media.:ignore_hosts" />
diff --git a/src/components/settings_modal/helpers/list_setting.js b/src/components/settings_modal/helpers/list_setting.js
index f744e925b..3ce7e5bef 100644
--- a/src/components/settings_modal/helpers/list_setting.js
+++ b/src/components/settings_modal/helpers/list_setting.js
@@ -1,41 +1,100 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Setting from './setting.js'
 
 export default {
   ...Setting,
   data () {
     return {
-      newValue: ''
+      newValue: '',
     }
   },
   components: {
-    ...Setting.components
+    ...Setting.components,
+    Checkbox
   },
   props: {
-    ...Setting.props
+    ...Setting.props,
+    ignoreSuggestions: {
+      required: false,
+      type: Boolean
+    },
+    overrideAvailableOptions: {
+      required: false,
+      type: Set
+    },
+    allowNew: {
+      required: false,
+      type: Set,
+      default: true
+    }
   },
   computed: {
-    ...Setting.computed
+    ...Setting.computed,
+    valueSet () {
+      return new Set(this.visibleState)
+    },
+    suggestions () {
+      const suggestions = this.backendDescription?.suggestions
+      if (suggestions) {
+        return new Set(this.backendDescription.suggestions)
+      } else {
+        return new Set()
+      }
+    },
+    extraEntries () {
+      if (this.ignoreSuggestions) return [...this.valueSet.values()]
+      return [...this.valueSet.values()].filter((x) => {
+        return !this.suggestions.has(x)
+      })
+    },
+    builtinEntries () {
+      if (this.ignoreSuggestions) return []
+      if (this.overrideAvailableOptions) {
+        return [...this.overrideAvailableOptions]
+      }
+
+      const builtins = [...this.valueSet.values()].filter((x) => {
+        return this.suggestions.has(x)
+      })
+
+      return builtins.map((option) => ({
+        label: option,
+        value: option
+      }))
+    }
   },
   methods: {
     ...Setting.methods,
-    addNew () {
-      this.update({ newValue: this.newValue })
+    optionPresent (option) {
+      return this.valueSet.has(option)
     },
-    getValue ({ event, index, newValue, remove }) {
-      if (newValue) {
-        this.newValue = ''
-        return [...this.visibleState, newValue]
-      } else if (remove) {
-        const pre = this.visibleState.slice(0, index)
-        const post = this.visibleState.slice(index + 1)
+    getValue ({ event, index, eventType }) {
+      switch (eventType) {
+        case 'toggle': {
+          this.newValue = ''
+          return [...this.visibleState, event]
+        }
 
-        return [...pre, ...post]
-      } else {
-        const pre = this.visibleState.slice(0, index)
-        const post = this.visibleState.slice(index + 1)
-        const string = event?.target?.value
+        case 'add': {
+          const res = [...this.visibleState, this.newValue]
+          this.newValue = ''
+          return res
+        }
 
-        return [...pre, string, ...post]
+        case 'remove': {
+          const pre = this.visibleState.slice(0, index)
+          const post = this.visibleState.slice(index + 1)
+
+          return [...pre, ...post]
+        }
+
+        case 'edit': {
+          const pre = this.visibleState.slice(0, index)
+          const post = this.visibleState.slice(index + 1)
+          const string = event?.target?.value
+
+          return [...pre, string, ...post]
+        }
       }
     }
   }
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
index ef3315a14..364766e63 100644
--- a/src/components/settings_modal/helpers/list_setting.vue
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -23,36 +23,46 @@
       {{ backendDescriptionDescription + ' ' }}
     </p>
     <ul class="setting-list">
-      <li
-        class="btn-group"
-        v-for="(item, index) in visibleState"
-      >
-        <input
-          class="input string-input"
-          :class="{ disabled: shouldBeDisabled }"
-          :value="item"
-          @change="e => update({event: e, index })"
-        >
-        <button
-          class="button-default"
-          @click="e => update({ remove: true, index })"
-        >
-          <FAIcon icon="times" />
-        </button>
-      </li>
-      <li class="btn-group">
-        <input
-          class="input string-input"
-          :class="{ disabled: shouldBeDisabled }"
+      <li v-for="item in builtinEntries">
+        <Checkbox
           :disabled="shouldBeDisabled"
-          v-model="newValue"
+          :model-value="optionPresent(item.value)"
+          @update:model-value="e => update({ event, eventType: 'toggle' })"
         >
-        <button
-          class="button-default"
-          @click="addNew"
-        >
-          <FAIcon icon="plus" />
-        </button>
+          {{ item.label }}
+        </Checkbox>
+      </li>
+      <li v-for="(item, index) in extraEntries">
+        <div class="btn-group">
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :value="item"
+            @change="e => update({ event: e, index, eventType: 'edit' })"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ index, eventType: 'remove' })"
+          >
+            <FAIcon icon="times" />
+          </button>
+        </div>
+      </li>
+      <li v-if="allowNew">
+        <div class="btn-group">
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :disabled="shouldBeDisabled"
+            v-model="newValue"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ eventType: 'add' })"
+          >
+            <FAIcon icon="plus" />
+          </button>
+        </div>
       </li>
     </ul>
     <ModifiedIndicator
@@ -66,7 +76,7 @@
 
 <style lang="scss">
 .ListSetting {
-  li.btn-group {
+  .btn-group {
     display: flex
   }
 }
diff --git a/src/components/settings_modal/helpers/multicheckbox_setting.js b/src/components/settings_modal/helpers/multicheckbox_setting.js
deleted file mode 100644
index 3d64a8a56..000000000
--- a/src/components/settings_modal/helpers/multicheckbox_setting.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Setting from './setting.js'
-
-export default {
-  ...Setting,
-  props: {
-    ...Setting.props,
-    overrideAvailableOptions: {
-      required: false,
-      type: Set
-    }
-  },
-  components: {
-    ...Setting.components,
-    Checkbox
-  },
-  computed: {
-    ...Setting.computed,
-    availableOptions () {
-      if (this.overrideAvailableOptions) {
-        return new Set(this.overrideAvailableOptions)
-      }
-      return new Set(this.backendDescription?.suggestions.map((option) => ({
-        label: option,
-        value: option
-      })))
-    },
-    valueSet () {
-      return new Set(this.visibleState)
-    }
-  },
-  methods: {
-    ...Setting.methods,
-    optionPresent (option) {
-      return this.valueSet.has(option)
-    },
-    getValue ({ event, option }) {
-      const set = new Set(this.visibleState)
-      if (event) {
-        set.add(option)
-      } else {
-        set.delete(option)
-      }
-      return [...set]
-    }
-  }
-}
diff --git a/src/components/settings_modal/helpers/multicheckbox_setting.vue b/src/components/settings_modal/helpers/multicheckbox_setting.vue
deleted file mode 100644
index 083f568c1..000000000
--- a/src/components/settings_modal/helpers/multicheckbox_setting.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-  <label
-    v-if="matchesExpertLevel"
-    class="MultiCheckboxSetting"
-  >
-    <h5
-      :for="path"
-      class="setting-label"
-      :class="{ 'faint': shouldBeDisabled }"
-    >
-      <template v-if="backendDescriptionLabel">
-        {{ backendDescriptionLabel + ' ' }}
-      </template>
-      <template v-else-if="source === 'admin'">
-        MISSING LABEL FOR {{ path }}
-      </template>
-      <slot v-else />
-    </h5>
-    <p
-      v-if="backendDescriptionDescription"
-      class="setting-description"
-      :class="{ 'faint': shouldBeDisabled }"
-    >
-      {{ backendDescriptionDescription + ' ' }}
-    </p>
-    <ul class="setting-list">
-      <li v-for="option in availableOptions">
-        <Checkbox
-          :model-value="optionPresent(option.value)"
-          :disabled="shouldBeDisabled"
-          @update:model-value="e => update({event: e, option: option.value})"
-        >
-          {{ option.label }}
-        </Checkbox>
-      </li>
-    </ul>
-    <div>
-      <ModifiedIndicator
-        :changed="isChanged"
-        :onclick="reset"
-      />
-      <ProfileSettingIndicator :is-profile="isProfileSetting" />
-      <DraftButtons />
-    </div>
-  </label>
-</template>
-
-<script src="./multicheckbox_setting.js"></script>

From 42a5da93ea14186b50c8612a8ef2d86e0079c0e8 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 3 Dec 2025 12:19:20 +0200
Subject: [PATCH 327/424] links tab done (finally)

---
 .../settings_modal/admin_tabs/links_tab.js    | 58 ++++++++++-
 .../settings_modal/admin_tabs/links_tab.scss  | 32 ++++++
 .../settings_modal/admin_tabs/links_tab.vue   | 98 ++++++++++++++++++-
 .../settings_modal/helpers/choice_setting.js  |  5 +-
 .../settings_modal/helpers/draft_buttons.vue  |  7 +-
 .../settings_modal/helpers/number_setting.vue |  4 +-
 .../settings_modal/helpers/setting.js         |  7 ++
 .../settings_modal/helpers/string_setting.vue |  3 +-
 .../settings_modal/settings_modal.scss        | 11 ++-
 src/i18n/en.json                              | 21 +++-
 10 files changed, 234 insertions(+), 12 deletions(-)
 create mode 100644 src/components/settings_modal/admin_tabs/links_tab.scss

diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
index 1bf626643..da70889ac 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.js
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -6,6 +6,8 @@ import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
 
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { get } from 'lodash'
 
@@ -23,9 +25,22 @@ const MediaProxyTab = {
     StringSetting,
     AttachmentSetting,
     GroupSetting,
-    ListSetting
+    ListSetting,
+    Checkbox
   },
   computed: {
+    classIsPresent () {
+      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][':class'] !== false
+    },
+    relIsPresent () {
+      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][':rel'] !== false
+    },
+    truncateIsPresent () {
+      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][':truncate'] !== false
+    },
+    truncateDescription () {
+      return get(this.$store.state.adminSettings.descriptions, [':pleroma', 'Pleroma.Formatter', ':truncate'])
+    },
     ttlSettersOptions () {
       const desc = get(this.$store.state.adminSettings.descriptions, ':pleroma.:rich_media.:ttl_setters')
       return new Set(desc.suggestions.map(option => ({
@@ -40,6 +55,18 @@ const MediaProxyTab = {
         value: option
       })))
     },
+    validateTLDOptions () {
+      return [{
+        label: this.$t('general.yes'),
+        value: true
+      }, {
+        label: this.$t('general.no'),
+        value: false
+      }, {
+        label: this.$t('admin_dash.links.no_scheme'),
+        value: ':no_scheme'
+      }]
+    },
     mediaProxyEnabled () {
       return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':enabled']
     },
@@ -47,6 +74,35 @@ const MediaProxyTab = {
       return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':invalidation'][':provider']
     },
     ...SharedComputedObject()
+  },
+  methods: {
+    checkRel (e) {
+      this.$store.commit(
+        'updateAdminDraft',
+        {
+          path: [':pleroma','Pleroma.Formatter',':rel'],
+          value: e ? '' : false
+        }
+      )
+    },
+    checkClass (e) {
+      this.$store.commit(
+        'updateAdminDraft',
+        {
+          path: [':pleroma','Pleroma.Formatter',':class'],
+          value: e ? '' : false
+        }
+      )
+    },
+    checkTruncate (e) {
+      this.$store.commit(
+        'updateAdminDraft',
+        {
+          path: [':pleroma','Pleroma.Formatter',':truncate'],
+          value: e ? 20 : false
+        }
+      )
+    }
   }
 }
 
diff --git a/src/components/settings_modal/admin_tabs/links_tab.scss b/src/components/settings_modal/admin_tabs/links_tab.scss
new file mode 100644
index 000000000..eb56cd9f5
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/links_tab.scss
@@ -0,0 +1,32 @@
+.LinksTab {
+  // awkward "disable = false" backend options
+  .weird-options {
+    .checkbox {
+      margin: 0;
+    }
+  }
+
+  .setting-list.suboptions.weird-suboptions {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5em;
+    margin: 0;
+
+    li {
+      margin: 0;
+      display: flex;
+    }
+
+    .GroupSetting {
+      display: inline-block;
+      margin: 0;
+      padding: 0;
+    }
+  }
+
+  .btn-group {
+    .button-default {
+      flex: 0 1 auto;
+    }
+  }
+}
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index c4677ee63..5e4598c08 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -1,5 +1,8 @@
 <template>
-  <div :label="$t('admin_dash.tabs.media_proxy')">
+  <div
+    class="LinksTab"
+    :label="$t('admin_dash.tabs.media_proxy')"
+  >
     <div class="setting-item">
       <h3>{{ $t('admin_dash.links.link_previews') }}</h3>
       <ul class="setting-list">
@@ -33,8 +36,101 @@
           <ListSetting path=":pleroma.:rich_media.:ignore_hosts" />
         </li>
       </ul>
+      <h3>{{ $t('admin_dash.links.link_formatter') }}</h3>
+      <ul class="setting-list weird-options">
+        <li>
+          <Checkbox
+            :model-value="classIsPresent"
+            @update:model-value="checkClass"
+          >
+            <i18n-t
+              keypath="admin_dash.temp_overrides.:pleroma.Pleroma_DOT_Formatter.:attribute_toggle.label"
+              tag="span"
+              scope="global"
+            >
+              <template #attr>
+                <code>class</code>
+              </template>
+            </i18n-t>
+          </Checkbox>
+          <div class="setting-list suboptions weird-suboptions">
+            <StringSetting
+              v-if="classIsPresent"
+              :path="[':pleroma', 'Pleroma.Formatter', ':class']"
+              hide-label
+              hide-draft-buttons
+            />
+            <GroupSetting :path="[':pleroma', 'Pleroma.Formatter', ':class']" />
+          </div>
+        </li>
+        <li>
+          <Checkbox
+            :model-value="relIsPresent"
+            @update:model-value="checkRel"
+          >
+          <i18n-t
+            keypath="admin_dash.temp_overrides.:pleroma.Pleroma_DOT_Formatter.:attribute_toggle.label"
+            tag="span"
+            scope="global"
+          >
+            <template #attr>
+              <code>rel</code>
+            </template>
+          </i18n-t>
+          </Checkbox>
+          <div class="setting-list suboptions weird-suboptions">
+            <StringSetting
+              v-if="relIsPresent"
+              :path="[':pleroma', 'Pleroma.Formatter', ':rel']"
+              hide-label
+              hide-draft-buttons
+            />
+            <GroupSetting
+              :path="[':pleroma', 'Pleroma.Formatter', ':rel']"
+            />
+          </div>
+        </li>
+        <li>
+          <BooleanSetting :path="[':pleroma', 'Pleroma.Formatter', ':new_window']" />
+        </li>
+        <li>
+          <BooleanSetting :path="[':pleroma', 'Pleroma.Formatter', ':strip_prefix']" />
+        </li>
+        <li>
+          <BooleanSetting :path="[':pleroma', 'Pleroma.Formatter', ':extra']" />
+        </li>
+        <li>
+          <ChoiceSetting
+            :options="validateTLDOptions"
+            :path="[':pleroma', 'Pleroma.Formatter', ':validate_tld']"
+          />
+        </li>
+        <li>
+          <Checkbox
+            :model-value="truncateIsPresent"
+            @update:model-value="checkTruncate"
+          >
+            {{ truncateDescription.label }}
+          </Checkbox>
+          <div class="setting-list suboptions weird-suboptions">
+            <li>
+              <IntegerSetting
+                v-if="truncateIsPresent"
+                :path="[':pleroma', 'Pleroma.Formatter', ':truncate']"
+                hide-label
+                hide-draft-buttons
+              />
+            </li>
+            <li>
+              <GroupSetting :path="[':pleroma', 'Pleroma.Formatter', ':truncate']" />
+            </li>
+          </div>
+        </li>
+      </ul>
     </div>
   </div>
 </template>
 
+<style lang="scss" src="./links_tab.scss"></style>
+
 <script src="./links_tab.js"></script>
diff --git a/src/components/settings_modal/helpers/choice_setting.js b/src/components/settings_modal/helpers/choice_setting.js
index c36b870a6..ed54e67be 100644
--- a/src/components/settings_modal/helpers/choice_setting.js
+++ b/src/components/settings_modal/helpers/choice_setting.js
@@ -23,7 +23,10 @@ export default {
     ...Setting.computed,
     realOptions () {
       if (this.realSource === 'admin') {
-        if (!(this.backendDescriptionSuggestions?.length !== 0)) {
+        if (
+          !this.backendDescriptionSuggestions?.length ||
+            this.backendDescriptionSuggestions?.length === 0
+        ) {
           return this.options
         }
         return this.backendDescriptionSuggestions.map(x => ({
diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index 46a70e866..2cb4594db 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -3,6 +3,7 @@
 <template>
   <span
     class="DraftButtons"
+    v-if="$parent.isDirty"
   >
     <Popover
       v-if="$parent.isDirty"
@@ -74,10 +75,8 @@ export default {
 .DraftButtons {
   display: inline-block;
   position: relative;
-
-  .button-default {
-    margin-left: 0.5em;
-  }
+  display: inline-flex;
+  gap: 0.5em;
 }
 
 .draft-tooltip {
diff --git a/src/components/settings_modal/helpers/number_setting.vue b/src/components/settings_modal/helpers/number_setting.vue
index 32dc6f83f..7e301d613 100644
--- a/src/components/settings_modal/helpers/number_setting.vue
+++ b/src/components/settings_modal/helpers/number_setting.vue
@@ -4,7 +4,9 @@
     class="NumberSetting"
   >
     <label
+      v-if="!hideLabel"
       :for="path"
+      class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
       <template v-if="backendDescriptionLabel">
@@ -32,7 +34,7 @@
       :onclick="reset"
     />
     <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
+    <DraftButtons v-if="!hideDraftButtons" />
     <p
       v-if="backendDescriptionDescription"
       class="setting-description"
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index 4e1e12e13..a6419a03e 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -41,6 +41,12 @@ export default {
       type: String,
       default: undefined
     },
+    hideDraftButtons: { // this is for the weird backend hybrid (Boolean|String or Boolean|Number) settings
+      type: Boolean
+    },
+    hideLabel: {
+      type: Boolean
+    },
     hideDescription: {
       type: Boolean
     },
@@ -265,6 +271,7 @@ export default {
       }
     },
     reset () {
+      console.log('RS', this.state, this.draft)
       if (this.realDraftMode) {
         this.draft = cloneDeep(this.state)
       } else {
diff --git a/src/components/settings_modal/helpers/string_setting.vue b/src/components/settings_modal/helpers/string_setting.vue
index cf06af8d9..0c6e356c4 100644
--- a/src/components/settings_modal/helpers/string_setting.vue
+++ b/src/components/settings_modal/helpers/string_setting.vue
@@ -4,6 +4,7 @@
     class="StringSetting"
   >
     <label
+      v-if="!hideLabel"
       :for="path"
       class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
@@ -31,7 +32,7 @@
       :onclick="reset"
     />
     <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
+    <DraftButtons v-if="!hideDraftButtons" />
     <p
       v-if="backendDescriptionDescription"
       class="setting-description"
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index fd24697b6..7eca3ed16 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -42,7 +42,14 @@
     }
 
     li {
-      margin: 1em 0;
+      display: block;
+      margin: 0.75em 0;
+
+      > label {
+        display: block;
+        margin: 0.75em 0;
+        padding: 0.5em 0;
+      }
     }
 
     .suboptions {
@@ -62,7 +69,7 @@
 
   .setting-description {
     margin-top: 0.2em;
-    margin-bottom: 2em;
+    margin-bottom: 0;
     font-size: 70%;
   }
 
diff --git a/src/i18n/en.json b/src/i18n/en.json
index f580dc9b1..cd5e6b2f7 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1157,7 +1157,8 @@
       "emoji": "Emoji",
       "uploads": "Uploads",
       "monitoring": "Monitoring",
-      "registrations": "Registrations"
+      "registrations": "Registrations",
+      "links": "Links"
     },
     "nodb": {
       "heading": "Database config is disabled",
@@ -1192,6 +1193,10 @@
         "email_message": "Via email"
       }
     },
+    "links": {
+      "link_previews": "Link previews",
+      "link_formatter": "Link formatter"
+    },
     "uploads": {
       "general": "General settings",
       "filenames": "Filenames, Titles and Descriptions",
@@ -1294,6 +1299,20 @@
     },
     "temp_overrides": {
       ":pleroma": {
+        "Pleroma_DOT_Formatter": {
+          ":attribute_toggle": {
+            "label": "Set {attr} attribute"
+          },
+          ":truncate_toggle": {
+            "label": "Truncate"
+          },
+          ":class": {
+            "label": "Value"
+          },
+          ":rel": {
+            "label": "Value"
+          }
+        },
         "Pleroma_DOT_Uploaders_DOT_Uploader": {
           ":timeout": {
             "label": "Timeout",

From 3a321ca756d91cdc66900e525a0dcee804eba49e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 3 Dec 2025 12:31:46 +0200
Subject: [PATCH 328/424] media proxy completeness

---
 .../admin_tabs/media_proxy_tab.js              |  4 +++-
 .../admin_tabs/media_proxy_tab.vue             | 18 +++++++++++++++---
 src/i18n/en.json                               |  3 ++-
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.js b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
index 3771a4f37..af82593bc 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.js
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
@@ -4,6 +4,7 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
@@ -20,7 +21,8 @@ const MediaProxyTab = {
     IntegerSetting,
     StringSetting,
     AttachmentSetting,
-    GroupSetting
+    GroupSetting,
+    ListSetting
   },
   computed: {
     mediaProxyEnabled () {
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
index 064d13ecd..4420ae2a4 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
@@ -30,15 +30,24 @@
               <h4>{{ $t('admin_dash.media_proxy.invalidation_settings') }}</h4>
               <ul class="setting-list suboptions">
                 <template v-if="mediaInvalidationProvider === 'Pleroma.Web.MediaProxy.Invalidation.Http'">
-                  <!-- TODO: you know the drill by now - list component -->
                   <li>
-                    <!-- choice maybe? -->
                     <StringSetting
                       :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':method']"
                       parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
                     />
                   </li>
-                  <!-- TODO: you know the drill by now - list component AGAIN -->
+                  <li>
+                    <ListSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':headers']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                    />
+                  </li>
+                  <li>
+                    <ListSetting
+                      :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':options']"
+                      parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
+                    />
+                  </li>
                 </template>
                 <template v-if="mediaInvalidationProvider === 'Pleroma.Web.MediaProxy.Invalidation.Script'">
                   <!-- TODO: you know the drill by now - list component -->
@@ -74,6 +83,9 @@
           <li>
             <BooleanSetting path=":pleroma.:media_proxy.:proxy_opts.:redirect_on_failure" />
           </li>
+          <li>
+            <GroupSetting path=":pleroma.:media_proxy.:proxy_opts" />
+          </li>
         </ul>
         <!-- TODO: add whitelist when we have list component (hehe) -->
         <h3>{{ $t('admin_dash.media_proxy.thumbnails') }}</h3>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index cd5e6b2f7..d21d32cd7 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1206,7 +1206,8 @@
       "basic": "Basic Settings",
       "invalidation": "Cache Invalidation",
       "limits": "Limits",
-      "thumbnails": "Thumbnail Generation"
+      "thumbnails": "Thumbnail Generation",
+      "invalidation_settings": "Cache Invalidation"
     },
     "mailer": {
       "adapter": "Mailing Adapter",

From 311e9d255d8445b81c3747d50c939ef7c283e912 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 3 Dec 2025 20:16:33 +0200
Subject: [PATCH 329/424] media proxy done + misc changes

---
 src/components/settings_modal/admin_tabs/links_tab.scss  | 6 ------
 .../settings_modal/admin_tabs/media_proxy_tab.vue        | 9 ++++++---
 src/components/settings_modal/helpers/string_setting.vue | 1 +
 src/components/settings_modal/settings_modal.scss        | 6 ++++++
 4 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/links_tab.scss b/src/components/settings_modal/admin_tabs/links_tab.scss
index eb56cd9f5..8946ccc0a 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.scss
+++ b/src/components/settings_modal/admin_tabs/links_tab.scss
@@ -23,10 +23,4 @@
       padding: 0;
     }
   }
-
-  .btn-group {
-    .button-default {
-      flex: 0 1 auto;
-    }
-  }
 }
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
index 4420ae2a4..ecc075fb0 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
@@ -12,6 +12,12 @@
             <li>
               <StringSetting path=":pleroma.:media_proxy.:base_url" />
             </li>
+            <li>
+              <BooleanSetting path=":pleroma.:media_proxy.:proxy_opts.:redirect_on_failure" />
+            </li>
+            <li>
+              <ListSetting path=":pleroma.:media_proxy.:whitelist" />
+            </li>
           </ul>
         </li>
       </ul>
@@ -80,9 +86,6 @@
               path=":pleroma.:media_proxy.:proxy_opts.:max_read_duration"
             />
           </li>
-          <li>
-            <BooleanSetting path=":pleroma.:media_proxy.:proxy_opts.:redirect_on_failure" />
-          </li>
           <li>
             <GroupSetting path=":pleroma.:media_proxy.:proxy_opts" />
           </li>
diff --git a/src/components/settings_modal/helpers/string_setting.vue b/src/components/settings_modal/helpers/string_setting.vue
index 0c6e356c4..8fba8b499 100644
--- a/src/components/settings_modal/helpers/string_setting.vue
+++ b/src/components/settings_modal/helpers/string_setting.vue
@@ -23,6 +23,7 @@
       class="input string-input"
       :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions"
       :value="realDraftMode ? draft : state"
       @change="update"
     >
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 7eca3ed16..d00d9ece0 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -41,6 +41,12 @@
       padding: 0 2em;
     }
 
+    .btn-group {
+      .button-default {
+        flex: 0 1 auto;
+      }
+    }
+
     li {
       display: block;
       margin: 0.75em 0;

From cae19d8a9a4a406cd4f5355a4f12d6a393d1e9ea Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 3 Dec 2025 20:28:39 +0200
Subject: [PATCH 330/424] fix links tab, boost description font size

---
 src/components/settings_modal/admin_tabs/links_tab.vue  | 3 ++-
 src/components/settings_modal/helpers/choice_setting.js | 7 +++++++
 src/components/settings_modal/settings_modal.scss       | 2 +-
 src/i18n/en.json                                        | 1 +
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index 5e4598c08..695d97bfb 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -101,8 +101,9 @@
         </li>
         <li>
           <ChoiceSetting
-            :options="validateTLDOptions"
             :path="[':pleroma', 'Pleroma.Formatter', ':validate_tld']"
+            :options="validateTLDOptions"
+            override-options
           />
         </li>
         <li>
diff --git a/src/components/settings_modal/helpers/choice_setting.js b/src/components/settings_modal/helpers/choice_setting.js
index ed54e67be..10e043082 100644
--- a/src/components/settings_modal/helpers/choice_setting.js
+++ b/src/components/settings_modal/helpers/choice_setting.js
@@ -9,6 +9,10 @@ export default {
   },
   props: {
     ...Setting.props,
+    overrideOptions: {
+      type: Boolean,
+      required: false
+    },
     options: {
       type: Array,
       required: false
@@ -22,6 +26,9 @@ export default {
   computed: {
     ...Setting.computed,
     realOptions () {
+      if (this.overrideOptions) {
+        return this.options
+      }
       if (this.realSource === 'admin') {
         if (
           !this.backendDescriptionSuggestions?.length ||
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index d00d9ece0..30276c459 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -76,7 +76,7 @@
   .setting-description {
     margin-top: 0.2em;
     margin-bottom: 0;
-    font-size: 70%;
+    font-size: 80%;
   }
 
   .settings-modal-panel {
diff --git a/src/i18n/en.json b/src/i18n/en.json
index d21d32cd7..83f9e13d5 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1194,6 +1194,7 @@
       }
     },
     "links": {
+      "no_scheme": "No scheme",
       "link_previews": "Link previews",
       "link_formatter": "Link formatter"
     },

From 5042db43abd247971ea69c01c47b0da2cc574964 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 3 Dec 2025 20:40:49 +0200
Subject: [PATCH 331/424] add more :instance stuff to attachments tab

---
 .../settings_modal/admin_tabs/uploads_tab.vue   | 17 ++++++++++++++++-
 src/i18n/en.json                                |  3 ++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.vue b/src/components/settings_modal/admin_tabs/uploads_tab.vue
index 4f22ff5f7..33cdd7cf2 100644
--- a/src/components/settings_modal/admin_tabs/uploads_tab.vue
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.vue
@@ -1,7 +1,7 @@
 <template>
   <div :label="$t('admin_dash.tabs.uploads')">
     <div class="setting-item">
-      <h3>{{ $t('admin_dash.uploads.general') }}</h3>
+      <h3>{{ $t('admin_dash.uploads.upload') }}</h3>
       <ul class="setting-list">
         <li>
           <ChoiceSetting
@@ -59,6 +59,21 @@
           </ul>
         </li>
       </ul>
+      <h3>{{ $t('admin_dash.uploads.attachments') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting
+            path=":pleroma.:instance.:attachment_links"
+            :options="uploaders"
+          />
+        </li>
+        <li>
+          <BooleanSetting
+            path=":pleroma.:instance.:cleanup_attachments"
+            :options="uploaders"
+          />
+        </li>
+      </ul>
       <!-- TODO confirm with backend on how filters work -->
       <h3>{{ $t('admin_dash.uploads.filenames') }}</h3>
       <ul class="setting-list">
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 83f9e13d5..1eaa47975 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1199,7 +1199,8 @@
       "link_formatter": "Link formatter"
     },
     "uploads": {
-      "general": "General settings",
+      "attachments": "Attachments settings",
+      "upload": "Upload",
       "filenames": "Filenames, Titles and Descriptions",
       "uploader_settings": "Uploader settings"
     },

From 0a9a3648d650ee3745f0237f60bcd70f95c51d77 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 3 Dec 2025 21:54:11 +0200
Subject: [PATCH 332/424] registrations tab update

---
 .../admin_tabs/instance_tab.vue               |  3 ++
 .../settings_modal/admin_tabs/links_tab.vue   |  7 ++++
 .../admin_tabs/registrations_tab.js           |  6 +++-
 .../admin_tabs/registrations_tab.vue          | 36 +++++++++++++++++--
 src/i18n/en.json                              |  5 ++-
 5 files changed, 53 insertions(+), 4 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index a46686029..9c605c19b 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -13,6 +13,9 @@
             path=":pleroma.:instance.:favicon"
           />
         </li>
+        <li>
+          <StringSetting path=":pleroma.:instance.:contact_username" />
+        </li>
         <li>
           <StringSetting path=":pleroma.:instance.:email" />
         </li>
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index 695d97bfb..c9097493a 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -127,6 +127,13 @@
             </li>
           </div>
         </li>
+        <li>
+          <!-- CONFIRM backend what's difference between here and :extra -->
+          <ListSetting
+            ignore-suggestions
+            path=":pleroma.:uri_schemes.:valid_schemes"
+          />
+        </li>
       </ul>
     </div>
   </div>
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.js b/src/components/settings_modal/admin_tabs/registrations_tab.js
index 89a45f5da..3ce6c8044 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.js
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.js
@@ -2,8 +2,10 @@ import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
@@ -19,8 +21,10 @@ const RegistrationsTab = {
     ChoiceSetting,
     IntegerSetting,
     StringSetting,
+    TupleSetting,
     AttachmentSetting,
-    GroupSetting
+    GroupSetting,
+    ListSetting
   },
   computed: {
     ...SharedComputedObject()
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
index cef859ea3..5ccd68ea9 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.vue
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -67,6 +67,19 @@
           </ul>
         </li>
       </ul>
+      <h3>{{ $t('admin_dash.registrations.autofollow') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ListSetting
+            path=":pleroma.:instance.:autofollowed_nicknames"
+          />
+        </li>
+        <li>
+          <ListSetting
+            path=":pleroma.:instance.:autofollowing_nicknames"
+          />
+        </li>
+      </ul>
       <h3>{{ $t('admin_dash.registrations.welcome.title') }}</h3>
       <ul class="setting-list">
         <p>{{ $t('admin_dash.registrations.welcome.description') }}</p>
@@ -91,6 +104,7 @@
                   />
                 </li>
               </ul>
+              <GroupSetting path=":pleroma.:welcome.:direct_message" />
             </li>
           </ul>
         </li>
@@ -104,6 +118,7 @@
               <ul class="setting-list suboptions">
                 <li>
                   <StringSetting
+                    tuple
                     path=":pleroma.:welcome.:chat_message.:sender_nickname"
                     parent-path=":pleroma.:welcome.:chat_message.:enabled"
                   />
@@ -115,11 +130,12 @@
                   />
                 </li>
               </ul>
+              <GroupSetting path=":pleroma.:welcome.:chat_message" />
             </li>
           </ul>
         </li>
         <li>
-          <h4>{{ $t('admin_dash.registrations.welcome.email') }}</h4>
+          <h4>{{ $t('admin_dash.registrations.welcome.email_message') }}</h4>
           <ul class="setting-list">
             <li>
               <BooleanSetting
@@ -127,7 +143,7 @@
               />
               <ul class="setting-list suboptions">
                 <li>
-                  <StringSetting
+                  <TupleSetting
                     path=":pleroma.:welcome.:email.:sender"
                     parent-path=":pleroma.:welcome.:email.:enabled"
                   />
@@ -145,10 +161,26 @@
                   />
                 </li>
               </ul>
+              <GroupSetting path=":pleroma.:welcome.:email" />
             </li>
           </ul>
         </li>
       </ul>
+      <h3>{{ $t('admin_dash.registrations.restrictions') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ListSetting
+            ignore-suggestions
+            :path="[':pleroma', 'Pleroma.User', ':restricted_nicknames']"
+          />
+        </li>
+        <li>
+          <ListSetting
+            ignore-suggestions
+            :path="[':pleroma', 'Pleroma.User', ':email_blacklist']"
+          />
+        </li>
+      </ul>
     </div>
   </div>
 </template>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 1eaa47975..8001cabc2 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1176,6 +1176,7 @@
       "captcha_header": "CAPTCHA",
       "kocaptcha": "KoCaptcha settings",
       "access": "Instance access",
+      "rich_metadata": "Metadata",
       "restrict": {
         "header": "Restrict access for anonymous visitors",
         "description": "Detailed setting for allowing/disallowing access to certain aspects of API. By default (indeterminate state) it will disallow if instance is not public, ticked checkbox means disallow access even if instance is public, unticked means allow access even if instance is private. Please note that unexpected behavior might happen if some settings are set, i.e. if profile access is disabled posts will show without profile information.",
@@ -1191,7 +1192,9 @@
         "direct_message": "Via direct message",
         "chat_message": "Via chat",
         "email_message": "Via email"
-      }
+      },
+      "restrictions": "Restrictions",
+      "autofollow": "Autofollow"
     },
     "links": {
       "no_scheme": "No scheme",

From cdbf3f42b81f1014262ecdccdb46c586be258d6d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 3 Dec 2025 23:05:46 +0200
Subject: [PATCH 333/424] part of job queues tab done

---
 .../admin_tabs/job_queues_tab.js              | 34 ++++++++
 .../admin_tabs/job_queues_tab.vue             | 78 +++++++++++++++++++
 .../settings_modal/admin_tabs/uploads_tab.vue |  2 +-
 .../settings_modal/helpers/list_setting.js    |  2 +-
 .../settings_modal/helpers/number_setting.vue |  1 +
 .../settings_modal/helpers/setting.js         | 10 ++-
 .../settings_modal/helpers/tuple_setting.js   | 16 ++++
 .../settings_modal/helpers/tuple_setting.vue  | 57 ++++++++++++++
 .../settings_modal_admin_content.js           | 14 ++--
 .../settings_modal_admin_content.vue          |  8 ++
 src/i18n/en.json                              | 19 ++++-
 11 files changed, 232 insertions(+), 9 deletions(-)
 create mode 100644 src/components/settings_modal/admin_tabs/job_queues_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/job_queues_tab.vue
 create mode 100644 src/components/settings_modal/helpers/tuple_setting.js
 create mode 100644 src/components/settings_modal/helpers/tuple_setting.vue

diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.js b/src/components/settings_modal/admin_tabs/job_queues_tab.js
new file mode 100644
index 000000000..b0f583c55
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.js
@@ -0,0 +1,34 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const JobQueuesTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    TupleSetting,
+    AttachmentSetting,
+    GroupSetting,
+    ListSetting
+  },
+  computed: {
+    ...SharedComputedObject()
+  }
+}
+
+export default JobQueuesTab
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.vue b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
new file mode 100644
index 000000000..68ac91984
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
@@ -0,0 +1,78 @@
+<template>
+  <div :label="$t('admin_dash.tabs.job_queues')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.job_queues.Oban') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ChoiceSetting path=":pleroma.Oban.:log" />
+          <h4>{{ $t('admin_dash.job_queues.queues') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting
+                suggestions="50"
+                path=":pleroma.Oban.:queues.:federator_incoming"
+              />
+            </li>
+            <li>
+              <IntegerSetting
+                suggestions="50"
+								path=":pleroma.Oban.:queues.:federator_outgoing"
+							/>
+            </li>
+            <li>
+              <IntegerSetting
+                suggestions="5"
+								path=":pleroma.Oban.:queues.:attachments_cleanup"
+							/>
+            </li>
+            <li>
+              <IntegerSetting
+                suggestions="10"
+								path=":pleroma.Oban.:queues.:mailer"
+							/>
+            </li>
+            <li>
+              <IntegerSetting
+                suggestions="10"
+								path=":pleroma.Oban.:queues.:activity_expiration"
+							/>
+            </li>
+            <li>
+              <IntegerSetting
+                suggestions="10"
+								path=":pleroma.Oban.:queues.:scheduled_activities"
+							/>
+            </li>
+            <li>
+              <IntegerSetting
+                suggestions="20"
+								path=":pleroma.Oban.:queues.:transmogrifier"
+							/>
+            </li>
+            <li>
+              <IntegerSetting
+                suggestions="50"
+								path=":pleroma.Oban.:queues.:web_push"
+							/>
+            </li>
+            <!-- CONFIRM what is this queue -->
+            <li>
+              <IntegerSetting
+								path=":pleroma.Oban.:queues.:slow"
+							/>
+            </li>
+            <!-- CONFIRM what is this queue -->
+            <li>
+              <IntegerSetting
+								path=":pleroma.Oban.:queues.:background"
+							/>
+            </li>
+          </ul>
+          <GroupSetting path=":pleroma.Oban.queues" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./job_queues_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.vue b/src/components/settings_modal/admin_tabs/uploads_tab.vue
index 33cdd7cf2..1c3c9349f 100644
--- a/src/components/settings_modal/admin_tabs/uploads_tab.vue
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.vue
@@ -74,7 +74,7 @@
           />
         </li>
       </ul>
-      <!-- TODO confirm with backend on how filters work -->
+      <!-- CONFIRM how filters work -->
       <h3>{{ $t('admin_dash.uploads.filenames') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/helpers/list_setting.js b/src/components/settings_modal/helpers/list_setting.js
index 3ce7e5bef..78f78709a 100644
--- a/src/components/settings_modal/helpers/list_setting.js
+++ b/src/components/settings_modal/helpers/list_setting.js
@@ -44,7 +44,7 @@ export default {
     extraEntries () {
       if (this.ignoreSuggestions) return [...this.valueSet.values()]
       return [...this.valueSet.values()].filter((x) => {
-        return !this.suggestions.has(x)
+        return !this.suggestions?.has(x)
       })
     },
     builtinEntries () {
diff --git a/src/components/settings_modal/helpers/number_setting.vue b/src/components/settings_modal/helpers/number_setting.vue
index 7e301d613..e86b3fb08 100644
--- a/src/components/settings_modal/helpers/number_setting.vue
+++ b/src/components/settings_modal/helpers/number_setting.vue
@@ -24,6 +24,7 @@
       type="number"
       :step="step || 1"
       :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions"
       :min="min || 0"
       :value="realDraftMode ? draft :state"
       @change="update"
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index a6419a03e..a62b500d5 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -18,6 +18,10 @@ export default {
       type: [String, Array],
       required: false
     },
+    suggestions: {
+      type: [String, Array],
+      required: false
+    },
     subgroup: {
       type: String,
       required: false
@@ -53,6 +57,9 @@ export default {
     swapDescriptionAndLabel: {
       type: Boolean
     },
+    backendDescriptionPath: {
+      type: [String, Array]
+    },
     overrideBackendDescription: {
       type: Boolean
     },
@@ -158,7 +165,7 @@ export default {
       }
     },
     backendDescriptionSuggestions () {
-      return this.backendDescription?.suggestions
+      return this.backendDescription?.suggestions || this.suggestions
     },
     shouldBeDisabled () {
       if (this.path == null) {
@@ -228,6 +235,7 @@ export default {
     },
     descriptionPath () {
       if (this.path == null) return null
+      if (this.backendDescriptionPath) return this.backendDescriptionPath
       const path = Array.isArray(this.path) ? this.path : this.path.split('.')
       if (this.subgroup) {
         return [
diff --git a/src/components/settings_modal/helpers/tuple_setting.js b/src/components/settings_modal/helpers/tuple_setting.js
new file mode 100644
index 000000000..5815cc580
--- /dev/null
+++ b/src/components/settings_modal/helpers/tuple_setting.js
@@ -0,0 +1,16 @@
+import Setting from './setting.js'
+
+export default {
+  ...Setting,
+  methods: {
+    ...Setting.methods,
+    getValue ({ e, side }) {
+      const [a, b] = this.visibleState || []
+      if (side === 0) {
+        return [e.target.value, b]
+      } else {
+        return [a, e.target.value]
+      }
+    }
+  }
+}
diff --git a/src/components/settings_modal/helpers/tuple_setting.vue b/src/components/settings_modal/helpers/tuple_setting.vue
new file mode 100644
index 000000000..414530f22
--- /dev/null
+++ b/src/components/settings_modal/helpers/tuple_setting.vue
@@ -0,0 +1,57 @@
+<template>
+  <label
+    v-if="matchesExpertLevel"
+    class="TupleSetting"
+  >
+    <label
+      v-if="!hideLabel"
+      :for="path"
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    {{ ' ' }}
+    <input
+      :id="path"
+      class="input string-input"
+      :class="{ disabled: shouldBeDisabled }"
+      :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions?.[0]?.[0]"
+      :value="visibleState?.[0]"
+      @change="e => update({ e, side: 0 })"
+    >
+    {{ ' ' }}
+    <input
+      :id="path"
+      class="input string-input"
+      :class="{ disabled: shouldBeDisabled }"
+      :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
+      :value="visibleState?.[1]"
+      @change="e => update({ e, side: 1 })"
+    >
+    {{ ' ' }}
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <DraftButtons v-if="!hideDraftButtons" />
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+  </label>
+</template>
+
+<script src="./tuple_setting.js"></script>
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 4d89aefad..f07fce6ac 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -10,6 +10,7 @@ import UploadsTab from './admin_tabs/uploads_tab.vue'
 import MailerTab from './admin_tabs/mailer_tab.vue'
 import MonitoringTab from './admin_tabs/monitoring_tab.vue'
 import RegistrationsTab from './admin_tabs/registrations_tab.vue'
+import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
 import { useInterfaceStore } from 'src/stores/interface'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -22,6 +23,7 @@ import {
   faEnvelope,
   faChartLine,
   faDoorOpen,
+  faGears,
   faUpload
 } from '@fortawesome/free-solid-svg-icons'
 
@@ -34,6 +36,7 @@ library.add(
   faEnvelope,
   faChartLine,
   faDoorOpen,
+  faGears,
   faUpload
 )
 
@@ -42,15 +45,16 @@ const SettingsModalAdminContent = {
     VerticalTabSwitcher,
 
     InstanceTab,
-    LimitsTab,
-    FrontendsTab,
-    MediaProxyTab,
-    MailerTab,
+    RegistrationsTab,
     EmojiTab,
+    FrontendsTab,
+    LimitsTab,
+    MailerTab,
     UploadsTab,
+    MediaProxyTab,
     LinksTab,
+    JobQueuesTab,
     MonitoringTab,
-    RegistrationsTab
   },
   computed: {
     user () {
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 572cc3a2c..681633067 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -114,6 +114,14 @@
       <LinksTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.job_queues')"
+      icon="gears"
+      data-tab-name="job_queues"
+    >
+      <JobQueuesTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.monitoring')"
       icon="chart-line"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 8001cabc2..d7d6840ca 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1158,7 +1158,12 @@
       "uploads": "Uploads",
       "monitoring": "Monitoring",
       "registrations": "Registrations",
-      "links": "Links"
+      "links": "Links",
+      "job_queues": "Job Queues"
+    },
+    "job_queues": {
+      "Oban": "Oban queues",
+      "queues": "Queues"
     },
     "nodb": {
       "heading": "Database config is disabled",
@@ -1305,6 +1310,18 @@
     },
     "temp_overrides": {
       ":pleroma": {
+        "Oban": {
+          ":queues": {
+            ":scheduled_activites": {
+              "label": "Scheduled activities",
+              "description": "Scheduled activites queue"
+            },
+            ":slow": {
+              "label": "Slow",
+              "description": "idk"
+            }
+          }
+        },
         "Pleroma_DOT_Formatter": {
           ":attribute_toggle": {
             "label": "Set {attr} attribute"

From 56a6a251124b9b6fc0f15f88fdf34d2346739c1e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 4 Dec 2025 14:37:25 +0200
Subject: [PATCH 334/424] Queues tab done

---
 .../admin_tabs/job_queues_tab.vue             | 199 ++++++++++++++----
 src/i18n/en.json                              |  35 +++
 2 files changed, 195 insertions(+), 39 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.vue b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
index 68ac91984..f156a6fa5 100644
--- a/src/components/settings_modal/admin_tabs/job_queues_tab.vue
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
@@ -8,67 +8,188 @@
           <h4>{{ $t('admin_dash.job_queues.queues') }}</h4>
           <ul class="setting-list">
             <li>
-              <IntegerSetting
-                suggestions="50"
-                path=":pleroma.Oban.:queues.:federator_incoming"
-              />
+              <IntegerSetting path=":pleroma.Oban.:queues.:federator_incoming" />
             </li>
             <li>
-              <IntegerSetting
-                suggestions="50"
-								path=":pleroma.Oban.:queues.:federator_outgoing"
-							/>
+              <IntegerSetting path=":pleroma.Oban.:queues.:federator_outgoing" />
             </li>
             <li>
-              <IntegerSetting
-                suggestions="5"
-								path=":pleroma.Oban.:queues.:attachments_cleanup"
-							/>
+              <IntegerSetting path=":pleroma.Oban.:queues.:attachments_cleanup" />
             </li>
             <li>
-              <IntegerSetting
-                suggestions="10"
-								path=":pleroma.Oban.:queues.:mailer"
-							/>
+              <IntegerSetting path=":pleroma.Oban.:queues.:mailer" />
             </li>
             <li>
-              <IntegerSetting
-                suggestions="10"
-								path=":pleroma.Oban.:queues.:activity_expiration"
-							/>
+              <IntegerSetting path=":pleroma.Oban.:queues.:activity_expiration" />
             </li>
             <li>
-              <IntegerSetting
-                suggestions="10"
-								path=":pleroma.Oban.:queues.:scheduled_activities"
-							/>
+              <IntegerSetting path=":pleroma.Oban.:queues.:scheduled_activities" />
             </li>
             <li>
-              <IntegerSetting
-                suggestions="20"
-								path=":pleroma.Oban.:queues.:transmogrifier"
-							/>
+              <IntegerSetting path=":pleroma.Oban.:queues.:transmogrifier" />
             </li>
             <li>
-              <IntegerSetting
-                suggestions="50"
-								path=":pleroma.Oban.:queues.:web_push"
-							/>
+              <IntegerSetting path=":pleroma.Oban.:queues.:web_push" />
             </li>
             <!-- CONFIRM what is this queue -->
             <li>
-              <IntegerSetting
-								path=":pleroma.Oban.:queues.:slow"
-							/>
+              <IntegerSetting path=":pleroma.Oban.:queues.:slow" />
             </li>
             <!-- CONFIRM what is this queue -->
             <li>
-              <IntegerSetting
-								path=":pleroma.Oban.:queues.:background"
-							/>
+              <IntegerSetting path=":pleroma.Oban.:queues.:background" />
             </li>
           </ul>
-          <GroupSetting path=":pleroma.Oban.queues" />
+          <GroupSetting path=":pleroma.Oban.:queues" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.job_queues.Gun.title') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('admin_dash.job_queues.Gun.connections_pools') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting path=":pleroma.:connections_pool.:connect_timeout" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:connections_pool.:connection_acquisition_retries" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:connections_pool.:connection_acquisition_wait" />
+            </li>
+            <li>
+              <!-- CONFIRM what is this -->
+              <IntegerSetting path=":pleroma.:connections_pool.:retry" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:connections_pool.:max_connections" />
+            </li>
+            <li>
+              <!-- CONFIRM what is this -->
+              <IntegerSetting path=":pleroma.:connections_pool.:max_idle_time" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:connections_pool.:reclaim_multiplier" />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.job_queues.Gun.pools.title') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <h5>{{ $t('admin_dash.job_queues.Gun.pools.default') }}</h5>
+              <ul class="setting-list suboptions">
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:default.:size" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:default.:max_waiting" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:default.:recv_timeout" />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:pools.:default" />
+            </li>
+            <li>
+              <h5>{{ $t('admin_dash.job_queues.Gun.pools.federation') }}</h5>
+              <ul class="setting-list suboptions">
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:federation.:size" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:federation.:max_waiting" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:federation.:recv_timeout" />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:pools.:federation" />
+            </li>
+            <li>
+              <!-- CONFIRM what is this? -->
+              <h5>{{ $t('admin_dash.job_queues.Gun.pools.rich_media') }}</h5>
+              <ul class="setting-list suboptions">
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:rich_media.:size" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:rich_media.:max_waiting" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:rich_media.:recv_timeout" />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:pools.:rich_media" />
+            </li>
+            <li>
+              <h5>{{ $t('admin_dash.job_queues.Gun.pools.media') }}</h5>
+              <ul class="setting-list suboptions">
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:media.:size" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:media.:max_waiting" />
+                </li>
+                <li>
+                  <IntegerSetting path=":pleroma.:pools.:media.:recv_timeout" />
+                </li>
+              </ul>
+              <GroupSetting path=":pleroma.:pools.:media" />
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.job_queues.Hackney.title') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('admin_dash.job_queues.Hackney.federation') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:federation.:max_connections" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:federation.:timeout" />
+            </li>
+          </ul>
+          <GroupSetting path=":pleroma.:hackney_pools.:federation" />
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.job_queues.Hackney.media') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:media.:max_connections" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:media.:timeout" />
+            </li>
+          </ul>
+          <GroupSetting path=":pleroma.:hackney_pools.:media" />
+        </li>
+        <li>
+          <!-- CONFIRM what is this -->
+          <h4>{{ $t('admin_dash.job_queues.Hackney.rich_media') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:rich_media.:max_connections" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:rich_media.:timeout" />
+            </li>
+          </ul>
+          <GroupSetting path=":pleroma.:hackney_pools.:rich_media" />
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.job_queues.Hackney.upload') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:upload.:max_connections" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:hackney_pools.:upload.:timeout" />
+            </li>
+          </ul>
+          <GroupSetting path=":pleroma.:hackney_pools.:upload" />
         </li>
       </ul>
     </div>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index d7d6840ca..adfcb8689 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1163,6 +1163,25 @@
     },
     "job_queues": {
       "Oban": "Oban queues",
+      "Gun": {
+        "title": "Gun queues",
+        "connections_pools": "Gun connections pool",
+        "pools": {
+          "title": "Gun worker pools",
+          "default": "Default pool",
+          "federation": "Federation pool",
+          "media": "Media pool",
+          "rich_media": "Rich media pool",
+          "upload": "Upload pool"
+        }
+      },
+      "Hackney": {
+        "title": "Hackney pools",
+        "federation": "Federation",
+        "media": "Media",
+        "rich_media": "Rich media",
+        "upload": "Upload"
+      },
       "queues": "Queues"
     },
     "nodb": {
@@ -1322,6 +1341,22 @@
             }
           }
         },
+        ":connections_pool": {
+          ":max_idle_time": {
+            "label": "Maximum idle time",
+            "description": "idk"
+          },
+          ":retry": {
+            "label": "Retry",
+            "description": "idk"
+          }
+        },
+        ":pools": {
+          ":rich_media": {
+            "label": "Rich media",
+            "description": "idk"
+          }
+        },
         "Pleroma_DOT_Formatter": {
           ":attribute_toggle": {
             "label": "Set {attr} attribute"

From 3fca18e248a3623410feeb4da7b11500a1934f85 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 4 Dec 2025 15:24:07 +0200
Subject: [PATCH 335/424] hide list add string if not in expert mode

---
 .../admin_tabs/media_proxy_tab.vue            |  6 ++-
 .../settings_modal/helpers/list_setting.js    | 37 ++++++++++++++-----
 .../settings_modal/helpers/list_setting.vue   |  2 +-
 .../settings_modal/helpers/setting.js         |  2 -
 4 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
index ecc075fb0..b36269d8b 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
@@ -16,7 +16,10 @@
               <BooleanSetting path=":pleroma.:media_proxy.:proxy_opts.:redirect_on_failure" />
             </li>
             <li>
-              <ListSetting path=":pleroma.:media_proxy.:whitelist" />
+              <ListSetting
+                ignore-suggestions
+                path=":pleroma.:media_proxy.:whitelist"
+              />
             </li>
           </ul>
         </li>
@@ -44,6 +47,7 @@
                   </li>
                   <li>
                     <ListSetting
+                      ignore-suggestions
                       :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http', ':headers']"
                       parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
                     />
diff --git a/src/components/settings_modal/helpers/list_setting.js b/src/components/settings_modal/helpers/list_setting.js
index 78f78709a..38783b213 100644
--- a/src/components/settings_modal/helpers/list_setting.js
+++ b/src/components/settings_modal/helpers/list_setting.js
@@ -24,27 +24,46 @@ export default {
     },
     allowNew: {
       required: false,
-      type: Set,
+      type: Boolean,
       default: true
+    },
+    forceNew: {
+      required: false,
+      type: Boolean,
+      default: false
     }
   },
   computed: {
     ...Setting.computed,
+    showNew () {
+      if (this.forceNew) return true
+      if (!this.allowNew) return false
+
+      const isExpert = this.$store.state.config.expertLevel > 0
+      const hasBuiltins = this.builtinEntries.length > 0
+
+      if (hasBuiltins) {
+        return isExpert
+      } else {
+        return true
+      }
+    },
     valueSet () {
       return new Set(this.visibleState)
     },
-    suggestions () {
-      const suggestions = this.backendDescription?.suggestions
+    suggestionsSet () {
+      const suggestions = this.backendDescriptionSuggestions
       if (suggestions) {
-        return new Set(this.backendDescription.suggestions)
+        return new Set(suggestions)
       } else {
         return new Set()
       }
     },
     extraEntries () {
       if (this.ignoreSuggestions) return [...this.valueSet.values()]
+      if (!this.suggestionsSet) return []
       return [...this.valueSet.values()].filter((x) => {
-        return !this.suggestions?.has(x)
+        return !this.suggestionsSet?.has(x)
       })
     },
     builtinEntries () {
@@ -52,14 +71,12 @@ export default {
       if (this.overrideAvailableOptions) {
         return [...this.overrideAvailableOptions]
       }
+      if (!this.suggestionsSet) return []
 
-      const builtins = [...this.valueSet.values()].filter((x) => {
-        return this.suggestions.has(x)
-      })
-
+      const builtins = [...this.suggestionsSet.values()]
       return builtins.map((option) => ({
         label: option,
-        value: option
+        value: this.valueSet.has(option)
       }))
     }
   },
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
index 364766e63..a6dcae6f2 100644
--- a/src/components/settings_modal/helpers/list_setting.vue
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -48,7 +48,7 @@
           </button>
         </div>
       </li>
-      <li v-if="allowNew">
+      <li v-if="showNew">
         <div class="btn-group">
           <input
             class="input string-input"
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index a62b500d5..f6415cc21 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -235,7 +235,6 @@ export default {
     },
     descriptionPath () {
       if (this.path == null) return null
-      if (this.backendDescriptionPath) return this.backendDescriptionPath
       const path = Array.isArray(this.path) ? this.path : this.path.split('.')
       if (this.subgroup) {
         return [
@@ -279,7 +278,6 @@ export default {
       }
     },
     reset () {
-      console.log('RS', this.state, this.draft)
       if (this.realDraftMode) {
         this.draft = cloneDeep(this.state)
       } else {

From ac751320f4344432fe4c5eafa34fd838c0c3199e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 4 Dec 2025 17:20:11 +0200
Subject: [PATCH 336/424] Auth tab done

---
 .../settings_modal/admin_tabs/auth_tab.js     |  39 +++++++
 .../settings_modal/admin_tabs/auth_tab.vue    |  70 +++++++++++
 .../settings_modal/helpers/list_setting.js    |   5 +-
 .../helpers/list_tuple_setting.js             |  44 +++++++
 .../helpers/list_tuple_setting.vue            | 109 ++++++++++++++++++
 .../settings_modal/settings_modal.scss        |   5 +
 .../settings_modal_admin_content.js           |   4 +
 .../settings_modal_admin_content.vue          |   8 ++
 src/i18n/en.json                              |   7 +-
 9 files changed, 289 insertions(+), 2 deletions(-)
 create mode 100644 src/components/settings_modal/admin_tabs/auth_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/auth_tab.vue
 create mode 100644 src/components/settings_modal/helpers/list_tuple_setting.js
 create mode 100644 src/components/settings_modal/helpers/list_tuple_setting.vue

diff --git a/src/components/settings_modal/admin_tabs/auth_tab.js b/src/components/settings_modal/admin_tabs/auth_tab.js
new file mode 100644
index 000000000..0e0c082e8
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/auth_tab.js
@@ -0,0 +1,39 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import ListTupleSetting from '../helpers/list_tuple_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const AuthTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    TupleSetting,
+    AttachmentSetting,
+    GroupSetting,
+    ListSetting,
+    ListTupleSetting
+  },
+  computed: {
+    ...SharedComputedObject(),
+    LDAPEnabled () {
+      return this.$store.state.adminSettings.draft[':pleroma'][':ldap'][':enabled']
+    },
+  }
+}
+
+export default AuthTab
diff --git a/src/components/settings_modal/admin_tabs/auth_tab.vue b/src/components/settings_modal/admin_tabs/auth_tab.vue
new file mode 100644
index 000000000..9b128a320
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/auth_tab.vue
@@ -0,0 +1,70 @@
+<template>
+  <div :label="$t('admin_dash.tabs.job_queues')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.auth.OAuth') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <StringSetting path=":pleroma.:auth.:auth_template" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:auth.:enforce_oauth_admin_scope_usage" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:auth.:oauth_consumer_template" />
+        </li>
+        <li>
+          <ListSetting path=":pleroma.:auth.:oauth_consumer_strategies" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:oauth2.:token_expires_in" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:oauth2.:issue_new_refresh_token" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:oauth2.:clean_expired_tokens" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.auth.LDAP') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:ldap.:enabled" />
+        </li>
+        <template v-if="LDAPEnabled">
+          <li>
+            <StringSetting path=":pleroma.:ldap.:host" />
+          </li>
+          <li>
+            <IntegerSetting path=":pleroma.:ldap.:port" />
+          </li>
+          <li>
+            <BooleanSetting path=":pleroma.:ldap.:tls" />
+          </li>
+          <li>
+            <ListTupleSetting tuple path=":pleroma.:ldap.:tlsopts" />
+          </li>
+          <li>
+            <BooleanSetting path=":pleroma.:ldap.:ssl" />
+          </li>
+          <li>
+            <ListTupleSetting tuple path=":pleroma.:ldap.:sslopts" />
+          </li>
+          <li>
+            <StringSetting path=":pleroma.:ldap.:base" />
+          </li>
+          <li>
+            <StringSetting path=":pleroma.:ldap.:uid" />
+          </li>
+          <li>
+            <StringSetting path=":pleroma.:ldap.:cacertfile" />
+          </li>
+          <li>
+            <StringSetting path=":pleroma.:ldap.:mail" />
+          </li>
+        </template>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./auth_tab.js"></script>
diff --git a/src/components/settings_modal/helpers/list_setting.js b/src/components/settings_modal/helpers/list_setting.js
index 38783b213..c679f3dfa 100644
--- a/src/components/settings_modal/helpers/list_setting.js
+++ b/src/components/settings_modal/helpers/list_setting.js
@@ -53,6 +53,7 @@ export default {
     },
     suggestionsSet () {
       const suggestions = this.backendDescriptionSuggestions
+      console.log(suggestions)
       if (suggestions) {
         return new Set(suggestions)
       } else {
@@ -93,6 +94,7 @@ export default {
         }
 
         case 'add': {
+          if (!this.newValue) return this.visibleState
           const res = [...this.visibleState, this.newValue]
           this.newValue = ''
           return res
@@ -108,7 +110,8 @@ export default {
         case 'edit': {
           const pre = this.visibleState.slice(0, index)
           const post = this.visibleState.slice(index + 1)
-          const string = event?.target?.value
+          const string = event.target.value
+          if (!string) return this.visibleState
 
           return [...pre, string, ...post]
         }
diff --git a/src/components/settings_modal/helpers/list_tuple_setting.js b/src/components/settings_modal/helpers/list_tuple_setting.js
new file mode 100644
index 000000000..2cbd93788
--- /dev/null
+++ b/src/components/settings_modal/helpers/list_tuple_setting.js
@@ -0,0 +1,44 @@
+import ListSetting from './list_setting.js'
+
+export default {
+  ...ListSetting,
+  data () {
+    return {
+      newValue: ['','']
+    }
+  },
+  methods: {
+    ...ListSetting.methods,
+    getValue ({ event, index, eventType, tuple }) {
+      switch (eventType) {
+        case 'add': {
+          if (!this.newValue[0] || !this.newValue[1]) return this.visibleState
+          const res = [...this.visibleState, this.newValue]
+          this.newValue = ['', '']
+          return res
+        }
+
+        case 'remove': {
+          const pre = this.visibleState.slice(0, index)
+          const post = this.visibleState.slice(index + 1)
+
+          return [...pre, ...post]
+        }
+
+        case 'edit': {
+          const pre = this.visibleState.slice(0, index)
+          const post = this.visibleState.slice(index + 1)
+          const item = this.visibleState[index]
+          const string = event.target.value
+          if (!string) return this.visibleState
+
+          if (tuple === 0) {
+            return [...pre, [string, item[1]], ...post]
+          } else {
+            return [...pre, [item[0], string], ...post]
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/src/components/settings_modal/helpers/list_tuple_setting.vue b/src/components/settings_modal/helpers/list_tuple_setting.vue
new file mode 100644
index 000000000..a41fb09b0
--- /dev/null
+++ b/src/components/settings_modal/helpers/list_tuple_setting.vue
@@ -0,0 +1,109 @@
+<template>
+  <div
+    v-if="matchesExpertLevel"
+    class="ListSetting"
+  >
+    <label
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+    <ul class="setting-list">
+      <li v-for="(item, index) in visibleState">
+        <div class="btn-group">
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :value="item[0]"
+            @change="e => update({ event: e, index, eventType: 'edit', tuple: 0 })"
+          >
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :value="item[1]"
+            @change="e => update({ event: e, index, eventType: 'edit', tuple: 1 })"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ index, eventType: 'remove' })"
+          >
+            <FAIcon icon="times" />
+          </button>
+        </div>
+      </li>
+      <li>
+        <div class="btn-group">
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :disabled="shouldBeDisabled"
+            :placeholder="backendDescriptionSuggestions[0][0]"
+            v-model="newValue[0]"
+          >
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :disabled="shouldBeDisabled"
+            :placeholder="backendDescriptionSuggestions[0][1]"
+            v-model="newValue[1]"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ eventType: 'add' })"
+          >
+            <FAIcon icon="plus" />
+          </button>
+        </div>
+      </li>
+    </ul>
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <DraftButtons />
+  </div>
+</template>
+
+<style lang="scss">
+.ListSetting {
+  .btn-group {
+    display: flex
+  }
+
+  dl {
+    display: inline-grid;
+    grid-template-columns: auto auto;
+    gap: 0.5em;
+
+    dt {
+      display: inline;
+      font-weight: 800;
+
+      &::after {
+        content: ':'
+      }
+    }
+
+    dd {
+      display: inline;
+      margin: 0
+    }
+  }
+}
+</style>
+<script src="./list_tuple_setting.js"></script>
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 30276c459..a9f560048 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -31,6 +31,11 @@
     margin-top: 0;
   }
 
+  p {
+    width: 40em;
+    line-height: 1.5;
+  }
+
   .setting-list,
   .option-list {
     list-style-type: none;
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index f07fce6ac..568733abc 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -10,6 +10,7 @@ import UploadsTab from './admin_tabs/uploads_tab.vue'
 import MailerTab from './admin_tabs/mailer_tab.vue'
 import MonitoringTab from './admin_tabs/monitoring_tab.vue'
 import RegistrationsTab from './admin_tabs/registrations_tab.vue'
+import AuthTab from './admin_tabs/auth_tab.vue'
 import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
 import { useInterfaceStore } from 'src/stores/interface'
 
@@ -24,6 +25,7 @@ import {
   faChartLine,
   faDoorOpen,
   faGears,
+  faKey,
   faUpload
 } from '@fortawesome/free-solid-svg-icons'
 
@@ -37,6 +39,7 @@ library.add(
   faChartLine,
   faDoorOpen,
   faGears,
+  faKey,
   faUpload
 )
 
@@ -54,6 +57,7 @@ const SettingsModalAdminContent = {
     MediaProxyTab,
     LinksTab,
     JobQueuesTab,
+    AuthTab,
     MonitoringTab,
   },
   computed: {
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 681633067..176e0167f 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -57,6 +57,14 @@
       <RegistrationsTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.auth')"
+      icon="key"
+      data-tab-name="monitoring"
+    >
+      <AuthTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.emoji')"
       icon="face-smile-beam"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index adfcb8689..82a3d508c 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1159,7 +1159,12 @@
       "monitoring": "Monitoring",
       "registrations": "Registrations",
       "links": "Links",
-      "job_queues": "Job Queues"
+      "job_queues": "Job Queues",
+      "auth": "Auth"
+    },
+    "auth": {
+      "LDAP": "LDAP Settings",
+      "OAuth": "Oauth2 settings"
     },
     "job_queues": {
       "Oban": "Oban queues",

From 48ba3892c39044384935d2cd054ed6668e8a6bcc Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 4 Dec 2025 17:39:57 +0200
Subject: [PATCH 337/424] additions to auth tab

---
 .../settings_modal/admin_tabs/auth_tab.vue    | 27 +++++++++++++++++++
 src/i18n/en.json                              |  4 ++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/admin_tabs/auth_tab.vue b/src/components/settings_modal/admin_tabs/auth_tab.vue
index 9b128a320..e953afaa6 100644
--- a/src/components/settings_modal/admin_tabs/auth_tab.vue
+++ b/src/components/settings_modal/admin_tabs/auth_tab.vue
@@ -1,6 +1,32 @@
 <template>
   <div :label="$t('admin_dash.tabs.job_queues')">
     <div class="setting-item">
+      <h3>{{ $t('admin_dash.auth.MFA') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <h4>{{ $t('admin_dash.auth.TOTP') }}</h4>
+          <ul class="setting-list suboptions">
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:totp.:digits" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:totp.:period" />
+            </li>
+          </ul>
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.auth.backup_codes') }}</h4>
+          <ul class="setting-list suboptions">
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:backup_codes.:number" />
+            </li>
+            <li>
+              <IntegerSetting path=":pleroma.:instance.:multi_factor_authentication.:backup_codes.:length" />
+            </li>
+          </ul>
+        </li>
+        <GroupSetting path=":pleroma.:instance.:multi_factor_authentication" />
+      </ul>
       <h3>{{ $t('admin_dash.auth.OAuth') }}</h3>
       <ul class="setting-list">
         <li>
@@ -64,6 +90,7 @@
         </template>
       </ul>
     </div>
+    <!-- CONFIRM admin token is present in AdminFE but missing in both data and descriptions?? -->
   </div>
 </template>
 
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 82a3d508c..5f4418cbb 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1164,7 +1164,9 @@
     },
     "auth": {
       "LDAP": "LDAP Settings",
-      "OAuth": "Oauth2 settings"
+      "OAuth": "Oauth2 settings",
+      "TOTP": "One-time Passwords (TOTP)",
+      "backup_codes": "Backup codes"
     },
     "job_queues": {
       "Oban": "Oban queues",

From b0bce1bf1876f1d6ed6eeed9bc8bc96e4a7892af Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sat, 6 Dec 2025 14:38:39 +0200
Subject: [PATCH 338/424] proper tuple support

---
 src/components/settings_modal/helpers/list_tuple_setting.vue | 4 ++--
 src/components/settings_modal/helpers/tuple_setting.js       | 4 ++--
 src/components/settings_modal/helpers/tuple_setting.vue      | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/settings_modal/helpers/list_tuple_setting.vue b/src/components/settings_modal/helpers/list_tuple_setting.vue
index a41fb09b0..3adba7ad8 100644
--- a/src/components/settings_modal/helpers/list_tuple_setting.vue
+++ b/src/components/settings_modal/helpers/list_tuple_setting.vue
@@ -28,13 +28,13 @@
           <input
             class="input string-input"
             :class="{ disabled: shouldBeDisabled }"
-            :value="item[0]"
+            :value="item.tuple[0]"
             @change="e => update({ event: e, index, eventType: 'edit', tuple: 0 })"
           >
           <input
             class="input string-input"
             :class="{ disabled: shouldBeDisabled }"
-            :value="item[1]"
+            :value="item.tuple[1]"
             @change="e => update({ event: e, index, eventType: 'edit', tuple: 1 })"
           >
           <button
diff --git a/src/components/settings_modal/helpers/tuple_setting.js b/src/components/settings_modal/helpers/tuple_setting.js
index 5815cc580..f6f4753c0 100644
--- a/src/components/settings_modal/helpers/tuple_setting.js
+++ b/src/components/settings_modal/helpers/tuple_setting.js
@@ -7,9 +7,9 @@ export default {
     getValue ({ e, side }) {
       const [a, b] = this.visibleState || []
       if (side === 0) {
-        return [e.target.value, b]
+        return { tuple: [e.target.value, b]}
       } else {
-        return [a, e.target.value]
+        return { tuple: [a, e.target.value]}
       }
     }
   }
diff --git a/src/components/settings_modal/helpers/tuple_setting.vue b/src/components/settings_modal/helpers/tuple_setting.vue
index 414530f22..cd0f17e2b 100644
--- a/src/components/settings_modal/helpers/tuple_setting.vue
+++ b/src/components/settings_modal/helpers/tuple_setting.vue
@@ -24,7 +24,7 @@
       :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
       :placeholder="backendDescriptionSuggestions?.[0]?.[0]"
-      :value="visibleState?.[0]"
+      :value="visibleState?.tuple?.[0]"
       @change="e => update({ e, side: 0 })"
     >
     {{ ' ' }}
@@ -34,7 +34,7 @@
       :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
       :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
-      :value="visibleState?.[1]"
+      :value="visibleState?.tuple?.[1]"
       @change="e => update({ e, side: 1 })"
     >
     {{ ' ' }}

From 9c043533f2a75fe59c99aeb870e7efbdf357ec2c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sat, 6 Dec 2025 14:38:53 +0200
Subject: [PATCH 339/424] MapSetting component

---
 .../settings_modal/admin_tabs/auth_tab.js     |   4 +-
 .../settings_modal/admin_tabs/auth_tab.vue    |  12 +-
 .../settings_modal/helpers/map_setting.js     |  70 +++++++++++
 .../settings_modal/helpers/map_setting.vue    | 109 ++++++++++++++++++
 4 files changed, 191 insertions(+), 4 deletions(-)
 create mode 100644 src/components/settings_modal/helpers/map_setting.js
 create mode 100644 src/components/settings_modal/helpers/map_setting.vue

diff --git a/src/components/settings_modal/admin_tabs/auth_tab.js b/src/components/settings_modal/admin_tabs/auth_tab.js
index 0e0c082e8..a078291e6 100644
--- a/src/components/settings_modal/admin_tabs/auth_tab.js
+++ b/src/components/settings_modal/admin_tabs/auth_tab.js
@@ -6,7 +6,7 @@ import TupleSetting from '../helpers/tuple_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-import ListTupleSetting from '../helpers/list_tuple_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
@@ -26,7 +26,7 @@ const AuthTab = {
     AttachmentSetting,
     GroupSetting,
     ListSetting,
-    ListTupleSetting
+    MapSetting
   },
   computed: {
     ...SharedComputedObject(),
diff --git a/src/components/settings_modal/admin_tabs/auth_tab.vue b/src/components/settings_modal/admin_tabs/auth_tab.vue
index e953afaa6..99922ff3b 100644
--- a/src/components/settings_modal/admin_tabs/auth_tab.vue
+++ b/src/components/settings_modal/admin_tabs/auth_tab.vue
@@ -67,13 +67,21 @@
             <BooleanSetting path=":pleroma.:ldap.:tls" />
           </li>
           <li>
-            <ListTupleSetting tuple path=":pleroma.:ldap.:tlsopts" />
+            <!-- CONFIRM old admin FE only supports ONE setting which is Verify, is that correct or should we allow more than one? -->
+            <MapSetting
+              :allow-new="false"
+              path=":pleroma.:ldap.:tlsopts"
+            />
           </li>
           <li>
             <BooleanSetting path=":pleroma.:ldap.:ssl" />
           </li>
           <li>
-            <ListTupleSetting tuple path=":pleroma.:ldap.:sslopts" />
+            <!-- CONFIRM old admin FE only supports ONE setting which is Verify, is that correct or should we allow more than one? -->
+            <MapSetting
+              :allow-new="false"
+              path=":pleroma.:ldap.:sslopts"
+            />
           </li>
           <li>
             <StringSetting path=":pleroma.:ldap.:base" />
diff --git a/src/components/settings_modal/helpers/map_setting.js b/src/components/settings_modal/helpers/map_setting.js
new file mode 100644
index 000000000..ad93ceacf
--- /dev/null
+++ b/src/components/settings_modal/helpers/map_setting.js
@@ -0,0 +1,70 @@
+import Setting from './setting.js'
+
+export default {
+  ...Setting,
+  props: {
+    ...Setting.props,
+    allowNew: {
+      required: false,
+      type: Boolean,
+      default: true
+    }
+  },
+  data () {
+    return {
+      newValue: ['',''] // avoiding extra complexity by just using an array instead of an object
+    }
+  },
+  computed: {
+    ...Setting.computed,
+    // state that we'll show in the UI, i.e. transforming map into list
+    displayState () {
+      return Object.entries(this.visibleState)
+    }
+  },
+  methods: {
+    ...Setting.methods,
+    getValue ({ event, key, eventType, isKey }) {
+      switch (eventType) {
+        case 'add': {
+          if (key === '') return this.visibleState
+          const res = {...this.visibleState, ...Object.fromEntries([this.newValue])}
+          this.newValue = ['', '']
+          return res
+        }
+
+        case 'remove': {
+          // initial state for this type is empty array
+          if (Array.isArray(this.visibleState)) return this.visibleState
+          const newEntries = Object.entries(this.visibleState).filter(([k]) => k !== key)
+
+          if (newEntries.length === 0 ) return []
+          return Object.fromEntries(newEntries)
+        }
+
+        case 'edit': {
+          const string = event.target.value
+          const newEntries = Object
+            .entries(this.visibleState)
+            .map(([k, v]) => {
+              if (isKey) {
+                if (k === key) {
+                  return [string, v]
+                } else {
+                  return [k, v]
+                }
+              } else {
+                if (k === key) {
+                  return [k, string]
+                } else {
+                  return [k, v]
+                }
+              }
+            })
+
+          return Object.fromEntries(newEntries)
+        }
+      }
+    }
+  }
+}
diff --git a/src/components/settings_modal/helpers/map_setting.vue b/src/components/settings_modal/helpers/map_setting.vue
new file mode 100644
index 000000000..01b6cbc0f
--- /dev/null
+++ b/src/components/settings_modal/helpers/map_setting.vue
@@ -0,0 +1,109 @@
+<template>
+  <div
+    v-if="matchesExpertLevel"
+    class="MapSetting"
+  >
+    <label
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+    <ul class="setting-list">
+      <li v-for="item in displayState">
+        <div class="btn-group">
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :value="item[0]"
+            @change="e => update({ event: e, key: item[0], eventType: 'edit', isKey: true })"
+          >
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :value="item[1]"
+            @change="e => update({ event: e, key: item[0], eventType: 'edit', isKey: false })"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ key: item[0], eventType: 'remove' })"
+          >
+            <FAIcon icon="times" />
+          </button>
+        </div>
+      </li>
+      <li v-if="allowNew">
+        <div class="btn-group">
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :disabled="shouldBeDisabled"
+            :placeholder="backendDescriptionSuggestions[0][0]"
+            v-model="newValue[0]"
+          >
+          <input
+            class="input string-input"
+            :class="{ disabled: shouldBeDisabled }"
+            :disabled="shouldBeDisabled"
+            :placeholder="backendDescriptionSuggestions[0][1]"
+            v-model="newValue[1]"
+          >
+          <button
+            class="button-default"
+            @click="e => update({ eventType: 'add' })"
+          >
+            <FAIcon icon="plus" />
+          </button>
+        </div>
+      </li>
+    </ul>
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <DraftButtons />
+  </div>
+</template>
+
+<style lang="scss">
+.ListSetting {
+  .btn-group {
+    display: flex
+  }
+
+  dl {
+    display: inline-grid;
+    grid-template-columns: auto auto;
+    gap: 0.5em;
+
+    dt {
+      display: inline;
+      font-weight: 800;
+
+      &::after {
+        content: ':'
+      }
+    }
+
+    dd {
+      display: inline;
+      margin: 0
+    }
+  }
+}
+</style>
+<script src="./map_setting.js"></script>

From d7453c09b274f266c421d4e8070bf37ab83aeb22 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 7 Dec 2025 14:01:09 +0200
Subject: [PATCH 340/424] improvements to listsetting, added some localization
 strings

---
 src/components/settings_modal/admin_tabs/instance_tab.js  | 7 +++++++
 src/components/settings_modal/admin_tabs/instance_tab.vue | 7 +++++--
 src/components/settings_modal/admin_tabs/links_tab.vue    | 6 ++++--
 src/components/settings_modal/helpers/list_setting.js     | 6 +++++-
 src/i18n/en.json                                          | 4 +++-
 5 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/instance_tab.js b/src/components/settings_modal/admin_tabs/instance_tab.js
index 119c7cd35..deac26e1e 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.js
+++ b/src/components/settings_modal/admin_tabs/instance_tab.js
@@ -34,6 +34,13 @@ const InstanceTab = {
         value: option
       })))
     },
+    limitLocalContentOptions () {
+      const desc = get(this.$store.state.adminSettings.descriptions, [':pleroma', ':instance', ':limit_to_local_content'])
+      return new Set(desc.suggestions.map(option => ({
+        label: option !== 'false' ? this.$t('admin_dash.instance.' + option) : this.$t('general.no'),
+        value: option
+      })))
+    }
   }
 }
 
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index 9c605c19b..3cf54eb84 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -50,6 +50,8 @@
           <ChoiceSetting
             override-backend-description
             override-backend-description-label
+            override-available-options
+            :options="limitLocalContentOptions"
             path=":pleroma.:instance.:limit_to_local_content"
           />
         </li>
@@ -138,9 +140,10 @@
       <ul class="setting-list">
         <li>
           <ListSetting
-            :override-available-options="providersOptions"
+            override-available-options
+            :options="providersOptions"
             :path="[':pleroma','Pleroma.Web.Metadata', ':providers']"
-            />
+          />
         </li>
         <li>
           <BooleanSetting
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index c9097493a..e72ce1ae7 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -11,7 +11,8 @@
         </li>
         <li>
           <ListSetting
-            :override-available-options="parsersOptions"
+            override-available-options
+            :options="parsersOptions"
             path=":pleroma.:rich_media.:parsers"
           />
         </li>
@@ -22,7 +23,8 @@
         </li>
         <li>
           <ListSetting
-            :override-available-options="ttlSettersOptions"
+            override-available-options
+            :options="ttlSettersOptions"
             path=":pleroma.:rich_media.:ttl_setters"
           />
         </li>
diff --git a/src/components/settings_modal/helpers/list_setting.js b/src/components/settings_modal/helpers/list_setting.js
index c679f3dfa..7c504fe64 100644
--- a/src/components/settings_modal/helpers/list_setting.js
+++ b/src/components/settings_modal/helpers/list_setting.js
@@ -19,6 +19,10 @@ export default {
       type: Boolean
     },
     overrideAvailableOptions: {
+      required: false,
+      type: Boolean
+    },
+    options: {
       required: false,
       type: Set
     },
@@ -70,7 +74,7 @@ export default {
     builtinEntries () {
       if (this.ignoreSuggestions) return []
       if (this.overrideAvailableOptions) {
-        return [...this.overrideAvailableOptions]
+        return [...this.options]
       }
       if (!this.suggestionsSet) return []
 
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 5f4418cbb..f662e8fbc 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1214,7 +1214,9 @@
         "timelines": "Timelines access",
         "profiles": "User profiles access",
         "activities": "Statuses/activities access"
-      }
+      },
+      ":unauthenticated": "Unauthenticated",
+      ":all": "Everyone"
     },
     "registrations": {
       "welcome": {

From d5c75915e6b55ba30af9bb43f41dbc534cde64ad Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 7 Dec 2025 14:01:33 +0200
Subject: [PATCH 341/424] federation tab

---
 .../admin_tabs/federation_tab.js              | 34 ++++++++++
 .../admin_tabs/federation_tab.vue             | 62 +++++++++++++++++++
 .../settings_modal_admin_content.js           |  6 +-
 .../settings_modal_admin_content.vue          |  8 +++
 src/i18n/en.json                              |  8 ++-
 5 files changed, 116 insertions(+), 2 deletions(-)
 create mode 100644 src/components/settings_modal/admin_tabs/federation_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/federation_tab.vue

diff --git a/src/components/settings_modal/admin_tabs/federation_tab.js b/src/components/settings_modal/admin_tabs/federation_tab.js
new file mode 100644
index 000000000..97b4e0040
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/federation_tab.js
@@ -0,0 +1,34 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import ListTupleSetting from '../helpers/list_tuple_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const FederationTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    ListSetting,
+    ListTupleSetting,
+    GroupSetting,
+    MapSetting
+  },
+  computed: {
+    ...SharedComputedObject()
+  }
+}
+
+export default FederationTab
diff --git a/src/components/settings_modal/admin_tabs/federation_tab.vue b/src/components/settings_modal/admin_tabs/federation_tab.vue
new file mode 100644
index 000000000..6def05a6e
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/federation_tab.vue
@@ -0,0 +1,62 @@
+<template>
+  <div :label="$t('admin_dash.tabs.federation')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.federation.global') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:federating" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:skip_thread_containment" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.federation.restrictions') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <MapSetting path=":pleroma.:instance.:quarantined_instances" />
+        </li>
+        <li>
+          <MapSetting path=":pleroma.:instance.:rejected_instances" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:instance.:remote_post_retention_days" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.federation.activitypub') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:allow_relay" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:unfollow_blocked" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:outgoing_blocks" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:blockers_visible" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:activitypub.:follow_handshake_timeout" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:activitypub.:note_replies_output_limit" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:instance.:federation_incoming_replies_max_depth" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:sign_object_fetches" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:authorized_fetch_mode" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:activitypub.:client_api_enabled" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./federation_tab.js"></script>
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 568733abc..40f826b3d 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -11,6 +11,7 @@ import MailerTab from './admin_tabs/mailer_tab.vue'
 import MonitoringTab from './admin_tabs/monitoring_tab.vue'
 import RegistrationsTab from './admin_tabs/registrations_tab.vue'
 import AuthTab from './admin_tabs/auth_tab.vue'
+import FederationTab from './admin_tabs/federation_tab.vue'
 import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
 import { useInterfaceStore } from 'src/stores/interface'
 
@@ -26,6 +27,7 @@ import {
   faDoorOpen,
   faGears,
   faKey,
+  faCircleNodes,
   faUpload
 } from '@fortawesome/free-solid-svg-icons'
 
@@ -40,6 +42,7 @@ library.add(
   faDoorOpen,
   faGears,
   faKey,
+  faCircleNodes,
   faUpload
 )
 
@@ -51,6 +54,7 @@ const SettingsModalAdminContent = {
     RegistrationsTab,
     EmojiTab,
     FrontendsTab,
+    FederationTab,
     LimitsTab,
     MailerTab,
     UploadsTab,
@@ -58,7 +62,7 @@ const SettingsModalAdminContent = {
     LinksTab,
     JobQueuesTab,
     AuthTab,
-    MonitoringTab,
+    MonitoringTab
   },
   computed: {
     user () {
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 176e0167f..37feed3e3 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -122,6 +122,14 @@
       <LinksTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.federation')"
+      icon="circle-nodes"
+      data-tab-name="monitoring"
+    >
+      <FederationTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.job_queues')"
       icon="gears"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index f662e8fbc..c9366340e 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1160,7 +1160,13 @@
       "registrations": "Registrations",
       "links": "Links",
       "job_queues": "Job Queues",
-      "auth": "Auth"
+      "auth": "Auth",
+      "federation": "Federation"
+    },
+    "federation": {
+      "global": "Global settings",
+      "restrictions": "Restrictions",
+      "activitypub": "ActivityPub"
     },
     "auth": {
       "LDAP": "LDAP Settings",

From ace8295c03bd57e59b377dbf49aec2f01ef29e6c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 7 Dec 2025 14:40:14 +0200
Subject: [PATCH 342/424] style updates

---
 src/App.scss                                  |  3 +-
 .../admin_tabs/frontends_tab.js               |  4 +--
 .../admin_tabs/frontends_tab.scss             | 36 +++++++++++++++++--
 .../admin_tabs/frontends_tab.vue              |  7 ++--
 .../helpers/vertical_tab_switcher.jsx         |  4 +--
 .../settings_modal/settings_modal.scss        |  5 ++-
 .../settings_modal_admin_content.vue          |  2 ++
 7 files changed, 50 insertions(+), 11 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index d6fae5fff..02500c661 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -678,7 +678,8 @@ option {
   list-style: none;
   display: grid;
   grid-auto-flow: row dense;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
+  grid-gap: 0.5em;
 
   li {
     border: 1px solid var(--border);
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.js b/src/components/settings_modal/admin_tabs/frontends_tab.js
index a9a4777da..c63e76214 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.js
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.js
@@ -44,10 +44,10 @@ const FrontendsTab = {
     }
   },
   computed: {
+    ...SharedComputedObject(),
     frontends () {
       return this.$store.state.adminSettings.frontends
-    },
-    ...SharedComputedObject()
+    }
   },
   methods: {
     canInstall (frontend) {
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.scss b/src/components/settings_modal/admin_tabs/frontends_tab.scss
index 3bc347087..27c1fdc55 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.scss
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.scss
@@ -1,8 +1,24 @@
-.frontends-tab {
+.FrontendsTab {
   .cards-list {
     padding: 0;
   }
 
+  li.frontend-card {
+    display: flex;
+    margin: 0;
+    flex-direction: column;
+  }
+
+  .frontend-buttons {
+    margin-top: 0.5em;
+    display: flex;
+    justify-content: end;
+    gap: 0.5em;
+    flex-wrap: wrap;
+    flex: 1 0 auto;
+    align-items: end;
+  }
+
   .relative {
     position: relative;
   }
@@ -16,10 +32,26 @@
     inset: 0;
   }
 
+  h5 {
+    margin: 0;
+    font-size: 1.15em
+  }
+
+  dl {
+    margin-left: 1em;
+  }
+
+  dt {
+    margin-top: 0.5em;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow-x: hidden;
+  }
+
   dd {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow-x: hidden;
-    max-width: 10em;
   }
+
 }
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.vue b/src/components/settings_modal/admin_tabs/frontends_tab.vue
index 4df45446b..3dd4acba1 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.vue
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="frontends-tab"
+    class="FrontendsTab"
     :label="$t('admin_dash.tabs.frontends')"
   >
     <div class="setting-item">
@@ -42,9 +42,10 @@
         <ul class="cards-list">
           <li
             v-for="frontend in frontends"
+            class="frontend-card"
             :key="frontend.name"
           >
-            <strong>{{ frontend.name }}</strong>
+            <h5>{{ frontend.name }}</h5>
             {{ ' ' }}
             <span v-if="adminDraft && adminDraft[':pleroma'][':frontends'][':primary']?.name === frontend.name">
               <i18n-t
@@ -89,7 +90,7 @@
                 >{{ frontend.build_url }}</a>
               </dd>
             </dl>
-            <div>
+            <div class="frontend-buttons">
               <span class="btn-group">
                 <button
                   class="button button-default btn"
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index 7fea1cab8..bbb36af6f 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -159,10 +159,10 @@ export default {
 
       const wrapperClasses = ['tab-content-wrapper', active ? '-active' : '-hidden' ]
       const contentClasses = ['tab-content']
-      if (props['full-width']) {
+      if (props['full-width'] || props['full-width'] === '') {
         contentClasses.push('-full-width')
       }
-      if (props['full-height']) {
+      if (props['full-height'] || props['full-width'] === '') {
         contentClasses.push('-full-height')
       }
       return (
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index a9f560048..9e04c3fe7 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -32,10 +32,13 @@
   }
 
   p {
-    width: 40em;
     line-height: 1.5;
   }
 
+  .setting-item > p {
+    margin-left: 1em;
+  }
+
   .setting-list,
   .option-list {
     list-style-type: none;
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 37feed3e3..1caff38d7 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -69,6 +69,7 @@
       :label="$t('admin_dash.tabs.emoji')"
       icon="face-smile-beam"
       data-tab-name="emoji"
+      full-width
     >
       <EmojiTab />
     </div>
@@ -77,6 +78,7 @@
       :label="$t('admin_dash.tabs.frontends')"
       icon="laptop-code"
       data-tab-name="frontends"
+      full-width
     >
       <FrontendsTab />
     </div>

From 2fe5efc69dd9b8e396cc4f55723a8a4fbcbe2008 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 7 Dec 2025 15:43:57 +0200
Subject: [PATCH 343/424] first pass of reorganizing emoji tab

---
 .../settings_modal/admin_tabs/emoji_tab.js    |  17 ++
 .../settings_modal/admin_tabs/emoji_tab.scss  |  20 +-
 .../settings_modal/admin_tabs/emoji_tab.vue   | 231 +++++++++---------
 src/i18n/en.json                              |   5 +
 4 files changed, 153 insertions(+), 120 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index d8f769e0b..c7c243fb5 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -10,6 +10,22 @@ import ModifiedIndicator from '../helpers/modified_indicator.vue'
 import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue'
 import { useInterfaceStore } from 'src/stores/interface'
 
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faArrowsRotate,
+  faFolderOpen,
+  faServer,
+  faDownload
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(
+  faArrowsRotate,
+  faFolderOpen,
+  faDownload,
+  faServer
+)
+
 const EmojiTab = {
   components: {
     TabSwitcher,
@@ -44,6 +60,7 @@ const EmojiTab = {
   },
 
   computed: {
+    ...SharedComputedObject(),
     pack () {
       return this.packName !== '' ? this.knownPacks[this.packName] : undefined
     },
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.scss b/src/components/settings_modal/admin_tabs/emoji_tab.scss
index eefada63a..4a92ac944 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.scss
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.scss
@@ -1,10 +1,18 @@
-.emoji-tab {
-  .btn-group .btn:not(:first-child) {
-    margin-left: 0.5em;
-  }
+.EmojiTab {
+  .toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: end;
 
-  .pack-info-wrapper {
-    margin-top: 1em;
+    .header-text {
+      flex: 1 0 auto;
+    }
+
+    .button-default {
+      flex: 0 0 auto;
+      padding: 0.33em;
+      font-size: 1rem;
+    }
   }
 
   .emoji-info-input {
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index 9095192fe..7a550c948 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -1,131 +1,122 @@
 <template>
   <div
-    class="emoji-tab"
+    class="EmojiTab"
     :label="$t('admin_dash.tabs.emoji')"
   >
     <div class="setting-item">
-      <h2>{{ $t('admin_dash.tabs.emoji') }}</h2>
+      <h3 class="toolbar">
+        <span class="header-text">
+          {{ $t('admin_dash.emoji.emoji_packs') }}
+        </span>
 
-      <ul class="setting-list">
-        <h3>{{ $t('admin_dash.emoji.global_actions') }}</h3>
-
-        <li class="btn-group setting-item">
+        <span class="header-buttons btn-group">
           <button
-            class="button button-default btn"
+            class="button button-default"
             type="button"
             @click="reloadEmoji"
+            :title="$t('admin_dash.emoji.reload')"
           >
-            {{ $t('admin_dash.emoji.reload') }}
+            <FAIcon icon="arrows-rotate" />
+            {{ $t('admin_dash.emoji.reload_short') }}
           </button>
-          <button
-            class="button button-default btn"
-            type="button"
-            @click="importFromFS"
+          <Popover
+            popover-class="emoji-tab-edit-popover popover-default"
+            trigger="click"
+            placement="bottom"
           >
-            {{ $t('admin_dash.emoji.importFS') }}
-          </button>
-        </li>
+            <template #trigger>
+              <button
+                class="button button-default"
+                type="button"
+                :title="$t('admin_dash.emoji.remote_packs')"
+              >
+                <FAIcon icon="download" />
+                {{ $t('admin_dash.emoji.remote_packs_short') }}
+              </button>
+            </template>
+            <template #content>
+              <div class="emoji-tab-popover-input">
+                <h3>{{ $t('admin_dash.emoji.remote_pack_instance') }}</h3>
+                <input
+                  v-model="remotePackInstance"
+                  class="input"
+                  :placeholder="$t('admin_dash.emoji.remote_pack_instance')"
+                >
+                <button
+                  class="button button-default btn emoji-tab-popover-button"
+                  type="button"
+                  @click="listRemotePacks"
+                >
+                  {{ $t('admin_dash.emoji.do_list') }}
+                </button>
+              </div>
+            </template>
+          </Popover>
 
-        <li class="btn-group setting-item">
-          <button
-            class="button button-default btn"
-            type="button"
-            @click="$refs.remotePackPopover.showPopover"
+          <Popover
+            ref="additionalRemotePopover"
+            popover-class="emoji-tab-edit-popover popover-default"
+            trigger="click"
+            placement="bottom"
           >
-            {{ $t('admin_dash.emoji.remote_packs') }}
-
-            <Popover
-              ref="remotePackPopover"
-              popover-class="emoji-tab-edit-popover popover-default"
-              trigger="click"
-              placement="bottom"
-              bound-to-selector=".emoji-tab"
-              :bound-to="{ x: 'container' }"
-              :offset="{ y: 5 }"
-            >
-              <template #content>
-                <div class="emoji-tab-popover-input">
-                  <h3>{{ $t('admin_dash.emoji.remote_pack_instance') }}</h3>
-                  <input
-                    v-model="remotePackInstance"
-                    class="input"
-                    :placeholder="$t('admin_dash.emoji.remote_pack_instance')"
-                  >
-                  <button
-                    class="button button-default btn emoji-tab-popover-button"
-                    type="button"
-                    @click="listRemotePacks"
-                  >
-                    {{ $t('admin_dash.emoji.do_list') }}
-                  </button>
-                </div>
-              </template>
-            </Popover>
-          </button>
-          <button
-            class="button button-default emoji-panel-additional-actions"
-            @click="$refs.additionalRemotePopover.showPopover"
-          >
-            <FAIcon
-              icon="chevron-down"
-            />
-
-            <Popover
-              ref="additionalRemotePopover"
-              popover-class="emoji-tab-edit-popover popover-default"
-              trigger="click"
-              placement="bottom"
-              bound-to-selector=".emoji-tab"
-              :bound-to="{ x: 'container' }"
-              :offset="{ y: 5 }"
-            >
-              <template #content>
-                <div class="emoji-tab-popover-input">
-                  <h3>{{ $t('admin_dash.emoji.new_pack_name') }}</h3>
-                  <input
-                    v-model="newPackName"
-                    :placeholder="$t('admin_dash.emoji.new_pack_name')"
-                    class="input"
-                  >
-                  <h3>Import pack from URL</h3>
-                  <input
-                    v-model="remotePackURL"
-                    class="input"
-                    placeholder="Pack .zip URL"
-                  >
-                  <button
-                    class="button button-default btn emoji-tab-popover-button"
-                    type="button"
-                    :disabled="newPackName.trim() === '' || remotePackURL.trim() === ''"
-                    @click="downloadRemoteURLPack"
-                  >
-                    Import
-                  </button>
-                  <h3>Import pack from a file</h3>
-                  <input
-                    type="file"
-                    accept="application/zip"
-                    class="emoji-tab-popover-file input"
-                    @change="remotePackFile = $event.target.files"
-                  >
-                  <button
-                    class="button button-default btn emoji-tab-popover-button"
-                    type="button"
-                    :disabled="newPackName.trim() === '' || remotePackFile === null || remotePackFile.length === 0"
-                    @click="downloadRemoteFilePack"
-                  >
-                    Import
-                  </button>
-                </div>
-              </template>
-            </Popover>
-          </button>
-        </li>
-
-        <h3>{{ $t('admin_dash.emoji.emoji_packs') }}</h3>
+            <template #trigger>
+              <button
+                class="button button-default emoji-panel-additional-actions"
+                @click="$refs.additionalRemotePopover.showPopover"
+                :title="$t('admin_dash.emoji.import_pack')"
+              >
+                <FAIcon icon="folder-open" />
+                {{ $t('admin_dash.emoji.import_pack_short') }}
+              </button>
+            </template>
 
+            <template #content>
+              <div class="emoji-tab-popover-input">
+                <h3>{{ $t('admin_dash.emoji.new_pack_name') }}</h3>
+                <input
+                  v-model="newPackName"
+                  :placeholder="$t('admin_dash.emoji.new_pack_name')"
+                  class="input"
+                >
+                <h3>Import pack from URL</h3>
+                <input
+                  v-model="remotePackURL"
+                  class="input"
+                  placeholder="Pack .zip URL"
+                >
+                <button
+                  class="button button-default btn emoji-tab-popover-button"
+                  type="button"
+                  :disabled="newPackName.trim() === '' || remotePackURL.trim() === ''"
+                  @click="downloadRemoteURLPack"
+                >
+                  Import
+                </button>
+                <h3>Import pack from a file</h3>
+                <input
+                  type="file"
+                  accept="application/zip"
+                  class="emoji-tab-popover-file input"
+                  @change="remotePackFile = $event.target.files"
+                >
+                <button
+                  class="button button-default btn emoji-tab-popover-button"
+                  type="button"
+                  :disabled="newPackName.trim() === '' || remotePackFile === null || remotePackFile.length === 0"
+                  @click="downloadRemoteFilePack"
+                >
+                  Import
+                </button>
+              </div>
+            </template>
+          </Popover>
+        </span>
+      </h3>
+      <ul class="setting-list">
         <li>
-          <h4>{{ $t('admin_dash.emoji.edit_pack') }}</h4>
+          <h4>
+            {{ $t('admin_dash.emoji.edit_pack') }}
+          </h4>
 
           <Select
             v-model="packName"
@@ -255,8 +246,6 @@
                 :changed="metaEdited('share-files')"
                 message-key="admin_dash.emoji.metadata_changed"
               />
-            </li>
-            <li class="btn-group">
               <button
                 v-if="pack.remote === undefined"
                 class="button button-default btn"
@@ -408,6 +397,20 @@
           </div>
         </ul>
       </div>
+      <h3>{{ $t('admin_dash.emoji.advanced') }}</h3>
+      <li
+        class="toolbar"
+      >
+        <button
+
+          class="button button-default btn"
+          type="button"
+          @click="importFromFS"
+        >
+          <FAIcon icon="server" />
+          {{ $t('admin_dash.emoji.importFS') }}
+        </button>
+      </li>
     </div>
   </div>
 </template>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index c9366340e..311f8a8ab 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1290,7 +1290,11 @@
     "emoji": {
       "global_actions": "Global actions",
       "reload": "Reload emoji",
+      "reload_short": "Refresh",
+      "advanced": "Advanced",
       "importFS": "Import emoji from filesystem",
+      "import_pack": "Upload emoji pack",
+      "import_pack_short": "Import",
       "error": "Error: {0}",
       "create_pack": "Create pack",
       "delete_pack": "Delete pack",
@@ -1298,6 +1302,7 @@
       "create": "Create",
       "emoji_packs": "Emoji packs",
       "remote_packs": "Remote packs",
+      "remote_packs_short": "Remote",
       "do_list": "List",
       "remote_pack_instance": "Remote pack instance",
       "emoji_pack": "Emoji pack",

From 4329502422d67cfaae521337b2f1cb041fcac954 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 7 Dec 2025 17:00:21 +0200
Subject: [PATCH 344/424] second pass of reorganizing emoji tab

---
 src/App.scss                                  |  14 +-
 src/components/checkbox/checkbox.vue          |   4 +-
 src/components/registration/registration.vue  |   2 +-
 src/components/select/select.vue              |   8 +-
 .../settings_modal/admin_tabs/emoji_tab.js    |  11 +-
 .../settings_modal/admin_tabs/emoji_tab.scss  |  39 +-
 .../settings_modal/admin_tabs/emoji_tab.vue   | 351 +++++++++---------
 7 files changed, 235 insertions(+), 194 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 02500c661..1a08fbae8 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -513,6 +513,12 @@ nav {
   }
 }
 
+label {
+  &.-disabled {
+    color: var(--textFaint);
+  }
+}
+
 input,
 textarea {
   border: none;
@@ -554,6 +560,7 @@ textarea {
   &.disabled {
     cursor: not-allowed;
     color: var(--textFaint);
+    background-color: transparent;
   }
 
   &[type="range"] {
@@ -579,6 +586,8 @@ textarea {
       & + label::before {
         opacity: 0.5;
       }
+
+      background-color: var(--background);
     }
 
     + label::before {
@@ -694,13 +703,16 @@ option {
   display: inline-flex;
   vertical-align: middle;
 
+  .Select select {
+    line-height: 1;
+  }
+
   > *,
   > * .button-default {
     --_roundness-left: 0;
     --_roundness-right: 0;
 
     position: relative;
-    flex: 1 1 auto;
   }
 
   > *:first-child,
diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue
index c8bba4c44..1e0f5ad05 100644
--- a/src/components/checkbox/checkbox.vue
+++ b/src/components/checkbox/checkbox.vue
@@ -1,7 +1,7 @@
 <template>
   <label
     class="checkbox"
-    :class="[{ disabled, indeterminate, 'indeterminate-fix': indeterminateTransitionFix }, radio ? '-radio' : '-checkbox']"
+    :class="[{ ['-disabled']: disabled, indeterminate, 'indeterminate-fix': indeterminateTransitionFix }, radio ? '-radio' : '-checkbox']"
   >
     <span
       v-if="!!$slots.before"
@@ -123,7 +123,7 @@ export default {
 
   .disabled {
     .checkbox-indicator::before {
-      background-color: var(--background);
+      background-color: transparent;
     }
   }
 
diff --git a/src/components/registration/registration.vue b/src/components/registration/registration.vue
index f6b056e6b..b969a416e 100644
--- a/src/components/registration/registration.vue
+++ b/src/components/registration/registration.vue
@@ -395,7 +395,7 @@
   }
 
   form textarea {
-    line-height: 16px;
+    line-height: 1;
     resize: vertical;
   }
 
diff --git a/src/components/select/select.vue b/src/components/select/select.vue
index 96be5312c..78b3b348c 100644
--- a/src/components/select/select.vue
+++ b/src/components/select/select.vue
@@ -26,6 +26,7 @@
 /* TODO fix order of styles */
 label.Select {
   padding: 0;
+  display: flex;
 
   select {
     appearance: none;
@@ -33,13 +34,12 @@ label.Select {
     border: none;
     color: var(--text);
     margin: 0;
-    padding: 0 2em 0 0.2em;
+    padding: 0 2em 0 0.5em;
     font-family: var(--font);
     font-size: 1em;
     width: 100%;
     z-index: 1;
-    height: 2em;
-    line-height: 16px;
+    line-height: 2;
 
     &[multiple],
     &[size] {
@@ -79,7 +79,7 @@ label.Select {
     position: absolute;
     top: 0;
     bottom: 0;
-    right: 5px;
+    right: 0.5em;
     height: 100%;
     width: 0.875em;
     font-family: var(--font);
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index c7c243fb5..7c137e35f 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -65,6 +65,7 @@ const EmojiTab = {
       return this.packName !== '' ? this.knownPacks[this.packName] : undefined
     },
     packMeta () {
+      if (this.packName === '') return {}
       if (this.editedMetadata[this.packName] === undefined) {
         this.editedMetadata[this.packName] = clone(this.pack.pack)
       }
@@ -115,8 +116,6 @@ const EmojiTab = {
           return Promise.reject(resp)
         }
       }).then(() => {
-        this.$refs.createPackPopover.hidePopover()
-
         this.packName = this.newPackName
         this.newPackName = ''
       })
@@ -222,8 +221,6 @@ const EmojiTab = {
           for (const pack in this.knownRemotePacks[inst]) {
             this.sortPackFiles(`${pack}@${inst}`)
           }
-
-          this.$refs.remotePackPopover.hidePopover()
         })
         .catch(data => {
           this.displayError(data)
@@ -240,8 +237,6 @@ const EmojiTab = {
         .then(data => data.json())
         .then(resp => {
           if (resp === 'ok') {
-            this.$refs.downloadPackPopover.hidePopover()
-
             return this.refreshPackList()
           } else {
             this.displayError(resp.error)
@@ -259,8 +254,6 @@ const EmojiTab = {
         .then(data => data.json())
         .then(resp => {
           if (resp === 'ok') {
-            this.$refs.additionalRemotePopover.hidePopover()
-
             return this.refreshPackList()
           } else {
             this.displayError(resp.error)
@@ -279,8 +272,6 @@ const EmojiTab = {
         .then(data => data.json())
         .then(resp => {
           if (resp === 'ok') {
-            this.$refs.additionalRemotePopover.hidePopover()
-
             return this.refreshPackList()
           } else {
             this.displayError(resp.error)
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.scss b/src/components/settings_modal/admin_tabs/emoji_tab.scss
index 4a92ac944..0cd555101 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.scss
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.scss
@@ -2,10 +2,20 @@
   .toolbar {
     display: flex;
     flex-wrap: wrap;
-    align-items: end;
+    gap: 0.5em;
 
-    .header-text {
+    .header-buttons {
+      display: flex;
       flex: 1 0 auto;
+      justify-content: end;
+
+      &:not(.btn-group) {
+        gap: 0.5em;
+      }
+
+      .header-text {
+        flex: 1 0 auto;
+      }
     }
 
     .button-default {
@@ -15,6 +25,19 @@
     }
   }
 
+  .meta-buttons {
+    display: flex;
+    gap: 0.5em;
+  }
+
+  h3.toolbar {
+    align-items: end;
+  }
+
+  h4.toolbar {
+    align-items: baseline;
+  }
+
   .emoji-info-input {
     width: 100%;
   }
@@ -26,8 +49,8 @@
   }
 
   .emoji {
-    width: 32px;
-    height: 32px;
+    width: 2em;
+    height: 2em;
   }
 
   .emoji-unsaved {
@@ -38,6 +61,14 @@
     display: flex;
     flex-wrap: wrap;
     gap: 1em;
+
+    .placeholder {
+      background: var(--textFaint);
+      border-radius: 0.5em;
+      width: 2em;
+      height: 2em;
+      opacity: 0.5;
+    }
   }
 }
 
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index 7a550c948..8d7bc10bc 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -114,157 +114,13 @@
       </h3>
       <ul class="setting-list">
         <li>
-          <h4>
-            {{ $t('admin_dash.emoji.edit_pack') }}
-          </h4>
-
-          <Select
-            v-model="packName"
-            class="form-control"
-          >
-            <option
-              value=""
-              disabled
-              hidden
-            >
-              {{ $t('admin_dash.emoji.emoji_pack') }}
-            </option>
-            <option
-              v-for="(pack, listPackName) in knownPacks"
-              :key="listPackName"
-              :label="listPackName"
-            >
-              {{ listPackName }}
-            </option>
-          </Select>
-
-          <button
-            class="button button-default btn emoji-tab-popover-button"
-            type="button"
-            @click="$refs.createPackPopover.showPopover"
-          >
-            {{ $t('admin_dash.emoji.create_pack') }}
-          </button>
-          <Popover
-            ref="createPackPopover"
-            popover-class="emoji-tab-edit-popover popover-default"
-            trigger="click"
-            placement="bottom"
-            bound-to-selector=".emoji-tab"
-            :bound-to="{ x: 'container' }"
-            :offset="{ y: 5 }"
-          >
-            <template #content>
-              <div class="emoji-tab-popover-input">
-                <h3>{{ $t('admin_dash.emoji.new_pack_name') }}</h3>
-                <input
-                  v-model="newPackName"
-                  :placeholder="$t('admin_dash.emoji.new_pack_name')"
-                  class="input"
-                >
-                <button
-                  class="button button-default btn emoji-tab-popover-button"
-                  type="button"
-                  @click="createEmojiPack"
-                >
-                  {{ $t('admin_dash.emoji.create') }}
-                </button>
-              </div>
-            </template>
-          </Popover>
-        </li>
-      </ul>
-
-      <div v-if="pack">
-        <div class="pack-info-wrapper">
-          <ul class="setting-list">
-            <li>
-              <label>
-                {{ $t('admin_dash.emoji.description') }}
-                <ModifiedIndicator
-                  :changed="metaEdited('description')"
-                  message-key="admin_dash.emoji.metadata_changed"
-                />
-
-                <textarea
-                  v-model="packMeta.description"
-                  :disabled="pack.remote !== undefined"
-                  class="bio resize-height input"
-                />
-              </label>
-            </li>
-            <li>
-              <label>
-                {{ $t('admin_dash.emoji.homepage') }}
-                <ModifiedIndicator
-                  :changed="metaEdited('homepage')"
-                  message-key="admin_dash.emoji.metadata_changed"
-                />
-
-                <input
-                  v-model="packMeta.homepage"
-                  class="emoji-info-input input"
-                  :disabled="pack.remote !== undefined"
-                >
-              </label>
-            </li>
-            <li>
-              <label>
-                {{ $t('admin_dash.emoji.fallback_src') }}
-                <ModifiedIndicator
-                  :changed="metaEdited('fallback-src')"
-                  message-key="admin_dash.emoji.metadata_changed"
-                />
-
-                <input
-                  v-model="packMeta['fallback-src']"
-                  class="emoji-info-input input"
-                  :disabled="pack.remote !== undefined"
-                >
-              </label>
-            </li>
-            <li>
-              <label>
-                {{ $t('admin_dash.emoji.fallback_sha256') }}
-
-                <input
-                  v-model="packMeta['fallback-src-sha256']"
-                  :disabled="true"
-                  class="emoji-info-input input"
-                >
-              </label>
-            </li>
-            <li>
-              <Checkbox
-                v-model="packMeta['share-files']"
-                :disabled="pack.remote !== undefined"
-              >
-                {{ $t('admin_dash.emoji.share') }}
-              </Checkbox>
-
-              <ModifiedIndicator
-                :changed="metaEdited('share-files')"
-                message-key="admin_dash.emoji.metadata_changed"
-              />
+          <h4 class="toolbar">
+            <span class="header-text">
+              {{ $t('admin_dash.emoji.edit_pack') }}
+            </span>
+            <span class="header-buttons">
               <button
-                v-if="pack.remote === undefined"
-                class="button button-default btn"
-                type="button"
-                @click="savePackMetadata"
-              >
-                {{ $t('admin_dash.emoji.save_meta') }}
-              </button>
-              <button
-                v-if="pack.remote === undefined"
-                class="button button-default btn"
-                type="button"
-                @click="savePackMetadata"
-              >
-                {{ $t('admin_dash.emoji.revert_meta') }}
-              </button>
-
-              <button
-                v-if="pack.remote === undefined"
+                :disabled="!pack || pack.remote !== undefined"
                 class="button button-default btn"
                 type="button"
                 @click="deleteModalVisible = true"
@@ -284,7 +140,7 @@
               </button>
 
               <button
-                v-if="pack.remote !== undefined"
+                :disabled="!pack || pack.remote === undefined"
                 class="button button-default btn"
                 type="button"
                 @click="$refs.downloadPackPopover.showPopover"
@@ -334,27 +190,175 @@
                   </template>
                 </Popover>
               </button>
-            </li>
-          </ul>
-        </div>
+            </span>
+            <span class="header-buttons btn-group">
+              <Select
+                v-model="packName"
+                class="form-control"
+              >
+                <option
+                  value=""
+                  disabled
+                  hidden
+                >
+                  {{ $t('admin_dash.emoji.emoji_pack') }}
+                </option>
+                <option
+                  v-for="(pack, listPackName) in knownPacks"
+                  :key="listPackName"
+                  :label="listPackName"
+                >
+                  {{ listPackName }}
+                </option>
+              </Select>
+
+              <Popover
+                ref="createPackPopover"
+                popover-class="emoji-tab-edit-popover popover-default"
+                trigger="click"
+                placement="bottom"
+              >
+                <template #trigger>
+                  <button
+                    class="button button-default btn emoji-tab-popover-button"
+                    type="button"
+                  >
+                    {{ $t('admin_dash.emoji.create_pack') }}
+                  </button>
+                </template>
+                <template #content>
+                  <div class="emoji-tab-popover-input">
+                    <h3>{{ $t('admin_dash.emoji.new_pack_name') }}</h3>
+                    <input
+                      v-model="newPackName"
+                      :placeholder="$t('admin_dash.emoji.new_pack_name')"
+                      class="input"
+                    >
+                    <button
+                      class="button button-default btn emoji-tab-popover-button"
+                      type="button"
+                      @click="createEmojiPack"
+                    >
+                      {{ $t('admin_dash.emoji.create') }}
+                    </button>
+                  </div>
+                </template>
+              </Popover>
+            </span>
+          </h4>
+        </li>
+      </ul>
+
+      <div
+        class="pack-info-wrapper"
+        :class="{ disabled: !pack }"
+      >
+        <ul class="setting-list">
+          <li>
+            <label :class="{ ['-disabled']: !pack || pack.remote !== undefined }">
+              {{ $t('admin_dash.emoji.description') }}
+              <ModifiedIndicator
+                :changed="metaEdited('description')"
+                message-key="admin_dash.emoji.metadata_changed"
+              />
+
+              <textarea
+                v-model="packMeta.description"
+                :disabled="!pack || pack.remote !== undefined"
+                class="bio resize-height input"
+              />
+            </label>
+          </li>
+          <li>
+            <label :class="{ ['-disabled']: !pack || pack.remote !== undefined }">
+              {{ $t('admin_dash.emoji.homepage') }}
+              <ModifiedIndicator
+                :changed="metaEdited('homepage')"
+                message-key="admin_dash.emoji.metadata_changed"
+              />
+
+              <input
+                v-model="packMeta.homepage"
+                class="emoji-info-input input"
+                :disabled="!pack || pack.remote !== undefined"
+              >
+            </label>
+          </li>
+          <li>
+            <label :class="{ ['-disabled']: !pack || pack.remote !== undefined }">
+              {{ $t('admin_dash.emoji.fallback_src') }}
+              <ModifiedIndicator
+                :changed="metaEdited('fallback-src')"
+                message-key="admin_dash.emoji.metadata_changed"
+              />
+
+              <input
+                v-model="packMeta['fallback-src']"
+                class="emoji-info-input input"
+                :disabled="!pack || pack.remote !== undefined"
+              >
+            </label>
+          </li>
+          <li>
+            <label :class="{ ['-disabled']: !pack || pack.remote !== undefined }">
+              {{ $t('admin_dash.emoji.fallback_sha256') }}
+
+              <input
+                v-model="packMeta['fallback-src-sha256']"
+                :disabled="!pack || pack.remote !== undefined"
+                class="emoji-info-input input"
+              >
+            </label>
+          </li>
+          <li>
+            <Checkbox
+              v-model="packMeta['share-files']"
+              :disabled="!pack || pack.remote !== undefined"
+            >
+              {{ $t('admin_dash.emoji.share') }}
+            </Checkbox>
+
+            <ModifiedIndicator
+              :changed="metaEdited('share-files')"
+              message-key="admin_dash.emoji.metadata_changed"
+            />
+            <div class="meta-buttons">
+              <button
+                v-if="pack && pack.remote === undefined"
+                class="button button-default btn"
+                type="button"
+                @click="savePackMetadata"
+              >
+                {{ $t('admin_dash.emoji.save_meta') }}
+              </button>
+              <button
+                v-if="pack && pack.remote === undefined"
+                class="button button-default btn"
+                type="button"
+                @click="savePackMetadata"
+              >
+                {{ $t('admin_dash.emoji.revert_meta') }}
+              </button>
+            </div>
+
+          </li>
+        </ul>
 
         <ul class="setting-list">
           <h4>
             {{ $t('admin_dash.emoji.files') }}
 
             <ModifiedIndicator
-              v-if="pack"
               :changed="$refs.emojiPopovers && $refs.emojiPopovers.some(p => p.isEdited)"
               message-key="admin_dash.emoji.emoji_changed"
             />
           </h4>
 
           <div
-            v-if="pack"
             class="emoji-list"
           >
             <EmojiEditingPopover
-              v-if="pack.remote === undefined"
+              v-if="pack && pack.remote === undefined"
               placement="bottom"
               new-upload
               :title="$t('admin_dash.emoji.adding_new')"
@@ -370,17 +374,24 @@
                 />
               </template>
             </EmojiEditingPopover>
+            <template v-if="!pack">
+              <div
+                class="placeholder"
+                v-for="_ in new Array(20)"
+              />
+            </template>
+
 
             <EmojiEditingPopover
-              v-for="(file, shortcode) in pack.files"
+              v-for="(file, shortcode) in (pack?.files || [])"
               ref="emojiPopovers"
               :key="shortcode"
               placement="top"
-              :title="$t(`admin_dash.emoji.${pack.remote === undefined ? 'editing' : 'copying'}`, [shortcode])"
+              :title="$t(`admin_dash.emoji.${pack?.remote === undefined ? 'editing' : 'copying'}`, [shortcode])"
               :shortcode="shortcode"
               :file="file"
               :pack-name="packName"
-              :remote="pack.remote"
+              :remote="pack?.remote"
               :known-local-packs="knownLocalPacks"
               @update-pack-files="updatePackFiles"
               @display-error="displayError"
@@ -398,19 +409,15 @@
         </ul>
       </div>
       <h3>{{ $t('admin_dash.emoji.advanced') }}</h3>
-      <li
-        class="toolbar"
-      >
-        <button
+      <button
 
-          class="button button-default btn"
-          type="button"
-          @click="importFromFS"
-        >
-          <FAIcon icon="server" />
-          {{ $t('admin_dash.emoji.importFS') }}
-        </button>
-      </li>
+        class="button button-default btn"
+        type="button"
+        @click="importFromFS"
+      >
+        <FAIcon icon="server" />
+        {{ $t('admin_dash.emoji.importFS') }}
+      </button>
     </div>
   </div>
 </template>

From 0bc5442eb9e870a9d1c97586b17a39a0f226a2c3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 7 Dec 2025 17:42:10 +0200
Subject: [PATCH 345/424] third pass of emoji reorganizing

---
 src/App.scss                                  |   4 +-
 .../settings_modal/admin_tabs/emoji_tab.scss  |  17 +-
 .../settings_modal/admin_tabs/emoji_tab.vue   | 366 +++++++++---------
 src/i18n/en.json                              |   1 +
 4 files changed, 196 insertions(+), 192 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 1a08fbae8..57faf4aa3 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -560,7 +560,9 @@ textarea {
   &.disabled {
     cursor: not-allowed;
     color: var(--textFaint);
-    background-color: transparent;
+
+    /* stylelint-disable-next-line declaration-no-important */
+    background-color: transparent !important;
   }
 
   &[type="range"] {
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.scss b/src/components/settings_modal/admin_tabs/emoji_tab.scss
index 0cd555101..327d0f376 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.scss
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.scss
@@ -1,4 +1,8 @@
 .EmojiTab {
+  .setting-list {
+    padding-left: 0.75em;
+  }
+
   .toolbar {
     display: flex;
     flex-wrap: wrap;
@@ -20,24 +24,27 @@
 
     .button-default {
       flex: 0 0 auto;
-      padding: 0.33em;
+      padding: 0.5em;
       font-size: 1rem;
     }
   }
 
+  .selector-buttons,
   .meta-buttons {
     display: flex;
+    flex-wrap: wrap;
     gap: 0.5em;
   }
 
+  h5 {
+    margin-top: 1em;
+    margin-bottom: 0.25em;
+  }
+
   h3.toolbar {
     align-items: end;
   }
 
-  h4.toolbar {
-    align-items: baseline;
-  }
-
   .emoji-info-input {
     width: 100%;
   }
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index 8d7bc10bc..8a3a5fd33 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -112,147 +112,146 @@
           </Popover>
         </span>
       </h3>
-      <ul class="setting-list">
-        <li>
-          <h4 class="toolbar">
-            <span class="header-text">
-              {{ $t('admin_dash.emoji.edit_pack') }}
-            </span>
-            <span class="header-buttons">
-              <button
-                :disabled="!pack || pack.remote !== undefined"
-                class="button button-default btn"
-                type="button"
-                @click="deleteModalVisible = true"
-              >
-                {{ $t('admin_dash.emoji.delete_pack') }}
+      <div class="setting-list">
+        <h4 class="toolbar">
+          {{ $t('admin_dash.emoji.edit_pack') }}
+        </h4>
+        <div class="selector-buttons setting-list">
+          <button
+            :disabled="!pack || pack.remote !== undefined"
+            class="button button-default btn"
+            type="button"
+            @click="deleteModalVisible = true"
+          >
+            {{ $t('admin_dash.emoji.delete_pack') }}
 
-                <ConfirmModal
-                  v-if="deleteModalVisible"
-                  :title="$t('admin_dash.emoji.delete_title')"
-                  :cancel-text="$t('status.delete_confirm_cancel_button')"
-                  :confirm-text="$t('status.delete_confirm_accept_button')"
-                  @cancelled="deleteModalVisible = false"
-                  @accepted="deleteEmojiPack"
-                >
-                  {{ $t('admin_dash.emoji.delete_confirm', [packName]) }}
-                </ConfirmModal>
-              </button>
+            <ConfirmModal
+              v-if="deleteModalVisible"
+              :title="$t('admin_dash.emoji.delete_title')"
+              :cancel-text="$t('status.delete_confirm_cancel_button')"
+              :confirm-text="$t('status.delete_confirm_accept_button')"
+              @cancelled="deleteModalVisible = false"
+              @accepted="deleteEmojiPack"
+            >
+              {{ $t('admin_dash.emoji.delete_confirm', [packName]) }}
+            </ConfirmModal>
+          </button>
 
-              <button
-                :disabled="!pack || pack.remote === undefined"
-                class="button button-default btn"
-                type="button"
-                @click="$refs.downloadPackPopover.showPopover"
-              >
-                {{ $t('admin_dash.emoji.download_pack') }}
+          <button
+            :disabled="!pack || pack.remote === undefined"
+            class="button button-default btn"
+            type="button"
+            @click="$refs.downloadPackPopover.showPopover"
+          >
+            {{ $t('admin_dash.emoji.download_pack') }}
 
-                <Popover
-                  ref="downloadPackPopover"
-                  trigger="click"
-                  placement="bottom"
-                  bound-to-selector=".emoji-tab"
-                  popover-class="emoji-tab-edit-popover popover-default"
-                  :bound-to="{ x: 'container' }"
-                  :offset="{ y: 5 }"
-                >
-                  <template #content>
-                    <h3>{{ $t('admin_dash.emoji.downloading_pack', [packName]) }}</h3>
-                    <div>
-                      <div>
-                        <div class="emoji-tab-popover-input">
-                          <label>
-                            {{ $t('admin_dash.emoji.download_as_name') }}
-                            <input
-                              v-model="remotePackDownloadAs"
-                              class="emoji-data-input input"
-                              :placeholder="$t('admin_dash.emoji.download_as_name_full')"
-                            >
-                          </label>
-
-                          <div
-                            v-if="downloadWillReplaceLocal"
-                            class="warning"
-                          >
-                            <em>{{ $t('admin_dash.emoji.replace_warning') }}</em>
-                          </div>
-                        </div>
-
-                        <button
-                          class="button button-default btn"
-                          type="button"
-                          @click="downloadRemotePack"
+            <Popover
+              ref="downloadPackPopover"
+              trigger="click"
+              placement="bottom"
+              bound-to-selector=".emoji-tab"
+              popover-class="emoji-tab-edit-popover popover-default"
+              :bound-to="{ x: 'container' }"
+              :offset="{ y: 5 }"
+            >
+              <template #content>
+                <h3>{{ $t('admin_dash.emoji.downloading_pack', [packName]) }}</h3>
+                <div>
+                  <div>
+                    <div class="emoji-tab-popover-input">
+                      <label>
+                        {{ $t('admin_dash.emoji.download_as_name') }}
+                        <input
+                          v-model="remotePackDownloadAs"
+                          class="emoji-data-input input"
+                          :placeholder="$t('admin_dash.emoji.download_as_name_full')"
                         >
-                          {{ $t('admin_dash.emoji.download') }}
-                        </button>
+                      </label>
+
+                      <div
+                        v-if="downloadWillReplaceLocal"
+                        class="warning"
+                      >
+                        <em>{{ $t('admin_dash.emoji.replace_warning') }}</em>
                       </div>
                     </div>
-                  </template>
-                </Popover>
-              </button>
-            </span>
-            <span class="header-buttons btn-group">
-              <Select
-                v-model="packName"
-                class="form-control"
-              >
-                <option
-                  value=""
-                  disabled
-                  hidden
-                >
-                  {{ $t('admin_dash.emoji.emoji_pack') }}
-                </option>
-                <option
-                  v-for="(pack, listPackName) in knownPacks"
-                  :key="listPackName"
-                  :label="listPackName"
-                >
-                  {{ listPackName }}
-                </option>
-              </Select>
 
-              <Popover
-                ref="createPackPopover"
-                popover-class="emoji-tab-edit-popover popover-default"
-                trigger="click"
-                placement="bottom"
+                    <button
+                      class="button button-default btn"
+                      type="button"
+                      @click="downloadRemotePack"
+                    >
+                      {{ $t('admin_dash.emoji.download') }}
+                    </button>
+                  </div>
+                </div>
+              </template>
+            </Popover>
+          </button>
+
+          <span class="btn-group">
+            <Select
+              v-model="packName"
+              class="form-control"
+            >
+              <option
+                value=""
+                disabled
+                hidden
               >
-                <template #trigger>
+                {{ $t('admin_dash.emoji.emoji_pack') }}
+              </option>
+              <option
+                v-for="(pack, listPackName) in knownPacks"
+                :key="listPackName"
+                :label="listPackName"
+              >
+                {{ listPackName }}
+              </option>
+            </Select>
+
+            <Popover
+              ref="createPackPopover"
+              popover-class="emoji-tab-edit-popover popover-default"
+              trigger="click"
+              placement="bottom"
+            >
+              <template #trigger>
+                <button
+                  class="button button-default btn emoji-tab-popover-button"
+                  type="button"
+                >
+                  {{ $t('admin_dash.emoji.create_pack') }}
+                </button>
+              </template>
+              <template #content>
+                <div class="emoji-tab-popover-input">
+                  <h3>{{ $t('admin_dash.emoji.new_pack_name') }}</h3>
+                  <input
+                    v-model="newPackName"
+                    :placeholder="$t('admin_dash.emoji.new_pack_name')"
+                    class="input"
+                  >
                   <button
                     class="button button-default btn emoji-tab-popover-button"
                     type="button"
+                    @click="createEmojiPack"
                   >
-                    {{ $t('admin_dash.emoji.create_pack') }}
+                    {{ $t('admin_dash.emoji.create') }}
                   </button>
-                </template>
-                <template #content>
-                  <div class="emoji-tab-popover-input">
-                    <h3>{{ $t('admin_dash.emoji.new_pack_name') }}</h3>
-                    <input
-                      v-model="newPackName"
-                      :placeholder="$t('admin_dash.emoji.new_pack_name')"
-                      class="input"
-                    >
-                    <button
-                      class="button button-default btn emoji-tab-popover-button"
-                      type="button"
-                      @click="createEmojiPack"
-                    >
-                      {{ $t('admin_dash.emoji.create') }}
-                    </button>
-                  </div>
-                </template>
-              </Popover>
-            </span>
-          </h4>
-        </li>
-      </ul>
+                </div>
+              </template>
+            </Popover>
+          </span>
+        </div>
+        <h5>
+          {{ $t('admin_dash.emoji.metadata') }}
 
-      <div
-        class="pack-info-wrapper"
-        :class="{ disabled: !pack }"
-      >
+          <ModifiedIndicator
+            :changed="$refs.emojiPopovers && $refs.emojiPopovers.some(p => p.isEdited)"
+            message-key="admin_dash.emoji.emoji_changed"
+          />
+        </h5>
         <ul class="setting-list">
           <li>
             <label :class="{ ['-disabled']: !pack || pack.remote !== undefined }">
@@ -340,77 +339,72 @@
                 {{ $t('admin_dash.emoji.revert_meta') }}
               </button>
             </div>
-
           </li>
         </ul>
+        <h5>
+          {{ $t('admin_dash.emoji.files') }}
 
-        <ul class="setting-list">
-          <h4>
-            {{ $t('admin_dash.emoji.files') }}
+          <ModifiedIndicator
+            :changed="$refs.emojiPopovers && $refs.emojiPopovers.some(p => p.isEdited)"
+            message-key="admin_dash.emoji.emoji_changed"
+          />
+        </h5>
 
-            <ModifiedIndicator
-              :changed="$refs.emojiPopovers && $refs.emojiPopovers.some(p => p.isEdited)"
-              message-key="admin_dash.emoji.emoji_changed"
-            />
-          </h4>
-
-          <div
-            class="emoji-list"
+        <div
+          class="emoji-list setting-list"
+        >
+          <EmojiEditingPopover
+            v-if="pack && pack.remote === undefined"
+            placement="bottom"
+            new-upload
+            :title="$t('admin_dash.emoji.adding_new')"
+            :pack-name="packName"
+            @update-pack-files="updatePackFiles"
+            @display-error="displayError"
           >
-            <EmojiEditingPopover
-              v-if="pack && pack.remote === undefined"
-              placement="bottom"
-              new-upload
-              :title="$t('admin_dash.emoji.adding_new')"
-              :pack-name="packName"
-              @update-pack-files="updatePackFiles"
-              @display-error="displayError"
-            >
-              <template #trigger>
-                <FAIcon
-                  icon="plus"
-                  size="2x"
-                  :title="$t('admin_dash.emoji.add_file')"
-                />
-              </template>
-            </EmojiEditingPopover>
-            <template v-if="!pack">
-              <div
-                class="placeholder"
-                v-for="_ in new Array(20)"
+            <template #trigger>
+              <FAIcon
+                icon="plus"
+                size="2x"
+                :title="$t('admin_dash.emoji.add_file')"
               />
             </template>
+          </EmojiEditingPopover>
+          <template v-if="!pack">
+            <div
+              class="placeholder"
+              v-for="_ in new Array(20)"
+            />
+          </template>
 
 
-            <EmojiEditingPopover
-              v-for="(file, shortcode) in (pack?.files || [])"
-              ref="emojiPopovers"
-              :key="shortcode"
-              placement="top"
-              :title="$t(`admin_dash.emoji.${pack?.remote === undefined ? 'editing' : 'copying'}`, [shortcode])"
-              :shortcode="shortcode"
-              :file="file"
-              :pack-name="packName"
-              :remote="pack?.remote"
-              :known-local-packs="knownLocalPacks"
-              @update-pack-files="updatePackFiles"
-              @display-error="displayError"
-            >
-              <template #trigger>
-                <StillImage
-                  class="emoji"
-                  :src="emojiAddr(file)"
-                  :title="`:${shortcode}:`"
-                  :alt="`:${shortcode}:`"
-                />
-              </template>
-            </EmojiEditingPopover>
-          </div>
-        </ul>
+          <EmojiEditingPopover
+            v-for="(file, shortcode) in (pack?.files || [])"
+            ref="emojiPopovers"
+            :key="shortcode"
+            placement="top"
+            :title="$t(`admin_dash.emoji.${pack?.remote === undefined ? 'editing' : 'copying'}`, [shortcode])"
+            :shortcode="shortcode"
+            :file="file"
+            :pack-name="packName"
+            :remote="pack?.remote"
+            :known-local-packs="knownLocalPacks"
+            @update-pack-files="updatePackFiles"
+            @display-error="displayError"
+          >
+            <template #trigger>
+              <StillImage
+                class="emoji"
+                :src="emojiAddr(file)"
+                :title="`:${shortcode}:`"
+                :alt="`:${shortcode}:`"
+              />
+            </template>
+          </EmojiEditingPopover>
+        </div>
       </div>
       <h3>{{ $t('admin_dash.emoji.advanced') }}</h3>
       <button
-
         class="button button-default btn"
         type="button"
         @click="importFromFS"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 311f8a8ab..0a7f0fd00 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1307,6 +1307,7 @@
       "remote_pack_instance": "Remote pack instance",
       "emoji_pack": "Emoji pack",
       "edit_pack": "Edit pack",
+      "metadata": "Metadata",
       "description": "Description",
       "homepage": "Homepage",
       "fallback_src": "Fallback source",

From 7d0f03fdba0a604aba130ada99075ec8a42cce6a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 7 Dec 2025 23:11:54 +0200
Subject: [PATCH 346/424] proxy setting, init http tab, broken

---
 .../settings_modal/admin_tabs/links_tab.js    |  4 ++--
 .../settings_modal/helpers/setting.js         |  5 ++--
 .../settings_modal/helpers/tuple_setting.vue  | 10 ++++++++
 .../settings_modal_admin_content.js           |  4 ++++
 .../settings_modal_admin_content.vue          | 24 ++++++++++++-------
 src/i18n/en.json                              |  6 +++++
 6 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
index da70889ac..026b099a5 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.js
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -11,7 +11,7 @@ import Checkbox from 'src/components/checkbox/checkbox.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { get } from 'lodash'
 
-const MediaProxyTab = {
+const LinksTab = {
   provide () {
     return {
       defaultDraftMode: true,
@@ -106,4 +106,4 @@ const MediaProxyTab = {
   }
 }
 
-export default MediaProxyTab
+export default LinksTab
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index f6415cc21..a3fcf252a 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -46,6 +46,7 @@ export default {
       default: undefined
     },
     hideDraftButtons: { // this is for the weird backend hybrid (Boolean|String or Boolean|Number) settings
+      required: false,
       type: Boolean
     },
     hideLabel: {
@@ -254,8 +255,8 @@ export default {
       }
     },
     canHardReset () {
-      return this.realSource === 'admin' && this.$store.state.adminSettings.modifiedPaths &&
-             this.$store.state.adminSettings.modifiedPaths.has(this.canonPath.join(' -> '))
+      console.log('MP', this.$store.state.adminSettings.modifiedPaths.has)
+      return this.realSource === 'admin' && this.$store.state.adminSettings.modifiedPaths?.has(this.canonPath.join(' -> '))
     },
     matchesExpertLevel () {
       return (this.expert || 0) <= this.$store.state.config.expertLevel > 0
diff --git a/src/components/settings_modal/helpers/tuple_setting.vue b/src/components/settings_modal/helpers/tuple_setting.vue
index cd0f17e2b..150b2babc 100644
--- a/src/components/settings_modal/helpers/tuple_setting.vue
+++ b/src/components/settings_modal/helpers/tuple_setting.vue
@@ -38,6 +38,16 @@
       @change="e => update({ e, side: 1 })"
     >
     {{ ' ' }}
+    <input
+      :id="path"
+      class="input string-input"
+      :class="{ disabled: shouldBeDisabled }"
+      :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
+      :value="visibleState?.tuple?.[2]"
+      @change="e => update({ e, side: 2 })"
+    >
+    {{ ' ' }}
     <ModifiedIndicator
       :changed="isChanged"
       :onclick="reset"
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 40f826b3d..8fd7a1a63 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -11,6 +11,7 @@ import MailerTab from './admin_tabs/mailer_tab.vue'
 import MonitoringTab from './admin_tabs/monitoring_tab.vue'
 import RegistrationsTab from './admin_tabs/registrations_tab.vue'
 import AuthTab from './admin_tabs/auth_tab.vue'
+import HTTPTab from './admin_tabs/http_tab.vue'
 import FederationTab from './admin_tabs/federation_tab.vue'
 import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
 import { useInterfaceStore } from 'src/stores/interface'
@@ -20,6 +21,7 @@ import {
   faWrench,
   faHand,
   faChain,
+  faGlobe,
   faLaptopCode,
   faTowerBroadcast,
   faEnvelope,
@@ -35,6 +37,7 @@ library.add(
   faWrench,
   faHand,
   faChain,
+  faGlobe,
   faLaptopCode,
   faTowerBroadcast,
   faEnvelope,
@@ -62,6 +65,7 @@ const SettingsModalAdminContent = {
     LinksTab,
     JobQueuesTab,
     AuthTab,
+    HTTPTab,
     MonitoringTab
   },
   computed: {
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 1caff38d7..b2a4504ed 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -92,14 +92,6 @@
       <LimitsTab />
     </div>
 
-    <div
-      :label="$t('admin_dash.tabs.mailer')"
-      icon="envelope"
-      data-tab-name="mailer"
-    >
-      <MailerTab />
-    </div>
-
     <div
       :label="$t('admin_dash.tabs.uploads')"
       icon="upload"
@@ -124,6 +116,14 @@
       <LinksTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.mailer')"
+      icon="envelope"
+      data-tab-name="mailer"
+    >
+      <MailerTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.federation')"
       icon="circle-nodes"
@@ -132,6 +132,14 @@
       <FederationTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.http')"
+      icon="globe"
+      data-tab-name="http"
+    >
+      <HTTPTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.job_queues')"
       icon="gears"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 0a7f0fd00..18894a475 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1161,6 +1161,7 @@
       "links": "Links",
       "job_queues": "Job Queues",
       "auth": "Auth",
+      "http": "HTTP",
       "federation": "Federation"
     },
     "federation": {
@@ -1168,7 +1169,12 @@
       "restrictions": "Restrictions",
       "activitypub": "ActivityPub"
     },
+    "http": {
+      "outbound": "Outbound HTTP requests",
+      "socks5": "SOCKS5"
+    },
     "auth": {
+      "MFA": "Multi-factor Authentication",
       "LDAP": "LDAP Settings",
       "OAuth": "Oauth2 settings",
       "TOTP": "One-time Passwords (TOTP)",

From df8df5a0bf3afaaaf4a522cc39d1e8d2e4741150 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 7 Dec 2025 23:14:30 +0200
Subject: [PATCH 347/424] fix hard-reset not showing

---
 src/components/settings_modal/helpers/draft_buttons.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index 2cb4594db..cc9283d88 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -3,7 +3,7 @@
 <template>
   <span
     class="DraftButtons"
-    v-if="$parent.isDirty"
+    v-if="$parent.isDirty || $parent.canHardReset"
   >
     <Popover
       v-if="$parent.isDirty"

From e961b6e14ce4931ec11d9bceac081fc9a50c4734 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 8 Dec 2025 13:49:30 +0200
Subject: [PATCH 348/424] small visual fixes

---
 src/components/settings_modal/helpers/boolean_setting.vue | 1 +
 src/components/settings_modal/helpers/draft_buttons.vue   | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/settings_modal/helpers/boolean_setting.vue b/src/components/settings_modal/helpers/boolean_setting.vue
index 391318955..5165535cc 100644
--- a/src/components/settings_modal/helpers/boolean_setting.vue
+++ b/src/components/settings_modal/helpers/boolean_setting.vue
@@ -22,6 +22,7 @@
         <slot v-else />
       </span>
     </Checkbox>
+    {{ ' ' }}
     <ModifiedIndicator
       :changed="isChanged"
       :onclick="reset"
diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index cc9283d88..3c21d6d0a 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -77,6 +77,7 @@ export default {
   position: relative;
   display: inline-flex;
   gap: 0.5em;
+  margin-top: 0.5em
 }
 
 .draft-tooltip {

From 5aed9a20b8539f30b41296c297a0fc7ee30e1a75 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 8 Dec 2025 13:50:08 +0200
Subject: [PATCH 349/424] fix listsetting & http ssl options

---
 .../settings_modal/helpers/list_setting.js    | 32 ++++++++++++-------
 .../settings_modal/helpers/list_setting.vue   |  2 +-
 .../settings_modal/helpers/setting.js         |  1 -
 src/modules/adminSettings.js                  |  9 ++++++
 4 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/src/components/settings_modal/helpers/list_setting.js b/src/components/settings_modal/helpers/list_setting.js
index 7c504fe64..def6064d0 100644
--- a/src/components/settings_modal/helpers/list_setting.js
+++ b/src/components/settings_modal/helpers/list_setting.js
@@ -57,7 +57,6 @@ export default {
     },
     suggestionsSet () {
       const suggestions = this.backendDescriptionSuggestions
-      console.log(suggestions)
       if (suggestions) {
         return new Set(suggestions)
       } else {
@@ -68,7 +67,7 @@ export default {
       if (this.ignoreSuggestions) return [...this.valueSet.values()]
       if (!this.suggestionsSet) return []
       return [...this.valueSet.values()].filter((x) => {
-        return !this.suggestionsSet?.has(x)
+        return !this.builtinEntriesValueSet.has(x)
       })
     },
     builtinEntries () {
@@ -81,8 +80,11 @@ export default {
       const builtins = [...this.suggestionsSet.values()]
       return builtins.map((option) => ({
         label: option,
-        value: this.valueSet.has(option)
+        value: option
       }))
+    },
+    builtinEntriesValueSet () {
+      return new Set(this.builtinEntries.map(x => x.value))
     }
   },
   methods: {
@@ -90,32 +92,38 @@ export default {
     optionPresent (option) {
       return this.valueSet.has(option)
     },
-    getValue ({ event, index, eventType }) {
+    getValue ({ event, value, index, eventType }) {
       switch (eventType) {
         case 'toggle': {
           this.newValue = ''
-          return [...this.visibleState, event]
+          const newSet = new Set(this.valueSet.values())
+          if (event) {
+            newSet.add(value)
+          } else {
+            newSet.delete(value)
+          }
+          return [...newSet.values()]
         }
 
         case 'add': {
-          if (!this.newValue) return this.visibleState
-          const res = [...this.visibleState, this.newValue]
+          if (!this.newValue) return this.valueSet.values()
+          const res = [...this.valueSet.values(), this.newValue]
           this.newValue = ''
           return res
         }
 
         case 'remove': {
-          const pre = this.visibleState.slice(0, index)
-          const post = this.visibleState.slice(index + 1)
+          const pre = [...this.valueSet.values()].slice(0, index)
+          const post = [...this.valueSet.values()].slice(index + 1)
 
           return [...pre, ...post]
         }
 
         case 'edit': {
-          const pre = this.visibleState.slice(0, index)
-          const post = this.visibleState.slice(index + 1)
+          const pre = [...this.valueSet.values()].slice(0, index)
+          const post = [...this.valueSet.values()].slice(index + 1)
           const string = event.target.value
-          if (!string) return this.visibleState
+          if (!string) return [...this.valueSet.values()]
 
           return [...pre, string, ...post]
         }
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
index a6dcae6f2..b34b18431 100644
--- a/src/components/settings_modal/helpers/list_setting.vue
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -27,7 +27,7 @@
         <Checkbox
           :disabled="shouldBeDisabled"
           :model-value="optionPresent(item.value)"
-          @update:model-value="e => update({ event, eventType: 'toggle' })"
+          @update:model-value="event => update({ event, value: item.value, eventType: 'toggle' })"
         >
           {{ item.label }}
         </Checkbox>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index a3fcf252a..031e66dc0 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -255,7 +255,6 @@ export default {
       }
     },
     canHardReset () {
-      console.log('MP', this.$store.state.adminSettings.modifiedPaths.has)
       return this.realSource === 'admin' && this.$store.state.adminSettings.modifiedPaths?.has(this.canonPath.join(' -> '))
     },
     matchesExpertLevel () {
diff --git a/src/modules/adminSettings.js b/src/modules/adminSettings.js
index 3f443d594..1ea01eeb6 100644
--- a/src/modules/adminSettings.js
+++ b/src/modules/adminSettings.js
@@ -106,6 +106,15 @@ const adminSettingsStorage = {
         set(config, path, convert(c.value))
       })
       console.log('CONFIG', JSON.parse(JSON.stringify(config)))
+      // patching http adapter config to be easier to handle
+      const adapter = config[':pleroma'][':http'][':adapter']
+      if (Array.isArray(adapter)) {
+        config[':pleroma'][':http'][':adapter'] = {
+          [':ssl_options']: {
+            [':versions']: []
+          }
+        }
+      }
       commit('updateAdminSettings', { config, modifiedPaths })
       commit('resetAdminDraft')
     },

From c4f83808b0c1eb3022a5df82962472265dfc94dd Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 8 Dec 2025 17:09:07 +0200
Subject: [PATCH 350/424] http tab more or less done

---
 .../settings_modal/admin_tabs/http_tab.js     |  46 +++++++
 .../settings_modal/admin_tabs/http_tab.vue    | 126 ++++++++++++++++++
 .../settings_modal/helpers/proxy_setting.js   |  53 ++++++++
 .../settings_modal/helpers/proxy_setting.vue  |  57 ++++++++
 .../settings_modal/helpers/setting.js         |   6 +
 src/i18n/en.json                              |  21 +++
 src/modules/adminSettings.js                  |   1 +
 7 files changed, 310 insertions(+)
 create mode 100644 src/components/settings_modal/admin_tabs/http_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/http_tab.vue
 create mode 100644 src/components/settings_modal/helpers/proxy_setting.js
 create mode 100644 src/components/settings_modal/helpers/proxy_setting.vue

diff --git a/src/components/settings_modal/admin_tabs/http_tab.js b/src/components/settings_modal/admin_tabs/http_tab.js
new file mode 100644
index 000000000..82e2bb010
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/http_tab.js
@@ -0,0 +1,46 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
+import ProxySetting from '../helpers/proxy_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import { get } from 'lodash'
+
+const HTTPTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    AttachmentSetting,
+    MapSetting,
+    GroupSetting,
+    ListSetting,
+    TupleSetting,
+    ProxySetting
+  },
+  computed: {
+    ...SharedComputedObject(),
+    sslOptions () {
+      const desc = get(this.$store.state.adminSettings.descriptions, ':pleroma.:http.:adapter.:ssl_options.:versions')
+      return new Set(desc.suggestions.map(option => ({
+        label: option.replace(':tlsv', 'TLS v'),
+        value: option
+      })))
+    },
+  }
+}
+
+export default HTTPTab
diff --git a/src/components/settings_modal/admin_tabs/http_tab.vue b/src/components/settings_modal/admin_tabs/http_tab.vue
new file mode 100644
index 000000000..7a2e7b60a
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/http_tab.vue
@@ -0,0 +1,126 @@
+<template>
+  <div
+    class="LinksTab"
+    :label="$t('admin_dash.tabs.http')"
+  >
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.http.outbound') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ProxySetting
+            hide-description
+            path=":pleroma.:http.:proxy_url"
+          />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:http.:send_user_agent" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:http.:user_agent" />
+        </li>
+        <li>
+          <ListSetting
+            override-available-options
+            :options="sslOptions"
+            path=":pleroma.:http.:adapter.:ssl_options.:versions"
+          />
+        </li>
+        <li>
+          <GroupSetting path=":pleroma.:http.:adapter" />
+        </li>
+      </ul>
+    </div>
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.http.incoming') }}</h3>
+      <ul class="setting-list">
+        <h4>{{ $t('admin_dash.http.cors') }}</h4>
+        <li>
+          <IntegerSetting
+            :description-path-override="[':cors_plug', '<ROOT>', ':max_age']"
+            path=":cors_plug.:max_age"
+          />
+        </li>
+        <li>
+          <BooleanSetting
+            :description-path-override="[':cors_plug', '<ROOT>', ':credentials']"
+            path=":cors_plug.:credentials"
+          />
+        </li>
+        <li>
+          <ListSetting
+            path=":cors_plug.:methods"
+            :description-path-override="[':cors_plug', '<ROOT>', ':methods']"
+          />
+        </li>
+        <li>
+          <ListSetting
+            :description-path-override="[':cors_plug', '<ROOT>', ':expose']"
+            path=":cors_plug.:expose"
+          />
+        </li>
+        <li>
+          <ListSetting
+            :description-path-override="[':cors_plug', '<ROOT>', ':headers']"
+            path=":cors_plug.:headers"
+          />
+        </li>
+        <h4>{{ $t('admin_dash.http.security') }}</h4>
+        <li>
+          <BooleanSetting path=":pleroma.:http_security.:enabled" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:http_security.:sts" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:http_security.:sts_max_age" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:http_security.:ct_max_age" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:http_security.:referrer_policy" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:http_security.:allow_unsafe_eval" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:http_security.:report_url" />
+        </li>
+        <h4>{{ $t('admin_dash.http.web_cache_ttl') }}</h4>
+        <p>{{ $t('admin_dash.http.web_cache_ttl_description') }}</p>
+        <li>
+          <StringSetting path=":pleroma.:web_cache_ttl.:activity_pub" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:web_cache_ttl.:activity_pub_question" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.http.web_push') }}</h3>
+      <p>{{ $t('admin_dash.http.web_push_description') }}</p>
+      <ul class="setting-list">
+        <li>
+          <StringSetting
+            path=":web_push_encryption.:vapid_details.:subject"
+          />
+        </li>
+        <li>
+          <StringSetting
+            path=":web_push_encryption.:vapid_details.:public_key"
+          />
+        </li>
+        <li>
+          <StringSetting
+            path=":web_push_encryption.:vapid_details.:private_key"
+          />
+        </li>
+      </ul>
+      <!-- CONFIRM admin_token should go there but something is wrong with both data and description. -->
+      <!-- given the nature of the setting it's probably better to not expose it and deprecate it on backend side -->
+      <!-- CONFIRM :pleroma.:streamer should also PROBABLY? go here but it's completely MIA from backend besides references to config description -->
+    </div>
+  </div>
+</template>
+
+<!--<style lang="scss" src="./http_tab.scss"></style>-->
+
+<script src="./http_tab.js"></script>
diff --git a/src/components/settings_modal/helpers/proxy_setting.js b/src/components/settings_modal/helpers/proxy_setting.js
new file mode 100644
index 000000000..ca717b60b
--- /dev/null
+++ b/src/components/settings_modal/helpers/proxy_setting.js
@@ -0,0 +1,53 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Setting from './setting.js'
+
+const getUrl = state => state?.tuple ? state.tuple[1] + ':' + state.tuple[2] : state
+const getSocks = state => state?.tuple
+
+export default {
+  ...Setting,
+  data () {
+    return {
+      urlField: '',
+      socksField: false
+    }
+  },
+  created () {
+    Setting.created()
+    this.urlField = getUrl(this.realDraftMode ? this.draft : this.state)
+    this.socksField = getSocks(this.realDraftMode ? this.draft : this.state)
+  },
+  computed: {
+    ...Setting.computed,
+    // state that we'll show in the UI, i.e. transforming map into list
+    displayState () {
+      if (this.visibleState?.tuple) {
+        return this.visibleState.tuple[1] + ':' + this.visibleState.tuple[2]
+      }
+      return this.visibleState
+    },
+    socksState () {
+      return getSocks(this.visibleState)
+    }
+  },
+  components: {
+    ...Setting.components,
+    Checkbox
+  },
+  methods: {
+    ...Setting.methods,
+    getValue ({ event, isProxy}) {
+      if (isProxy) {
+        this.socksField = event
+      } else {
+        this.urlField = event.target.value
+      }
+
+      if (this.socksField) {
+        return { tuple: [ ':socks5', ...this.urlField.split(':') ] }
+      } else {
+        return this.urlField
+      }
+    }
+  }
+}
diff --git a/src/components/settings_modal/helpers/proxy_setting.vue b/src/components/settings_modal/helpers/proxy_setting.vue
new file mode 100644
index 000000000..ac4884696
--- /dev/null
+++ b/src/components/settings_modal/helpers/proxy_setting.vue
@@ -0,0 +1,57 @@
+<template>
+  <label
+    v-if="matchesExpertLevel"
+    class="ProxySetting"
+  >
+    <label
+      v-if="!hideLabel"
+      :for="path"
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    {{ ' ' }}
+    <input
+      :id="path"
+      class="input string-input"
+      :class="{ disabled: shouldBeDisabled }"
+      :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions[0]"
+      :value="displayState"
+      @change="event => update({ event })"
+    >
+    {{ ' ' }}
+    <Checkbox
+      :model-value="socksState"
+      :disabled="shouldBeDisabled"
+      :indeterminate="isIndeterminate"
+      @update:model-value="event => update({ event, isProxy: true})"
+    >
+      {{ $t('admin_dash.http.socks5') }}
+      {{ ' ' }}
+    </Checkbox>
+    {{ ' ' }}
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <DraftButtons v-if="!hideDraftButtons" />
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+  </label>
+</template>
+
+<script src="./proxy_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index 031e66dc0..d5ea3f21c 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -18,6 +18,10 @@ export default {
       type: [String, Array],
       required: false
     },
+    descriptionPathOverride: {
+      type: [String, Array],
+      required: false
+    },
     suggestions: {
       type: [String, Array],
       required: false
@@ -236,7 +240,9 @@ export default {
     },
     descriptionPath () {
       if (this.path == null) return null
+      if (this.descriptionPathOverride) return this.descriptionPathOverride
       const path = Array.isArray(this.path) ? this.path : this.path.split('.')
+      console.log(this.path, this.subgroup)
       if (this.subgroup) {
         return [
             ...path.slice(0, path.length - 1),
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 18894a475..968b2b609 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1213,6 +1213,16 @@
       "native": "Native",
       "kocaptcha": "KoCaptcha"
     },
+    "http": {
+      "outbound": "Outgoing connections",
+      "incoming": "Incoming connections",
+      "security": "HTTP Security",
+      "cors": "Cross-origin Resource Sharing (CORS)",
+      "web_cache_ttl": "Web Cache TTL",
+      "web_cache_ttl_description": "Amount of milliseconds until web response cache is cleared. Use `nil` to disable expiration entirely.",
+      "web_push": "Web Push",
+      "web_push_description": "Web Push VAPID settings. You can use the mix task web_push.gen.keypair to generate it."
+    },
     "instance": {
       "instance": "Instance information",
       "registrations": "User sign-ups",
@@ -1249,6 +1259,7 @@
     "uploads": {
       "attachments": "Attachments settings",
       "upload": "Upload",
+      "local_uploader": "Local files",
       "filenames": "Filenames, Titles and Descriptions",
       "uploader_settings": "Uploader settings"
     },
@@ -1427,6 +1438,16 @@
             "label": "Background image",
             "description": "Background image (primarily used by PleromaFE)"
           }
+        },
+        ":http_security": {
+          ":allow_unsafe_eval": {
+            "label": "Allow unsafe-eval",
+            "description": "Allow unsafe evaluation of scripts (required for Flash support)"
+          },
+          ":report_url": {
+            "label": "Report URL",
+            "description": "URL to report security violations to"
+          }
         }
       }
     }
diff --git a/src/modules/adminSettings.js b/src/modules/adminSettings.js
index 1ea01eeb6..bbe4beba6 100644
--- a/src/modules/adminSettings.js
+++ b/src/modules/adminSettings.js
@@ -131,6 +131,7 @@ const adminSettingsStorage = {
       }
 
       const descriptions = {}
+
       backendDescriptions.forEach(d => convert(d, '', descriptions))
       console.log('DESCRIPTIONS', descriptions)
       commit('updateAdminDescriptions', { descriptions })

From bc47bef80d522b1f59caad34bc9d701bcba546a4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 8 Dec 2025 18:12:21 +0200
Subject: [PATCH 351/424] branding/manifest part done

---
 .../settings_modal/admin_tabs/instance_tab.js |   6 +
 .../admin_tabs/instance_tab.vue               |  39 +++--
 .../settings_modal/helpers/color_setting.js   |  17 +++
 .../settings_modal/helpers/color_setting.vue  |  54 +++++++
 .../helpers/list_tuple_setting.vue            |   5 +-
 .../helpers/pwa_manifest_icons_setting.js     |  45 ++++++
 .../helpers/pwa_manifest_icons_setting.vue    | 135 ++++++++++++++++++
 .../settings_modal/helpers/setting.js         |   1 -
 .../settings_modal/tabs/filtering_tab.js      |   1 -
 src/i18n/en.json                              |   1 +
 10 files changed, 288 insertions(+), 16 deletions(-)
 create mode 100644 src/components/settings_modal/helpers/color_setting.js
 create mode 100644 src/components/settings_modal/helpers/color_setting.vue
 create mode 100644 src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
 create mode 100644 src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue

diff --git a/src/components/settings_modal/admin_tabs/instance_tab.js b/src/components/settings_modal/admin_tabs/instance_tab.js
index deac26e1e..ddbd58a88 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.js
+++ b/src/components/settings_modal/admin_tabs/instance_tab.js
@@ -2,9 +2,12 @@ import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import StringSetting from '../helpers/string_setting.vue'
+import ColorSetting from '../helpers/color_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { get } from 'lodash'
@@ -21,8 +24,11 @@ const InstanceTab = {
     ChoiceSetting,
     IntegerSetting,
     StringSetting,
+    ColorSetting,
     AttachmentSetting,
     ListSetting,
+    PWAManifestIconsSetting,
+    MapSetting,
     GroupSetting
   },
   computed: {
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index 3cf54eb84..b8a478df5 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -6,6 +6,24 @@
         <li>
           <StringSetting path=":pleroma.:instance.:name" />
         </li>
+        <li>
+          <StringSetting path=":pleroma.:instance.:contact_username" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:instance.:email" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:instance.:status_page" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:instance.:description" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:instance.:short_description" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.instance.branding') }}</h3>
+      <ul class="setting-list">
         <!-- See https://git.pleroma.social/pleroma/pleroma/-/merge_requests/3963 -->
         <li v-if="adminDraft[':pleroma'][':instance'][':favicon'] !== undefined">
           <AttachmentSetting
@@ -13,24 +31,21 @@
             path=":pleroma.:instance.:favicon"
           />
         </li>
-        <li>
-          <StringSetting path=":pleroma.:instance.:contact_username" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:instance.:email" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:instance.:description" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:instance.:short_description" />
-        </li>
         <li>
           <AttachmentSetting
             compact
             path=":pleroma.:instance.:instance_thumbnail"
           />
         </li>
+        <li>
+          <PWAManifestIconsSetting path=":pleroma.:manifest.:icons" />
+        </li>
+        <li>
+          <ColorSetting path=":pleroma.:manifest.:theme_color" />
+        </li>
+        <li>
+          <ColorSetting path=":pleroma.:manifest.:background_color" />
+        </li>
         <li>
           <AttachmentSetting path=":pleroma.:instance.:background_image" />
         </li>
diff --git a/src/components/settings_modal/helpers/color_setting.js b/src/components/settings_modal/helpers/color_setting.js
new file mode 100644
index 000000000..c286b90fe
--- /dev/null
+++ b/src/components/settings_modal/helpers/color_setting.js
@@ -0,0 +1,17 @@
+import Setting from './setting.js'
+import ColorInput from 'src/components/color_input/color_input.vue'
+
+export default {
+  ...Setting,
+  components: {
+    ...Setting.components,
+    ColorInput
+  },
+  methods: {
+    ...Setting.methods,
+    getValue (e) {
+      console.log(e)
+      return e
+    }
+  }
+}
diff --git a/src/components/settings_modal/helpers/color_setting.vue b/src/components/settings_modal/helpers/color_setting.vue
new file mode 100644
index 000000000..ffa5d77c8
--- /dev/null
+++ b/src/components/settings_modal/helpers/color_setting.vue
@@ -0,0 +1,54 @@
+<template>
+  <label
+    v-if="matchesExpertLevel"
+    class="ColorSetting"
+  >
+    <label
+      v-if="!hideLabel"
+      :for="path"
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    {{ ' ' }}
+    <ColorInput
+      :id="path"
+      class="color-setting-input"
+      :class="{ disabled: shouldBeDisabled }"
+      :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions"
+      :model-value="realDraftMode ? draft : state"
+      @update:model-value="update"
+    />
+    {{ ' ' }}
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <DraftButtons v-if="!hideDraftButtons" />
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+  </label>
+</template>
+
+<style lang="scss">
+.ColorSetting {
+  .color-setting-input {
+    vertical-align: middle;
+  }
+}
+</style>
+<script src="./color_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/list_tuple_setting.vue b/src/components/settings_modal/helpers/list_tuple_setting.vue
index 3adba7ad8..67430bcfa 100644
--- a/src/components/settings_modal/helpers/list_tuple_setting.vue
+++ b/src/components/settings_modal/helpers/list_tuple_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="matchesExpertLevel"
-    class="ListSetting"
+    class="ListTupleSetting"
   >
     <label
       class="setting-label"
@@ -80,7 +80,7 @@
 </template>
 
 <style lang="scss">
-.ListSetting {
+.ListTupleSetting {
   .btn-group {
     display: flex
   }
@@ -89,6 +89,7 @@
     display: inline-grid;
     grid-template-columns: auto auto;
     gap: 0.5em;
+    align-items: baseline;
 
     dt {
       display: inline;
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
new file mode 100644
index 000000000..3e6ff23fa
--- /dev/null
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
@@ -0,0 +1,45 @@
+import { clone } from 'lodash'
+import Setting from './setting.js'
+
+export default {
+  ...Setting,
+  methods: {
+    ...Setting.methods,
+    optionPresent (option) {
+      return this.valueSet.has(option)
+    },
+    getValue ({ event, field, index, eventType }) {
+      switch (eventType) {
+        case 'add': {
+          const res = [...this.visibleState, {}]
+          return res
+        }
+
+        case 'remove': {
+          const pre = this.visibleState.slice(0, index)
+          const post = this.visibleState.slice(index + 1)
+
+          return [...pre, ...post]
+        }
+
+        case 'edit': {
+          const pre = this.visibleState.slice(0, index)
+          const post = this.visibleState.slice(index + 1)
+          const item = clone(this.visibleState[index])
+          const string = event.target.value
+          console.log(item)
+
+          if (!string)  {
+            delete item[field]
+          } else {
+            item[field] = string
+          }
+
+          console.log(item)
+
+          return [...pre, item, ...post]
+        }
+      }
+    }
+  }
+}
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
new file mode 100644
index 000000000..b076569cd
--- /dev/null
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -0,0 +1,135 @@
+<template>
+  <div
+    v-if="matchesExpertLevel"
+    class="PWAManifestIconsSetting"
+  >
+    <label
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+    <ul class="setting-list">
+      <li v-for="(item, index) in visibleState">
+        <div>
+          <dl>
+            <dt><code>purpose</code></dt>
+            <dd>
+              <input
+                class="input string-input"
+                :class="{ disabled: shouldBeDisabled }"
+                :value="item[':purpose']"
+                @change="e => update({ event: e, index, eventType: 'edit', field: ':purpose' })"
+              >
+            </dd>
+            <dt><code>sizes</code></dt>
+            <dd>
+              <input
+                class="input string-input"
+                :class="{ disabled: shouldBeDisabled }"
+                :value="item[':sizes']"
+                @change="e => update({ event: e, index, eventType: 'edit', field: ':sizes' })"
+              >
+            </dd>
+            <dt><code>src</code></dt>
+            <dd>
+              <input
+                class="input string-input"
+                :class="{ disabled: shouldBeDisabled }"
+                :value="item[':src']"
+                @change="e => update({ event: e, index, eventType: 'edit', field: ':src' })"
+              >
+            </dd>
+            <dt><code>type</code></dt>
+            <dd>
+              <input
+                class="input string-input"
+                :class="{ disabled: shouldBeDisabled }"
+                :value="item[':type']"
+                @change="e => update({ event: e, index, eventType: 'edit', field: ':type' })"
+              >
+            </dd>
+          </dl>
+          <div class="buttons">
+            <button
+              v-if="index === visibleState.length - 1"
+              class="button-default add-button"
+              @click="e => update({ eventType: 'add' })"
+            >
+              <FAIcon icon="plus" />
+            </button>
+            <button
+              class="button-default delete-button"
+              @click="e => update({ index, eventType: 'remove' })"
+            >
+              <FAIcon icon="times" />
+            </button>
+          </div>
+        </div>
+      </li>
+    </ul>
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <DraftButtons />
+  </div>
+</template>
+
+<style lang="scss">
+.PWAManifestIconsSetting {
+  display: inline-block;
+  .setting-list {
+    display: grid;
+    gap: 0.5em;
+  }
+
+  .buttons {
+    display: flex;
+    gap: 0.5em;
+    justify-content: right;
+    margin-top: 0.5em;
+
+    button {
+      line-height: 2;
+    }
+  }
+
+  dl {
+    display: inline-grid;
+    grid-template-columns: auto auto;
+    gap: 0.5em;
+    align-items: baseline;
+
+    dt {
+      display: inline;
+      font-weight: 800;
+      text-align: right;
+
+      &::after {
+        content: ':'
+      }
+    }
+
+    dd {
+      display: inline;
+      margin: 0
+    }
+  }
+}
+</style>
+<script src="./pwa_manifest_icons_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index d5ea3f21c..cabe24533 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -242,7 +242,6 @@ export default {
       if (this.path == null) return null
       if (this.descriptionPathOverride) return this.descriptionPathOverride
       const path = Array.isArray(this.path) ? this.path : this.path.split('.')
-      console.log(this.path, this.subgroup)
       if (this.subgroup) {
         return [
             ...path.slice(0, path.length - 1),
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index ee9142501..594ce3f58 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -217,7 +217,6 @@ const FilteringTab = {
     },
     purgeExpiredFilters () {
       this.muteFiltersExpired.forEach(([id]) => {
-        console.log(id)
         delete this.muteFiltersDraftObject[id]
         this.unsetPreference({ path: 'simple.muteFilters.' + id , value: null })
       })
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 968b2b609..485cffc9a 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1225,6 +1225,7 @@
     },
     "instance": {
       "instance": "Instance information",
+      "branding": "Branding",
       "registrations": "User sign-ups",
       "captcha_header": "CAPTCHA",
       "kocaptcha": "KoCaptcha settings",

From bdb992a8e5f30df79dab66346e8c1d04056ed87e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 8 Dec 2025 18:17:11 +0200
Subject: [PATCH 352/424] lint

---
 .../settings_modal/admin_tabs/emoji_tab.vue   |  7 +++---
 .../admin_tabs/frontends_tab.vue              |  2 +-
 .../admin_tabs/instance_tab.vue               |  2 +-
 .../settings_modal/admin_tabs/links_tab.vue   | 22 +++++++++----------
 .../settings_modal/admin_tabs/mailer_tab.vue  |  6 ++---
 .../admin_tabs/media_proxy_tab.vue            |  4 ++--
 .../admin_tabs/registrations_tab.vue          |  2 +-
 .../settings_modal/admin_tabs/uploads_tab.vue |  2 +-
 .../settings_modal/helpers/color_setting.vue  |  2 +-
 .../settings_modal/helpers/draft_buttons.vue  |  2 +-
 .../settings_modal/helpers/list_setting.vue   | 14 ++++++++----
 .../helpers/list_tuple_setting.vue            | 11 ++++++----
 .../settings_modal/helpers/map_setting.vue    | 11 ++++++----
 .../helpers/pwa_manifest_icons_setting.vue    |  7 ++++--
 .../settings_modal/tabs/appearance_tab.vue    | 17 ++++++++------
 .../settings_modal/tabs/uploads_tab.vue       |  2 +-
 16 files changed, 66 insertions(+), 47 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index 8a3a5fd33..fcf03dd97 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -13,8 +13,8 @@
           <button
             class="button button-default"
             type="button"
-            @click="reloadEmoji"
             :title="$t('admin_dash.emoji.reload')"
+            @click="reloadEmoji"
           >
             <FAIcon icon="arrows-rotate" />
             {{ $t('admin_dash.emoji.reload_short') }}
@@ -62,8 +62,8 @@
             <template #trigger>
               <button
                 class="button button-default emoji-panel-additional-actions"
-                @click="$refs.additionalRemotePopover.showPopover"
                 :title="$t('admin_dash.emoji.import_pack')"
+                @click="$refs.additionalRemotePopover.showPopover"
               >
                 <FAIcon icon="folder-open" />
                 {{ $t('admin_dash.emoji.import_pack_short') }}
@@ -372,8 +372,9 @@
           </EmojiEditingPopover>
           <template v-if="!pack">
             <div
+              v-for="(_, i) in new Array(20)"
+              :key="i"
               class="placeholder"
-              v-for="_ in new Array(20)"
             />
           </template>
 
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.vue b/src/components/settings_modal/admin_tabs/frontends_tab.vue
index 3dd4acba1..750a70165 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.vue
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.vue
@@ -42,8 +42,8 @@
         <ul class="cards-list">
           <li
             v-for="frontend in frontends"
-            class="frontend-card"
             :key="frontend.name"
+            class="frontend-card"
           >
             <h5>{{ frontend.name }}</h5>
             {{ ' ' }}
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index b8a478df5..400764079 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -163,7 +163,7 @@
         <li>
           <BooleanSetting
             :path="[':pleroma','Pleroma.Web.Metadata', ':unfurl_nsfw']"
-            />
+          />
         </li>
       </ul>
     </div>
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index e72ce1ae7..9c661b209 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -70,15 +70,15 @@
             :model-value="relIsPresent"
             @update:model-value="checkRel"
           >
-          <i18n-t
-            keypath="admin_dash.temp_overrides.:pleroma.Pleroma_DOT_Formatter.:attribute_toggle.label"
-            tag="span"
-            scope="global"
-          >
-            <template #attr>
-              <code>rel</code>
-            </template>
-          </i18n-t>
+            <i18n-t
+              keypath="admin_dash.temp_overrides.:pleroma.Pleroma_DOT_Formatter.:attribute_toggle.label"
+              tag="span"
+              scope="global"
+            >
+              <template #attr>
+                <code>rel</code>
+              </template>
+            </i18n-t>
           </Checkbox>
           <div class="setting-list suboptions weird-suboptions">
             <StringSetting
@@ -141,6 +141,6 @@
   </div>
 </template>
 
-<style lang="scss" src="./links_tab.scss"></style>
-
 <script src="./links_tab.js"></script>
+
+<style lang="scss" src="./links_tab.scss"></style>
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.vue b/src/components/settings_modal/admin_tabs/mailer_tab.vue
index df2456b4d..3830a51f9 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.vue
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.vue
@@ -15,7 +15,6 @@
             <h4>{{ $t('admin_dash.mailer.auth') }}</h4>
             <ul class="setting-list suboptions">
               <li v-if="adapterHasKey(':api_key')">
-
                 <!-- authentication info -->
                 <StringSetting
                   :path="[':pleroma','Pleroma.Emails.Mailer',':api_key']"
@@ -38,7 +37,8 @@
                 />
               </li>
               <li v-if="adapterHasKey(':username')">
-                <StringSetting :path="[':pleroma','Pleroma.Emails.Mailer',':username']"
+                <StringSetting
+                  :path="[':pleroma','Pleroma.Emails.Mailer',':username']"
                   :subgroup="adapter"
                 />
               </li>
@@ -137,7 +137,7 @@
                 <IntegerSetting
                   :path="[':pleroma','Pleroma.Emails.Mailer',':retries']"
                   :subgroup="adapter"
-                  />
+                />
               </li>
             </ul>
           </li>
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
index b36269d8b..3aa22d56f 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
@@ -65,13 +65,13 @@
                     <StringSetting
                       :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script', ':script_path']"
                       parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
-                                   />
+                    />
                   </li>
                   <li>
                     <StringSetting
                       :path="[':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script', ':url_format']"
                       parent-path=":pleroma.:media_proxy.:invalidation.:enabled"
-                                   />
+                    />
                   </li>
                 </template>
               </ul>
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
index 5ccd68ea9..80b16cc69 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.vue
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -33,7 +33,7 @@
           <BooleanSetting path=":pleroma.:instance.:account_approval_required" />
         </li>
         <li>
-        <h4>{{ $t('admin_dash.instance.captcha_header') }}</h4>
+          <h4>{{ $t('admin_dash.instance.captcha_header') }}</h4>
           <ul class="setting-list">
             <li>
               <BooleanSetting :path="[':pleroma', 'Pleroma.Captcha', ':enabled']" />
diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.vue b/src/components/settings_modal/admin_tabs/uploads_tab.vue
index 1c3c9349f..74cbe7ce7 100644
--- a/src/components/settings_modal/admin_tabs/uploads_tab.vue
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.vue
@@ -8,7 +8,7 @@
             :path="[':pleroma','Pleroma.Upload',':uploader']"
             :options="uploaders"
           />
-          <h4>{{ $t('admin_dash.uploads.uploader_settings')}}</h4>
+          <h4>{{ $t('admin_dash.uploads.uploader_settings') }}</h4>
           <ul class="setting-list suboptions">
             <template v-if="uploader === 'Pleroma.Uploaders.Local'">
               <li>
diff --git a/src/components/settings_modal/helpers/color_setting.vue b/src/components/settings_modal/helpers/color_setting.vue
index ffa5d77c8..de88d5bc4 100644
--- a/src/components/settings_modal/helpers/color_setting.vue
+++ b/src/components/settings_modal/helpers/color_setting.vue
@@ -44,6 +44,7 @@
   </label>
 </template>
 
+<script src="./color_setting.js"></script>
 <style lang="scss">
 .ColorSetting {
   .color-setting-input {
@@ -51,4 +52,3 @@
   }
 }
 </style>
-<script src="./color_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index 3c21d6d0a..5d80928e8 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -2,8 +2,8 @@
 <!-- TODO make it reusable -->
 <template>
   <span
-    class="DraftButtons"
     v-if="$parent.isDirty || $parent.canHardReset"
+    class="DraftButtons"
   >
     <Popover
       v-if="$parent.isDirty"
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
index b34b18431..66581fc56 100644
--- a/src/components/settings_modal/helpers/list_setting.vue
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -23,7 +23,10 @@
       {{ backendDescriptionDescription + ' ' }}
     </p>
     <ul class="setting-list">
-      <li v-for="item in builtinEntries">
+      <li
+        v-for="(item, i) in builtinEntries"
+        :key="i"
+      >
         <Checkbox
           :disabled="shouldBeDisabled"
           :model-value="optionPresent(item.value)"
@@ -32,7 +35,10 @@
           {{ item.label }}
         </Checkbox>
       </li>
-      <li v-for="(item, index) in extraEntries">
+      <li
+        v-for="(item, index) in extraEntries"
+        :key="index"
+      >
         <div class="btn-group">
           <input
             class="input string-input"
@@ -51,10 +57,10 @@
       <li v-if="showNew">
         <div class="btn-group">
           <input
+            v-model="newValue"
             class="input string-input"
             :class="{ disabled: shouldBeDisabled }"
             :disabled="shouldBeDisabled"
-            v-model="newValue"
           >
           <button
             class="button-default"
@@ -74,6 +80,7 @@
   </div>
 </template>
 
+<script src="./list_setting.js"></script>
 <style lang="scss">
 .ListSetting {
   .btn-group {
@@ -81,4 +88,3 @@
   }
 }
 </style>
-<script src="./list_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/list_tuple_setting.vue b/src/components/settings_modal/helpers/list_tuple_setting.vue
index 67430bcfa..eb2f6e16e 100644
--- a/src/components/settings_modal/helpers/list_tuple_setting.vue
+++ b/src/components/settings_modal/helpers/list_tuple_setting.vue
@@ -23,7 +23,10 @@
       {{ backendDescriptionDescription + ' ' }}
     </p>
     <ul class="setting-list">
-      <li v-for="(item, index) in visibleState">
+      <li
+        v-for="(item, index) in visibleState"
+        :key="index"
+      >
         <div class="btn-group">
           <input
             class="input string-input"
@@ -48,18 +51,18 @@
       <li>
         <div class="btn-group">
           <input
+            v-model="newValue[0]"
             class="input string-input"
             :class="{ disabled: shouldBeDisabled }"
             :disabled="shouldBeDisabled"
             :placeholder="backendDescriptionSuggestions[0][0]"
-            v-model="newValue[0]"
           >
           <input
+            v-model="newValue[1]"
             class="input string-input"
             :class="{ disabled: shouldBeDisabled }"
             :disabled="shouldBeDisabled"
             :placeholder="backendDescriptionSuggestions[0][1]"
-            v-model="newValue[1]"
           >
           <button
             class="button-default"
@@ -79,6 +82,7 @@
   </div>
 </template>
 
+<script src="./list_tuple_setting.js"></script>
 <style lang="scss">
 .ListTupleSetting {
   .btn-group {
@@ -107,4 +111,3 @@
   }
 }
 </style>
-<script src="./list_tuple_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/map_setting.vue b/src/components/settings_modal/helpers/map_setting.vue
index 01b6cbc0f..907c0b354 100644
--- a/src/components/settings_modal/helpers/map_setting.vue
+++ b/src/components/settings_modal/helpers/map_setting.vue
@@ -23,7 +23,10 @@
       {{ backendDescriptionDescription + ' ' }}
     </p>
     <ul class="setting-list">
-      <li v-for="item in displayState">
+      <li
+        v-for="(item, i) in displayState"
+        :key="i"
+      >
         <div class="btn-group">
           <input
             class="input string-input"
@@ -48,18 +51,18 @@
       <li v-if="allowNew">
         <div class="btn-group">
           <input
+            v-model="newValue[0]"
             class="input string-input"
             :class="{ disabled: shouldBeDisabled }"
             :disabled="shouldBeDisabled"
             :placeholder="backendDescriptionSuggestions[0][0]"
-            v-model="newValue[0]"
           >
           <input
+            v-model="newValue[1]"
             class="input string-input"
             :class="{ disabled: shouldBeDisabled }"
             :disabled="shouldBeDisabled"
             :placeholder="backendDescriptionSuggestions[0][1]"
-            v-model="newValue[1]"
           >
           <button
             class="button-default"
@@ -79,6 +82,7 @@
   </div>
 </template>
 
+<script src="./map_setting.js"></script>
 <style lang="scss">
 .ListSetting {
   .btn-group {
@@ -106,4 +110,3 @@
   }
 }
 </style>
-<script src="./map_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
index b076569cd..ab43a2c1a 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -23,7 +23,10 @@
       {{ backendDescriptionDescription + ' ' }}
     </p>
     <ul class="setting-list">
-      <li v-for="(item, index) in visibleState">
+      <li
+        v-for="(item, index) in visibleState"
+        :key="index"
+      >
         <div>
           <dl>
             <dt><code>purpose</code></dt>
@@ -90,6 +93,7 @@
   </div>
 </template>
 
+<script src="./pwa_manifest_icons_setting.js"></script>
 <style lang="scss">
 .PWAManifestIconsSetting {
   display: inline-block;
@@ -132,4 +136,3 @@
   }
 }
 </style>
-<script src="./pwa_manifest_icons_setting.js"></script>
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index d9303ce7b..815a6d4c5 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -161,13 +161,16 @@
             <div class="fun-monitor-neck button-default" />
             <div class="fun-monitor-display-bezel button-default">
               <div class="fun-monitor-display-screen input">
-              <img
-                v-if="backgroundPreview || user.background_image || instanceWallpaper"
-                class="fun-monitor-display-screen-image"
-                :src="backgroundPreview || user.background_image || instanceWallpaper"
-              />
-              <div v-else class="wallpaper" />
-              <div class="fun-monitor-display-screen-overlay input" />
+                <img
+                  v-if="backgroundPreview || user.background_image || instanceWallpaper"
+                  class="fun-monitor-display-screen-image"
+                  :src="backgroundPreview || user.background_image || instanceWallpaper"
+                >
+                <div
+                  v-else
+                  class="wallpaper"
+                />
+                <div class="fun-monitor-display-screen-overlay input" />
                 <div
                   v-if="backgroundUploading"
                   class="fun-monitor-display-uploading"
diff --git a/src/components/settings_modal/tabs/uploads_tab.vue b/src/components/settings_modal/tabs/uploads_tab.vue
index 70b768023..b11dc1381 100644
--- a/src/components/settings_modal/tabs/uploads_tab.vue
+++ b/src/components/settings_modal/tabs/uploads_tab.vue
@@ -7,7 +7,7 @@
           <ChoiceSetting
             :path="[':pleroma','Pleroma.Upload']"
             :option-label-map="adaptersLabels"
-           />
+          />
         </li>
         <h4>{{ $t('admin_dash.mailer.auth') }}</h4>
         <li>

From a7fa7558b36d11ec80466db72c05075a0aa37418 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 8 Dec 2025 22:29:47 +0200
Subject: [PATCH 353/424] pretty much "the rest"

---
 .../admin_tabs/federation_tab.vue             |  12 +-
 .../admin_tabs/instance_tab.vue               |  43 +++---
 .../settings_modal/admin_tabs/limits_tab.vue  |  19 +++
 .../admin_tabs/monitoring_tab.js              |   4 +-
 .../admin_tabs/monitoring_tab.vue             |  35 ++++-
 .../settings_modal/admin_tabs/other_tab.js    |  38 +++++
 .../settings_modal/admin_tabs/other_tab.vue   | 134 ++++++++++++++++++
 .../settings_modal/admin_tabs/posts_tab.js    |  38 +++++
 .../settings_modal/admin_tabs/posts_tab.vue   |  43 ++++++
 .../settings_modal/helpers/setting.js         |   3 +
 .../settings_modal_admin_content.js           |  14 +-
 .../settings_modal_admin_content.vue          |  16 +++
 src/i18n/en.json                              |  27 +++-
 13 files changed, 399 insertions(+), 27 deletions(-)
 create mode 100644 src/components/settings_modal/admin_tabs/other_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/other_tab.vue
 create mode 100644 src/components/settings_modal/admin_tabs/posts_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/posts_tab.vue

diff --git a/src/components/settings_modal/admin_tabs/federation_tab.vue b/src/components/settings_modal/admin_tabs/federation_tab.vue
index 6def05a6e..9af338653 100644
--- a/src/components/settings_modal/admin_tabs/federation_tab.vue
+++ b/src/components/settings_modal/admin_tabs/federation_tab.vue
@@ -9,6 +9,9 @@
         <li>
           <BooleanSetting path=":pleroma.:instance.:skip_thread_containment" />
         </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:external_user_synchronization" />
+        </li>
       </ul>
       <h3>{{ $t('admin_dash.federation.restrictions') }}</h3>
       <ul class="setting-list">
@@ -18,9 +21,6 @@
         <li>
           <MapSetting path=":pleroma.:instance.:rejected_instances" />
         </li>
-        <li>
-          <IntegerSetting path=":pleroma.:instance.:remote_post_retention_days" />
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.federation.activitypub') }}</h3>
       <ul class="setting-list">
@@ -45,6 +45,12 @@
         <li>
           <IntegerSetting path=":pleroma.:instance.:federation_incoming_replies_max_depth" />
         </li>
+        <li>
+          <IntegerSetting path=":pleroma.:instance.:federation_reachability_timeout_days" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:allow_relay" />
+        </li>
         <li>
           <BooleanSetting path=":pleroma.:activitypub.:sign_object_fetches" />
         </li>
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index 400764079..89d27315a 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -12,15 +12,22 @@
         <li>
           <StringSetting path=":pleroma.:instance.:email" />
         </li>
-        <li>
-          <StringSetting path=":pleroma.:instance.:status_page" />
-        </li>
         <li>
           <StringSetting path=":pleroma.:instance.:description" />
         </li>
         <li>
           <StringSetting path=":pleroma.:instance.:short_description" />
         </li>
+        <li>
+          <ListSetting
+            force-new
+            ignore-suggestions
+            path=":pleroma.:instance.:languages"
+          />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:instance.:status_page" />
+        </li>
       </ul>
       <h3>{{ $t('admin_dash.instance.branding') }}</h3>
       <ul class="setting-list">
@@ -50,6 +57,21 @@
           <AttachmentSetting path=":pleroma.:instance.:background_image" />
         </li>
       </ul>
+      <h3>{{ $t('admin_dash.instance.rich_metadata') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ListSetting
+            override-available-options
+            :options="providersOptions"
+            :path="[':pleroma','Pleroma.Web.Metadata', ':providers']"
+          />
+        </li>
+        <li>
+          <BooleanSetting
+            :path="[':pleroma','Pleroma.Web.Metadata', ':unfurl_nsfw']"
+          />
+        </li>
+      </ul>
     </div>
     <div class="setting-item">
       <h3>{{ $t('admin_dash.instance.access') }}</h3>
@@ -151,21 +173,6 @@
           </ul>
         </li>
       </ul>
-      <h3>{{ $t('admin_dash.instance.rich_metadata') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <ListSetting
-            override-available-options
-            :options="providersOptions"
-            :path="[':pleroma','Pleroma.Web.Metadata', ':providers']"
-          />
-        </li>
-        <li>
-          <BooleanSetting
-            :path="[':pleroma','Pleroma.Web.Metadata', ':unfurl_nsfw']"
-          />
-        </li>
-      </ul>
     </div>
   </div>
 </template>
diff --git a/src/components/settings_modal/admin_tabs/limits_tab.vue b/src/components/settings_modal/admin_tabs/limits_tab.vue
index d45b14c8a..04e5334da 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.vue
+++ b/src/components/settings_modal/admin_tabs/limits_tab.vue
@@ -128,6 +128,25 @@
             </li>
           </ul>
         </li>
+        <li>
+          <h4>{{ $t('admin_dash.limits.other') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <IntegerSetting
+                source="admin"
+                path=":pleroma.:instance.:max_report_comment_size"
+                draft-mode
+              />
+            </li>
+            <li>
+              <IntegerSetting
+                source="admin"
+                path=":pleroma.:instance.:max_endorsed_users"
+                draft-mode
+              />
+            </li>
+          </ul>
+        </li>
       </ul>
     </div>
   </div>
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.js b/src/components/settings_modal/admin_tabs/monitoring_tab.js
index 8bde81377..8593b9d69 100644
--- a/src/components/settings_modal/admin_tabs/monitoring_tab.js
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.js
@@ -4,6 +4,7 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -28,7 +29,8 @@ const MonitoringTab = {
     IntegerSetting,
     StringSetting,
     AttachmentSetting,
-    GroupSetting
+    GroupSetting,
+    ListSetting
   },
   computed: {
     ...SharedComputedObject()
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.vue b/src/components/settings_modal/admin_tabs/monitoring_tab.vue
index 6b09989cd..3a58b5795 100644
--- a/src/components/settings_modal/admin_tabs/monitoring_tab.vue
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.vue
@@ -1,11 +1,44 @@
 <template>
   <div :label="$t('admin_dash.tabs.monitoring')">
     <div class="setting-item">
-      <h3>{{ $t('admin_dash.monitoring.mail_digest') }}</h3>
+      <h3>{{ $t('admin_dash.monitoring.builtins') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting :path="[':pleroma','Pleroma.Emails.NewUsersDigestEmail',':enabled']" />
         </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:healthcheck" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.monitoring.prometheus') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting :path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':enabled']" />
+        </li>
+        <li>
+          <BooleanSetting
+            :parent-path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':enabled']"
+            :path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':auth']"
+          />
+        </li>
+        <li>
+          <StringSetting
+            :parent-path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':enabled']"
+            :path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':path']"
+          />
+        </li>
+        <li>
+          <ChoiceSetting
+            :parent-path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':enabled']"
+            :path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':format']"
+          />
+        </li>
+        <li>
+          <ListSetting
+            :parent-path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':enabled']"
+            :path="[':prometheus','Pleroma.Web.Endpoint.MetricsExporter',':ip_whitelist']"
+          />
+        </li>
       </ul>
     </div>
   </div>
diff --git a/src/components/settings_modal/admin_tabs/other_tab.js b/src/components/settings_modal/admin_tabs/other_tab.js
new file mode 100644
index 000000000..dc6550d27
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/other_tab.js
@@ -0,0 +1,38 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import ColorSetting from '../helpers/color_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const OtherTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    ColorSetting,
+    AttachmentSetting,
+    ListSetting,
+    PWAManifestIconsSetting,
+    MapSetting,
+    GroupSetting
+  },
+  computed: {
+    ...SharedComputedObject()
+  }
+}
+
+export default OtherTab
diff --git a/src/components/settings_modal/admin_tabs/other_tab.vue b/src/components/settings_modal/admin_tabs/other_tab.vue
new file mode 100644
index 000000000..967b4bd61
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/other_tab.vue
@@ -0,0 +1,134 @@
+<template>
+  <div :label="$t('admin_dash.tabs.other')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.other.uncategorized') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <StringSetting path=":pleroma.:instance.:static_dir" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:modules.:runtime_dir" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:profile_directory" />
+        </li>
+        <li>
+          <BooleanSetting :path="[':pleroma','Pleroma.Web.ApiSpec.CastAndValidate',':strict']" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.other.reports') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:report_strip_status" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.other.user_backup') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':purge_after_days']" />
+        </li>
+        <li>
+          <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':limit_days']" />
+        </li>
+        <!-- CONFIRM what is this?
+        <li>
+          <StringSetting :path="[':pleroma','Pleroma.User.Backup',':dir']" />
+        </li>
+        -->
+        <li>
+          <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':process_chunk_size']" />
+        </li>
+        <li>
+          <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':timeout']" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.other.feed') }}</h3>
+      <ul class="setting-list">
+        <h4>{{ $t('admin_dash.other.feed_title') }}</h4>
+        <li>
+          <IntegerSetting path=":pleroma.:feed.:post_title.:max_length" />
+        </li>
+        <li>
+          <StringSetting path=":pleroma.:feed.:post_title.:omission" />
+        </li>
+        <li>
+          <GroupSetting path=":pleroma.:feed.:post_title" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.other.remote_ip') }}</h3>
+      <p>{{ $t('admin_dash.other.remote_ip_description') }}</p>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':enabled']" />
+        </li>
+        <li>
+          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':headers']" />
+        </li>
+        <li>
+          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':proxies']" />
+        </li>
+        <li>
+          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':reserved']" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.other.mime') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ListSetting
+            override-backend-description-label="application/activity+json"
+            hide-description
+            :path="[':mime',':types', 'application/activity+json']"
+          />
+        </li>
+        <li>
+          <ListSetting
+            override-backend-description-label="application/jrd+json"
+            hide-description
+            :path="[':mime',':types', 'application/jrd+json']"
+          />
+        </li>
+        <li>
+          <ListSetting
+            override-backend-description-label="application/ld+json"
+            hide-description
+            :path="[':mime',':types', 'application/ld+json']"
+          />
+        </li>
+        <li>
+          <ListSetting
+            override-backend-description-label="application/xml"
+            hide-description
+            :path="[':mime',':types', 'application/xml']"
+          />
+        </li>
+        <li>
+          <ListSetting
+            override-backend-description-label="application/xrd+xml"
+            hide-description
+            :path="[':mime',':types', 'application/xrd+xml']"
+          />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.other.streamer') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <IntegerSetting path=":pleroma.:streamer.:workers" />
+        </li>
+        <li>
+          <IntegerSetting path=":pleroma.:streamer.:overflow_workers" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.other.privileges') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ListSetting path=":pleroma.:instance.:admin_privileges" />
+        </li>
+        <li>
+          <ListSetting path=":pleroma.:instance.:moderator_privileges" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./other_tab.js"></script>
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.js b/src/components/settings_modal/admin_tabs/posts_tab.js
new file mode 100644
index 000000000..d9f213594
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/posts_tab.js
@@ -0,0 +1,38 @@
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import StringSetting from '../helpers/string_setting.vue'
+import ColorSetting from '../helpers/color_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
+import MapSetting from '../helpers/map_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const PostsTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    BooleanSetting,
+    ChoiceSetting,
+    IntegerSetting,
+    StringSetting,
+    ColorSetting,
+    AttachmentSetting,
+    ListSetting,
+    PWAManifestIconsSetting,
+    MapSetting,
+    GroupSetting
+  },
+  computed: {
+    ...SharedComputedObject()
+  }
+}
+
+export default PostsTab
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.vue b/src/components/settings_modal/admin_tabs/posts_tab.vue
new file mode 100644
index 000000000..8f2319840
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/posts_tab.vue
@@ -0,0 +1,43 @@
+<template>
+  <div :label="$t('admin_dash.tabs.posts')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.posts.global') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <BooleanSetting path=":pleroma.:instances_favicons.:enabled" />
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.posts.local') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <ListSetting path=":pleroma.:instance.:allowed_post_formats" />
+        </li>
+        <li>
+          <h4>{{ $t('admin_dash.posts.scheduled_activites') }}</h4>
+          <ul class="setting-list">
+            <li>
+              <BooleanSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':enabled']" />
+            </li>
+            <li>
+              <IntegerSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':daily_user_limit']" />
+            </li>
+            <li>
+              <IntegerSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':total_user_limit']" />
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <h3>{{ $t('admin_dash.posts.remote') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <IntegerSetting path=":pleroma.:instance.:remote_post_retention_days" />
+        </li>
+        <li>
+          <BooleanSetting path=":pleroma.:instance.:skip_thread_containment" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./posts_tab.js"></script>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index cabe24533..f786a35da 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -140,6 +140,9 @@ export default {
     },
     backendDescriptionLabel () {
       if (this.realSource !== 'admin') return ''
+      if (this.overrideBackendDescriptionLabel !== '' && typeof this.overrideBackendDescriptionLabel === 'string') {
+        return this.overrideBackendDescriptionLabel
+      }
       if (!this.backendDescription || this.overrideBackendDescriptionLabel) {
         return this.$t([
           'admin_dash',
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 8fd7a1a63..4a05868d8 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -12,6 +12,8 @@ import MonitoringTab from './admin_tabs/monitoring_tab.vue'
 import RegistrationsTab from './admin_tabs/registrations_tab.vue'
 import AuthTab from './admin_tabs/auth_tab.vue'
 import HTTPTab from './admin_tabs/http_tab.vue'
+import OtherTab from './admin_tabs/other_tab.vue'
+import PostsTab from './admin_tabs/posts_tab.vue'
 import FederationTab from './admin_tabs/federation_tab.vue'
 import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
 import { useInterfaceStore } from 'src/stores/interface'
@@ -30,7 +32,9 @@ import {
   faGears,
   faKey,
   faCircleNodes,
-  faUpload
+  faUpload,
+  faMessage,
+  faEllipsis
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -46,7 +50,9 @@ library.add(
   faGears,
   faKey,
   faCircleNodes,
-  faUpload
+  faUpload,
+  faMessage,
+  faEllipsis
 )
 
 const SettingsModalAdminContent = {
@@ -66,7 +72,9 @@ const SettingsModalAdminContent = {
     JobQueuesTab,
     AuthTab,
     HTTPTab,
-    MonitoringTab
+    MonitoringTab,
+    OtherTab,
+    PostsTab
   },
   computed: {
     user () {
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index b2a4504ed..80c82d84f 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -108,6 +108,14 @@
       <MediaProxyTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.posts')"
+      icon="message"
+      data-tab-name="other"
+    >
+      <PostsTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.links')"
       icon="chain"
@@ -155,6 +163,14 @@
     >
       <MonitoringTab />
     </div>
+
+    <div
+      :label="$t('admin_dash.tabs.other')"
+      icon="ellipsis"
+      data-tab-name="other"
+    >
+      <OtherTab />
+    </div>
   </vertical-tab-switcher>
 </template>
 
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 485cffc9a..6be3e8b74 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1161,8 +1161,32 @@
       "links": "Links",
       "job_queues": "Job Queues",
       "auth": "Auth",
+      "posts": "Posts",
       "http": "HTTP",
-      "federation": "Federation"
+      "federation": "Federation",
+      "other": "Other"
+    },
+    "posts": {
+      "global": "Global settings",
+      "local": "Local posts",
+      "scheduled_activites": "Scheduled posts",
+      "remote": "Remote posts"
+    },
+    "other": {
+      "uncategorized": "Uncategorized",
+      "user_backup": "User Backup",
+      "reports": "Reports",
+      "feed": "RSS Feed",
+      "feed_title": "Article Title",
+      "mime": "MIME Types",
+      "remote_ip": "Reverse Proxy / Remote IP",
+      "remote_ip_description": "This should be disabled only if your instance is NOT behind a reverse proxy",
+      "streamer": "Notifications Streamer",
+      "privileges": "Privileges"
+    },
+    "monitoring": {
+      "builtins": "Built-in Tools",
+      "prometheus": "Prometheus Exporter"
     },
     "federation": {
       "global": "Global settings",
@@ -1278,6 +1302,7 @@
     "limits": {
       "arbitrary_limits": "Arbitrary limits",
       "posts": "Post limits",
+      "other": "Misc. limits",
       "uploads": "Attachments limits",
       "users": "User profile limits",
       "profile_fields": "Profile fields limits",

From caa0213ac61ddf9f77236bbd8219e1de5ff3714c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 8 Dec 2025 22:31:05 +0200
Subject: [PATCH 354/424] changelog

---
 changelog.d/admin_tab.add | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/admin_tab.add

diff --git a/changelog.d/admin_tab.add b/changelog.d/admin_tab.add
new file mode 100644
index 000000000..421ce57cd
--- /dev/null
+++ b/changelog.d/admin_tab.add
@@ -0,0 +1 @@
+Most of the remaining AdminFE tabs into Admin Dashboard

From 576774540faa082eb4766d791fe994fc5da42fce Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 8 Dec 2025 22:44:31 +0200
Subject: [PATCH 355/424] lint

---
 src/components/settings_modal/helpers/draft_buttons.vue        | 3 +--
 .../settings_modal/helpers/pwa_manifest_icons_setting.vue      | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index 5d80928e8..b07ea1ec4 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -73,9 +73,8 @@ export default {
 
 <style lang="scss">
 .DraftButtons {
-  display: inline-block;
-  position: relative;
   display: inline-flex;
+  position: relative;
   gap: 0.5em;
   margin-top: 0.5em
 }
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
index ab43a2c1a..353f3ffc8 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -97,6 +97,7 @@
 <style lang="scss">
 .PWAManifestIconsSetting {
   display: inline-block;
+
   .setting-list {
     display: grid;
     gap: 0.5em;

From 57dfbd8a53accf67a5a07fd1f468fe4b46c63675 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 9 Dec 2025 13:21:46 +0200
Subject: [PATCH 356/424] rate limits page

---
 .../settings_modal/admin_tabs/rates_tab.js    |  20 +++
 .../settings_modal/admin_tabs/rates_tab.vue   |  41 ++++++
 .../settings_modal/helpers/rate_setting.js    |  53 ++++++++
 .../settings_modal/helpers/rate_setting.vue   | 117 ++++++++++++++++++
 .../settings_modal_admin_content.js           |   8 +-
 .../settings_modal_admin_content.vue          |   9 ++
 src/i18n/en.json                              |  15 +++
 src/modules/adminSettings.js                  |  30 ++++-
 8 files changed, 285 insertions(+), 8 deletions(-)
 create mode 100644 src/components/settings_modal/admin_tabs/rates_tab.js
 create mode 100644 src/components/settings_modal/admin_tabs/rates_tab.vue
 create mode 100644 src/components/settings_modal/helpers/rate_setting.js
 create mode 100644 src/components/settings_modal/helpers/rate_setting.vue

diff --git a/src/components/settings_modal/admin_tabs/rates_tab.js b/src/components/settings_modal/admin_tabs/rates_tab.js
new file mode 100644
index 000000000..c602dcc8a
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/rates_tab.js
@@ -0,0 +1,20 @@
+import RateSetting from '../helpers/rate_setting.vue'
+
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
+const RatesTab = {
+  provide () {
+    return {
+      defaultDraftMode: true,
+      defaultSource: 'admin'
+    }
+  },
+  components: {
+    RateSetting,
+  },
+  computed: {
+    ...SharedComputedObject()
+  }
+}
+
+export default RatesTab
diff --git a/src/components/settings_modal/admin_tabs/rates_tab.vue b/src/components/settings_modal/admin_tabs/rates_tab.vue
new file mode 100644
index 000000000..dad5ad6e0
--- /dev/null
+++ b/src/components/settings_modal/admin_tabs/rates_tab.vue
@@ -0,0 +1,41 @@
+<template>
+  <div :label="$t('admin_dash.tabs.instance')">
+    <div class="setting-item">
+      <h3>{{ $t('admin_dash.rate_limit.account_confirmation_resend') }}</h3>
+      <ul class="setting-list">
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:account_confirmation_resend" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:ap_routes" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:app_account_creation" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:authentication" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:oauth_app_creation" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:relation_id_action" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:search" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:status_id_action" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:statuses_actions" />
+        </li>
+        <li>
+          <RateSetting path=":pleroma.:rate_limit.:timeline" />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./rates_tab.js"></script>
diff --git a/src/components/settings_modal/helpers/rate_setting.js b/src/components/settings_modal/helpers/rate_setting.js
new file mode 100644
index 000000000..7425cdba3
--- /dev/null
+++ b/src/components/settings_modal/helpers/rate_setting.js
@@ -0,0 +1,53 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Setting from './setting.js'
+
+export default {
+  ...Setting,
+  data () {
+    return {
+      newValue: '',
+    }
+  },
+  components: {
+    ...Setting.components,
+    Checkbox
+  },
+  props: {
+    ...Setting.props
+  },
+  computed: {
+    ...Setting.computed,
+    isSeparate () {
+      // [[a1, b1], [a2, b2]] vs [a, b]
+      return Array.isArray(this.visibleState[0])
+    },
+    normalizedState () {
+      if (this.isSeparate) {
+        return this.visibleState.map(y => y.map(x => Number(x) || 0))
+      } else {
+        return [this.visibleState.map(x => Number(x) || 0)]
+      }
+    }
+  },
+  methods: {
+    ...Setting.methods,
+    getValue ({ event, side, index, eventType }) {
+      if (eventType === 'edit') {
+        const value = Number(event.target.value)
+        if (Number.isNaN(value)) return this.visibleState
+
+        const newVal = [...this.normalizedState.map(x => [...x])]
+        newVal[side][index] = value
+        return newVal
+      }
+
+      if (eventType === 'toggleMode') {
+        if (event === 'split') {
+          return [this.normalizedState[0], this.normalizedState[0]]
+        } else if (event === 'join') {
+          return [this.normalizedState[0]]
+        }
+      }
+    }
+  }
+}
diff --git a/src/components/settings_modal/helpers/rate_setting.vue b/src/components/settings_modal/helpers/rate_setting.vue
new file mode 100644
index 000000000..a28ed13c2
--- /dev/null
+++ b/src/components/settings_modal/helpers/rate_setting.vue
@@ -0,0 +1,117 @@
+<template>
+  <div
+    v-if="matchesExpertLevel"
+    class="RateSetting"
+  >
+    <label
+      class="setting-label"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel + ' ' }}
+      </template>
+      <template v-else-if="source === 'admin'">
+        MISSING LABEL FOR {{ path }}
+      </template>
+      <slot v-else />
+    </label>
+    <p
+      v-if="backendDescriptionDescription"
+      class="setting-description"
+      :class="{ 'faint': shouldBeDisabled }"
+    >
+      {{ backendDescriptionDescription + ' ' }}
+    </p>
+    <table>
+      <tr>
+        <th>&nbsp;</th>
+        <th>
+          {{ $t('admin_dash.rate_limit.period') }}
+        </th>
+        <th>
+          {{ $t('admin_dash.rate_limit.amount') }}
+        </th>
+      </tr>
+      <tr>
+        <td v-if="isSeparate">
+          {{ $t('admin_dash.rate_limit.unauthenticated') }}
+        </td>
+        <td v-else>
+          {{ $t('admin_dash.rate_limit.rate_limit') }}
+        </td>
+        <td>
+          <input
+            class="input string-input"
+            type="number"
+            :value="normalizedState[0][0]"
+            @change="e => update({ event: e, index: 0, side: 0, eventType: 'edit' })"
+          >
+        </td>
+        <td>
+          <input
+            class="input string-input"
+            type="number"
+            :value="normalizedState[0][1]"
+            @change="e => update({ event: e, index: 1, side: 0, eventType: 'edit' })"
+          >
+        </td>
+      </tr>
+      <tr v-if="isSeparate">
+        <td>
+          {{ $t('admin_dash.rate_limit.authenticated') }}
+        </td>
+        <td>
+          <input
+            class="input string-input"
+            type="number"
+            :value="normalizedState[1][0]"
+            @change="e => update({ event: e, index: 0, side: 1, eventType: 'edit' })"
+          >
+        </td>
+        <td>
+          <input
+            class="input string-input"
+            type="number"
+            :value="normalizedState[1][1]"
+            @change="e => update({ event: e, index: 1, side: 1, eventType: 'edit' })"
+          >
+        </td>
+      </tr>
+    </table>
+    <Checkbox
+      :model-value="isSeparate"
+      @update:model-value="event => update({ event: event ? 'join' : 'split',  eventType: 'toggleMode' })"
+    >
+      {{ $t('admin_dash.rate_limit.separate') }}
+    </Checkbox>
+    <div>
+    <ModifiedIndicator
+      :changed="isChanged"
+      :onclick="reset"
+    />
+    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <DraftButtons />
+    </div>
+  </div>
+</template>
+
+<script src="./rate_setting.js"></script>
+<style lang="scss">
+.RateSetting {
+  table {
+    margin-top: 0.5em;
+  }
+
+  th {
+    font-weight: normal;
+  }
+
+  td {
+    input {
+      width: 15ch;
+    }
+  }
+
+  margin-bottom: 2em;
+}
+</style>
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 4a05868d8..77a3d6b81 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -13,6 +13,7 @@ import RegistrationsTab from './admin_tabs/registrations_tab.vue'
 import AuthTab from './admin_tabs/auth_tab.vue'
 import HTTPTab from './admin_tabs/http_tab.vue'
 import OtherTab from './admin_tabs/other_tab.vue'
+import RatesTab from './admin_tabs/rates_tab.vue'
 import PostsTab from './admin_tabs/posts_tab.vue'
 import FederationTab from './admin_tabs/federation_tab.vue'
 import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
@@ -34,7 +35,8 @@ import {
   faCircleNodes,
   faUpload,
   faMessage,
-  faEllipsis
+  faEllipsis,
+  faGauge
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -52,7 +54,8 @@ library.add(
   faCircleNodes,
   faUpload,
   faMessage,
-  faEllipsis
+  faEllipsis,
+  faGauge
 )
 
 const SettingsModalAdminContent = {
@@ -73,6 +76,7 @@ const SettingsModalAdminContent = {
     AuthTab,
     HTTPTab,
     MonitoringTab,
+    RatesTab,
     OtherTab,
     PostsTab
   },
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 80c82d84f..ef8e2793e 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -92,6 +92,15 @@
       <LimitsTab />
     </div>
 
+    <div
+      v-if="adminDbLoaded"
+      :label="$t('admin_dash.tabs.rate_limit')"
+      icon="gauge"
+      data-tab-name="rate_limits"
+    >
+      <RatesTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.uploads')"
       icon="upload"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 6be3e8b74..80cd57738 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1162,6 +1162,7 @@
       "job_queues": "Job Queues",
       "auth": "Auth",
       "posts": "Posts",
+      "rate_limit": "Rate Limits",
       "http": "HTTP",
       "federation": "Federation",
       "other": "Other"
@@ -1227,6 +1228,14 @@
       },
       "queues": "Queues"
     },
+    "rate_limit": {
+      "rate_limit": "Rate Limit",
+      "amount": "Amount",
+      "unauthenticated": "Unauthenticated",
+      "authenticated": "Authenticated",
+      "period": "Time period",
+      "separate": "Separate rate limits for authenticated/unauthenticated users"
+    },
     "nodb": {
       "heading": "Database config is disabled",
       "text": "You need to change backend config files so that {property} is set to {value}, see more in {documentation}.",
@@ -1421,6 +1430,12 @@
             "description": "idk"
           }
         },
+        ":rate_limit": {
+          ":oauth_app_creation": {
+            "label": "OAuth app creation",
+            "description": "For registering new OAuth App ID"
+          }
+        },
         "Pleroma_DOT_Formatter": {
           ":attribute_toggle": {
             "label": "Set {attr} attribute"
diff --git a/src/modules/adminSettings.js b/src/modules/adminSettings.js
index bbe4beba6..8fb500393 100644
--- a/src/modules/adminSettings.js
+++ b/src/modules/adminSettings.js
@@ -87,6 +87,7 @@ const adminSettingsStorage = {
     setInstanceAdminSettings ({ state, commit }, { backendDbConfig }) {
       const config = state.config || {}
       const modifiedPaths = new Set()
+
       backendDbConfig.configs.forEach(c => {
         const path = [c.group, c.key]
         if (c.db) {
@@ -94,16 +95,33 @@ const adminSettingsStorage = {
           // Using strings for modified paths for easier searching
           c.db.forEach(x => modifiedPaths.add([...path, x].join(' -> ')))
         }
-        const convert = (value) => {
+
+        // we need to preserve tuples on second level only, possibly third
+        // but it's not a case right now.
+        const convert = (value, preserveTuples, preserveTuplesLv2) => {
           if (Array.isArray(value) && value.length > 0 && value[0].tuple) {
-            return value.reduce((acc, c) => {
-              return { ...acc, [c.tuple[0]]: convert(c.tuple[1]) }
-            }, {})
+            if (!preserveTuples) {
+              return value.reduce((acc, c) => {
+                return { ...acc, [c.tuple[0]]: convert(c.tuple[1], preserveTuplesLv2) }
+              }, {})
+            } else {
+              return value.map(x => x.tuple)
+            }
           } else {
-            return value
+            if (!preserveTuples) {
+              return value
+            } else {
+              return value.tuple
+            }
           }
         }
-        set(config, path, convert(c.value))
+        // for most stuff we want maps since those are more convenient
+        // however this doesn't allow for multiple values per same key
+        // so for those cases we want to preserve tuples as-is
+        // right now it's made exclusively for :pleroma.:rate_limit
+        // so it might not work properly elsewhere
+        const preserveTuples = path.find(x => x === ':rate_limit')
+        set(config, path, convert(c.value, false, preserveTuples))
       })
       console.log('CONFIG', JSON.parse(JSON.stringify(config)))
       // patching http adapter config to be easier to handle

From 13ace1d24e12768261335d8a53be016bf77e194d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 14:42:40 +0200
Subject: [PATCH 357/424] remove most of the stuff mentioned in internal.exs in
 !pleroma/4403

---
 .../settings_modal/admin_tabs/http_tab.vue    | 40 ---------
 .../admin_tabs/job_queues_tab.vue             | 42 ----------
 .../settings_modal/admin_tabs/other_tab.vue   | 82 -------------------
 .../settings_modal/admin_tabs/posts_tab.vue   | 14 ----
 .../admin_tabs/registrations_tab.vue          |  6 --
 src/i18n/en.json                              | 19 -----
 6 files changed, 203 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/http_tab.vue b/src/components/settings_modal/admin_tabs/http_tab.vue
index 7a2e7b60a..bb8123c5c 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.vue
+++ b/src/components/settings_modal/admin_tabs/http_tab.vue
@@ -33,37 +33,6 @@
     <div class="setting-item">
       <h3>{{ $t('admin_dash.http.incoming') }}</h3>
       <ul class="setting-list">
-        <h4>{{ $t('admin_dash.http.cors') }}</h4>
-        <li>
-          <IntegerSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':max_age']"
-            path=":cors_plug.:max_age"
-          />
-        </li>
-        <li>
-          <BooleanSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':credentials']"
-            path=":cors_plug.:credentials"
-          />
-        </li>
-        <li>
-          <ListSetting
-            path=":cors_plug.:methods"
-            :description-path-override="[':cors_plug', '<ROOT>', ':methods']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':expose']"
-            path=":cors_plug.:expose"
-          />
-        </li>
-        <li>
-          <ListSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':headers']"
-            path=":cors_plug.:headers"
-          />
-        </li>
         <h4>{{ $t('admin_dash.http.security') }}</h4>
         <li>
           <BooleanSetting path=":pleroma.:http_security.:enabled" />
@@ -86,14 +55,6 @@
         <li>
           <StringSetting path=":pleroma.:http_security.:report_url" />
         </li>
-        <h4>{{ $t('admin_dash.http.web_cache_ttl') }}</h4>
-        <p>{{ $t('admin_dash.http.web_cache_ttl_description') }}</p>
-        <li>
-          <StringSetting path=":pleroma.:web_cache_ttl.:activity_pub" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:web_cache_ttl.:activity_pub_question" />
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.http.web_push') }}</h3>
       <p>{{ $t('admin_dash.http.web_push_description') }}</p>
@@ -116,7 +77,6 @@
       </ul>
       <!-- CONFIRM admin_token should go there but something is wrong with both data and description. -->
       <!-- given the nature of the setting it's probably better to not expose it and deprecate it on backend side -->
-      <!-- CONFIRM :pleroma.:streamer should also PROBABLY? go here but it's completely MIA from backend besides references to config description -->
     </div>
   </div>
 </template>
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.vue b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
index f156a6fa5..0e4f8c1a7 100644
--- a/src/components/settings_modal/admin_tabs/job_queues_tab.vue
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
@@ -1,48 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.job_queues')">
     <div class="setting-item">
-      <h3>{{ $t('admin_dash.job_queues.Oban') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <ChoiceSetting path=":pleroma.Oban.:log" />
-          <h4>{{ $t('admin_dash.job_queues.queues') }}</h4>
-          <ul class="setting-list">
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:federator_incoming" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:federator_outgoing" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:attachments_cleanup" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:mailer" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:activity_expiration" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:scheduled_activities" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:transmogrifier" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:web_push" />
-            </li>
-            <!-- CONFIRM what is this queue -->
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:slow" />
-            </li>
-            <!-- CONFIRM what is this queue -->
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:background" />
-            </li>
-          </ul>
-          <GroupSetting path=":pleroma.Oban.:queues" />
-        </li>
-      </ul>
       <h3>{{ $t('admin_dash.job_queues.Gun.title') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/other_tab.vue b/src/components/settings_modal/admin_tabs/other_tab.vue
index 967b4bd61..be70892b2 100644
--- a/src/components/settings_modal/admin_tabs/other_tab.vue
+++ b/src/components/settings_modal/admin_tabs/other_tab.vue
@@ -6,15 +6,9 @@
         <li>
           <StringSetting path=":pleroma.:instance.:static_dir" />
         </li>
-        <li>
-          <StringSetting path=":pleroma.:modules.:runtime_dir" />
-        </li>
         <li>
           <BooleanSetting path=":pleroma.:instance.:profile_directory" />
         </li>
-        <li>
-          <BooleanSetting :path="[':pleroma','Pleroma.Web.ApiSpec.CastAndValidate',':strict']" />
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.other.reports') }}</h3>
       <ul class="setting-list">
@@ -42,82 +36,6 @@
           <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':timeout']" />
         </li>
       </ul>
-      <h3>{{ $t('admin_dash.other.feed') }}</h3>
-      <ul class="setting-list">
-        <h4>{{ $t('admin_dash.other.feed_title') }}</h4>
-        <li>
-          <IntegerSetting path=":pleroma.:feed.:post_title.:max_length" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:feed.:post_title.:omission" />
-        </li>
-        <li>
-          <GroupSetting path=":pleroma.:feed.:post_title" />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.remote_ip') }}</h3>
-      <p>{{ $t('admin_dash.other.remote_ip_description') }}</p>
-      <ul class="setting-list">
-        <li>
-          <BooleanSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':enabled']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':headers']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':proxies']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':reserved']" />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.mime') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <ListSetting
-            override-backend-description-label="application/activity+json"
-            hide-description
-            :path="[':mime',':types', 'application/activity+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/jrd+json"
-            hide-description
-            :path="[':mime',':types', 'application/jrd+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/ld+json"
-            hide-description
-            :path="[':mime',':types', 'application/ld+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/xml"
-            hide-description
-            :path="[':mime',':types', 'application/xml']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/xrd+xml"
-            hide-description
-            :path="[':mime',':types', 'application/xrd+xml']"
-          />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.streamer') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <IntegerSetting path=":pleroma.:streamer.:workers" />
-        </li>
-        <li>
-          <IntegerSetting path=":pleroma.:streamer.:overflow_workers" />
-        </li>
-      </ul>
       <h3>{{ $t('admin_dash.other.privileges') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.vue b/src/components/settings_modal/admin_tabs/posts_tab.vue
index 8f2319840..ac988053e 100644
--- a/src/components/settings_modal/admin_tabs/posts_tab.vue
+++ b/src/components/settings_modal/admin_tabs/posts_tab.vue
@@ -12,20 +12,6 @@
         <li>
           <ListSetting path=":pleroma.:instance.:allowed_post_formats" />
         </li>
-        <li>
-          <h4>{{ $t('admin_dash.posts.scheduled_activites') }}</h4>
-          <ul class="setting-list">
-            <li>
-              <BooleanSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':enabled']" />
-            </li>
-            <li>
-              <IntegerSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':daily_user_limit']" />
-            </li>
-            <li>
-              <IntegerSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':total_user_limit']" />
-            </li>
-          </ul>
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.posts.remote') }}</h3>
       <ul class="setting-list">
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
index 80b16cc69..0da7c34e8 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.vue
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -168,12 +168,6 @@
       </ul>
       <h3>{{ $t('admin_dash.registrations.restrictions') }}</h3>
       <ul class="setting-list">
-        <li>
-          <ListSetting
-            ignore-suggestions
-            :path="[':pleroma', 'Pleroma.User', ':restricted_nicknames']"
-          />
-        </li>
         <li>
           <ListSetting
             ignore-suggestions
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 80cd57738..8527aa2f9 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1179,10 +1179,6 @@
       "reports": "Reports",
       "feed": "RSS Feed",
       "feed_title": "Article Title",
-      "mime": "MIME Types",
-      "remote_ip": "Reverse Proxy / Remote IP",
-      "remote_ip_description": "This should be disabled only if your instance is NOT behind a reverse proxy",
-      "streamer": "Notifications Streamer",
       "privileges": "Privileges"
     },
     "monitoring": {
@@ -1250,9 +1246,6 @@
       "outbound": "Outgoing connections",
       "incoming": "Incoming connections",
       "security": "HTTP Security",
-      "cors": "Cross-origin Resource Sharing (CORS)",
-      "web_cache_ttl": "Web Cache TTL",
-      "web_cache_ttl_description": "Amount of milliseconds until web response cache is cleared. Use `nil` to disable expiration entirely.",
       "web_push": "Web Push",
       "web_push_description": "Web Push VAPID settings. You can use the mix task web_push.gen.keypair to generate it."
     },
@@ -1402,18 +1395,6 @@
     },
     "temp_overrides": {
       ":pleroma": {
-        "Oban": {
-          ":queues": {
-            ":scheduled_activites": {
-              "label": "Scheduled activities",
-              "description": "Scheduled activites queue"
-            },
-            ":slow": {
-              "label": "Slow",
-              "description": "idk"
-            }
-          }
-        },
         ":connections_pool": {
           ":max_idle_time": {
             "label": "Maximum idle time",

From 5a6f4fb4662d75f3e2bb7f435ff4893ded0e3b48 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 14:42:40 +0200
Subject: [PATCH 358/424] remove most of the stuff mentioned in internal.exs in
 !pleroma/4403

---
 .../settings_modal/admin_tabs/http_tab.vue    | 40 --------
 .../admin_tabs/job_queues_tab.vue             | 42 --------
 .../settings_modal/admin_tabs/links_tab.vue   | 99 -------------------
 .../settings_modal/admin_tabs/other_tab.vue   | 82 ---------------
 .../settings_modal/admin_tabs/posts_tab.vue   | 14 ---
 .../admin_tabs/registrations_tab.vue          |  6 --
 src/i18n/en.json                              | 19 ----
 7 files changed, 302 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/http_tab.vue b/src/components/settings_modal/admin_tabs/http_tab.vue
index 7a2e7b60a..bb8123c5c 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.vue
+++ b/src/components/settings_modal/admin_tabs/http_tab.vue
@@ -33,37 +33,6 @@
     <div class="setting-item">
       <h3>{{ $t('admin_dash.http.incoming') }}</h3>
       <ul class="setting-list">
-        <h4>{{ $t('admin_dash.http.cors') }}</h4>
-        <li>
-          <IntegerSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':max_age']"
-            path=":cors_plug.:max_age"
-          />
-        </li>
-        <li>
-          <BooleanSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':credentials']"
-            path=":cors_plug.:credentials"
-          />
-        </li>
-        <li>
-          <ListSetting
-            path=":cors_plug.:methods"
-            :description-path-override="[':cors_plug', '<ROOT>', ':methods']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':expose']"
-            path=":cors_plug.:expose"
-          />
-        </li>
-        <li>
-          <ListSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':headers']"
-            path=":cors_plug.:headers"
-          />
-        </li>
         <h4>{{ $t('admin_dash.http.security') }}</h4>
         <li>
           <BooleanSetting path=":pleroma.:http_security.:enabled" />
@@ -86,14 +55,6 @@
         <li>
           <StringSetting path=":pleroma.:http_security.:report_url" />
         </li>
-        <h4>{{ $t('admin_dash.http.web_cache_ttl') }}</h4>
-        <p>{{ $t('admin_dash.http.web_cache_ttl_description') }}</p>
-        <li>
-          <StringSetting path=":pleroma.:web_cache_ttl.:activity_pub" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:web_cache_ttl.:activity_pub_question" />
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.http.web_push') }}</h3>
       <p>{{ $t('admin_dash.http.web_push_description') }}</p>
@@ -116,7 +77,6 @@
       </ul>
       <!-- CONFIRM admin_token should go there but something is wrong with both data and description. -->
       <!-- given the nature of the setting it's probably better to not expose it and deprecate it on backend side -->
-      <!-- CONFIRM :pleroma.:streamer should also PROBABLY? go here but it's completely MIA from backend besides references to config description -->
     </div>
   </div>
 </template>
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.vue b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
index f156a6fa5..0e4f8c1a7 100644
--- a/src/components/settings_modal/admin_tabs/job_queues_tab.vue
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
@@ -1,48 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.job_queues')">
     <div class="setting-item">
-      <h3>{{ $t('admin_dash.job_queues.Oban') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <ChoiceSetting path=":pleroma.Oban.:log" />
-          <h4>{{ $t('admin_dash.job_queues.queues') }}</h4>
-          <ul class="setting-list">
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:federator_incoming" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:federator_outgoing" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:attachments_cleanup" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:mailer" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:activity_expiration" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:scheduled_activities" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:transmogrifier" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:web_push" />
-            </li>
-            <!-- CONFIRM what is this queue -->
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:slow" />
-            </li>
-            <!-- CONFIRM what is this queue -->
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:background" />
-            </li>
-          </ul>
-          <GroupSetting path=":pleroma.Oban.:queues" />
-        </li>
-      </ul>
       <h3>{{ $t('admin_dash.job_queues.Gun.title') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index 9c661b209..da11b37f7 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -38,105 +38,6 @@
           <ListSetting path=":pleroma.:rich_media.:ignore_hosts" />
         </li>
       </ul>
-      <h3>{{ $t('admin_dash.links.link_formatter') }}</h3>
-      <ul class="setting-list weird-options">
-        <li>
-          <Checkbox
-            :model-value="classIsPresent"
-            @update:model-value="checkClass"
-          >
-            <i18n-t
-              keypath="admin_dash.temp_overrides.:pleroma.Pleroma_DOT_Formatter.:attribute_toggle.label"
-              tag="span"
-              scope="global"
-            >
-              <template #attr>
-                <code>class</code>
-              </template>
-            </i18n-t>
-          </Checkbox>
-          <div class="setting-list suboptions weird-suboptions">
-            <StringSetting
-              v-if="classIsPresent"
-              :path="[':pleroma', 'Pleroma.Formatter', ':class']"
-              hide-label
-              hide-draft-buttons
-            />
-            <GroupSetting :path="[':pleroma', 'Pleroma.Formatter', ':class']" />
-          </div>
-        </li>
-        <li>
-          <Checkbox
-            :model-value="relIsPresent"
-            @update:model-value="checkRel"
-          >
-            <i18n-t
-              keypath="admin_dash.temp_overrides.:pleroma.Pleroma_DOT_Formatter.:attribute_toggle.label"
-              tag="span"
-              scope="global"
-            >
-              <template #attr>
-                <code>rel</code>
-              </template>
-            </i18n-t>
-          </Checkbox>
-          <div class="setting-list suboptions weird-suboptions">
-            <StringSetting
-              v-if="relIsPresent"
-              :path="[':pleroma', 'Pleroma.Formatter', ':rel']"
-              hide-label
-              hide-draft-buttons
-            />
-            <GroupSetting
-              :path="[':pleroma', 'Pleroma.Formatter', ':rel']"
-            />
-          </div>
-        </li>
-        <li>
-          <BooleanSetting :path="[':pleroma', 'Pleroma.Formatter', ':new_window']" />
-        </li>
-        <li>
-          <BooleanSetting :path="[':pleroma', 'Pleroma.Formatter', ':strip_prefix']" />
-        </li>
-        <li>
-          <BooleanSetting :path="[':pleroma', 'Pleroma.Formatter', ':extra']" />
-        </li>
-        <li>
-          <ChoiceSetting
-            :path="[':pleroma', 'Pleroma.Formatter', ':validate_tld']"
-            :options="validateTLDOptions"
-            override-options
-          />
-        </li>
-        <li>
-          <Checkbox
-            :model-value="truncateIsPresent"
-            @update:model-value="checkTruncate"
-          >
-            {{ truncateDescription.label }}
-          </Checkbox>
-          <div class="setting-list suboptions weird-suboptions">
-            <li>
-              <IntegerSetting
-                v-if="truncateIsPresent"
-                :path="[':pleroma', 'Pleroma.Formatter', ':truncate']"
-                hide-label
-                hide-draft-buttons
-              />
-            </li>
-            <li>
-              <GroupSetting :path="[':pleroma', 'Pleroma.Formatter', ':truncate']" />
-            </li>
-          </div>
-        </li>
-        <li>
-          <!-- CONFIRM backend what's difference between here and :extra -->
-          <ListSetting
-            ignore-suggestions
-            path=":pleroma.:uri_schemes.:valid_schemes"
-          />
-        </li>
-      </ul>
     </div>
   </div>
 </template>
diff --git a/src/components/settings_modal/admin_tabs/other_tab.vue b/src/components/settings_modal/admin_tabs/other_tab.vue
index 967b4bd61..be70892b2 100644
--- a/src/components/settings_modal/admin_tabs/other_tab.vue
+++ b/src/components/settings_modal/admin_tabs/other_tab.vue
@@ -6,15 +6,9 @@
         <li>
           <StringSetting path=":pleroma.:instance.:static_dir" />
         </li>
-        <li>
-          <StringSetting path=":pleroma.:modules.:runtime_dir" />
-        </li>
         <li>
           <BooleanSetting path=":pleroma.:instance.:profile_directory" />
         </li>
-        <li>
-          <BooleanSetting :path="[':pleroma','Pleroma.Web.ApiSpec.CastAndValidate',':strict']" />
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.other.reports') }}</h3>
       <ul class="setting-list">
@@ -42,82 +36,6 @@
           <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':timeout']" />
         </li>
       </ul>
-      <h3>{{ $t('admin_dash.other.feed') }}</h3>
-      <ul class="setting-list">
-        <h4>{{ $t('admin_dash.other.feed_title') }}</h4>
-        <li>
-          <IntegerSetting path=":pleroma.:feed.:post_title.:max_length" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:feed.:post_title.:omission" />
-        </li>
-        <li>
-          <GroupSetting path=":pleroma.:feed.:post_title" />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.remote_ip') }}</h3>
-      <p>{{ $t('admin_dash.other.remote_ip_description') }}</p>
-      <ul class="setting-list">
-        <li>
-          <BooleanSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':enabled']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':headers']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':proxies']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':reserved']" />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.mime') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <ListSetting
-            override-backend-description-label="application/activity+json"
-            hide-description
-            :path="[':mime',':types', 'application/activity+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/jrd+json"
-            hide-description
-            :path="[':mime',':types', 'application/jrd+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/ld+json"
-            hide-description
-            :path="[':mime',':types', 'application/ld+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/xml"
-            hide-description
-            :path="[':mime',':types', 'application/xml']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/xrd+xml"
-            hide-description
-            :path="[':mime',':types', 'application/xrd+xml']"
-          />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.streamer') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <IntegerSetting path=":pleroma.:streamer.:workers" />
-        </li>
-        <li>
-          <IntegerSetting path=":pleroma.:streamer.:overflow_workers" />
-        </li>
-      </ul>
       <h3>{{ $t('admin_dash.other.privileges') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.vue b/src/components/settings_modal/admin_tabs/posts_tab.vue
index 8f2319840..ac988053e 100644
--- a/src/components/settings_modal/admin_tabs/posts_tab.vue
+++ b/src/components/settings_modal/admin_tabs/posts_tab.vue
@@ -12,20 +12,6 @@
         <li>
           <ListSetting path=":pleroma.:instance.:allowed_post_formats" />
         </li>
-        <li>
-          <h4>{{ $t('admin_dash.posts.scheduled_activites') }}</h4>
-          <ul class="setting-list">
-            <li>
-              <BooleanSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':enabled']" />
-            </li>
-            <li>
-              <IntegerSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':daily_user_limit']" />
-            </li>
-            <li>
-              <IntegerSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':total_user_limit']" />
-            </li>
-          </ul>
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.posts.remote') }}</h3>
       <ul class="setting-list">
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
index 80b16cc69..0da7c34e8 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.vue
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -168,12 +168,6 @@
       </ul>
       <h3>{{ $t('admin_dash.registrations.restrictions') }}</h3>
       <ul class="setting-list">
-        <li>
-          <ListSetting
-            ignore-suggestions
-            :path="[':pleroma', 'Pleroma.User', ':restricted_nicknames']"
-          />
-        </li>
         <li>
           <ListSetting
             ignore-suggestions
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 80cd57738..8527aa2f9 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1179,10 +1179,6 @@
       "reports": "Reports",
       "feed": "RSS Feed",
       "feed_title": "Article Title",
-      "mime": "MIME Types",
-      "remote_ip": "Reverse Proxy / Remote IP",
-      "remote_ip_description": "This should be disabled only if your instance is NOT behind a reverse proxy",
-      "streamer": "Notifications Streamer",
       "privileges": "Privileges"
     },
     "monitoring": {
@@ -1250,9 +1246,6 @@
       "outbound": "Outgoing connections",
       "incoming": "Incoming connections",
       "security": "HTTP Security",
-      "cors": "Cross-origin Resource Sharing (CORS)",
-      "web_cache_ttl": "Web Cache TTL",
-      "web_cache_ttl_description": "Amount of milliseconds until web response cache is cleared. Use `nil` to disable expiration entirely.",
       "web_push": "Web Push",
       "web_push_description": "Web Push VAPID settings. You can use the mix task web_push.gen.keypair to generate it."
     },
@@ -1402,18 +1395,6 @@
     },
     "temp_overrides": {
       ":pleroma": {
-        "Oban": {
-          ":queues": {
-            ":scheduled_activites": {
-              "label": "Scheduled activities",
-              "description": "Scheduled activites queue"
-            },
-            ":slow": {
-              "label": "Slow",
-              "description": "idk"
-            }
-          }
-        },
         ":connections_pool": {
           ":max_idle_time": {
             "label": "Maximum idle time",

From 1642d62b825bbb3b8bec412b31a7e323a7e488ef Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 18:34:19 +0200
Subject: [PATCH 359/424] massive visual overhaul

---
 src/App.scss                                  |  1 +
 src/components/font_control/font_control.vue  | 60 ++++++++-----
 .../interface_language_switcher.js            |  6 +-
 .../interface_language_switcher.vue           | 89 +++++++++++--------
 .../settings_modal/admin_tabs/auth_tab.vue    |  2 +-
 .../settings_modal/admin_tabs/emoji_tab.vue   |  2 +-
 .../admin_tabs/federation_tab.vue             |  2 +-
 .../admin_tabs/frontends_tab.vue              |  2 +-
 .../settings_modal/admin_tabs/http_tab.vue    |  4 +-
 .../admin_tabs/instance_tab.vue               |  4 +-
 .../admin_tabs/job_queues_tab.vue             |  2 +-
 .../settings_modal/admin_tabs/limits_tab.vue  |  2 +-
 .../settings_modal/admin_tabs/links_tab.scss  | 26 ------
 .../settings_modal/admin_tabs/links_tab.vue   |  4 +-
 .../settings_modal/admin_tabs/mailer_tab.vue  |  2 +-
 .../admin_tabs/media_proxy_tab.vue            |  2 +-
 .../admin_tabs/monitoring_tab.vue             |  2 +-
 .../settings_modal/admin_tabs/other_tab.vue   |  2 +-
 .../settings_modal/admin_tabs/posts_tab.vue   |  2 +-
 .../settings_modal/admin_tabs/rates_tab.vue   |  2 +-
 .../admin_tabs/registrations_tab.vue          |  2 +-
 .../settings_modal/admin_tabs/uploads_tab.vue |  2 +-
 .../helpers/attachment_setting.vue            |  3 +-
 .../helpers/boolean_setting.vue               | 44 +++++++--
 .../settings_modal/helpers/choice_setting.vue | 42 ++++++---
 .../settings_modal/helpers/color_setting.vue  |  2 +-
 .../settings_modal/helpers/group_setting.vue  |  2 +-
 .../settings_modal/helpers/list_setting.vue   |  2 +-
 .../settings_modal/helpers/map_setting.vue    |  2 +-
 .../settings_modal/helpers/number_setting.vue |  4 +-
 .../settings_modal/helpers/proxy_setting.vue  |  2 +-
 .../helpers/pwa_manifest_icons_setting.vue    |  2 +-
 .../settings_modal/helpers/rate_setting.vue   |  2 +-
 .../settings_modal/helpers/string_setting.vue | 20 ++---
 .../settings_modal/helpers/tuple_setting.vue  | 69 +++++++-------
 .../settings_modal/helpers/unit_setting.vue   |  8 +-
 .../helpers/vertical_tab_switcher.jsx         |  2 +
 .../helpers/vertical_tab_switcher.scss        | 36 ++++----
 .../settings_modal/settings_modal.scss        | 88 +++++++++++-------
 .../settings_modal_admin_content.scss         | 48 ----------
 .../settings_modal_admin_content.vue          | 12 ++-
 .../settings_modal_user_content.scss          | 50 -----------
 .../settings_modal_user_content.vue           |  5 +-
 .../settings_modal/tabs/appearance_tab.scss   |  5 +-
 .../settings_modal/tabs/appearance_tab.vue    |  2 +-
 .../settings_modal/tabs/clutter_tab.vue       |  2 +-
 .../settings_modal/tabs/composing_tab.vue     | 13 +--
 .../tabs/data_import_export_tab.vue           |  2 +-
 .../settings_modal/tabs/developer_tab.vue     |  2 +-
 .../settings_modal/tabs/filtering_tab.vue     |  2 +-
 .../settings_modal/tabs/general_tab.vue       | 36 ++++----
 .../settings_modal/tabs/layout_tab.vue        |  2 +-
 .../settings_modal/tabs/notifications_tab.vue |  8 +-
 .../tabs/old_theme_tab/old_theme_tab.scss     |  1 +
 .../settings_modal/tabs/posts_tab.vue         |  2 +-
 .../settings_modal/tabs/profile_tab.scss      |  2 +-
 .../settings_modal/tabs/profile_tab.vue       |  9 +-
 .../settings_modal/tabs/security_tab/mfa.vue  |  4 +-
 .../tabs/security_tab/security_tab.vue        | 12 +--
 .../tabs/style_tab/style_tab.scss             |  5 +-
 .../tabs/style_tab/style_tab.vue              |  6 +-
 .../tabs/style_tab/virtual_directives_tab.vue |  2 +-
 .../settings_modal/tabs/uploads_tab.vue       |  2 +-
 63 files changed, 387 insertions(+), 399 deletions(-)
 delete mode 100644 src/components/settings_modal/admin_tabs/links_tab.scss
 delete mode 100644 src/components/settings_modal/settings_modal_admin_content.scss
 delete mode 100644 src/components/settings_modal/settings_modal_user_content.scss

diff --git a/src/App.scss b/src/App.scss
index 57faf4aa3..d891508fe 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -704,6 +704,7 @@ option {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
+  min-height: 2em;
 
   .Select select {
     line-height: 1;
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index 9e2c338cf..efd9243fd 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -1,24 +1,28 @@
 <template>
   <div class="font-control">
-    <Checkbox
-      v-if="typeof fallback !== 'undefined'"
-      :id="name + '-o'"
-      class="font-checkbox"
-      :model-value="present"
-      @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
-    >
-      <i18n-t
-        scope="global"
-        keypath="settings.style.fonts.override"
-        tag="span"
+    <div class="setting-item">
+      <Checkbox
+        v-if="typeof fallback !== 'undefined'"
+        :id="name + '-o'"
+        class="font-checkbox setting-control setting-label"
+        :model-value="present"
+        @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
       >
-        {{ label }}
-      </i18n-t>
-    </Checkbox>
+        <i18n-t
+          scope="global"
+          keypath="settings.style.fonts.override"
+          tag="span"
+        >
+          <span class="label">
+            {{ label }}
+          </span>
+        </i18n-t>
+      </Checkbox>
+    </div>
     {{ ' ' }}
     <div
       v-if="modelValue?.family"
-      class="font-input"
+      class="font-input setting-item"
     >
       <label
         v-if="manualEntry"
@@ -132,15 +136,29 @@
 <script src="./font_control.js"></script>
 
 <style lang="scss">
+// Copy-paste of BooleanSetting
 .font-control {
-  .custom-font {
-    min-width: 20em;
-    max-width: 20em;
+  display: grid;
+  grid-template-columns: subgrid;
+
+  .checkbox {
+    display: grid;
+    grid-template-columns: subgrid;
   }
 
-  .font-input {
-    margin-left: 2em;
-    margin-top: 0.5em;
+  .label {
+    grid-area: label;
+    text-align: right;
+  }
+
+  .-mobile & {
+    .label {
+      text-align: left;
+    }
+  }
+
+  .checkbox-indicator {
+    grid-area: control;
   }
 }
 
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
index bd7b641a5..721c19887 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -3,6 +3,8 @@ import localeService from '../../services/locale/locale.service.js'
 import Select from '../select/select.vue'
 import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
 
+import { v4 as uuidv4 } from 'uuid';
+
 export default {
   components: {
     Select,
@@ -26,7 +28,9 @@ export default {
     languages () {
       return localeService.languages
     },
-
+    uniqueId () {
+        return uuidv4()
+    },
     controlledLanguage: {
       get: function () {
         return Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue]
diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue
index 8b300d43b..155d46f35 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.vue
+++ b/src/components/interface_language_switcher/interface_language_switcher.vue
@@ -1,30 +1,32 @@
 <template>
-  <div class="interface-language-switcher">
-    <label>
-      <slot />
-      <ProfileSettingIndicator :is-profile="profile" />
-    </label>
-    <ul class="setting-list">
-      <li
-        v-for="index of controlledLanguage.keys()"
-        :key="index"
+  <ul class="interface-language-switcher setting-list">
+    <li
+      v-for="index of controlledLanguage.keys()"
+      :key="index"
+      class="setting-item"
+    >
+      <label
+        class="setting-label"
+        :for="uniqueId+index"
       >
-        <label>
-          {{ index === 0 ? $t('settings.primary_language') : $t('settings.fallback_language', { index }, index) }}
-          <Select
-            class="language-select"
-            :model-value="controlledLanguage[index]"
-            @update:model-value="val => setLanguageAt(index, val)"
+        {{ index === 0 ? $t('settings.primary_language') : $t('settings.fallback_language', { index }, index) }}
+      </label>
+      <span class="setting-control btn-group">
+        <Select
+          :name="uniqueId+index"
+          :id="uniqueId+index"
+          class="language-select"
+          :model-value="controlledLanguage[index]"
+          @update:model-value="val => setLanguageAt(index, val)"
+        >
+          <option
+            v-for="lang in languages"
+            :key="lang.code"
+            :value="lang.code"
           >
-            <option
-              v-for="lang in languages"
-              :key="lang.code"
-              :value="lang.code"
-            >
-              {{ lang.name }}
-            </option>
-          </Select>
-        </label>
+            {{ lang.name }}
+          </option>
+        </Select>
         <button
           v-if="controlledLanguage.length > 1 && index !== 0"
           class="button-default btn"
@@ -32,25 +34,38 @@
         >
           {{ $t('settings.remove_language') }}
         </button>
-      </li>
-      <li>
-        <button
-          class="button-default btn"
-          @click="addLanguage"
-        >
-          {{ $t('settings.add_language') }}
-        </button>
-      </li>
-    </ul>
-  </div>
+      </span>
+    </li>
+    <li class="add-button">
+      <button
+        class="button-default btn"
+        @click="addLanguage"
+      >
+        {{ $t('settings.add_language') }}
+      </button>
+    </li>
+  </ul>
 </template>
 
 <script src="./interface_language_switcher.js"></script>
 
 <style lang="scss">
 .interface-language-switcher {
-  .language-select {
-    margin-right: 1em;
+  .setting-list {
+    .setting-item {
+      display: grid;
+      grid-template-columns: subgrid;
+    }
+  }
+
+  .add-button {
+    display: block;
+    text-align: center;
+
+    .default-button {
+      display: block;
+      width: auto;
+    }
   }
 }
 </style>
diff --git a/src/components/settings_modal/admin_tabs/auth_tab.vue b/src/components/settings_modal/admin_tabs/auth_tab.vue
index 99922ff3b..ef32aa4e0 100644
--- a/src/components/settings_modal/admin_tabs/auth_tab.vue
+++ b/src/components/settings_modal/admin_tabs/auth_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.job_queues')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.auth.MFA') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index fcf03dd97..ba68a28a7 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -3,7 +3,7 @@
     class="EmojiTab"
     :label="$t('admin_dash.tabs.emoji')"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3 class="toolbar">
         <span class="header-text">
           {{ $t('admin_dash.emoji.emoji_packs') }}
diff --git a/src/components/settings_modal/admin_tabs/federation_tab.vue b/src/components/settings_modal/admin_tabs/federation_tab.vue
index 9af338653..29a19e0b7 100644
--- a/src/components/settings_modal/admin_tabs/federation_tab.vue
+++ b/src/components/settings_modal/admin_tabs/federation_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.federation')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.federation.global') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.vue b/src/components/settings_modal/admin_tabs/frontends_tab.vue
index 750a70165..d0d764395 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.vue
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.vue
@@ -3,7 +3,7 @@
     class="FrontendsTab"
     :label="$t('admin_dash.tabs.frontends')"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.frontend.title') }}</h3>
       <p>{{ $t('admin_dash.frontend.wip_notice') }}</p>
       <ul
diff --git a/src/components/settings_modal/admin_tabs/http_tab.vue b/src/components/settings_modal/admin_tabs/http_tab.vue
index bb8123c5c..9ea067be8 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.vue
+++ b/src/components/settings_modal/admin_tabs/http_tab.vue
@@ -3,7 +3,7 @@
     class="LinksTab"
     :label="$t('admin_dash.tabs.http')"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.http.outbound') }}</h3>
       <ul class="setting-list">
         <li>
@@ -30,7 +30,7 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.http.incoming') }}</h3>
       <ul class="setting-list">
         <h4>{{ $t('admin_dash.http.security') }}</h4>
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index 89d27315a..63def257d 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.instance')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.instance.instance') }}</h3>
       <ul class="setting-list">
         <li>
@@ -73,7 +73,7 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.instance.access') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.vue b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
index 0e4f8c1a7..ad54d57f4 100644
--- a/src/components/settings_modal/admin_tabs/job_queues_tab.vue
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.job_queues')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.job_queues.Gun.title') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/limits_tab.vue b/src/components/settings_modal/admin_tabs/limits_tab.vue
index 04e5334da..04afde020 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.vue
+++ b/src/components/settings_modal/admin_tabs/limits_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.limits')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.limits.arbitrary_limits') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/links_tab.scss b/src/components/settings_modal/admin_tabs/links_tab.scss
deleted file mode 100644
index 8946ccc0a..000000000
--- a/src/components/settings_modal/admin_tabs/links_tab.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-.LinksTab {
-  // awkward "disable = false" backend options
-  .weird-options {
-    .checkbox {
-      margin: 0;
-    }
-  }
-
-  .setting-list.suboptions.weird-suboptions {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5em;
-    margin: 0;
-
-    li {
-      margin: 0;
-      display: flex;
-    }
-
-    .GroupSetting {
-      display: inline-block;
-      margin: 0;
-      padding: 0;
-    }
-  }
-}
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index da11b37f7..1d446a0dd 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -3,7 +3,7 @@
     class="LinksTab"
     :label="$t('admin_dash.tabs.media_proxy')"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.links.link_previews') }}</h3>
       <ul class="setting-list">
         <li>
@@ -43,5 +43,3 @@
 </template>
 
 <script src="./links_tab.js"></script>
-
-<style lang="scss" src="./links_tab.scss"></style>
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.vue b/src/components/settings_modal/admin_tabs/mailer_tab.vue
index 3830a51f9..42505d984 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.vue
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.mailer')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.mailer.adapter') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
index 3aa22d56f..ed5f6f0b4 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.media_proxy')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.media_proxy.basic') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.vue b/src/components/settings_modal/admin_tabs/monitoring_tab.vue
index 3a58b5795..762e44157 100644
--- a/src/components/settings_modal/admin_tabs/monitoring_tab.vue
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.monitoring')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.monitoring.builtins') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/other_tab.vue b/src/components/settings_modal/admin_tabs/other_tab.vue
index be70892b2..55e61607d 100644
--- a/src/components/settings_modal/admin_tabs/other_tab.vue
+++ b/src/components/settings_modal/admin_tabs/other_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.other')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.other.uncategorized') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.vue b/src/components/settings_modal/admin_tabs/posts_tab.vue
index ac988053e..c76b2e4ee 100644
--- a/src/components/settings_modal/admin_tabs/posts_tab.vue
+++ b/src/components/settings_modal/admin_tabs/posts_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.posts')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.posts.global') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/rates_tab.vue b/src/components/settings_modal/admin_tabs/rates_tab.vue
index dad5ad6e0..3056a1920 100644
--- a/src/components/settings_modal/admin_tabs/rates_tab.vue
+++ b/src/components/settings_modal/admin_tabs/rates_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.instance')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.rate_limit.account_confirmation_resend') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
index 0da7c34e8..a52072c01 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.vue
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.instance')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.instance.registrations') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.vue b/src/components/settings_modal/admin_tabs/uploads_tab.vue
index 74cbe7ce7..d0462aff1 100644
--- a/src/components/settings_modal/admin_tabs/uploads_tab.vue
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.uploads')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.uploads.upload') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/helpers/attachment_setting.vue b/src/components/settings_modal/helpers/attachment_setting.vue
index a61d56e8c..a7804d78f 100644
--- a/src/components/settings_modal/helpers/attachment_setting.vue
+++ b/src/components/settings_modal/helpers/attachment_setting.vue
@@ -1,10 +1,11 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="AttachmentSetting"
+    class="AttachmentSetting setting-item"
     :class="{ '-compact': compact }"
   >
     <label
+      class="setting-label"
       :for="path"
       :class="{ 'faint': shouldBeDisabled }"
     >
diff --git a/src/components/settings_modal/helpers/boolean_setting.vue b/src/components/settings_modal/helpers/boolean_setting.vue
index 5165535cc..4cde6926b 100644
--- a/src/components/settings_modal/helpers/boolean_setting.vue
+++ b/src/components/settings_modal/helpers/boolean_setting.vue
@@ -1,9 +1,10 @@
 <template>
   <label
     v-if="matchesExpertLevel"
-    class="BooleanSetting"
+    class="BooleanSetting setting-item"
   >
     <Checkbox
+      class="setting-control setting-label"
       :model-value="visibleState"
       :disabled="shouldBeDisabled"
       :indeterminate="isIndeterminate"
@@ -13,6 +14,12 @@
         class="label"
         :class="{ 'faint': shouldBeDisabled }"
       >
+        <ModifiedIndicator
+          :changed="isChanged"
+          :onclick="reset"
+        />
+        <ProfileSettingIndicator :is-profile="isProfileSetting" />
+        {{ ' ' }}
         <template v-if="backendDescriptionLabel">
           {{ backendDescriptionLabel }}
         </template>
@@ -22,13 +29,6 @@
         <slot v-else />
       </span>
     </Checkbox>
-    {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
     <p
       v-if="backendDescriptionDescription"
       class="setting-description"
@@ -36,7 +36,35 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
+    <DraftButtons />
   </label>
 </template>
 
 <script src="./boolean_setting.js"></script>
+
+<style lang="scss">
+.BooleanSetting {
+  display: grid;
+  grid-template-columns: subgrid;
+
+  .checkbox {
+    display: grid;
+    grid-template-columns: subgrid;
+  }
+
+  .label {
+    grid-area: label;
+    text-align: right;
+  }
+
+  .-mobile & {
+    .label {
+      text-align: left;
+    }
+  }
+
+  .checkbox-indicator {
+    grid-area: control;
+  }
+}
+</style>
diff --git a/src/components/settings_modal/helpers/choice_setting.vue b/src/components/settings_modal/helpers/choice_setting.vue
index a114cc473..318951026 100644
--- a/src/components/settings_modal/helpers/choice_setting.vue
+++ b/src/components/settings_modal/helpers/choice_setting.vue
@@ -1,17 +1,25 @@
 <template>
   <label
     v-if="matchesExpertLevel"
-    class="ChoiceSetting"
+    class="ChoiceSetting setting-item"
     :class="{ 'faint': shouldBeDisabled }"
   >
-    <template v-if="backendDescriptionLabel">
-      {{ backendDescriptionLabel }}
-    </template>
-    <template v-else>
-      <slot />
-    </template>
-    {{ ' ' }}
+    <span class="setting-label">
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <ProfileSettingIndicator :is-profile="isProfileSetting" />
+      {{ ' ' }}
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel }}
+      </template>
+      <template v-else>
+        <slot />
+      </template>
+    </span>
     <Select
+      class="setting-control"
       :model-value="realDraftMode ? draft : state"
       :disabled="shouldBeDisabled"
       @update:model-value="update"
@@ -25,11 +33,6 @@
         {{ option.value === defaultState ? $t('settings.instance_default_simple') : '' }}
       </option>
     </Select>
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
     <DraftButtons />
     <p
       v-if="backendDescriptionDescription"
@@ -41,3 +44,16 @@
 </template>
 
 <script src="./choice_setting.js"></script>
+
+<style lang="scss">
+.ChoiceSetting.setting-item {
+  .-mobile & {
+    display: block;
+
+    .setting-label {
+      display: block;
+      margin-bottom: 0.5em
+    }
+  }
+}
+</style>
diff --git a/src/components/settings_modal/helpers/color_setting.vue b/src/components/settings_modal/helpers/color_setting.vue
index de88d5bc4..9071e3bb9 100644
--- a/src/components/settings_modal/helpers/color_setting.vue
+++ b/src/components/settings_modal/helpers/color_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <label
     v-if="matchesExpertLevel"
-    class="ColorSetting"
+    class="ColorSetting setting-item"
   >
     <label
       v-if="!hideLabel"
diff --git a/src/components/settings_modal/helpers/group_setting.vue b/src/components/settings_modal/helpers/group_setting.vue
index a4df4bf35..68e571f7d 100644
--- a/src/components/settings_modal/helpers/group_setting.vue
+++ b/src/components/settings_modal/helpers/group_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="GroupSetting"
+    class="GroupSetting setting-item"
   >
     <ModifiedIndicator
       :changed="isChanged"
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
index 66581fc56..b90331cdb 100644
--- a/src/components/settings_modal/helpers/list_setting.vue
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="matchesExpertLevel"
-    class="ListSetting"
+    class="ListSetting setting-item"
   >
     <label
       class="setting-label"
diff --git a/src/components/settings_modal/helpers/map_setting.vue b/src/components/settings_modal/helpers/map_setting.vue
index 907c0b354..e3ccbffe6 100644
--- a/src/components/settings_modal/helpers/map_setting.vue
+++ b/src/components/settings_modal/helpers/map_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="matchesExpertLevel"
-    class="MapSetting"
+    class="MapSetting setting-item"
   >
     <label
       class="setting-label"
diff --git a/src/components/settings_modal/helpers/number_setting.vue b/src/components/settings_modal/helpers/number_setting.vue
index e86b3fb08..26c18f928 100644
--- a/src/components/settings_modal/helpers/number_setting.vue
+++ b/src/components/settings_modal/helpers/number_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="NumberSetting"
+    class="NumberSetting setting-item"
   >
     <label
       v-if="!hideLabel"
@@ -20,7 +20,7 @@
     {{ ' ' }}
     <input
       :id="path"
-      class="input number-input"
+      class="input number-input setting-control"
       type="number"
       :step="step || 1"
       :disabled="shouldBeDisabled"
diff --git a/src/components/settings_modal/helpers/proxy_setting.vue b/src/components/settings_modal/helpers/proxy_setting.vue
index ac4884696..020097ef0 100644
--- a/src/components/settings_modal/helpers/proxy_setting.vue
+++ b/src/components/settings_modal/helpers/proxy_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <label
     v-if="matchesExpertLevel"
-    class="ProxySetting"
+    class="ProxySetting setting-item"
   >
     <label
       v-if="!hideLabel"
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
index 353f3ffc8..45b4c797a 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="matchesExpertLevel"
-    class="PWAManifestIconsSetting"
+    class="PWAManifestIconsSetting setting-item"
   >
     <label
       class="setting-label"
diff --git a/src/components/settings_modal/helpers/rate_setting.vue b/src/components/settings_modal/helpers/rate_setting.vue
index a28ed13c2..146b22d84 100644
--- a/src/components/settings_modal/helpers/rate_setting.vue
+++ b/src/components/settings_modal/helpers/rate_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="matchesExpertLevel"
-    class="RateSetting"
+    class="RateSetting setting-item"
   >
     <label
       class="setting-label"
diff --git a/src/components/settings_modal/helpers/string_setting.vue b/src/components/settings_modal/helpers/string_setting.vue
index 8fba8b499..2ab205db1 100644
--- a/src/components/settings_modal/helpers/string_setting.vue
+++ b/src/components/settings_modal/helpers/string_setting.vue
@@ -1,7 +1,7 @@
 <template>
-  <label
+  <span
     v-if="matchesExpertLevel"
-    class="StringSetting"
+    class="StringSetting setting-item"
   >
     <label
       v-if="!hideLabel"
@@ -9,6 +9,12 @@
       class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <ProfileSettingIndicator :is-profile="isProfileSetting" />
+      {{ ' ' }}
       <template v-if="backendDescriptionLabel">
         {{ backendDescriptionLabel + ' ' }}
       </template>
@@ -17,10 +23,9 @@
       </template>
       <slot v-else />
     </label>
-    {{ ' ' }}
     <input
       :id="path"
-      class="input string-input"
+      class="setting-control input string-input"
       :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
       :placeholder="backendDescriptionSuggestions"
@@ -28,11 +33,6 @@
       @change="update"
     >
     {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
     <DraftButtons v-if="!hideDraftButtons" />
     <p
       v-if="backendDescriptionDescription"
@@ -41,7 +41,7 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
-  </label>
+  </span>
 </template>
 
 <script src="./string_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/tuple_setting.vue b/src/components/settings_modal/helpers/tuple_setting.vue
index 150b2babc..09e4aa9dd 100644
--- a/src/components/settings_modal/helpers/tuple_setting.vue
+++ b/src/components/settings_modal/helpers/tuple_setting.vue
@@ -1,7 +1,7 @@
 <template>
-  <label
+  <span
+    class="setting-item"
     v-if="matchesExpertLevel"
-    class="TupleSetting"
   >
     <label
       v-if="!hideLabel"
@@ -9,6 +9,12 @@
       class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <ProfileSettingIndicator :is-profile="isProfileSetting" />
+      {{ ' ' }}
       <template v-if="backendDescriptionLabel">
         {{ backendDescriptionLabel + ' ' }}
       </template>
@@ -17,42 +23,27 @@
       </template>
       <slot v-else />
     </label>
-    {{ ' ' }}
-    <input
-      :id="path"
-      class="input string-input"
-      :class="{ disabled: shouldBeDisabled }"
-      :disabled="shouldBeDisabled"
-      :placeholder="backendDescriptionSuggestions?.[0]?.[0]"
-      :value="visibleState?.tuple?.[0]"
-      @change="e => update({ e, side: 0 })"
-    >
-    {{ ' ' }}
-    <input
-      :id="path"
-      class="input string-input"
-      :class="{ disabled: shouldBeDisabled }"
-      :disabled="shouldBeDisabled"
-      :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
-      :value="visibleState?.tuple?.[1]"
-      @change="e => update({ e, side: 1 })"
-    >
-    {{ ' ' }}
-    <input
-      :id="path"
-      class="input string-input"
-      :class="{ disabled: shouldBeDisabled }"
-      :disabled="shouldBeDisabled"
-      :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
-      :value="visibleState?.tuple?.[2]"
-      @change="e => update({ e, side: 2 })"
-    >
-    {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <span class="setting-control">
+      <input
+        :id="path"
+        class="input string-input"
+        :class="{ disabled: shouldBeDisabled }"
+        :disabled="shouldBeDisabled"
+        :placeholder="backendDescriptionSuggestions?.[0]?.[0]"
+        :value="visibleState?.tuple?.[0]"
+        @change="e => update({ e, side: 0 })"
+      >
+      {{ ' ' }}
+      <input
+        :id="path"
+        class="input string-input"
+        :class="{ disabled: shouldBeDisabled }"
+        :disabled="shouldBeDisabled"
+        :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
+        :value="visibleState?.tuple?.[1]"
+        @change="e => update({ e, side: 1 })"
+      >
+    </span>
     <DraftButtons v-if="!hideDraftButtons" />
     <p
       v-if="backendDescriptionDescription"
@@ -61,7 +52,7 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
-  </label>
+  </span>
 </template>
 
 <script src="./tuple_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/unit_setting.vue b/src/components/settings_modal/helpers/unit_setting.vue
index 0c0d6a689..c076df855 100644
--- a/src/components/settings_modal/helpers/unit_setting.vue
+++ b/src/components/settings_modal/helpers/unit_setting.vue
@@ -1,16 +1,16 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="UnitSetting"
+    class="UnitSetting setting-item"
   >
     <label
       :for="path"
-      class="size-label"
+      class="setting-label size-label"
     >
       <slot />
     </label>
     {{ ' ' }}
-    <span class="no-break">
+    <span class="no-break setting-control">
       <input
         :id="path"
         class="input number-input"
@@ -50,7 +50,7 @@
 <style lang="scss">
 .UnitSetting {
   .no-break {
-    display: inline-block;
+    display: inline-flex;
   }
 
   .number-input {
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index bbb36af6f..de0e1af26 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -161,9 +161,11 @@ export default {
       const contentClasses = ['tab-content']
       if (props['full-width'] || props['full-width'] === '') {
         contentClasses.push('-full-width')
+        wrapperClasses.push('-full-width')
       }
       if (props['full-height'] || props['full-width'] === '') {
         contentClasses.push('-full-height')
+        wrapperClasses.push('-full-height')
       }
       return (
         <div class={wrapperClasses} >
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
index b51df7d66..af765843e 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.scss
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
@@ -26,24 +26,6 @@
   }
 
   > .contents {
-    flex: 1 0 35em;
-
-    .tab-content {
-      align-self: center;
-
-      &:not(.-full-width) {
-        max-width: 40em;
-      }
-
-      &.-full-width {
-        align-self: stretch;
-      }
-
-      &.-full-height {
-        flex: 1;
-      }
-    }
-
     .tab-content-label {
       box-sizing: border-box;
       margin: 0;
@@ -60,8 +42,24 @@
       flex: 1 1 auto;
       height: 100%;
       overflow-y: auto;
-      display: flex;
+      display: grid;
+      grid-template-columns: minmax(1em, 1fr) minmax(min-content, 45em) minmax(1em, 1fr);
+      grid-template-areas: ". content .";
       flex-direction: column;
+
+      .tab-content {
+        grid-area: content;
+
+        &.-full-width {
+          grid-column: 1 / 4;
+        }
+
+        &.-full-height {
+          > * {
+            height: 100%;
+          }
+        }
+      }
     }
 
     .tab-content-wrapper {
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 9e04c3fe7..44197bafe 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -35,14 +35,53 @@
     line-height: 1.5;
   }
 
-  .setting-item > p {
-    margin-left: 1em;
+  .setting-item {
+    display: grid;
+    grid-template-areas:
+      "label control"
+      ".    desc"
+      ".   draft";
+    grid-template-columns: 1fr 1fr;
+    column-gap: 0.5em;
+    align-items: baseline;
+    padding: 0.5em 0;
+
+    .setting-label {
+      grid-area: label;
+      text-align: right;
+    }
+
+    .ModifiedIndicator,
+    .ProfileSettingIndicator {
+      grid-area: indicator;
+    }
+
+    .setting-control {
+      grid-area: control;
+    }
+
+    .setting-control.setting-label {
+      grid-column: 1 / 3;
+      text-align: left;
+    }
+
+    .setting-description {
+      grid-area: desc;
+    }
+
+    .DraftButtons {
+      grid-area: draft;
+    }
+  }
+
+  .vertical-tab-switcher {
+    height: 100%;
   }
 
   .setting-list,
   .option-list {
     list-style-type: none;
-    padding-left: 2em;
+    padding-left: 0;
     margin: 0;
 
     .btn:not(.dropdown-button) {
@@ -55,21 +94,6 @@
       }
     }
 
-    li {
-      display: block;
-      margin: 0.75em 0;
-
-      > label {
-        display: block;
-        margin: 0.75em 0;
-        padding: 0.5em 0;
-      }
-    }
-
-    .suboptions {
-      margin-top: 0.3em;
-    }
-
     &.two-column {
       display: grid;
       grid-template-columns: 1fr 1fr;
@@ -135,20 +159,24 @@
       }
     }
 
+    .setting-item {
+      border-bottom: 1px solid var(--border);
+      grid-template-columns: 1fr min-content;
+      column-gap: 0.5em;
+      padding: 1em 0;
+      align-items: center;
+
+      .setting-label {
+        text-align: left;
+      }
+    }
+
+    ul {
+      padding: 0;
+    }
+
     .setting-list:not(.suboptions),
     .option-list {
-      padding-left: 0.25em;
-
-
-      /* stylelint-disable no-descending-specificity */
-      // it makes no sense
-      > li {
-        margin: 1em 0;
-        line-height: 1.5em;
-        vertical-align: middle;
-      }
-      /* stylelint-enable no-descending-specificity */
-
       &.two-column {
         grid-template-columns: 1fr;
       }
diff --git a/src/components/settings_modal/settings_modal_admin_content.scss b/src/components/settings_modal/settings_modal_admin_content.scss
deleted file mode 100644
index c1a25cf1e..000000000
--- a/src/components/settings_modal/settings_modal_admin_content.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-.settings_tab-switcher {
-  height: 100%;
-
-  .setting-item {
-    border-bottom: 2px solid var(--border);
-    margin: 1em 1em 1.4em;
-    padding-bottom: 1.4em;
-
-    > div,
-    > label {
-      display: block;
-      margin-bottom: 0.5em;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    .select-multiple {
-      margin-top: 0.5em;
-      display: flex;
-      flex-direction: column;
-
-      .option-list {
-        margin: 0;
-        margin-top: 0.5em;
-        padding-left: 0.5em;
-      }
-    }
-
-    &:last-child {
-      border-bottom: none;
-      padding-bottom: 0;
-      margin-bottom: 1em;
-    }
-
-    textarea {
-      width: 100%;
-      max-width: 100%;
-      height: 100px;
-    }
-
-    .unavailable,
-    .unavailable svg {
-      color: var(--cRed);
-    }
-  }
-}
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index ef8e2793e..94f843871 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -2,7 +2,7 @@
   <vertical-tab-switcher
     v-if="adminDescriptionsLoaded && (noDb || adminDbLoaded)"
     ref="tabSwitcher"
-    class="settings_tab-switcher"
+    class="settings-admin-content settings_tab-switcher"
     :side-tab-bar="true"
     :scrollable-tabs="true"
     :render-only-focused="true"
@@ -15,7 +15,7 @@
       data-tab-name="nodb-notice"
     >
       <div :label="$t('admin_dash.tabs.nodb')">
-        <div class="setting-item">
+        <div class="setting-section">
           <h2>{{ $t('admin_dash.nodb.heading') }}</h2>
           <i18n-t
             scope="global"
@@ -185,4 +185,10 @@
 
 <script src="./settings_modal_admin_content.js"></script>
 
-<style src="./settings_modal_admin_content.scss" lang="scss"></style>
+<style lang="scss">
+.settings-admin-content {
+  .setting-item {
+    grid-template-columns: 1fr 3fr;
+  }
+}
+</style>
diff --git a/src/components/settings_modal/settings_modal_user_content.scss b/src/components/settings_modal/settings_modal_user_content.scss
deleted file mode 100644
index 306d8e898..000000000
--- a/src/components/settings_modal/settings_modal_user_content.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-.settings_tab-switcher {
-  height: 100%;
-
-  [full-height="true"] {
-    height: 100%
-  }
-
-  .setting-item {
-    margin: 1em 1em 1.4em;
-    padding-bottom: 1.4em;
-
-    > div,
-    > label {
-      margin-bottom: 0.5em;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    .select-multiple {
-      margin-top: 1em;
-      display: flex;
-      flex-direction: column;
-
-      .option-list {
-        margin: 0;
-        margin-top: 0.5em;
-        padding-left: 0.5em;
-      }
-    }
-
-    &:last-child {
-      border-bottom: none;
-      padding-bottom: 0;
-      margin-bottom: 1em;
-    }
-
-    textarea {
-      width: 100%;
-      max-width: 100%;
-      height: 100px;
-    }
-
-    .unavailable,
-    .unavailable svg {
-      color: var(--cRed);
-    }
-  }
-}
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index b2b291e9b..5360089d6 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -49,7 +49,7 @@
       <AppearanceTab />
     </div>
     <div
-      :full-width="true"
+      :full-width="$store.getters.mergedConfig.expertLevel > 0"
       :label="$t('settings.layout')"
       icon="table-columns"
       data-tab-name="layout"
@@ -68,7 +68,6 @@
     </div>
     <div
       :label="$t('settings.filtering')"
-      :full-width="true"
       icon="filter"
       data-tab-name="filtering"
     >
@@ -139,5 +138,3 @@
 </template>
 
 <script src="./settings_modal_user_content.js"></script>
-
-<style src="./settings_modal_user_content.scss" lang="scss"></style>
diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index a52bd97d0..eadfa090d 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -1,4 +1,6 @@
 .appearance-tab {
+  margin: 1em;
+
   h3 {
     border: none
   }
@@ -67,7 +69,7 @@
         aspect-ratio: 16 / 9;
         width: 16em;
       }
-         
+
       img {
         object-fit: cover;
       }
@@ -138,6 +140,7 @@
     border: 1px solid var(--border);
     margin-bottom: 0.5em;
     margin-top: 0;
+    padding: 0.5em;
   }
 
   .palettes {
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index 815a6d4c5..75a06388d 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -5,7 +5,7 @@
     icon="table-columns"
   >
     <div
-      class="setting-item"
+      class="setting-section"
       :label="$t('settings.theme')"
       icon="paintbrush"
     >
diff --git a/src/components/settings_modal/tabs/clutter_tab.vue b/src/components/settings_modal/tabs/clutter_tab.vue
index aa3b4cb09..daf098f5a 100644
--- a/src/components/settings_modal/tabs/clutter_tab.vue
+++ b/src/components/settings_modal/tabs/clutter_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="clutter-tab">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.interface') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/tabs/composing_tab.vue b/src/components/settings_modal/tabs/composing_tab.vue
index 60640aab0..c02a15421 100644
--- a/src/components/settings_modal/tabs/composing_tab.vue
+++ b/src/components/settings_modal/tabs/composing_tab.vue
@@ -1,14 +1,16 @@
 <template>
   <div :label="$t('settings.posts')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.general') }}</h3>
       <ul class="setting-list">
         <li>
-          <label for="default-vis">
-            {{ $t('settings.default_vis') }}
-            {{ ' ' }}
+          <label class="setting-item " for="default-vis">
+            <span class="setting-label">
+              <ProfileSettingIndicator :is-profile="true" />
+              {{ $t('settings.default_vis') }}
+            </span>
             <ScopeSelector
-              class="scope-selector"
+              class="scope-selector setting-control"
               :show-all="true"
               :user-default="$store.state.profileConfig.defaultScope"
               :initial-scope="$store.state.profileConfig.defaultScope"
@@ -16,7 +18,6 @@
               :unstyled="false"
               uns
             />
-            <ProfileSettingIndicator :is-profile="true" />
           </label>
         </li>
         <li>
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.vue b/src/components/settings_modal/tabs/data_import_export_tab.vue
index cfd254277..d5e540b8b 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.vue
+++ b/src/components/settings_modal/tabs/data_import_export_tab.vue
@@ -3,7 +3,7 @@
     class="data-import-export-tab"
     :label="$t('settings.data_import_export_tab')"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.import_export.title') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/tabs/developer_tab.vue b/src/components/settings_modal/tabs/developer_tab.vue
index aafa4ec17..f1262e3b6 100644
--- a/src/components/settings_modal/tabs/developer_tab.vue
+++ b/src/components/settings_modal/tabs/developer_tab.vue
@@ -3,7 +3,7 @@
     :label="$t('settings.developer')"
     class="developer-tab"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.version.title') }}</h3>
       <dl class="setting-list">
         <dt>{{ $t('settings.version.backend_version') }}</dt>
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index e695a1061..5a44a487d 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="filtering-tab">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.filter.mute_filter') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 2796c9a95..4f1911cd8 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -1,25 +1,25 @@
 <template>
   <div>
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.format_and_language') }}</h3>
       <ul class="setting-list">
-        <li>
-          <interface-language-switcher
-            v-model="language"
-            @update="val => language = val"
-          >
-            {{ $t('settings.interfaceLanguage') }}
-          </interface-language-switcher>
-        </li>
-        <li>
-          <interface-language-switcher
-            v-model="emailLanguage"
-            :profile="true"
-            @update:model-value="updateProfile()"
-          >
-            {{ $t('settings.email_language') }}
-          </interface-language-switcher>
-        </li>
+        <h4>{{ $t('settings.interfaceLanguage') }}</h4>
+        <interface-language-switcher
+          v-model="language"
+          class="lang-selector"
+          @update="val => language = val"
+        />
+        <h4>
+          {{ $t('settings.email_language') }}
+          {{ ' ' }}
+          <ProfileSettingIndicator :is-profile="true" />
+        </h4>
+        <interface-language-switcher
+          v-model="emailLanguage"
+          class="lang-selector"
+          :profile="true"
+          @update:model-value="updateProfile()"
+        />
         <li>
           <BooleanSetting path="useAbsoluteTimeFormat">
             {{ $t('settings.absolute_time_format') }}
diff --git a/src/components/settings_modal/tabs/layout_tab.vue b/src/components/settings_modal/tabs/layout_tab.vue
index 68e90d346..2290b0630 100644
--- a/src/components/settings_modal/tabs/layout_tab.vue
+++ b/src/components/settings_modal/tabs/layout_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('settings.layout')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.general') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/tabs/notifications_tab.vue b/src/components/settings_modal/tabs/notifications_tab.vue
index 351c1dd9c..f9e2b9324 100644
--- a/src/components/settings_modal/tabs/notifications_tab.vue
+++ b/src/components/settings_modal/tabs/notifications_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('settings.notifications')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.notification_setting_annoyance') }}</h3>
       <ul class="setting-list">
         <li>
@@ -28,7 +28,7 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.notification_setting_filters') }}</h3>
       <ul class="setting-list">
         <li>
@@ -241,7 +241,7 @@
 
     <div
       v-if="expertLevel > 0"
-      class="setting-item"
+      class="setting-section"
     >
       <h3>{{ $t('settings.notification_setting_privacy') }}</h3>
       <ul class="setting-list">
@@ -279,7 +279,7 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
+    <div class="setting-section">
       <p>{{ $t('settings.notification_mutes') }}</p>
       <p>{{ $t('settings.notification_blocks') }}</p>
     </div>
diff --git a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
index 96a1b154f..9ec6b7b2f 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
@@ -1,5 +1,6 @@
 .old-theme-tab {
   min-width: var(--themeEditorMinWidth, fit-content);
+  margin: 1em;
 
   .deprecation-warning {
     padding: 0.5em;
diff --git a/src/components/settings_modal/tabs/posts_tab.vue b/src/components/settings_modal/tabs/posts_tab.vue
index 19389600a..0a864d179 100644
--- a/src/components/settings_modal/tabs/posts_tab.vue
+++ b/src/components/settings_modal/tabs/posts_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="posts-tab">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.posts_appearance') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index ce85188bd..ca5d955c9 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -1,6 +1,6 @@
 .profile-tab {
   // overriding global for better look
-  .setting-item.profile-edit {
+  .setting-section.profile-edit {
     margin: 0;
 
     h2 {
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index e98551f1c..14f3597eb 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -1,17 +1,20 @@
 <template>
   <div class="profile-tab">
-    <div class="setting-item profile-edit">
+    <div class="setting-section profile-edit">
       <UserCard
         :user-id="user.id"
         :editable="true"
         :switcher="false"
       />
     </div>
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.account_privacy') }}</h3>
       <ul class="setting-list">
         <li>
-          <Checkbox v-model="locked">
+          <Checkbox
+            class="setting-item"
+            v-model="locked"
+          >
             {{ $t('settings.lock_account_description') }}
           </Checkbox>
           <ProfileSettingIndicator :is-profile="true" />
diff --git a/src/components/settings_modal/tabs/security_tab/mfa.vue b/src/components/settings_modal/tabs/security_tab/mfa.vue
index 7e825062f..9859e809a 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa.vue
+++ b/src/components/settings_modal/tabs/security_tab/mfa.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="readyInit && settings.available"
-    class="setting-item mfa-settings"
+    class="setting-section mfa-settings"
   >
     <div class="mfa-heading">
       <h2>{{ $t('settings.mfa.title') }}</h2>
@@ -10,7 +10,7 @@
     <div>
       <div
         v-if="!setupInProgress"
-        class="setting-item"
+        class="setting-section"
       >
         <!-- Enabled methods -->
         <h3>{{ $t('settings.mfa.authentication_methods') }}</h3>
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.vue b/src/components/settings_modal/tabs/security_tab/security_tab.vue
index d1e6e3c87..ff1a969d7 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.vue
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('settings.security_tab')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.change_email') }}</h3>
       <ul class="setting-list">
         <li>
@@ -41,7 +41,7 @@
       </ul>
     </div>
 
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.change_password') }}</h3>
       <ul class="setting-list">
         <li>
@@ -90,7 +90,7 @@
       </ul>
     </div>
 
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.account_alias') }}</h3>
       <table>
         <thead>
@@ -160,7 +160,7 @@
     </div>
 
 
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.oauth_tokens') }}</h3>
       <table class="oauth-tokens">
         <thead>
@@ -191,7 +191,7 @@
     </div>
     <mfa />
 
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.move_account') }}</h3>
       <p>{{ $t('settings.move_account_notes') }}</p>
       <div>
@@ -234,7 +234,7 @@
       </template>
     </div>
 
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.delete_account') }}</h3>
       <p v-if="!deletingAccount">
         {{ $t('settings.delete_account_description') }}
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.scss b/src/components/settings_modal/tabs/style_tab/style_tab.scss
index 57d81cf70..2b9869b9c 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.scss
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.scss
@@ -1,5 +1,6 @@
 .StyleTab {
   min-width: var(--themeEditorMinWidth, fit-content);
+  margin: 1em;
 
   .style-control {
     align-items: baseline;
@@ -45,7 +46,7 @@
     }
   }
 
-  .setting-item.heading {
+  .setting-section.heading {
     padding: 0;
   }
 
@@ -84,7 +85,7 @@
     }
   }
 
-  .setting-item {
+  .setting-section {
     padding-bottom: 0;
 
     .btn {
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index 0ced0baf4..eb86026e2 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -3,7 +3,7 @@
 
 <template>
   <div class="StyleTab">
-    <div class="setting-item heading">
+    <div class="setting-section heading">
       <div class="meta-preview">
         <Preview id="edited-style-preview" />
         <teleport
@@ -82,7 +82,7 @@
     <tab-switcher>
       <div
         key="component"
-        class="setting-item component-editor"
+        class="setting-section component-editor"
         :label="$t('settings.style.themes3.editor.component_tab')"
         :full-width="true"
       >
@@ -331,7 +331,7 @@
       <div
         key="palette"
         :label="$t('settings.style.themes3.editor.palette_tab')"
-        class="setting-item list-editor palette-editor"
+        class="setting-section list-editor palette-editor"
         :full-width="true"
       >
         <label
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
index b2b50b3e8..69f974e9f 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
@@ -1,7 +1,7 @@
 <script src="./virtual_directives_tab.js"></script>
 
 <template>
-  <div class="setting-item list-editor variables-editor">
+  <div class="setting-section list-editor variables-editor">
     <label
       class="list-select-label"
       for="variables-selector"
diff --git a/src/components/settings_modal/tabs/uploads_tab.vue b/src/components/settings_modal/tabs/uploads_tab.vue
index b11dc1381..375032d6e 100644
--- a/src/components/settings_modal/tabs/uploads_tab.vue
+++ b/src/components/settings_modal/tabs/uploads_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.uploads')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.uploads.general') }}</h3>
       <ul class="setting-list">
         <li>

From 494f6b471ecd37d7e677da89a2340b09f16388c2 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 19:57:34 +0200
Subject: [PATCH 360/424] visual stuff again

---
 src/components/font_control/font_control.vue  | 12 ++++-
 .../interface_language_switcher.vue           | 15 ++++++
 .../helpers/boolean_setting.vue               |  6 ++-
 .../settings_modal/helpers/list_setting.vue   |  6 ++-
 .../settings_modal/helpers/setting.js         |  8 +++-
 .../helpers/vertical_tab_switcher.scss        |  4 ++
 .../settings_modal/settings_modal.scss        | 46 ++++++++++++++-----
 .../settings_modal_user_content.vue           |  1 -
 .../settings_modal/tabs/general_tab.vue       | 45 +++++++++---------
 .../settings_modal/tabs/notifications_tab.vue | 34 ++++++++------
 10 files changed, 120 insertions(+), 57 deletions(-)

diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index efd9243fd..b863d253a 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -13,7 +13,7 @@
           keypath="settings.style.fonts.override"
           tag="span"
         >
-          <span class="label">
+          <span>
             {{ label }}
           </span>
         </i18n-t>
@@ -73,7 +73,7 @@
       </span>
       <span
         v-else
-        class="btn-group"
+        class="font-selector btn-group"
       >
         <button
           class="btn button-default"
@@ -152,6 +152,14 @@
   }
 
   .-mobile & {
+    .font-input {
+      display: block;
+    }
+
+    .font-selector {
+      margin-top: 0.5em;
+    }
+
     .label {
       text-align: left;
     }
diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue
index 155d46f35..1f7d419e9 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.vue
+++ b/src/components/interface_language_switcher/interface_language_switcher.vue
@@ -61,11 +61,26 @@
   .add-button {
     display: block;
     text-align: center;
+    padding-bottom: 1em;
 
     .default-button {
       display: block;
       width: auto;
     }
   }
+
+  .-mobile & {
+    li.setting-item {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5em;
+      align-items: stretch;
+      border-bottom: none;
+    }
+
+    .add-button {
+      border-bottom: 1px solid var(--border);
+    }
+  }
 }
 </style>
diff --git a/src/components/settings_modal/helpers/boolean_setting.vue b/src/components/settings_modal/helpers/boolean_setting.vue
index 4cde6926b..7f3adf5ad 100644
--- a/src/components/settings_modal/helpers/boolean_setting.vue
+++ b/src/components/settings_modal/helpers/boolean_setting.vue
@@ -30,11 +30,13 @@
       </span>
     </Checkbox>
     <p
-      v-if="backendDescriptionDescription"
+      v-if="backendDescriptionDescription || showDescription"
       class="setting-description"
       :class="{ 'faint': shouldBeDisabled }"
     >
-      {{ backendDescriptionDescription + ' ' }}
+      <slot name="description">
+        {{ backendDescriptionDescription + ' ' }}
+      </slot>
     </p>
     <DraftButtons />
   </label>
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
index b90331cdb..1dacba410 100644
--- a/src/components/settings_modal/helpers/list_setting.vue
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -83,8 +83,10 @@
 <script src="./list_setting.js"></script>
 <style lang="scss">
 .ListSetting {
-  .btn-group {
-    display: flex
+  .setting-list {
+    .checkbox {
+      padding: 0.5em 0;
+    }
   }
 }
 </style>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index f786a35da..4ed6227a1 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -18,6 +18,10 @@ export default {
       type: [String, Array],
       required: false
     },
+    showDescription: {
+      type: Boolean,
+      required: false
+    },
     descriptionPathOverride: {
       type: [String, Array],
       required: false
@@ -69,7 +73,7 @@ export default {
       type: Boolean
     },
     overrideBackendDescriptionLabel: {
-      type: Boolean
+      type: [Boolean, String]
     },
     draftMode: {
       type: Boolean,
@@ -157,6 +161,8 @@ export default {
       }
     },
     backendDescriptionDescription () {
+      console.log('LOL', this.description)
+      if (this.description) return this.description
       if (this.realSource !== 'admin') return ''
       if (this.hideDescription) return null
       if (!this.backendDescription || this.overrideBackendDescription) {
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
index af765843e..4bb4b7167 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.scss
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
@@ -107,6 +107,10 @@
         flex-shrink: 1;
       }
     }
+
+    .tab-slot-wrapper {
+      grid-template-columns: 0 minmax(min-content, 45em) 0;
+    }
   }
 
   @supports (container-type: inline-size) {
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 44197bafe..303d1ae00 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -6,6 +6,7 @@
     font-weight: 500;
     margin-top: 1em;
     margin-bottom: 1em;
+    margin-right: 1em;
   }
 
   h3 {
@@ -13,6 +14,7 @@
     font-weight: 500;
     margin-top: 1em;
     margin-bottom: 0.5em;
+    margin-right: 1em;
     border-bottom: 1px solid var(--border);
     padding-bottom: 0.25em;
     box-sizing: border-box;
@@ -22,26 +24,41 @@
   h4 {
     font-size: 1.1rem;
     margin-top: 1em;
+    margin-right: 1em;
     margin-bottom: 0.5em;
+    margin-left: 1em;
   }
 
   h5 {
     font-size: 1rem;
-    margin-bottom: 0.5em;
-    margin-top: 0;
+    margin-right: 1em;
+    margin-bottom: 0.25em;
+    margin-top: 0.75em;
   }
 
   p {
     line-height: 1.5;
   }
 
+  .sidenote {
+    margin-left: 5em;
+    padding: 0.25em 1em;
+    margin-top: 0.25em;
+  }
+
+  .setting-description {
+    margin-top: 0.2em;
+    margin-bottom: 0;
+    font-size: 80%;
+  }
+
   .setting-item {
     display: grid;
     grid-template-areas:
       "label control"
       ".    desc"
       ".   draft";
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 2fr 3fr;
     column-gap: 0.5em;
     align-items: baseline;
     padding: 0.5em 0;
@@ -97,6 +114,14 @@
     &.two-column {
       display: grid;
       grid-template-columns: 1fr 1fr;
+      margin-left: 2em;
+      border-bottom: 1px solid var(--border);
+      padding-bottom: 0.5em;
+      margin-bottom: 1em;
+
+      .setting-item {
+        grid-template-columns: 3fr 1fr;
+      }
 
       > li {
         margin: 0;
@@ -105,12 +130,6 @@
     }
   }
 
-  .setting-description {
-    margin-top: 0.2em;
-    margin-bottom: 0;
-    font-size: 80%;
-  }
-
   .settings-modal-panel {
     overflow: hidden;
     transition: transform;
@@ -160,10 +179,9 @@
     }
 
     .setting-item {
-      border-bottom: 1px solid var(--border);
       grid-template-columns: 1fr min-content;
       column-gap: 0.5em;
-      padding: 1em 0;
+      padding: 1em 1em;
       align-items: center;
 
       .setting-label {
@@ -173,6 +191,12 @@
 
     ul {
       padding: 0;
+
+      li:not(:first-child) {
+        .setting-item {
+          border-top: 1px solid var(--border);
+        }
+      }
     }
 
     .setting-list:not(.suboptions),
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 5360089d6..2bde5b21b 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -49,7 +49,6 @@
       <AppearanceTab />
     </div>
     <div
-      :full-width="$store.getters.mergedConfig.expertLevel > 0"
       :label="$t('settings.layout')"
       icon="table-columns"
       data-tab-name="layout"
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 4f1911cd8..285fe1b68 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -47,26 +47,24 @@
           >
             {{ $t('settings.text_size') }}
           </UnitSetting>
-          <div>
-            <small>
-              <i18n-t
-                scope="global"
-                keypath="settings.text_size_tip"
-                tag="span"
-              >
-                <code>px</code>
-                <code>rem</code>
-              </i18n-t>
-              <br>
-              <i18n-t
-                scope="global"
-                keypath="settings.text_size_tip2"
-                tag="span"
-              >
-                <code>14px</code>
-              </i18n-t>
-            </small>
-          </div>
+          <p class="sidenote">
+            <i18n-t
+              scope="global"
+              keypath="settings.text_size_tip"
+              tag="span"
+            >
+              <code>px</code>
+              <code>rem</code>
+            </i18n-t>
+            <br>
+            <i18n-t
+              scope="global"
+              keypath="settings.text_size_tip2"
+              tag="span"
+            >
+              <code>14px</code>
+            </i18n-t>
+          </p>
         </li>
         <li>
           <FontControl
@@ -144,7 +142,7 @@
         class="setting-list"
       >
         <li class="select-multiple">
-          <span class="label">{{ $t('settings.confirm_dialogs') }}</span>
+          <h4 class="label">{{ $t('settings.confirm_dialogs') }}</h4>
           <ul class="option-list">
             <li>
               <BooleanSetting path="modalOnRepeat">
@@ -156,9 +154,10 @@
                 {{ $t('settings.confirm_dialogs_unfollow') }}
               </BooleanSetting>
             </li>
-            <li>
+            <li
+              v-if="!blockExpirationSupported"
+            >
               <BooleanSetting
-                v-if="!blockExpirationSupported"
                 path="modalOnBlock"
               >
                 {{ $t('settings.confirm_dialogs_block') }}
diff --git a/src/components/settings_modal/tabs/notifications_tab.vue b/src/components/settings_modal/tabs/notifications_tab.vue
index f9e2b9324..ea859b18a 100644
--- a/src/components/settings_modal/tabs/notifications_tab.vue
+++ b/src/components/settings_modal/tabs/notifications_tab.vue
@@ -12,11 +12,9 @@
           <BooleanSetting path="ignoreInactionableSeen">
             {{ $t('settings.notification_setting_ignore_inactionable_seen') }}
           </BooleanSetting>
-          <div>
-            <small>
-              {{ $t('settings.notification_setting_ignore_inactionable_seen_tip') }}
-            </small>
-          </div>
+          <p class="sidenote">
+            {{ $t('settings.notification_setting_ignore_inactionable_seen_tip') }}
+          </p>
         </li>
         <li>
           <BooleanSetting
@@ -41,7 +39,10 @@
         </li>
         <li>
           <h4> {{ $t('settings.notification_visibility') }}</h4>
-          <p v-if="expertLevel > 0">
+          <p
+            class="sidenote"
+            v-if="expertLevel > 0"
+          >
             {{ $t('settings.notification_setting_filters_chrome_push') }}
           </p>
           <ul class="setting-list two-column">
@@ -260,11 +261,12 @@
               >
                 {{ $t('settings.enable_web_push_always_show') }}
               </BooleanSetting>
-              <div :class="{ faint: !mergedConfig.webPushNotifications }">
-                <small>
-                  {{ $t('settings.enable_web_push_always_show_tip') }}
-                </small>
-              </div>
+              <p
+                :class="{ faint: !mergedConfig.webPushNotifications }"
+                class="sidenote"
+              >
+                {{ $t('settings.enable_web_push_always_show_tip') }}
+              </p>
             </li>
           </ul>
         </li>
@@ -279,10 +281,12 @@
         </li>
       </ul>
     </div>
-    <div class="setting-section">
-      <p>{{ $t('settings.notification_mutes') }}</p>
-      <p>{{ $t('settings.notification_blocks') }}</p>
-    </div>
+    <p class="sidenote">
+      <ul>
+        <li>{{ $t('settings.notification_mutes') }}</li>
+        <li>{{ $t('settings.notification_blocks') }}</li>
+      </ul>
+    </p>
   </div>
 </template>
 

From 76dd3540e47cd5ec9c8f23b091e3fef7ebcbcb29 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 20:24:39 +0200
Subject: [PATCH 361/424] more visual fixes

---
 .../settings_modal/settings_modal.scss        |  4 ++++
 .../settings_modal/tabs/filtering_tab.vue     | 16 +++++++++----
 .../settings_modal/tabs/profile_tab.scss      | 23 +++++++++++++++++++
 .../settings_modal/tabs/profile_tab.vue       | 16 +++++++------
 4 files changed, 48 insertions(+), 11 deletions(-)

diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 303d1ae00..fd26d144a 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -40,6 +40,10 @@
     line-height: 1.5;
   }
 
+  .suboptions {
+    margin-left: 1em;
+  }
+
   .sidenote {
     margin-left: 5em;
     padding: 0.25em 1em;
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index 5a44a487d..e19f7bdd8 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -13,8 +13,10 @@
             {{ $t('settings.replies_in_timeline') }}
           </ChoiceSetting>
         </li>
-        <li>
-          {{ $t('user_card.default_mute_expiration') }}
+        <li class="setting-item">
+          <span class="setting-label">
+            {{ $t('user_card.default_mute_expiration') }}
+          </span>
           <Select
             id="onMuteDefaultActionLv1"
             v-model="onMuteDefaultActionLv1"
@@ -43,10 +45,16 @@
             </li>
           </ul>
         </li>
-        <li v-if="blockExpirationSupported">
-          {{ $t('user_card.default_block_expiration') }}
+        <li
+          class="setting-item"
+          v-if="blockExpirationSupported"
+        >
+          <span class="setting-label">
+            {{ $t('user_card.default_block_expiration') }}
+          </span>
           <Select
             id="onBlockDefaultActionLv1"
+            class="setting-control"
             v-model="onBlockDefaultActionLv1"
           >
             <option
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index ca5d955c9..6e8b2b131 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -11,5 +11,28 @@
       padding: 1.2em;
       overflow: hidden;
     }
+
+  }
+
+  .setting-item {
+    .custom-boolean-setting {
+      display: grid;
+      grid-template-columns: subgrid;
+
+      .label {
+        grid-area: label;
+        text-align: right;
+      }
+
+      .-mobile & {
+        .label {
+          text-align: left;
+        }
+      }
+
+      .checkbox-indicator {
+        grid-area: control;
+      }
+    }
   }
 }
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 14f3597eb..edab1c19d 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -11,13 +11,15 @@
       <h3>{{ $t('settings.account_privacy') }}</h3>
       <ul class="setting-list">
         <li>
-          <Checkbox
-            class="setting-item"
-            v-model="locked"
-          >
-            {{ $t('settings.lock_account_description') }}
-          </Checkbox>
-          <ProfileSettingIndicator :is-profile="true" />
+          <div class="setting-item">
+            <Checkbox
+              class="setting-label setting-control custom-boolean-setting"
+              v-model="locked"
+            >
+              <ProfileSettingIndicator :is-profile="true" />
+              {{ $t('settings.lock_account_description') }}
+            </Checkbox>
+          </div>
         </li>
         <li>
           <BooleanSetting

From 625954721e8aec664c879af553db272e0eeb2938 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 20:36:09 +0200
Subject: [PATCH 362/424] fixed up unitsetting

---
 .../settings_modal/helpers/unit_setting.vue   | 10 +--
 .../settings_modal/settings_modal.scss        |  2 +-
 .../settings_modal/tabs/filtering_tab.vue     | 69 ++++++++++---------
 3 files changed, 41 insertions(+), 40 deletions(-)

diff --git a/src/components/settings_modal/helpers/unit_setting.vue b/src/components/settings_modal/helpers/unit_setting.vue
index c076df855..d23745fa4 100644
--- a/src/components/settings_modal/helpers/unit_setting.vue
+++ b/src/components/settings_modal/helpers/unit_setting.vue
@@ -7,9 +7,13 @@
       :for="path"
       class="setting-label size-label"
     >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      {{ ' ' }}
       <slot />
     </label>
-    {{ ' ' }}
     <span class="no-break setting-control">
       <input
         :id="path"
@@ -38,10 +42,6 @@
       </Select>
     </span>
     {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
   </span>
 </template>
 
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index fd26d144a..c757d2964 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -62,7 +62,7 @@
       "label control"
       ".    desc"
       ".   draft";
-    grid-template-columns: 2fr 3fr;
+    grid-template-columns: 4fr 5fr;
     column-gap: 0.5em;
     align-items: baseline;
     padding: 0.5em 0;
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index e19f7bdd8..a51b0e4b7 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -13,22 +13,24 @@
             {{ $t('settings.replies_in_timeline') }}
           </ChoiceSetting>
         </li>
-        <li class="setting-item">
-          <span class="setting-label">
-            {{ $t('user_card.default_mute_expiration') }}
-          </span>
-          <Select
-            id="onMuteDefaultActionLv1"
-            v-model="onMuteDefaultActionLv1"
-          >
-            <option
-              v-for="option in muteBlockLv1Options"
-              :key="option.key"
-              :value="option.value"
+        <li>
+          <span class="setting-item">
+            <span class="setting-label">
+              {{ $t('user_card.default_mute_expiration') }}
+            </span>
+            <Select
+              id="onMuteDefaultActionLv1"
+              v-model="onMuteDefaultActionLv1"
             >
-              {{ option.label }}
-            </option>
-          </Select>
+              <option
+                v-for="option in muteBlockLv1Options"
+                :key="option.key"
+                :value="option.value"
+              >
+                {{ option.label }}
+              </option>
+            </Select>
+          </span>
           <ul
             v-if="onMuteDefaultActionLv1 === 'temporarily'"
             class="setting-list suboptions"
@@ -45,26 +47,25 @@
             </li>
           </ul>
         </li>
-        <li
-          class="setting-item"
-          v-if="blockExpirationSupported"
-        >
-          <span class="setting-label">
-            {{ $t('user_card.default_block_expiration') }}
-          </span>
-          <Select
-            id="onBlockDefaultActionLv1"
-            class="setting-control"
-            v-model="onBlockDefaultActionLv1"
-          >
-            <option
-              v-for="option in muteBlockLv1Options"
-              :key="option.key"
-              :value="option.value"
+        <li v-if="blockExpirationSupported">
+          <span class="setting-item">
+            <span class="setting-label">
+              {{ $t('user_card.default_block_expiration') }}
+            </span>
+            <Select
+              id="onBlockDefaultActionLv1"
+              class="setting-control"
+              v-model="onBlockDefaultActionLv1"
             >
-              {{ option.label }}
-            </option>
-          </Select>
+              <option
+                v-for="option in muteBlockLv1Options"
+                :key="option.key"
+                :value="option.value"
+              >
+                {{ option.label }}
+              </option>
+            </Select>
+          </span>
           <ul
             v-if="onBlockDefaultActionLv1 === 'temporarily'"
             class="setting-list suboptions"

From c085acd2dd5ea2a8e731d6f0549054396ea1ba85 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 13:35:41 +0200
Subject: [PATCH 363/424] fix emoji form & eliminate copypasta

---
 src/App.scss                                  |   6 +-
 src/components/font_control/font_control.vue  |  34 ------
 .../settings_modal/admin_tabs/emoji_tab.scss  |   5 +
 .../settings_modal/admin_tabs/emoji_tab.vue   | 111 +++++++++++-------
 .../helpers/boolean_setting.vue               |  27 -----
 .../settings_modal/settings_modal.scss        |  20 ++++
 6 files changed, 97 insertions(+), 106 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index d891508fe..bf325c386 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -381,6 +381,7 @@ nav {
   font-size: 1em;
   font-family: sans-serif;
   font-family: var(--font);
+  height: 2em;
 
   &.-transparent {
     backdrop-filter: blur(0.125em) contrast(60%);
@@ -705,9 +706,10 @@ option {
   display: inline-flex;
   vertical-align: middle;
   min-height: 2em;
+  align-items: baseline;
 
-  .Select select {
-    line-height: 1;
+  .input {
+    height: 2em;
   }
 
   > *,
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index b863d253a..5124fd53a 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -136,40 +136,6 @@
 <script src="./font_control.js"></script>
 
 <style lang="scss">
-// Copy-paste of BooleanSetting
-.font-control {
-  display: grid;
-  grid-template-columns: subgrid;
-
-  .checkbox {
-    display: grid;
-    grid-template-columns: subgrid;
-  }
-
-  .label {
-    grid-area: label;
-    text-align: right;
-  }
-
-  .-mobile & {
-    .font-input {
-      display: block;
-    }
-
-    .font-selector {
-      margin-top: 0.5em;
-    }
-
-    .label {
-      text-align: left;
-    }
-  }
-
-  .checkbox-indicator {
-    grid-area: control;
-  }
-}
-
 .invalid-tooltip {
   margin: 0.5em 1em;
   min-width: 10em;
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.scss b/src/components/settings_modal/admin_tabs/emoji_tab.scss
index 327d0f376..af1cfcf9c 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.scss
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.scss
@@ -12,6 +12,7 @@
       display: flex;
       flex: 1 0 auto;
       justify-content: end;
+      align-items: end;
 
       &:not(.btn-group) {
         gap: 0.5em;
@@ -27,6 +28,10 @@
       padding: 0.5em;
       font-size: 1rem;
     }
+
+    .popover-wrapper {
+      display: flex;
+    }
   }
 
   .selector-buttons,
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index ba68a28a7..ecec6cd57 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -43,7 +43,7 @@
                   :placeholder="$t('admin_dash.emoji.remote_pack_instance')"
                 >
                 <button
-                  class="button button-default btn emoji-tab-popover-button"
+                  class="button button-default emoji-tab-popover-button"
                   type="button"
                   @click="listRemotePacks"
                 >
@@ -112,11 +112,11 @@
           </Popover>
         </span>
       </h3>
-      <div class="setting-list">
+      <div class="setting-section">
         <h4 class="toolbar">
           {{ $t('admin_dash.emoji.edit_pack') }}
         </h4>
-        <div class="selector-buttons setting-list">
+        <div class="selector-buttons">
           <button
             :disabled="!pack || pack.remote !== undefined"
             class="button button-default btn"
@@ -254,73 +254,98 @@
         </h5>
         <ul class="setting-list">
           <li>
-            <label :class="{ ['-disabled']: !pack || pack.remote !== undefined }">
-              {{ $t('admin_dash.emoji.description') }}
-              <ModifiedIndicator
-                :changed="metaEdited('description')"
-                message-key="admin_dash.emoji.metadata_changed"
-              />
-
-              <textarea
-                v-model="packMeta.description"
-                :disabled="!pack || pack.remote !== undefined"
-                class="bio resize-height input"
-              />
+            <label
+              class="setting-item"
+              :class="{ ['-disabled']: !pack || pack.remote !== undefined }"
+            >
+              <span class="setting-label">
+                <ModifiedIndicator
+                  :changed="metaEdited('description')"
+                  message-key="admin_dash.emoji.metadata_changed"
+                />
+                {{ $t('admin_dash.emoji.description') }}
+              </span>
+              <div>
+                <textarea
+                  v-model="packMeta.description"
+                  :disabled="!pack || pack.remote !== undefined"
+                  class="bio resize-height input setting-control"
+                />
+              </div>
             </label>
           </li>
           <li>
-            <label :class="{ ['-disabled']: !pack || pack.remote !== undefined }">
-              {{ $t('admin_dash.emoji.homepage') }}
-              <ModifiedIndicator
-                :changed="metaEdited('homepage')"
-                message-key="admin_dash.emoji.metadata_changed"
-              />
+            <label
+              class="setting-item"
+              :class="{ ['-disabled']: !pack || pack.remote !== undefined }"
+            >
+              <span class="setting-label">
+                <ModifiedIndicator
+                  :changed="metaEdited('homepage')"
+                  message-key="admin_dash.emoji.metadata_changed"
+                />
+                {{ $t('admin_dash.emoji.homepage') }}
+              </span>
 
               <input
                 v-model="packMeta.homepage"
-                class="emoji-info-input input"
+                class="emoji-info-input input setting-control"
                 :disabled="!pack || pack.remote !== undefined"
               >
             </label>
           </li>
           <li>
-            <label :class="{ ['-disabled']: !pack || pack.remote !== undefined }">
-              {{ $t('admin_dash.emoji.fallback_src') }}
-              <ModifiedIndicator
-                :changed="metaEdited('fallback-src')"
-                message-key="admin_dash.emoji.metadata_changed"
-              />
+            <label
+              class="setting-item"
+              :class="{ ['-disabled']: !pack || pack.remote !== undefined }"
+            >
+              <span class="setting-label">
+                <ModifiedIndicator
+                  :changed="metaEdited('fallback-src')"
+                  message-key="admin_dash.emoji.metadata_changed"
+                />
+                {{ $t('admin_dash.emoji.fallback_src') }}
+              </span>
 
               <input
                 v-model="packMeta['fallback-src']"
-                class="emoji-info-input input"
+                class="emoji-info-input input setting-control"
                 :disabled="!pack || pack.remote !== undefined"
               >
             </label>
           </li>
           <li>
-            <label :class="{ ['-disabled']: !pack || pack.remote !== undefined }">
-              {{ $t('admin_dash.emoji.fallback_sha256') }}
+            <label
+              class="setting-item"
+              :class="{ ['-disabled']: !pack || pack.remote !== undefined }"
+            >
+              <span class="setting-label">
+                {{ $t('admin_dash.emoji.fallback_sha256') }}
+              </span>
 
               <input
                 v-model="packMeta['fallback-src-sha256']"
                 :disabled="!pack || pack.remote !== undefined"
-                class="emoji-info-input input"
+                class="emoji-info-input input setting-control"
               >
             </label>
           </li>
           <li>
-            <Checkbox
-              v-model="packMeta['share-files']"
-              :disabled="!pack || pack.remote !== undefined"
-            >
-              {{ $t('admin_dash.emoji.share') }}
-            </Checkbox>
-
-            <ModifiedIndicator
-              :changed="metaEdited('share-files')"
-              message-key="admin_dash.emoji.metadata_changed"
-            />
+            <div class="setting-item">
+              <Checkbox
+                v-model="packMeta['share-files']"
+                :disabled="!pack || pack.remote !== undefined"
+                class="setting-label setting-control"
+              >
+              <ModifiedIndicator
+                :changed="metaEdited('share-files')"
+                message-key="admin_dash.emoji.metadata_changed"
+              />
+                {{ $t('admin_dash.emoji.share') }}
+              </Checkbox>
+            </div>
+          </li>
+          <li>
             <div class="meta-buttons">
               <button
                 v-if="pack && pack.remote === undefined"
diff --git a/src/components/settings_modal/helpers/boolean_setting.vue b/src/components/settings_modal/helpers/boolean_setting.vue
index 7f3adf5ad..2134ad7ce 100644
--- a/src/components/settings_modal/helpers/boolean_setting.vue
+++ b/src/components/settings_modal/helpers/boolean_setting.vue
@@ -43,30 +43,3 @@
 </template>
 
 <script src="./boolean_setting.js"></script>
-
-<style lang="scss">
-.BooleanSetting {
-  display: grid;
-  grid-template-columns: subgrid;
-
-  .checkbox {
-    display: grid;
-    grid-template-columns: subgrid;
-  }
-
-  .label {
-    grid-area: label;
-    text-align: right;
-  }
-
-  .-mobile & {
-    .label {
-      text-align: left;
-    }
-  }
-
-  .checkbox-indicator {
-    grid-area: control;
-  }
-}
-</style>
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index c757d2964..1ca9ec318 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -79,6 +79,26 @@
 
     .setting-control {
       grid-area: control;
+
+      &.checkbox {
+        display: grid;
+        grid-template-columns: subgrid;
+
+        .label {
+          grid-area: label;
+          text-align: right;
+        }
+
+        .checkbox-indicator {
+          grid-area: control;
+        }
+
+        .-mobile & {
+          .label {
+            text-align: left;
+          }
+        }
+      }
     }
 
     .setting-control.setting-label {

From 952800410e9ad1e2a6205d70edd25d107ce5d8dd Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 14:05:46 +0200
Subject: [PATCH 364/424] emoji tab fixes

---
 .../settings_modal/admin_tabs/emoji_tab.scss  | 15 +++++++++---
 .../settings_modal/admin_tabs/emoji_tab.vue   | 24 +++++++++----------
 .../settings_modal/settings_modal.scss        |  8 ++++++-
 3 files changed, 31 insertions(+), 16 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.scss b/src/components/settings_modal/admin_tabs/emoji_tab.scss
index af1cfcf9c..2f3b5aa40 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.scss
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.scss
@@ -1,6 +1,6 @@
 .EmojiTab {
   .setting-list {
-    padding-left: 0.75em;
+    margin: 0.5em 2em;
   }
 
   .toolbar {
@@ -39,6 +39,7 @@
     display: flex;
     flex-wrap: wrap;
     gap: 0.5em;
+    margin-left: 1em;
   }
 
   h5 {
@@ -74,13 +75,21 @@
     flex-wrap: wrap;
     gap: 1em;
 
+    .button-unstyled {
+      display: flex;
+    }
+
+    .emoji-item,
     .placeholder {
-      background: var(--textFaint);
-      border-radius: 0.5em;
       width: 2em;
       height: 2em;
       opacity: 0.5;
     }
+
+    .placeholder {
+      background: var(--textFaint);
+      border-radius: 0.5em;
+    }
   }
 }
 
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index ecec6cd57..038f522b1 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -116,7 +116,7 @@
         <h4 class="toolbar">
           {{ $t('admin_dash.emoji.edit_pack') }}
         </h4>
-        <div class="selector-buttons">
+        <div class="setting-item selector-buttons">
           <button
             :disabled="!pack || pack.remote !== undefined"
             class="button button-default btn"
@@ -265,13 +265,12 @@
                 />
                 {{ $t('admin_dash.emoji.description') }}
               </span>
-              <div>
-                <textarea
-                  v-model="packMeta.description"
-                  :disabled="!pack || pack.remote !== undefined"
-                  class="bio resize-height input setting-control"
-                />
-              </div>
+              <textarea
+                v-model="packMeta.description"
+                :disabled="!pack || pack.remote !== undefined"
+                height="4"
+                class="bio resize-height input textarea setting-control"
+              />
             </label>
           </li>
           <li>
@@ -337,10 +336,10 @@
                 :disabled="!pack || pack.remote !== undefined"
                 class="setting-label setting-control"
               >
-              <ModifiedIndicator
-                :changed="metaEdited('share-files')"
-                message-key="admin_dash.emoji.metadata_changed"
-              />
+                <ModifiedIndicator
+                  :changed="metaEdited('share-files')"
+                  message-key="admin_dash.emoji.metadata_changed"
+                />
                 {{ $t('admin_dash.emoji.share') }}
               </Checkbox>
             </div>
@@ -380,6 +379,7 @@
         >
           <EmojiEditingPopover
             v-if="pack && pack.remote === undefined"
+            class="emoji-item"
             placement="bottom"
             new-upload
             :title="$t('admin_dash.emoji.adding_new')"
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 1ca9ec318..9d250d9c4 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -31,7 +31,7 @@
 
   h5 {
     font-size: 1rem;
-    margin-right: 1em;
+    margin-left: 1em;
     margin-bottom: 0.25em;
     margin-top: 0.75em;
   }
@@ -70,6 +70,7 @@
     .setting-label {
       grid-area: label;
       text-align: right;
+      align-self: baseline;
     }
 
     .ModifiedIndicator,
@@ -80,6 +81,11 @@
     .setting-control {
       grid-area: control;
 
+      &.textarea {
+        align-self: baseline;
+        overflow: auto;
+      }
+
       &.checkbox {
         display: grid;
         grid-template-columns: subgrid;

From bf75c7af85e6423f9c6695367f13db2e2c92d46b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 14:07:17 +0200
Subject: [PATCH 365/424] fix follow button

---
 src/components/user_card/user_card.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index bd7359ac9..a821b4af1 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -26,6 +26,10 @@
     height: auto; // override settings default textarea size
   }
 
+  .follow-button {
+    flex: 1 0 auto;
+  }
+
   .user-card-inner {
     padding-bottom: 0;
   }

From 189b092d2c604246e02a0ab87e35672f6f84e5ea Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 14:13:14 +0200
Subject: [PATCH 366/424] fix style tab

---
 src/components/settings_modal/tabs/style_tab/style_tab.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.scss b/src/components/settings_modal/tabs/style_tab/style_tab.scss
index 2b9869b9c..eb31f9684 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.scss
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.scss
@@ -87,6 +87,7 @@
 
   .setting-section {
     padding-bottom: 0;
+    margin-top: 1em;
 
     .btn {
       padding: 0 0.5em;

From edbf5f327625083ea857cb1e01cca6d3f8393754 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 14:23:43 +0200
Subject: [PATCH 367/424] developer tab fixes

---
 .../settings_modal/tabs/developer_tab.scss    | 20 +++++++++++
 .../settings_modal/tabs/developer_tab.vue     | 35 ++++++++++---------
 2 files changed, 39 insertions(+), 16 deletions(-)

diff --git a/src/components/settings_modal/tabs/developer_tab.scss b/src/components/settings_modal/tabs/developer_tab.scss
index 944cf052f..a94b5c122 100644
--- a/src/components/settings_modal/tabs/developer_tab.scss
+++ b/src/components/settings_modal/tabs/developer_tab.scss
@@ -1,4 +1,24 @@
 .developer-tab {
+  .setting-list {
+    margin-left: 2em;
+  }
+
+  .cache-buttons {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-column: 1 / 3;
+    column-gap: 0.5em;
+    margin: 0 5em;
+
+    .-mobile & {
+      grid-template-columns: 1fr;
+      grid-template-rows: 1fr 1fr;
+      row-gap: 0.5em;
+      margin: 0;
+    }
+  }
+
+
   dt {
     font-weight: 900;
   }
diff --git a/src/components/settings_modal/tabs/developer_tab.vue b/src/components/settings_modal/tabs/developer_tab.vue
index f1262e3b6..1544c02a9 100644
--- a/src/components/settings_modal/tabs/developer_tab.vue
+++ b/src/components/settings_modal/tabs/developer_tab.vue
@@ -32,22 +32,6 @@
             {{ $t('settings.virtual_scrolling') }}
           </BooleanSetting>
         </li>
-        <li>
-          <button
-            class="btn button-default"
-            @click="clearAssetCache"
-          >
-            {{ $t('settings.clear_asset_cache') }}
-          </button>
-        </li>
-        <li>
-          <button
-            class="btn button-default"
-            @click="clearEmojiCache"
-          >
-            {{ $t('settings.clear_emoji_cache') }}
-          </button>
-        </li>
         <li>
           <BooleanSetting
             path="themeDebug"
@@ -64,6 +48,25 @@
             {{ $t('settings.force_theme_recompilation_debug') }}
           </BooleanSetting>
         </li>
+        <h4>{{ $t('settings.cache') }}</h4>
+        <li>
+          <div class="setting-item">
+            <div class="cache-buttons">
+              <button
+                class="btn button-default"
+                @click="clearAssetCache"
+              >
+                {{ $t('settings.clear_asset_cache') }}
+              </button>
+              <button
+                class="btn button-default"
+                @click="clearEmojiCache"
+              >
+                {{ $t('settings.clear_emoji_cache') }}
+              </button>
+            </div>
+          </div>
+        </li>
       </ul>
     </div>
   </div>

From 96fc30a1b7f6016b639aad9d0d5ff24987a5b916 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 14:37:51 +0200
Subject: [PATCH 368/424] proxy setting fixes

---
 .../settings_modal/helpers/map_setting.vue    |  2 +-
 .../settings_modal/helpers/proxy_setting.vue  | 38 ++++++++++---------
 .../settings_modal/settings_modal.scss        |  4 +-
 src/i18n/en.json                              | 11 ++----
 4 files changed, 26 insertions(+), 29 deletions(-)

diff --git a/src/components/settings_modal/helpers/map_setting.vue b/src/components/settings_modal/helpers/map_setting.vue
index e3ccbffe6..95adcb314 100644
--- a/src/components/settings_modal/helpers/map_setting.vue
+++ b/src/components/settings_modal/helpers/map_setting.vue
@@ -84,7 +84,7 @@
 
 <script src="./map_setting.js"></script>
 <style lang="scss">
-.ListSetting {
+.MapSetting {
   .btn-group {
     display: flex
   }
diff --git a/src/components/settings_modal/helpers/proxy_setting.vue b/src/components/settings_modal/helpers/proxy_setting.vue
index 020097ef0..869cbcdcc 100644
--- a/src/components/settings_modal/helpers/proxy_setting.vue
+++ b/src/components/settings_modal/helpers/proxy_setting.vue
@@ -18,25 +18,27 @@
       <slot v-else />
     </label>
     {{ ' ' }}
-    <input
-      :id="path"
-      class="input string-input"
-      :class="{ disabled: shouldBeDisabled }"
-      :disabled="shouldBeDisabled"
-      :placeholder="backendDescriptionSuggestions[0]"
-      :value="displayState"
-      @change="event => update({ event })"
-    >
-    {{ ' ' }}
-    <Checkbox
-      :model-value="socksState"
-      :disabled="shouldBeDisabled"
-      :indeterminate="isIndeterminate"
-      @update:model-value="event => update({ event, isProxy: true})"
-    >
-      {{ $t('admin_dash.http.socks5') }}
+    <div class="setting-control">
+      <input
+        :id="path"
+        class="input string-input"
+        :class="{ disabled: shouldBeDisabled }"
+        :disabled="shouldBeDisabled"
+        :placeholder="backendDescriptionSuggestions[0]"
+        :value="displayState"
+        @change="event => update({ event })"
+      >
       {{ ' ' }}
-    </Checkbox>
+      <Checkbox
+        :model-value="socksState"
+        :disabled="shouldBeDisabled"
+        :indeterminate="isIndeterminate"
+        @update:model-value="event => update({ event, isProxy: true})"
+      >
+        SOCKS5
+        {{ ' ' }}
+      </Checkbox>
+    </div>
     {{ ' ' }}
     <ModifiedIndicator
       :changed="isChanged"
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 9d250d9c4..a26937bd7 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -60,8 +60,8 @@
     display: grid;
     grid-template-areas:
       "label control"
-      ".    desc"
-      ".   draft";
+      "label desc"
+      ".     draft";
     grid-template-columns: 4fr 5fr;
     column-gap: 0.5em;
     align-items: baseline;
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 8527aa2f9..03ff6ec15 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1170,15 +1170,12 @@
     "posts": {
       "global": "Global settings",
       "local": "Local posts",
-      "scheduled_activites": "Scheduled posts",
       "remote": "Remote posts"
     },
     "other": {
       "uncategorized": "Uncategorized",
       "user_backup": "User Backup",
       "reports": "Reports",
-      "feed": "RSS Feed",
-      "feed_title": "Article Title",
       "privileges": "Privileges"
     },
     "monitoring": {
@@ -1191,8 +1188,7 @@
       "activitypub": "ActivityPub"
     },
     "http": {
-      "outbound": "Outbound HTTP requests",
-      "socks5": "SOCKS5"
+      "outbound": "Outbound HTTP requests"
     },
     "auth": {
       "MFA": "Multi-factor Authentication",
@@ -1202,7 +1198,6 @@
       "backup_codes": "Backup codes"
     },
     "job_queues": {
-      "Oban": "Oban queues",
       "Gun": {
         "title": "Gun queues",
         "connections_pools": "Gun connections pool",
@@ -1398,11 +1393,11 @@
         ":connections_pool": {
           ":max_idle_time": {
             "label": "Maximum idle time",
-            "description": "idk"
+            "description": "Maximum idle time before CONFIRM"
           },
           ":retry": {
             "label": "Retry",
-            "description": "idk"
+            "description": "Number of retries for making a connection CONFIRM"
           }
         },
         ":pools": {

From 5b143b2aeaa90e25e3e0e04462f17e1776772bf8 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 14:37:58 +0200
Subject: [PATCH 369/424] small improvement to label/desc display

---
 src/App.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.scss b/src/App.scss
index bf325c386..d9d8101b7 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -706,7 +706,7 @@ option {
   display: inline-flex;
   vertical-align: middle;
   min-height: 2em;
-  align-items: baseline;
+  align-items: end;
 
   .input {
     height: 2em;

From 3ec21cb442ed8521da0aa793f3db909a2b43c70c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 15:06:36 +0200
Subject: [PATCH 370/424] prettified pwa setting

---
 .../helpers/pwa_manifest_icons_setting.vue    | 29 ++++++++++++++++---
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
index 45b4c797a..c98b582f9 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -4,7 +4,7 @@
     class="PWAManifestIconsSetting setting-item"
   >
     <label
-      class="setting-label"
+      class="pwa-label setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
       <template v-if="backendDescriptionLabel">
@@ -22,12 +22,12 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
-    <ul class="setting-list">
+    <ul class="setting-list setting-control">
       <li
         v-for="(item, index) in visibleState"
         :key="index"
       >
-        <div>
+        <div class="setting-item">
           <dl>
             <dt><code>purpose</code></dt>
             <dd>
@@ -96,13 +96,34 @@
 <script src="./pwa_manifest_icons_setting.js"></script>
 <style lang="scss">
 .PWAManifestIconsSetting {
-  display: inline-block;
+  &.setting-item {
+    display: grid;
+    grid-template-areas:
+      "label control"
+      "desc control"
+      ". draft";
+    grid-template-rows: 2em auto 1fr;
+  }
+
+  .pwa-label.setting-label {
+    align-self: end;
+
+  }
+
+  .setting-description {
+    text-align: right;
+    align-self: start;
+  }
 
   .setting-list {
     display: grid;
     gap: 0.5em;
   }
 
+  .setting-item {
+    display: inline-block;
+  }
+
   .buttons {
     display: flex;
     gap: 0.5em;

From db3bfb6fc335868fb0892927ad2f5af019e34a1a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 15:12:12 +0200
Subject: [PATCH 371/424] color setting prettification

---
 .../settings_modal/helpers/color_setting.vue  | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/helpers/color_setting.vue b/src/components/settings_modal/helpers/color_setting.vue
index 9071e3bb9..6813bb2a2 100644
--- a/src/components/settings_modal/helpers/color_setting.vue
+++ b/src/components/settings_modal/helpers/color_setting.vue
@@ -20,7 +20,7 @@
     {{ ' ' }}
     <ColorInput
       :id="path"
-      class="color-setting-input"
+      class="setting-control color-setting-input"
       :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
       :placeholder="backendDescriptionSuggestions"
@@ -47,8 +47,25 @@
 <script src="./color_setting.js"></script>
 <style lang="scss">
 .ColorSetting {
+  &.setting-item {
+    display: grid;
+    grid-template-areas:
+      "label control"
+      ". desc"
+      ". draft";
+
+    .setting-label {
+      text-align: right;
+      align-self: center;
+    }
+
+    .setting-control {
+      align-self: end;
+    }
+  }
+
   .color-setting-input {
-    vertical-align: middle;
+    align-self: baseline;
   }
 }
 </style>

From bb802ed756736a55aadc0cc0edc096b0ab37d1c1 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 15:33:51 +0200
Subject: [PATCH 372/424] mailer styling controls added

---
 .../settings_modal/admin_tabs/mailer_tab.js   |  2 ++
 .../settings_modal/admin_tabs/mailer_tab.vue  | 29 +++++++++++++++++++
 src/i18n/en.json                              |  3 ++
 3 files changed, 34 insertions(+)

diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.js b/src/components/settings_modal/admin_tabs/mailer_tab.js
index b67dc58ac..44b2f33df 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.js
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.js
@@ -3,6 +3,7 @@ import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
+import ColorSetting from '../helpers/color_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
@@ -20,6 +21,7 @@ const MailerTab = {
     IntegerSetting,
     StringSetting,
     AttachmentSetting,
+    ColorSetting,
     GroupSetting
   },
   computed: {
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.vue b/src/components/settings_modal/admin_tabs/mailer_tab.vue
index 42505d984..53d8cd7f9 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.vue
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.vue
@@ -1,6 +1,35 @@
 <template>
   <div :label="$t('admin_dash.tabs.mailer')">
     <div class="setting-section">
+      <h3>{{ $t('admin_dash.mailer.styling') }}</h3>
+      <ul class="setting-list">
+        <h4>{{ $t('admin_dash.mailer.assets') }}</h4>
+        <li>
+          <StringSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':logo']" />
+        </li>
+        <h4>{{ $t('admin_dash.mailer.colors') }}</h4>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':background_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':content_background_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':header_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':text_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':link_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':text_muted_color']" />
+        </li>
+        <li>
+          <GroupSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling']" />
+        </li>
+      </ul>
       <h3>{{ $t('admin_dash.mailer.adapter') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 03ff6ec15..1e81e1437 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1293,6 +1293,9 @@
       "invalidation_settings": "Cache Invalidation"
     },
     "mailer": {
+      "styling": "Styling",
+      "assets": "Assets",
+      "colors": "Color palette",
       "adapter": "Mailing Adapter",
       "auth": "Authentication"
     },

From 0222d493f8fc65cec5186d8c5ff3502f17e42f50 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 15:45:27 +0200
Subject: [PATCH 373/424] fix rates tab

---
 .../settings_modal/helpers/rate_setting.vue   | 162 ++++++++++--------
 src/i18n/en.json                              |   8 +
 2 files changed, 100 insertions(+), 70 deletions(-)

diff --git a/src/components/settings_modal/helpers/rate_setting.vue b/src/components/settings_modal/helpers/rate_setting.vue
index 146b22d84..6849ee2c1 100644
--- a/src/components/settings_modal/helpers/rate_setting.vue
+++ b/src/components/settings_modal/helpers/rate_setting.vue
@@ -7,6 +7,12 @@
       class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <ProfileSettingIndicator :is-profile="isProfileSetting" />
+      {{ ' ' }}
       <template v-if="backendDescriptionLabel">
         {{ backendDescriptionLabel + ' ' }}
       </template>
@@ -22,82 +28,98 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
-    <table>
-      <tr>
-        <th>&nbsp;</th>
-        <th>
-          {{ $t('admin_dash.rate_limit.period') }}
-        </th>
-        <th>
-          {{ $t('admin_dash.rate_limit.amount') }}
-        </th>
-      </tr>
-      <tr>
-        <td v-if="isSeparate">
-          {{ $t('admin_dash.rate_limit.unauthenticated') }}
-        </td>
-        <td v-else>
-          {{ $t('admin_dash.rate_limit.rate_limit') }}
-        </td>
-        <td>
-          <input
-            class="input string-input"
-            type="number"
-            :value="normalizedState[0][0]"
-            @change="e => update({ event: e, index: 0, side: 0, eventType: 'edit' })"
-          >
-        </td>
-        <td>
-          <input
-            class="input string-input"
-            type="number"
-            :value="normalizedState[0][1]"
-            @change="e => update({ event: e, index: 1, side: 0, eventType: 'edit' })"
-          >
-        </td>
-      </tr>
-      <tr v-if="isSeparate">
-        <td>
-          {{ $t('admin_dash.rate_limit.authenticated') }}
-        </td>
-        <td>
-          <input
-            class="input string-input"
-            type="number"
-            :value="normalizedState[1][0]"
-            @change="e => update({ event: e, index: 0, side: 1, eventType: 'edit' })"
-          >
-        </td>
-        <td>
-          <input
-            class="input string-input"
-            type="number"
-            :value="normalizedState[1][1]"
-            @change="e => update({ event: e, index: 1, side: 1, eventType: 'edit' })"
-          >
-        </td>
-      </tr>
-    </table>
-    <Checkbox
-      :model-value="isSeparate"
-      @update:model-value="event => update({ event: event ? 'join' : 'split',  eventType: 'toggleMode' })"
-    >
-      {{ $t('admin_dash.rate_limit.separate') }}
-    </Checkbox>
-    <div>
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
+    <div class="setting-control">
+      <table>
+        <tr>
+          <th>&nbsp;</th>
+          <th>
+            {{ $t('admin_dash.rate_limit.period') }}
+          </th>
+          <th>
+            {{ $t('admin_dash.rate_limit.amount') }}
+          </th>
+        </tr>
+        <tr>
+          <td v-if="isSeparate">
+            {{ $t('admin_dash.rate_limit.unauthenticated') }}
+          </td>
+          <td v-else>
+            {{ $t('admin_dash.rate_limit.rate_limit') }}
+          </td>
+          <td>
+            <input
+              class="input string-input"
+              type="number"
+              :value="normalizedState[0][0]"
+              @change="e => update({ event: e, index: 0, side: 0, eventType: 'edit' })"
+            >
+          </td>
+          <td>
+            <input
+              class="input string-input"
+              type="number"
+              :value="normalizedState[0][1]"
+              @change="e => update({ event: e, index: 1, side: 0, eventType: 'edit' })"
+            >
+          </td>
+        </tr>
+        <tr v-if="isSeparate">
+          <td>
+            {{ $t('admin_dash.rate_limit.authenticated') }}
+          </td>
+          <td>
+            <input
+              class="input string-input"
+              type="number"
+              :value="normalizedState[1][0]"
+              @change="e => update({ event: e, index: 0, side: 1, eventType: 'edit' })"
+            >
+          </td>
+          <td>
+            <input
+              class="input string-input"
+              type="number"
+              :value="normalizedState[1][1]"
+              @change="e => update({ event: e, index: 1, side: 1, eventType: 'edit' })"
+            >
+          </td>
+        </tr>
+      </table>
+      <Checkbox
+        :model-value="isSeparate"
+        @update:model-value="event => update({ event: event ? 'join' : 'split',  eventType: 'toggleMode' })"
+      >
+        {{ $t('admin_dash.rate_limit.separate') }}
+      </Checkbox>
     </div>
-  </div>
+  <DraftButtons />
+</div>
 </template>
 
 <script src="./rate_setting.js"></script>
 <style lang="scss">
 .RateSetting {
+  &.setting-item {
+    display: grid;
+    grid-template-areas:
+      "label control"
+      "desc control"
+      ". draft";
+
+    .setting-label {
+      text-align: right;
+      align-self: center;
+    }
+
+    .setting-description {
+      text-align: right;
+    }
+
+    .setting-control {
+      align-self: end;
+    }
+  }
+
   table {
     margin-top: 0.5em;
   }
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 1e81e1437..934d5c53f 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1413,6 +1413,14 @@
           ":oauth_app_creation": {
             "label": "OAuth app creation",
             "description": "For registering new OAuth App ID"
+          },
+          ":ap_routes": {
+            "label": "ActivityPub",
+            "description": "Federation endpoints"
+          },
+          ":account_confirmation_resend": {
+            "label": "Account confirmation resend",
+            "description": "How often user can resend confirmation mail"
           }
         },
         "Pleroma_DOT_Formatter": {

From 68aadcdd08ee4f6c553993f9385da4ec61e701fa Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 18:18:05 +0200
Subject: [PATCH 374/424] MANIFEST EDITING FUCK YEAH

---
 .../admin_tabs/instance_tab.vue               |   1 +
 .../helpers/pwa_manifest_icons_setting.js     |  64 ++++-
 .../helpers/pwa_manifest_icons_setting.vue    | 241 +++++++++++-------
 .../settings_modal/helpers/setting.js         |   1 -
 src/i18n/en.json                              |  26 ++
 5 files changed, 239 insertions(+), 94 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index 63def257d..1ad84113a 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -44,6 +44,7 @@
             path=":pleroma.:instance.:instance_thumbnail"
           />
         </li>
+        <h4>{{ $t('admin_dash.instance.pwa.manifest') }}</H4>
         <li>
           <PWAManifestIconsSetting path=":pleroma.:manifest.:icons" />
         </li>
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
index 3e6ff23fa..9986f6f39 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
@@ -1,12 +1,69 @@
 import { clone } from 'lodash'
+import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
+
 import Setting from './setting.js'
+import Select from 'src/components/select/select.vue'
+import Attachment from 'src/components/attachment/attachment.vue'
+import MediaUpload from 'src/components/media_upload/media_upload.vue'
 
 export default {
   ...Setting,
+  components: {
+    ...Setting.components,
+    Select,
+    Attachment,
+    MediaUpload
+  },
+  computed: {
+    ...Setting.computed,
+    purposeOptions () {
+      return ['any','monochrome','maskable'].map(value => ({
+        value,
+        key: value,
+        label: this.$t('admin_dash.instance.pwa.icon.' + value)
+      }))
+    }
+  },
   methods: {
     ...Setting.methods,
-    optionPresent (option) {
-      return this.valueSet.has(option)
+    attachment (e) {
+      const path = e[':src']
+      if (!path) {
+        return {
+          mimetype: '',
+          url: ''
+        }
+      }
+      const url = path.includes('://') ? path : this.$store.state.instance.server + path
+
+      return {
+        mimetype: fileTypeExt(url),
+        url
+      }
+    },
+    setMediaFile ({ event, index }) {
+      this.update({
+        event: {
+          target: {
+            value: event.url
+          },
+        },
+        index,
+        eventType: 'edit',
+        field: ':src'
+      })
+    },
+    setPurpose ({ event, index }) {
+      this.update({
+        event: {
+          target: {
+            value: event
+          },
+        },
+        index,
+        eventType: 'edit',
+        field: ':purpose'
+      })
     },
     getValue ({ event, field, index, eventType }) {
       switch (eventType) {
@@ -27,7 +84,6 @@ export default {
           const post = this.visibleState.slice(index + 1)
           const item = clone(this.visibleState[index])
           const string = event.target.value
-          console.log(item)
 
           if (!string)  {
             delete item[field]
@@ -35,8 +91,6 @@ export default {
             item[field] = string
           }
 
-          console.log(item)
-
           return [...pre, item, ...post]
         }
       }
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
index c98b582f9..043128f91 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -7,6 +7,12 @@
       class="pwa-label setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <ProfileSettingIndicator :is-profile="isProfileSetting" />
+      {{ ' ' }}
       <template v-if="backendDescriptionLabel">
         {{ backendDescriptionLabel + ' ' }}
       </template>
@@ -22,106 +28,130 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
-    <ul class="setting-list setting-control">
-      <li
-        v-for="(item, index) in visibleState"
-        :key="index"
-      >
-        <div class="setting-item">
-          <dl>
-            <dt><code>purpose</code></dt>
-            <dd>
-              <input
-                class="input string-input"
+    <div class="setting-control">
+      <ul class="item-list">
+        <li
+          class="no_items"
+          v-if="visibleState.length === 0"
+        >
+          {{ $t('admin_dash.instance.pwa.no_icons') }}
+          <button
+            v-if="visibleState.length === 0"
+            class="button-default add-button"
+            @click="e => update({ eventType: 'add' })"
+          >
+            <FAIcon icon="plus" />
+          </button>
+        </li>
+        <li
+          v-for="(item, index) in visibleState"
+          :key="index"
+        >
+          <div class="icon-element">
+            <div class="src-field">
+              <Attachment
+                class="src-attachment"
+                :compact="compact"
+                :attachment="attachment(item)"
+                size="small"
+                hide-description
+              />
+              <div class="src-url">
+                <label for="path">{{ $t('settings.url') }}</label>
+                <input
+                  class="input string-input"
+                  :id="path"
+                  :disabled="shouldBeDisabled"
+                  :value="item[':src']"
+                  @change="event => update({ event, index, eventType: 'edit', field: ':src' })"
+                >
+              </div>
+              <MediaUpload
+                ref="mediaUpload"
+                class="src-upload media-upload-icon"
                 :class="{ disabled: shouldBeDisabled }"
-                :value="item[':purpose']"
-                @change="e => update({ event: e, index, eventType: 'edit', field: ':purpose' })"
+                normal-button
+                :accept-types="acceptTypes"
+                @uploaded="event => setMediaFile({ event, index })"
+              />
+            </div>
+            <dl>
+              <dt>{{ $t('admin_dash.instance.pwa.icon.purpose') }}</dt>
+              <dd>
+                <Select
+                  :class="{ disabled: shouldBeDisabled }"
+                  :disabled="shouldBeDisabled"
+                  :model-value="item[':purpose']"
+                  @update:model-value="event => setPurpose({ event, index })"
+                >
+                  <option
+                    v-for="(purpose, index) in purposeOptions"
+                    :key="index"
+                    :value="purpose.value"
+                  >
+                    {{ purpose.label }}
+                  </option>
+                </Select>
+              </dd>
+              <dt><code>sizes</code>{{ $t('admin_dash.instance.pwa.optional') }}</dt>
+              <dd>
+                <input
+                  class="input string-input"
+                  :class="{ disabled: shouldBeDisabled }"
+                  :value="item[':sizes']"
+                  @change="e => update({ event: e, index, eventType: 'edit', field: ':sizes' })"
+                >
+              </dd>
+              <dt><code>type</code>{{ $t('admin_dash.instance.pwa.optional') }}</dt>
+              <dd>
+                <input
+                  class="input string-input"
+                  :class="{ disabled: shouldBeDisabled }"
+                  :value="item[':type']"
+                  @change="e => update({ event: e, index, eventType: 'edit', field: ':type' })"
+                >
+              </dd>
+            </dl>
+            <div class="buttons">
+              <button
+                v-if="index === visibleState.length - 1"
+                class="button-default add-button"
+                @click="e => update({ eventType: 'add' })"
               >
-            </dd>
-            <dt><code>sizes</code></dt>
-            <dd>
-              <input
-                class="input string-input"
-                :class="{ disabled: shouldBeDisabled }"
-                :value="item[':sizes']"
-                @change="e => update({ event: e, index, eventType: 'edit', field: ':sizes' })"
+                <FAIcon icon="plus" />
+              </button>
+              <button
+                class="button-default delete-button"
+                @click="e => update({ index, eventType: 'remove' })"
               >
-            </dd>
-            <dt><code>src</code></dt>
-            <dd>
-              <input
-                class="input string-input"
-                :class="{ disabled: shouldBeDisabled }"
-                :value="item[':src']"
-                @change="e => update({ event: e, index, eventType: 'edit', field: ':src' })"
-              >
-            </dd>
-            <dt><code>type</code></dt>
-            <dd>
-              <input
-                class="input string-input"
-                :class="{ disabled: shouldBeDisabled }"
-                :value="item[':type']"
-                @change="e => update({ event: e, index, eventType: 'edit', field: ':type' })"
-              >
-            </dd>
-          </dl>
-          <div class="buttons">
-            <button
-              v-if="index === visibleState.length - 1"
-              class="button-default add-button"
-              @click="e => update({ eventType: 'add' })"
-            >
-              <FAIcon icon="plus" />
-            </button>
-            <button
-              class="button-default delete-button"
-              @click="e => update({ index, eventType: 'remove' })"
-            >
-              <FAIcon icon="times" />
-            </button>
+                <FAIcon icon="times" />
+              </button>
+            </div>
           </div>
-        </div>
-      </li>
-    </ul>
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+        </li>
+      </ul>
+    </div>
     <DraftButtons />
   </div>
 </template>
 
 <script src="./pwa_manifest_icons_setting.js"></script>
 <style lang="scss">
-.PWAManifestIconsSetting {
+div.PWAManifestIconsSetting {
   &.setting-item {
     display: grid;
     grid-template-areas:
-      "label control"
-      "desc control"
-      ". draft";
+      "label"
+      "desc"
+      "control"
+      "draft";
     grid-template-rows: 2em auto 1fr;
+    grid-template-columns: 1fr;
   }
 
   .pwa-label.setting-label {
     align-self: end;
-
-  }
-
-  .setting-description {
-    text-align: right;
-    align-self: start;
-  }
-
-  .setting-list {
-    display: grid;
-    gap: 0.5em;
-  }
-
-  .setting-item {
-    display: inline-block;
+    text-align: left;
   }
 
   .buttons {
@@ -135,16 +165,22 @@
     }
   }
 
+  ul {
+    list-style: none;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, 12em);
+    grid-gap: 2em;
+  }
+
   dl {
-    display: inline-grid;
-    grid-template-columns: auto auto;
-    gap: 0.5em;
+    display: grid;
+    grid-template-columns: 1fr;
+    margin-top: 0.5em;
+    gap: 0.25em;
     align-items: baseline;
 
     dt {
-      display: inline;
       font-weight: 800;
-      text-align: right;
 
       &::after {
         content: ':'
@@ -152,9 +188,38 @@
     }
 
     dd {
-      display: inline;
       margin: 0
     }
   }
+
+  .src-field {
+    display: grid;
+    grid-template-columns: auto;
+    justify-items: center;
+    gap: 0.5em;
+
+    .src-attachment {
+      width: 10em;
+      height: 10em;
+      display: block;
+      margin-bottom: 0.5em;
+    }
+
+    .src-upload {
+      display: block;
+      width: 100%;
+    }
+
+    .src-url {
+      display: flex;
+      flex-direction: column;
+      gap: 0.25em;
+      width: 100%;
+
+      label {
+        display: block;
+      }
+    }
+  }
 }
 </style>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index 4ed6227a1..cf68eaa14 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -161,7 +161,6 @@ export default {
       }
     },
     backendDescriptionDescription () {
-      console.log('LOL', this.description)
       if (this.description) return this.description
       if (this.realSource !== 'admin') return ''
       if (this.hideDescription) return null
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 934d5c53f..763d77d20 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1391,6 +1391,32 @@
       "always": "Always",
       "never": "Never"
     },
+    "instance": {
+      "instance": "Instance information",
+      "pwa": {
+        "manifest": "PWA Manifest",
+        "optional": "(optional)",
+        "no_icons": "No icons defined",
+        "icon": {
+          "purpose": "Icon purpose",
+          "any": "Any",
+          "monochrome": "Monochrome",
+          "maskable": "Maskable"
+        }
+      },
+      "branding": "Branding",
+      "access": "Instance access",
+      "rich_metadata": "Metadata",
+      "restrict": {
+        "header": "Restrict access for anonymous visitors",
+        "description": "Detailed setting for allowing/disallowing access to certain aspects of API. By default (indeterminate state) it will disallow if instance is not public, ticked checkbox means disallow access even if instance is public, unticked means allow access even if instance is private. Please note that unexpected behavior might happen if some settings are set, i.e. if profile access is disabled posts will show without profile information.",
+        "timelines": "Timelines access",
+        "profiles": "User profiles access",
+        "activities": "Statuses/activities access"
+      },
+      ":unauthenticated": "Unauthenticated",
+      ":all": "Everyone"
+    },
     "temp_overrides": {
       ":pleroma": {
         ":connections_pool": {

From 06608adec4baa2e5ea095175150194bffdba6a52 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 18:27:12 +0200
Subject: [PATCH 375/424] fix submit button

---
 src/App.scss | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index d9d8101b7..c8bb61361 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -381,7 +381,6 @@ nav {
   font-size: 1em;
   font-family: sans-serif;
   font-family: var(--font);
-  height: 2em;
 
   &.-transparent {
     backdrop-filter: blur(0.125em) contrast(60%);
@@ -705,13 +704,8 @@ option {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
-  min-height: 2em;
   align-items: end;
 
-  .input {
-    height: 2em;
-  }
-
   > *,
   > * .button-default {
     --_roundness-left: 0;

From 3355f1d797ce79403bf79c522634404f8a05f16f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 18:29:55 +0200
Subject: [PATCH 376/424] pleasing the linter gods

---
 .../interface_language_switcher.vue                         | 2 +-
 .../settings_modal/helpers/pwa_manifest_icons_setting.vue   | 4 ++--
 src/components/settings_modal/helpers/rate_setting.vue      | 6 +++---
 src/components/settings_modal/helpers/tuple_setting.vue     | 2 +-
 src/components/settings_modal/settings_modal.scss           | 5 ++++-
 src/components/settings_modal/tabs/composing_tab.vue        | 5 ++++-
 src/components/settings_modal/tabs/filtering_tab.vue        | 2 +-
 src/components/settings_modal/tabs/general_tab.vue          | 4 +++-
 src/components/settings_modal/tabs/notifications_tab.vue    | 2 +-
 src/components/settings_modal/tabs/profile_tab.vue          | 2 +-
 10 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue
index 1f7d419e9..a547b98a5 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.vue
+++ b/src/components/interface_language_switcher/interface_language_switcher.vue
@@ -13,8 +13,8 @@
       </label>
       <span class="setting-control btn-group">
         <Select
-          :name="uniqueId+index"
           :id="uniqueId+index"
+          :name="uniqueId+index"
           class="language-select"
           :model-value="controlledLanguage[index]"
           @update:model-value="val => setLanguageAt(index, val)"
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
index 043128f91..d75eb44b0 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -31,8 +31,8 @@
     <div class="setting-control">
       <ul class="item-list">
         <li
-          class="no_items"
           v-if="visibleState.length === 0"
+          class="no_items"
         >
           {{ $t('admin_dash.instance.pwa.no_icons') }}
           <button
@@ -59,8 +59,8 @@
               <div class="src-url">
                 <label for="path">{{ $t('settings.url') }}</label>
                 <input
-                  class="input string-input"
                   :id="path"
+                  class="input string-input"
                   :disabled="shouldBeDisabled"
                   :value="item[':src']"
                   @change="event => update({ event, index, eventType: 'edit', field: ':src' })"
diff --git a/src/components/settings_modal/helpers/rate_setting.vue b/src/components/settings_modal/helpers/rate_setting.vue
index 6849ee2c1..f6216223c 100644
--- a/src/components/settings_modal/helpers/rate_setting.vue
+++ b/src/components/settings_modal/helpers/rate_setting.vue
@@ -87,13 +87,13 @@
       </table>
       <Checkbox
         :model-value="isSeparate"
-        @update:model-value="event => update({ event: event ? 'join' : 'split',  eventType: 'toggleMode' })"
+        @update:model-value="event => update({ event: event ? 'join' : 'split', eventType: 'toggleMode' })"
       >
         {{ $t('admin_dash.rate_limit.separate') }}
       </Checkbox>
     </div>
-  <DraftButtons />
-</div>
+    <DraftButtons />
+  </div>
 </template>
 
 <script src="./rate_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/tuple_setting.vue b/src/components/settings_modal/helpers/tuple_setting.vue
index 09e4aa9dd..e39e23344 100644
--- a/src/components/settings_modal/helpers/tuple_setting.vue
+++ b/src/components/settings_modal/helpers/tuple_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <span
-    class="setting-item"
     v-if="matchesExpertLevel"
+    class="setting-item"
   >
     <label
       v-if="!hideLabel"
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index a26937bd7..53add37fa 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -208,10 +208,11 @@
       }
     }
 
+    /* stylelint-disable no-descending-specificity */
     .setting-item {
       grid-template-columns: 1fr min-content;
       column-gap: 0.5em;
-      padding: 1em 1em;
+      padding: 1em;
       align-items: center;
 
       .setting-label {
@@ -229,6 +230,8 @@
       }
     }
 
+
+
     .setting-list:not(.suboptions),
     .option-list {
       &.two-column {
diff --git a/src/components/settings_modal/tabs/composing_tab.vue b/src/components/settings_modal/tabs/composing_tab.vue
index c02a15421..f71d64600 100644
--- a/src/components/settings_modal/tabs/composing_tab.vue
+++ b/src/components/settings_modal/tabs/composing_tab.vue
@@ -4,7 +4,10 @@
       <h3>{{ $t('settings.general') }}</h3>
       <ul class="setting-list">
         <li>
-          <label class="setting-item " for="default-vis">
+          <label
+            class="setting-item "
+            for="default-vis"
+          >
             <span class="setting-label">
               <ProfileSettingIndicator :is-profile="true" />
               {{ $t('settings.default_vis') }}
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index a51b0e4b7..ff7498656 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -54,8 +54,8 @@
             </span>
             <Select
               id="onBlockDefaultActionLv1"
-              class="setting-control"
               v-model="onBlockDefaultActionLv1"
+              class="setting-control"
             >
               <option
                 v-for="option in muteBlockLv1Options"
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 285fe1b68..ceb073a48 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -142,7 +142,9 @@
         class="setting-list"
       >
         <li class="select-multiple">
-          <h4 class="label">{{ $t('settings.confirm_dialogs') }}</h4>
+          <h4 class="label">
+            {{ $t('settings.confirm_dialogs') }}
+          </h4>
           <ul class="option-list">
             <li>
               <BooleanSetting path="modalOnRepeat">
diff --git a/src/components/settings_modal/tabs/notifications_tab.vue b/src/components/settings_modal/tabs/notifications_tab.vue
index ea859b18a..d08f07b68 100644
--- a/src/components/settings_modal/tabs/notifications_tab.vue
+++ b/src/components/settings_modal/tabs/notifications_tab.vue
@@ -40,8 +40,8 @@
         <li>
           <h4> {{ $t('settings.notification_visibility') }}</h4>
           <p
-            class="sidenote"
             v-if="expertLevel > 0"
+            class="sidenote"
           >
             {{ $t('settings.notification_setting_filters_chrome_push') }}
           </p>
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index edab1c19d..80064daf8 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -13,8 +13,8 @@
         <li>
           <div class="setting-item">
             <Checkbox
-              class="setting-label setting-control custom-boolean-setting"
               v-model="locked"
+              class="setting-label setting-control custom-boolean-setting"
             >
               <ProfileSettingIndicator :is-profile="true" />
               {{ $t('settings.lock_account_description') }}

From d2d8b0167c9de22879c383278bb8a04de0a0e85e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 21:58:30 +0200
Subject: [PATCH 377/424] fix submit button again

---
 src/App.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/App.scss b/src/App.scss
index c8bb61361..1eee63a7e 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -704,7 +704,6 @@ option {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
-  align-items: end;
 
   > *,
   > * .button-default {

From b9e6b9b1f05eb30c60dd3cb0dfc9975f4c835070 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Fri, 12 Dec 2025 09:04:41 +0000
Subject: [PATCH 378/424] Update dependency vue-router to v4.6.4

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 21d75f0fb..c2fcca910 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
     "uuid": "11.1.0",
     "vue": "3.5.22",
     "vue-i18n": "11",
-    "vue-router": "4.5.1",
+    "vue-router": "4.6.4",
     "vue-virtual-scroller": "^2.0.0-beta.7",
     "vuex": "4.1.0"
   },
diff --git a/yarn.lock b/yarn.lock
index 32a3b93c8..ad42ca9dc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8084,10 +8084,10 @@ vue-resize@^2.0.0-alpha.1:
   resolved "https://registry.yarnpkg.com/vue-resize/-/vue-resize-2.0.0-alpha.1.tgz#43eeb79e74febe932b9b20c5c57e0ebc14e2df3a"
   integrity sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==
 
-vue-router@4.5.1:
-  version "4.5.1"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.5.1.tgz#47bffe2d3a5479d2886a9a244547a853aa0abf69"
-  integrity sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==
+vue-router@4.6.4:
+  version "4.6.4"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.6.4.tgz#a0a9cb9ef811a106d249e4bb9313d286718020d8"
+  integrity sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==
   dependencies:
     "@vue/devtools-api" "^6.6.4"
 

From f97658b6d627a27ccd041a4000bcaa6158b02ca9 Mon Sep 17 00:00:00 2001
From: Pleroma Renovate Bot <contact+pleroma-renovator@hacktivis.me>
Date: Sat, 13 Dec 2025 09:04:36 +0000
Subject: [PATCH 379/424] Update dependency eslint to v9.39.2

---
 package.json |  2 +-
 yarn.lock    | 73 ++++++++++++++++++++++++++--------------------------
 2 files changed, 37 insertions(+), 38 deletions(-)

diff --git a/package.json b/package.json
index 21d75f0fb..1e6b8bdb1 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "connect-history-api-fallback": "2.0.0",
     "cross-spawn": "7.0.6",
     "custom-event-polyfill": "1.0.7",
-    "eslint": "9.37.0",
+    "eslint": "9.39.2",
     "vue-eslint-parser": "10.2.0",
     "eslint-config-standard": "17.1.0",
     "eslint-formatter-friendly": "7.0.0",
diff --git a/yarn.lock b/yarn.lock
index 32a3b93c8..c1264ffd7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1405,26 +1405,26 @@
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
   integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
 
-"@eslint/config-array@^0.21.0":
-  version "0.21.0"
-  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.21.0.tgz#abdbcbd16b124c638081766392a4d6b509f72636"
-  integrity sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==
+"@eslint/config-array@^0.21.1":
+  version "0.21.1"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.21.1.tgz#7d1b0060fea407f8301e932492ba8c18aff29713"
+  integrity sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==
   dependencies:
-    "@eslint/object-schema" "^2.1.6"
+    "@eslint/object-schema" "^2.1.7"
     debug "^4.3.1"
     minimatch "^3.1.2"
 
-"@eslint/config-helpers@^0.4.0":
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.4.0.tgz#e9f94ba3b5b875e32205cb83fece18e64486e9e6"
-  integrity sha512-WUFvV4WoIwW8Bv0KeKCIIEgdSiFOsulyN0xrMu+7z43q/hkOLXjvb5u7UC9jDxvRzcrbEmuZBX5yJZz1741jog==
+"@eslint/config-helpers@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.4.2.tgz#1bd006ceeb7e2e55b2b773ab318d300e1a66aeda"
+  integrity sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==
   dependencies:
-    "@eslint/core" "^0.16.0"
+    "@eslint/core" "^0.17.0"
 
-"@eslint/core@^0.16.0":
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.16.0.tgz#490254f275ba9667ddbab344f4f0a6b7a7bd7209"
-  integrity sha512-nmC8/totwobIiFcGkDza3GIKfAw1+hLiYVrh3I1nIomQ8PEr5cxg34jnkmGawul/ep52wGRAcyeDCNtWKSOj4Q==
+"@eslint/core@^0.17.0":
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.17.0.tgz#77225820413d9617509da9342190a2019e78761c"
+  integrity sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==
   dependencies:
     "@types/json-schema" "^7.0.15"
 
@@ -1443,22 +1443,22 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@9.37.0":
-  version "9.37.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.37.0.tgz#0cfd5aa763fe5d1ee60bedf84cd14f54bcf9e21b"
-  integrity sha512-jaS+NJ+hximswBG6pjNX0uEJZkrT0zwpVi3BA3vX22aFGjJjmgSTSmPpZCRKmoBL5VY/M6p0xsSJx7rk7sy5gg==
+"@eslint/js@9.39.2":
+  version "9.39.2"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.39.2.tgz#2d4b8ec4c3ea13c1b3748e0c97ecd766bdd80599"
+  integrity sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==
 
-"@eslint/object-schema@^2.1.6":
-  version "2.1.6"
-  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.6.tgz#58369ab5b5b3ca117880c0f6c0b0f32f6950f24f"
-  integrity sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==
+"@eslint/object-schema@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.7.tgz#6e2126a1347e86a4dedf8706ec67ff8e107ebbad"
+  integrity sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==
 
-"@eslint/plugin-kit@^0.4.0":
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.4.0.tgz#f6a245b42886abf6fc9c7ab7744a932250335ab2"
-  integrity sha512-sB5uyeq+dwCWyPi31B2gQlVlo+j5brPlWx4yZBrEaRo/nhdDE8Xke1gsGgtiBdaBTxuTkceLVuVt/pclrasb0A==
+"@eslint/plugin-kit@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz#9779e3fd9b7ee33571a57435cf4335a1794a6cb2"
+  integrity sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==
   dependencies:
-    "@eslint/core" "^0.16.0"
+    "@eslint/core" "^0.17.0"
     levn "^0.4.1"
 
 "@fortawesome/fontawesome-common-types@7.1.0":
@@ -4281,24 +4281,23 @@ eslint-visitor-keys@^4.2.1:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz#4cfea60fe7dd0ad8e816e1ed026c1d5251b512c1"
   integrity sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==
 
-eslint@9.37.0:
-  version "9.37.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.37.0.tgz#ac0222127f76b09c0db63036f4fe289562072d74"
-  integrity sha512-XyLmROnACWqSxiGYArdef1fItQd47weqB7iwtfr9JHwRrqIXZdcFMvvEcL9xHCmL0SNsOvF0c42lWyM1U5dgig==
+eslint@9.39.2:
+  version "9.39.2"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.39.2.tgz#cb60e6d16ab234c0f8369a3fe7cc87967faf4b6c"
+  integrity sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.8.0"
     "@eslint-community/regexpp" "^4.12.1"
-    "@eslint/config-array" "^0.21.0"
-    "@eslint/config-helpers" "^0.4.0"
-    "@eslint/core" "^0.16.0"
+    "@eslint/config-array" "^0.21.1"
+    "@eslint/config-helpers" "^0.4.2"
+    "@eslint/core" "^0.17.0"
     "@eslint/eslintrc" "^3.3.1"
-    "@eslint/js" "9.37.0"
-    "@eslint/plugin-kit" "^0.4.0"
+    "@eslint/js" "9.39.2"
+    "@eslint/plugin-kit" "^0.4.1"
     "@humanfs/node" "^0.16.6"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@humanwhocodes/retry" "^0.4.2"
     "@types/estree" "^1.0.6"
-    "@types/json-schema" "^7.0.15"
     ajv "^6.12.4"
     chalk "^4.0.0"
     cross-spawn "^7.0.6"

From d26dca92e24dcaace9c0a8ea3b35dc503d126f6d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 15 Dec 2025 22:31:54 +0200
Subject: [PATCH 380/424] manifest is grouped together as a setting

---
 src/components/settings_modal/admin_tabs/instance_tab.vue  | 7 +++++--
 .../settings_modal/helpers/pwa_manifest_icons_setting.vue  | 1 -
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index 1ad84113a..5536343d0 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -49,10 +49,13 @@
           <PWAManifestIconsSetting path=":pleroma.:manifest.:icons" />
         </li>
         <li>
-          <ColorSetting path=":pleroma.:manifest.:theme_color" />
+          <ColorSetting hide-draft-buttons path=":pleroma.:manifest.:theme_color" />
         </li>
         <li>
-          <ColorSetting path=":pleroma.:manifest.:background_color" />
+          <ColorSetting hide-draft-buttons path=":pleroma.:manifest.:background_color" />
+        </li>
+        <li>
+          <GroupSetting path=":pleroma.:manifest" />
         </li>
         <li>
           <AttachmentSetting path=":pleroma.:instance.:background_image" />
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
index d75eb44b0..f5f04e837 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -131,7 +131,6 @@
         </li>
       </ul>
     </div>
-    <DraftButtons />
   </div>
 </template>
 

From 25a9033b6bd3d5c43814accb96311589339d2525 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 15 Dec 2025 22:35:35 +0200
Subject: [PATCH 381/424] better separation + style of PWA manifest

---
 src/components/settings_modal/admin_tabs/instance_tab.vue       | 1 +
 .../settings_modal/helpers/pwa_manifest_icons_setting.vue       | 2 ++
 src/i18n/en.json                                                | 1 +
 3 files changed, 4 insertions(+)

diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index 5536343d0..fa55cef41 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -57,6 +57,7 @@
         <li>
           <GroupSetting path=":pleroma.:manifest" />
         </li>
+        <h4>{{ $t('admin_dash.instance.misc_brand') }}</H4>
         <li>
           <AttachmentSetting path=":pleroma.:instance.:background_image" />
         </li>
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
index f5f04e837..20e50fe25 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -137,6 +137,8 @@
 <script src="./pwa_manifest_icons_setting.js"></script>
 <style lang="scss">
 div.PWAManifestIconsSetting {
+  margin-left: 3em;
+
   &.setting-item {
     display: grid;
     grid-template-areas:
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 763d77d20..c1c3978d1 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1404,6 +1404,7 @@
           "maskable": "Maskable"
         }
       },
+      "misc_brand": "Miscellaneous elements",
       "branding": "Branding",
       "access": "Instance access",
       "rich_metadata": "Metadata",

From 4edf6b03cefc7ce0bab02e660784ffc53f91c715 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 15 Dec 2025 22:39:59 +0200
Subject: [PATCH 382/424] better styles

---
 src/components/settings_modal/settings_modal.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 53add37fa..032b603fa 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -70,7 +70,6 @@
     .setting-label {
       grid-area: label;
       text-align: right;
-      align-self: baseline;
     }
 
     .ModifiedIndicator,
@@ -218,6 +217,13 @@
       .setting-label {
         text-align: left;
       }
+
+      .checkbox {
+        .label {
+          text-align: left;
+          margin-left: 0;
+        }
+      }
     }
 
     ul {

From db7e4a3434f4d50f38113018e2de12bd478d1e4b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 15 Dec 2025 22:56:04 +0200
Subject: [PATCH 383/424] actual countdown

---
 .../settings_modal/settings_modal.js          |  2 +-
 .../settings_modal/settings_modal.vue         |  4 ++--
 src/i18n/en.json                              |  1 +
 src/modules/config.js                         |  1 -
 src/stores/interface.js                       | 22 ++++++++++++++-----
 5 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index b4677fe7f..789ebd0ee 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -170,7 +170,7 @@ const SettingsModal = {
   },
   computed: {
     ...mapState(useInterfaceStore, {
-      temporaryChangesTimeoutId: store => store.temporaryChangesTimeoutId,
+      temporaryChangesCountdown: store => store.temporaryChangesCountdown,
       currentSaveStateNotice: store => store.settings.currentSaveStateNotice,
       modalActivated: store => store.settingsModalState !== 'hidden',
       modalMode: store => store.settingsModalMode,
diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue
index b4ccba191..d2b4f60ee 100644
--- a/src/components/settings_modal/settings_modal.vue
+++ b/src/components/settings_modal/settings_modal.vue
@@ -158,14 +158,14 @@
     </div>
     <teleport to="#modal">
       <ConfirmModal
-        v-if="temporaryChangesTimeoutId"
+        v-if="temporaryChangesCountdown > 0"
         :title="$t('settings.confirm_new_setting')"
         :cancel-text="$t('settings.revert')"
         :confirm-text="$t('settings.confirm')"
         @cancelled="temporaryChangesRevert"
         @accepted="temporaryChangesConfirm"
       >
-        {{ $t('settings.confirm_new_question') }}
+        {{ $t('settings.confirm_new_question_countdown', temporaryChangesCountdown) }}
       </ConfirmModal>
     </teleport>
   </Modal>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index c1c3978d1..05a2d5ae5 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -411,6 +411,7 @@
     "appearance": "Appearance",
     "confirm_new_setting": "Confirm new setting?",
     "confirm_new_question": "Does this look ok? Setting will be reverted in 10 seconds.",
+    "confirm_new_question_countdown": "Does this look ok? Setting will be reverted in 1 second. | Does this look ok? Setting will be reverted in {count} seconds.",
     "revert": "Revert",
     "confirm": "Confirm",
     "text_size": "Text and interface size",
diff --git a/src/modules/config.js b/src/modules/config.js
index 7b54225ef..8b4691341 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -116,7 +116,6 @@ const config = {
       }
 
       useInterfaceStore().setTemporaryChanges({
-        timeoutId: setTimeout(revert, 10000),
         confirm,
         revert
       })
diff --git a/src/stores/interface.js b/src/stores/interface.js
index 56999217f..51ed42f65 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -18,9 +18,10 @@ export const useInterfaceStore = defineStore('interface', {
     paletteDataUsed: null,
     themeNameUsed: null,
     themeDataUsed: null,
-    temporaryChangesTimeoutId: null, // used for temporary options that revert after a timeout
+    temporaryChangesTimeoutId: null,
+    temporaryChangesCountdown: -1,     // used for temporary options that revert after a timeout
     temporaryChangesConfirm: () => {}, // used for applying temporary options
-    temporaryChangesRevert: () => {}, // used for reverting temporary options
+    temporaryChangesRevert: () => {},  // used for reverting temporary options
     settingsModalState: 'hidden',
     settingsModalLoadedUser: false,
     settingsModalLoadedAdmin: false,
@@ -44,14 +45,25 @@ export const useInterfaceStore = defineStore('interface', {
     lastTimeline: null
   }),
   actions: {
-    setTemporaryChanges ({ timeoutId, confirm, revert }) {
-      this.temporaryChangesTimeoutId = timeoutId
+    setTemporaryChanges ({ confirm, revert }) {
+      this.temporaryChangesCountdown = 10
       this.temporaryChangesConfirm = confirm
       this.temporaryChangesRevert = revert
+      const countdownFunc = () => {
+        if (this.temporaryChangesCountdown === 1) {
+          this.temporaryChangesRevert()
+          this.clearTemporaryChanges()
+        } else {
+          this.temporaryChangesCountdown--
+          this.temporaryChangesTimeoutId = setTimeout(countdownFunc, 1000)
+        }
+      }
+      this.temporaryChangesTimeoutId = setTimeout(countdownFunc, 1000)
     },
     clearTemporaryChanges () {
-      clearTimeout(this.temporaryChangesTimeoutId)
+      this.temporaryChangesTimeoutId ?? clearTimeout(this.temporaryChangesTimeoutId)
       this.temporaryChangesTimeoutId = null
+      this.temporaryChangesCountdown = -1
       this.temporaryChangesConfirm = () => {}
       this.temporaryChangesRevert = () => {}
     },

From 7d88140bb424674bf4ad0a492c6968525886fceb Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 19 Dec 2025 19:10:53 +0200
Subject: [PATCH 384/424] more changelogs

---
 changelog.d/admin_tab.add | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/changelog.d/admin_tab.add b/changelog.d/admin_tab.add
index 421ce57cd..403695a09 100644
--- a/changelog.d/admin_tab.add
+++ b/changelog.d/admin_tab.add
@@ -1 +1,2 @@
-Most of the remaining AdminFE tabs into Admin Dashboard
+Most of the remaining AdminFE tabs were added into Admin Dashboard
+It's now possible to customize PWA Manfiest from PleromaFE

From c71a36de30deba174959f246d871584b11799d60 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 19 Dec 2025 19:13:24 +0200
Subject: [PATCH 385/424] cleanup console logs (changed actual proper logs to
 .info())

---
 build/copy_plugin.js                                   | 4 ++--
 build/sw_plugin.js                                     | 2 +-
 src/components/settings_modal/helpers/color_setting.js | 1 -
 src/components/settings_modal/tabs/appearance_tab.js   | 1 -
 src/components/settings_modal/tabs/clutter_tab.js      | 1 -
 src/modules/adminSettings.js                           | 2 --
 src/stores/interface.js                                | 1 -
 test/unit/specs/components/draft.spec.js               | 2 +-
 test/unit/specs/lib/persisted_state.spec.js            | 4 ++--
 9 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/build/copy_plugin.js b/build/copy_plugin.js
index a783fe7ff..694048a36 100644
--- a/build/copy_plugin.js
+++ b/build/copy_plugin.js
@@ -29,9 +29,9 @@ const copyPlugin = ({ inUrl, inFs }) => {
       order: 'post',
       sequential: true,
       async handler () {
-        console.log(`Copying '${inFs}' to ${copyTarget}...`)
+        console.info(`Copying '${inFs}' to ${copyTarget}...`)
         await cp(inFs, copyTarget, { recursive: true })
-        console.log('Done.')
+        console.info('Done.')
       }
     }
   }]
diff --git a/build/sw_plugin.js b/build/sw_plugin.js
index a2c792b7d..d970c5c09 100644
--- a/build/sw_plugin.js
+++ b/build/sw_plugin.js
@@ -178,7 +178,7 @@ export const buildSwPlugin = ({
       order: 'post',
       sequential: true,
       async handler () {
-        console.log('Building service worker for production')
+        console.info('Building service worker for production')
         await build(config)
       }
     }
diff --git a/src/components/settings_modal/helpers/color_setting.js b/src/components/settings_modal/helpers/color_setting.js
index c286b90fe..40fa038fe 100644
--- a/src/components/settings_modal/helpers/color_setting.js
+++ b/src/components/settings_modal/helpers/color_setting.js
@@ -10,7 +10,6 @@ export default {
   methods: {
     ...Setting.methods,
     getValue (e) {
-      console.log(e)
       return e
     }
   }
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index e4c3741a9..db37774aa 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -237,7 +237,6 @@ const AppearanceTab = {
       return !window.IntersectionObserver
     },
     instanceWallpaper () {
-      console.log(this.$store.state.instance.background)
       this.$store.state.instance.background
     },
     instanceWallpaperUsed () {
diff --git a/src/components/settings_modal/tabs/clutter_tab.js b/src/components/settings_modal/tabs/clutter_tab.js
index 8e12104fc..d4edf8f66 100644
--- a/src/components/settings_modal/tabs/clutter_tab.js
+++ b/src/components/settings_modal/tabs/clutter_tab.js
@@ -152,7 +152,6 @@ const ClutterTab = {
     },
     purgeExpiredFilters () {
       this.muteFiltersExpired.forEach(([id]) => {
-        console.log(id)
         delete this.muteFiltersDraftObject[id]
         this.unsetPreference({ path: 'simple.muteFilters.' + id , value: null })
       })
diff --git a/src/modules/adminSettings.js b/src/modules/adminSettings.js
index 8fb500393..b4ce6a60a 100644
--- a/src/modules/adminSettings.js
+++ b/src/modules/adminSettings.js
@@ -123,7 +123,6 @@ const adminSettingsStorage = {
         const preserveTuples = path.find(x => x === ':rate_limit')
         set(config, path, convert(c.value, false, preserveTuples))
       })
-      console.log('CONFIG', JSON.parse(JSON.stringify(config)))
       // patching http adapter config to be easier to handle
       const adapter = config[':pleroma'][':http'][':adapter']
       if (Array.isArray(adapter)) {
@@ -151,7 +150,6 @@ const adminSettingsStorage = {
       const descriptions = {}
 
       backendDescriptions.forEach(d => convert(d, '', descriptions))
-      console.log('DESCRIPTIONS', descriptions)
       commit('updateAdminDescriptions', { descriptions })
     },
 
diff --git a/src/stores/interface.js b/src/stores/interface.js
index 51ed42f65..5148daa4c 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -527,7 +527,6 @@ export const useInterfaceStore = defineStore('interface', {
     async applyTheme (
       { recompile = false } = {}
     ) {
-      console.log('Apply')
       const {
         forceThemeRecompilation,
         themeDebug,
diff --git a/test/unit/specs/components/draft.spec.js b/test/unit/specs/components/draft.spec.js
index b00f447cd..276fe6fbe 100644
--- a/test/unit/specs/components/draft.spec.js
+++ b/test/unit/specs/components/draft.spec.js
@@ -145,7 +145,7 @@ describe('Draft saving', () => {
     const saveButton = wrapper.findByText('button', $t('post_status.close_confirm_save_button'))
     expect(saveButton).to.be.ok
     await saveButton.trigger('click')
-    console.log('clicked')
+    console.info('clicked')
     expect(wrapper.vm.$store.getters.draftCount).to.equal(1)
     await flushPromises()
     await waitForEvent(wrapper, 'can-close')
diff --git a/test/unit/specs/lib/persisted_state.spec.js b/test/unit/specs/lib/persisted_state.spec.js
index 95bbbc4b7..79956a698 100644
--- a/test/unit/specs/lib/persisted_state.spec.js
+++ b/test/unit/specs/lib/persisted_state.spec.js
@@ -10,11 +10,11 @@ const getMockStorage = () => {
 
   return {
     getItem: vi.fn(async key => {
-      console.log('get:', key, state[key])
+      console.info('get:', key, state[key])
       return state[key]
     }),
     setItem: vi.fn(async (key, value) => {
-      console.log('set:', key, value)
+      console.info('set:', key, value)
       state[key] = value
     }),
     _clear: () => {

From 3aae2f33d2f8682045da23a231be5cafc5893014 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 19 Dec 2025 19:21:45 +0200
Subject: [PATCH 386/424] hide compositing tab for anon viewers

---
 src/components/settings_modal/settings_modal_user_content.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 2bde5b21b..44460adfb 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -24,6 +24,7 @@
       <ProfileTab />
     </div>
     <div
+      v-if="isLoggedIn"
       :label="$t('settings.composing')"
       icon="pen-alt"
       data-tab-name="composing"

From c9b47a0ca90db062104e639e7dd7581dde9647a4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 19 Dec 2025 19:27:33 +0200
Subject: [PATCH 387/424] fix #1385

---
 src/components/settings_modal/helpers/setting.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index cf68eaa14..b1b9bf7e7 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -271,7 +271,10 @@ export default {
       return this.realSource === 'admin' && this.$store.state.adminSettings.modifiedPaths?.has(this.canonPath.join(' -> '))
     },
     matchesExpertLevel () {
-      return (this.expert || 0) <= this.$store.state.config.expertLevel > 0
+      const settingExpertLevel = this.expert || 0
+      const userToggleExpert = this.$store.state.config.expertLevel || 0
+
+      return settingExpertLevel <= userToggleExpert
     }
   },
   methods: {

From c2732e3f400641eaf9f3273176893af6d66c1ddf Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 19 Dec 2025 19:29:27 +0200
Subject: [PATCH 388/424] changelogs + forgotten changelogs from previous MR

---
 changelog.d/anon-setting.fix | 1 +
 changelog.d/countdown.change | 1 +
 changelog.d/disabled.change  | 1 +
 3 files changed, 3 insertions(+)
 create mode 100644 changelog.d/anon-setting.fix
 create mode 100644 changelog.d/countdown.change
 create mode 100644 changelog.d/disabled.change

diff --git a/changelog.d/anon-setting.fix b/changelog.d/anon-setting.fix
new file mode 100644
index 000000000..ba741096b
--- /dev/null
+++ b/changelog.d/anon-setting.fix
@@ -0,0 +1 @@
+fixed settings not appearing if user never touched "show advanced" toggle
diff --git a/changelog.d/countdown.change b/changelog.d/countdown.change
new file mode 100644
index 000000000..65ad68d50
--- /dev/null
+++ b/changelog.d/countdown.change
@@ -0,0 +1 @@
+temporary changes modal now shows actual countdown instead of fixed timeout
diff --git a/changelog.d/disabled.change b/changelog.d/disabled.change
new file mode 100644
index 000000000..6d7fa6d67
--- /dev/null
+++ b/changelog.d/disabled.change
@@ -0,0 +1 @@
+disabled elements are more disabled now

From 202d1618c20c12dd1ac687dbff515e7fe7ef4be2 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 22 Dec 2025 14:14:40 +0200
Subject: [PATCH 389/424] fix list title edit not working

---
 changelog.d/lists_edit.fix              | 1 +
 src/components/lists_edit/lists_edit.js | 4 +---
 src/stores/lists.js                     | 2 ++
 3 files changed, 4 insertions(+), 3 deletions(-)
 create mode 100644 changelog.d/lists_edit.fix

diff --git a/changelog.d/lists_edit.fix b/changelog.d/lists_edit.fix
new file mode 100644
index 000000000..475662b6a
--- /dev/null
+++ b/changelog.d/lists_edit.fix
@@ -0,0 +1 @@
+fixed list title not being saved when editing
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index ca36ab886..c62bf9769 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -116,9 +116,7 @@ const ListsNew = {
     },
     updateListTitle () {
       useListsStore().setList({ listId: this.id, title: this.titleDraft })
-        .then(() => {
-          this.title = this.findListTitle(this.id)
-        })
+      this.title = this.findListTitle(this.id)
     },
     createList () {
       useListsStore().createList({ title: this.titleDraft })
diff --git a/src/stores/lists.js b/src/stores/lists.js
index fbe2746fb..c4b47380d 100644
--- a/src/stores/lists.js
+++ b/src/stores/lists.js
@@ -43,6 +43,8 @@ export const useListsStore = defineStore('lists', {
         })
     },
     setList ({ listId, title }) {
+      window.vuex.state.api.backendInteractor.updateList({ listId, title })
+
       if (!this.allListsObject[listId]) {
         this.allListsObject[listId] = { accountIds: [] }
       }

From 963c55cf71bd8204b144a1324b96b046bd6b48e5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 22 Dec 2025 17:18:27 +0200
Subject: [PATCH 390/424] fix incorrect emoji in post interaction lists

---
 src/components/user_list_popover/user_list_popover.vue | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/components/user_list_popover/user_list_popover.vue b/src/components/user_list_popover/user_list_popover.vue
index 293a47094..fdd2f3ce0 100644
--- a/src/components/user_list_popover/user_list_popover.vue
+++ b/src/components/user_list_popover/user_list_popover.vue
@@ -63,11 +63,6 @@
       flex-direction: column;
       margin-left: 0.5em;
       min-width: 5em;
-
-      img {
-        width: 1em;
-        height: 1em;
-      }
     }
 
     .user-list-screen-name {

From 6ae05ab95614a9c22233afcb4e4f4abb5ceedcf5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 22 Dec 2025 17:19:42 +0200
Subject: [PATCH 391/424] changelog

---
 changelog.d/interaction_list.fix | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/interaction_list.fix

diff --git a/changelog.d/interaction_list.fix b/changelog.d/interaction_list.fix
new file mode 100644
index 000000000..6a4692405
--- /dev/null
+++ b/changelog.d/interaction_list.fix
@@ -0,0 +1 @@
+fixed incorrect emoji display in post interaction lists

From 50105a8f92fd148d370ccb9f915c8f5d2c90f14c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 23 Dec 2025 15:31:54 +0200
Subject: [PATCH 392/424] fix poll notifications not being expandable

---
 src/components/notification/notification.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 3edf21de7..8052e3a73 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -163,7 +163,7 @@ const Notification = {
       return highlightStyle(highlight[user.screen_name])
     },
     expandable () {
-      return (new Set(['like', 'pleroma:emoji_reaction', 'repeat'])).has(this.notification.type)
+      return (new Set(['like', 'pleroma:emoji_reaction', 'repeat', 'poll'])).has(this.notification.type)
     },
     user () {
       return this.$store.getters.findUser(this.notification.from_profile.id)

From 29fe616c1c7eb1c189b158854a74609f87e4d0b4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 23 Dec 2025 15:36:07 +0200
Subject: [PATCH 393/424] changelog

---
 changelog.d/poll.fix | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/poll.fix

diff --git a/changelog.d/poll.fix b/changelog.d/poll.fix
new file mode 100644
index 000000000..534943e0a
--- /dev/null
+++ b/changelog.d/poll.fix
@@ -0,0 +1 @@
+fixed poll notifications not being expandable

From d7b1aaa61686cd1645f489142df43eff3cdb853a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 23 Dec 2025 16:16:08 +0200
Subject: [PATCH 394/424] Release 2.10.0

---
 CHANGELOG.md                                | 25 +++++++++++++++++++--
 changelog.d/admin_tab.add                   |  2 --
 changelog.d/anon-setting.fix                |  1 -
 changelog.d/broken.fix                      |  2 --
 changelog.d/countdown.change                |  1 -
 changelog.d/disabled.change                 |  1 -
 changelog.d/everything-instance-default.add |  1 -
 changelog.d/finalfix-fr.skip                |  0
 changelog.d/finalfix.skip                   |  0
 changelog.d/interaction_list.fix            |  1 -
 changelog.d/lists_edit.fix                  |  1 -
 changelog.d/poll.fix                        |  1 -
 changelog.d/settings-shuffle.change         |  3 ---
 13 files changed, 23 insertions(+), 16 deletions(-)
 delete mode 100644 changelog.d/admin_tab.add
 delete mode 100644 changelog.d/anon-setting.fix
 delete mode 100644 changelog.d/broken.fix
 delete mode 100644 changelog.d/countdown.change
 delete mode 100644 changelog.d/disabled.change
 delete mode 100644 changelog.d/everything-instance-default.add
 delete mode 100644 changelog.d/finalfix-fr.skip
 delete mode 100644 changelog.d/finalfix.skip
 delete mode 100644 changelog.d/interaction_list.fix
 delete mode 100644 changelog.d/lists_edit.fix
 delete mode 100644 changelog.d/poll.fix
 delete mode 100644 changelog.d/settings-shuffle.change

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 20c9c2693..b3d38ea24 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,27 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## 2.10.0
+### Changed
+- Temporary changes modal now shows actual countdown instead of fixed timeout
+- Disabled elements are more disabled now
+- Rearranged and split settings to make more sense and be less of a wall of text
+- On mobile settings now take up full width and presented in navigation style
+improved styles for settings
+
+### Added
+- Most of the remaining AdminFE tabs were added into Admin Dashboard
+- It's now possible to customize PWA Manfiest from PleromaFE
+- Make every configuration option default-overridable by instance admins
+
+### Fixed
+- Fixed settings not appearing if user never touched "show advanced" toggle
+- Fix display of the broken/deleted/banned users
+- Fixed incorrect emoji display in post interaction lists
+- Fixed list title not being saved when editing
+- Fixed poll notifications not being expandable
+
+
 ## 2.9.3
 ### Fixed
 - Being unable to update profile
@@ -74,8 +95,8 @@ This does not guarantee that browsers will or will not work.
 - Support displaying time in absolute format
 - Add draft management system
 - Compress most kinds of images on upload.
-- Added option to always convert images to JPEG format instead of using WebP when compressing images. 
-- Added configurable image compression option in general settings, allowing users to control whether images are compressed before upload. 
+- Added option to always convert images to JPEG format instead of using WebP when compressing images.
+- Added configurable image compression option in general settings, allowing users to control whether images are compressed before upload.
 - Inform users that Smithereen public polls are public
 - Splash screen + loading indicator to make process of identifying initialization issues and load performance
 - UI for making v3 themes and palettes, support for bundling v3 themes
diff --git a/changelog.d/admin_tab.add b/changelog.d/admin_tab.add
deleted file mode 100644
index 403695a09..000000000
--- a/changelog.d/admin_tab.add
+++ /dev/null
@@ -1,2 +0,0 @@
-Most of the remaining AdminFE tabs were added into Admin Dashboard
-It's now possible to customize PWA Manfiest from PleromaFE
diff --git a/changelog.d/anon-setting.fix b/changelog.d/anon-setting.fix
deleted file mode 100644
index ba741096b..000000000
--- a/changelog.d/anon-setting.fix
+++ /dev/null
@@ -1 +0,0 @@
-fixed settings not appearing if user never touched "show advanced" toggle
diff --git a/changelog.d/broken.fix b/changelog.d/broken.fix
deleted file mode 100644
index 7e58091b4..000000000
--- a/changelog.d/broken.fix
+++ /dev/null
@@ -1,2 +0,0 @@
-Fix display of the broken/deleted/banned users
-
diff --git a/changelog.d/countdown.change b/changelog.d/countdown.change
deleted file mode 100644
index 65ad68d50..000000000
--- a/changelog.d/countdown.change
+++ /dev/null
@@ -1 +0,0 @@
-temporary changes modal now shows actual countdown instead of fixed timeout
diff --git a/changelog.d/disabled.change b/changelog.d/disabled.change
deleted file mode 100644
index 6d7fa6d67..000000000
--- a/changelog.d/disabled.change
+++ /dev/null
@@ -1 +0,0 @@
-disabled elements are more disabled now
diff --git a/changelog.d/everything-instance-default.add b/changelog.d/everything-instance-default.add
deleted file mode 100644
index 6c4475905..000000000
--- a/changelog.d/everything-instance-default.add
+++ /dev/null
@@ -1 +0,0 @@
-Make every configuration option default-overridable by instance admins
diff --git a/changelog.d/finalfix-fr.skip b/changelog.d/finalfix-fr.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/finalfix.skip b/changelog.d/finalfix.skip
deleted file mode 100644
index e69de29bb..000000000
diff --git a/changelog.d/interaction_list.fix b/changelog.d/interaction_list.fix
deleted file mode 100644
index 6a4692405..000000000
--- a/changelog.d/interaction_list.fix
+++ /dev/null
@@ -1 +0,0 @@
-fixed incorrect emoji display in post interaction lists
diff --git a/changelog.d/lists_edit.fix b/changelog.d/lists_edit.fix
deleted file mode 100644
index 475662b6a..000000000
--- a/changelog.d/lists_edit.fix
+++ /dev/null
@@ -1 +0,0 @@
-fixed list title not being saved when editing
diff --git a/changelog.d/poll.fix b/changelog.d/poll.fix
deleted file mode 100644
index 534943e0a..000000000
--- a/changelog.d/poll.fix
+++ /dev/null
@@ -1 +0,0 @@
-fixed poll notifications not being expandable
diff --git a/changelog.d/settings-shuffle.change b/changelog.d/settings-shuffle.change
deleted file mode 100644
index f1d9ecf89..000000000
--- a/changelog.d/settings-shuffle.change
+++ /dev/null
@@ -1,3 +0,0 @@
-rearranged and split settings to make more sense and be less of a wall of text
-on mobile settings now take up full width and presented in navigation style
-improved styles for settings

From b9a77cc61d179069e5578f00f6c9e8e67ef4b35e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 16:19:03 +0200
Subject: [PATCH 395/424] add biome

---
 biome.json   | 266 +++++++++++++++++++++++++++++++++++++++++++++++++++
 package.json |   5 +-
 yarn.lock    |  54 +++++++++++
 3 files changed, 323 insertions(+), 2 deletions(-)
 create mode 100644 biome.json

diff --git a/biome.json b/biome.json
new file mode 100644
index 000000000..3c44b3354
--- /dev/null
+++ b/biome.json
@@ -0,0 +1,266 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.11/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "includes": ["**", "!!**/dist"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space"
+  },
+  "linter": {
+    "enabled": true,
+    "domains": {
+      "vue": "recommended"
+    },
+    "rules": {
+      "recommended": false,
+      "complexity": {
+        "noAdjacentSpacesInRegex": "error",
+        "noExtraBooleanCast": "error",
+        "noUselessCatch": "error",
+        "noUselessEscapeInRegex": "error"
+      },
+      "correctness": {
+        "noConstAssign": "error",
+        "noConstantCondition": "error",
+        "noEmptyCharacterClassInRegex": "error",
+        "noEmptyPattern": "error",
+        "noGlobalObjectCalls": "error",
+        "noInvalidBuiltinInstantiation": "error",
+        "noInvalidConstructorSuper": "error",
+        "noNonoctalDecimalEscape": "error",
+        "noPrecisionLoss": "error",
+        "noSelfAssign": "error",
+        "noSetterReturn": "error",
+        "noSwitchDeclarations": "error",
+        "noUndeclaredVariables": "error",
+        "noUnreachable": "error",
+        "noUnreachableSuper": "error",
+        "noUnsafeFinally": "error",
+        "noUnsafeOptionalChaining": "error",
+        "noUnusedLabels": "error",
+        "noUnusedPrivateClassMembers": "error",
+        "noUnusedVariables": "error",
+        "useIsNan": "error",
+        "useValidForDirection": "error",
+        "useValidTypeof": "error",
+        "useYield": "error"
+      },
+      "suspicious": {
+        "noAsyncPromiseExecutor": "error",
+        "noCatchAssign": "error",
+        "noClassAssign": "error",
+        "noCompareNegZero": "error",
+        "noConstantBinaryExpressions": "error",
+        "noControlCharactersInRegex": "error",
+        "noDebugger": "error",
+        "noDuplicateCase": "error",
+        "noDuplicateClassMembers": "error",
+        "noDuplicateElseIf": "error",
+        "noDuplicateObjectKeys": "error",
+        "noDuplicateParameters": "error",
+        "noEmptyBlockStatements": "error",
+        "noFallthroughSwitchClause": "error",
+        "noFunctionAssign": "error",
+        "noGlobalAssign": "error",
+        "noImportAssign": "error",
+        "noIrregularWhitespace": "error",
+        "noMisleadingCharacterClass": "error",
+        "noPrototypeBuiltins": "error",
+        "noRedeclare": "error",
+        "noShadowRestrictedNames": "error",
+        "noSparseArray": "error",
+        "noUnsafeNegation": "error",
+        "noUselessRegexBackrefs": "error",
+        "noWith": "error",
+        "useGetterReturn": "error"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded"
+    },
+    "globals": []
+  },
+  "overrides": [
+    {
+      "includes": ["*.vue", "**/*.vue"],
+      "javascript": { "globals": [] },
+      "linter": { "rules": {} }
+    },
+    {
+      "includes": [
+        "**/*.js",
+        "**/*.mjs",
+        "**/*.vue",
+        "!build/*.js",
+        "!config/*.js"
+      ],
+      "javascript": {
+        "globals": [
+          "onanimationend",
+          "onabortpayment",
+          "exports",
+          "ongamepadconnected",
+          "onlostpointercapture",
+          "onanimationiteration",
+          "onkeyup",
+          "onmousedown",
+          "onanimationstart",
+          "onslotchange",
+          "onprogress",
+          "ontransitionstart",
+          "onpause",
+          "onended",
+          "onpointerover",
+          "onscrollend",
+          "onformdata",
+          "ontransitionrun",
+          "onanimationcancel",
+          "ondrag",
+          "oninstall",
+          "onbeforeinstallprompt",
+          "onbeforexrselect",
+          "onmessage",
+          "ontransitioncancel",
+          "onpointerdown",
+          "should",
+          "onchange",
+          "onabort",
+          "onpointerout",
+          "oncuechange",
+          "ongotpointercapture",
+          "onscrollsnapchanging",
+          "onsearch",
+          "onsubmit",
+          "onstalled",
+          "onsuspend",
+          "onreset",
+          "onerror",
+          "onmouseenter",
+          "ongamepaddisconnected",
+          "onresize",
+          "ondragover",
+          "onbeforetoggle",
+          "onmouseover",
+          "onpagehide",
+          "onmousemove",
+          "onratechange",
+          "oncommand",
+          "onmessageerror",
+          "onwheel",
+          "ondevicemotion",
+          "onauxclick",
+          "ontransitionend",
+          "onpaste",
+          "onpageswap",
+          "ononline",
+          "ondeviceorientationabsolute",
+          "onkeydown",
+          "onclose",
+          "onselect",
+          "onpaymentrequest",
+          "onpageshow",
+          "onactivate",
+          "onpointercancel",
+          "onbeforematch",
+          "onpointerrawupdate",
+          "ondragleave",
+          "onscrollsnapchange",
+          "onseeked",
+          "onwaiting",
+          "assert",
+          "onbeforeunload",
+          "onplaying",
+          "onvolumechange",
+          "onnotificationclose",
+          "onbackgroundfetchfail",
+          "ondragend",
+          "onstorage",
+          "onloadeddata",
+          "onfocus",
+          "onoffline",
+          "onplay",
+          "onbackgroundfetchclick",
+          "onafterprint",
+          "onclick",
+          "oncut",
+          "onmouseout",
+          "ondblclick",
+          "oncanplay",
+          "onloadstart",
+          "onpushsubscriptionchange",
+          "onappinstalled",
+          "onpointermove",
+          "ontoggle",
+          "oncontextmenu",
+          "onblur",
+          "onperiodicsync",
+          "oncookiechange",
+          "oncancel",
+          "onbeforeprint",
+          "oncontextrestored",
+          "onnotificationclick",
+          "onloadedmetadata",
+          "onpointerup",
+          "onlanguagechange",
+          "oncopy",
+          "onselectstart",
+          "onscroll",
+          "onload",
+          "ondragstart",
+          "onbeforeinput",
+          "oncanplaythrough",
+          "oninput",
+          "oninvalid",
+          "ontimeupdate",
+          "ondurationchange",
+          "onselectionchange",
+          "onmouseup",
+          "onkeypress",
+          "onpointerleave",
+          "oncontextlost",
+          "ondrop",
+          "onsecuritypolicyviolation",
+          "oncontentvisibilityautostatechange",
+          "onsync",
+          "onpush",
+          "expect",
+          "ondeviceorientation",
+          "onbackgroundfetchabort",
+          "onseeking",
+          "onbackgroundfetchsuccess",
+          "onfetch",
+          "oncanmakepayment",
+          "onrejectionhandled",
+          "onunload",
+          "onmouseleave",
+          "onhashchange",
+          "onpointerenter",
+          "onmousewheel",
+          "onunhandledrejection",
+          "ondragenter",
+          "onpopstate",
+          "onpagereveal",
+          "onemptied"
+        ]
+      },
+      "linter": {
+        "rules": {
+          "suspicious": { "noDebugger": "off" }
+        }
+      }
+    }
+  ],
+  "assist": {
+    "enabled": true,
+    "actions": { "source": { "organizeImports": "on" } }
+  }
+}
diff --git a/package.json b/package.json
index 21d75f0fb..b6f16bd60 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,7 @@
     "@babel/plugin-transform-runtime": "7.28.3",
     "@babel/preset-env": "7.28.3",
     "@babel/register": "7.28.3",
+    "@biomejs/biome": "2.3.11",
     "@ungap/event-target": "0.2.4",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
@@ -77,7 +78,6 @@
     "cross-spawn": "7.0.6",
     "custom-event-polyfill": "1.0.7",
     "eslint": "9.37.0",
-    "vue-eslint-parser": "10.2.0",
     "eslint-config-standard": "17.1.0",
     "eslint-formatter-friendly": "7.0.0",
     "eslint-plugin-import": "2.32.0",
@@ -112,7 +112,8 @@
     "vite": "^6.1.0",
     "vite-plugin-eslint2": "^5.0.3",
     "vite-plugin-stylelint": "^6.0.0",
-    "vitest": "^3.0.7"
+    "vitest": "^3.0.7",
+    "vue-eslint-parser": "10.2.0"
   },
   "type": "module",
   "engines": {
diff --git a/yarn.lock b/yarn.lock
index 32a3b93c8..9ce5558e6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1049,6 +1049,60 @@
   resolved "https://registry.yarnpkg.com/@bazel/runfiles/-/runfiles-6.3.1.tgz#3f8824b2d82853377799d42354b4df78ab0ace0b"
   integrity sha512-1uLNT5NZsUVIGS4syuHwTzZ8HycMPyr6POA3FCE4GbMtc4rhoJk8aZKtNIRthJYfL+iioppi+rTfH3olMPr9nA==
 
+"@biomejs/biome@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/biome/-/biome-2.3.11.tgz#a8f3682b3b2c0112e2728f6d51d9c67a6c5521f8"
+  integrity sha512-/zt+6qazBWguPG6+eWmiELqO+9jRsMZ/DBU3lfuU2ngtIQYzymocHhKiZRyrbra4aCOoyTg/BmY+6WH5mv9xmQ==
+  optionalDependencies:
+    "@biomejs/cli-darwin-arm64" "2.3.11"
+    "@biomejs/cli-darwin-x64" "2.3.11"
+    "@biomejs/cli-linux-arm64" "2.3.11"
+    "@biomejs/cli-linux-arm64-musl" "2.3.11"
+    "@biomejs/cli-linux-x64" "2.3.11"
+    "@biomejs/cli-linux-x64-musl" "2.3.11"
+    "@biomejs/cli-win32-arm64" "2.3.11"
+    "@biomejs/cli-win32-x64" "2.3.11"
+
+"@biomejs/cli-darwin-arm64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-darwin-arm64/-/cli-darwin-arm64-2.3.11.tgz#3aa71d119e7216d66620282121673b95257fcc35"
+  integrity sha512-/uXXkBcPKVQY7rc9Ys2CrlirBJYbpESEDme7RKiBD6MmqR2w3j0+ZZXRIL2xiaNPsIMMNhP1YnA+jRRxoOAFrA==
+
+"@biomejs/cli-darwin-x64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-darwin-x64/-/cli-darwin-x64-2.3.11.tgz#3003d7c24e4fbba9693fba98692c6386884fedcf"
+  integrity sha512-fh7nnvbweDPm2xEmFjfmq7zSUiox88plgdHF9OIW4i99WnXrAC3o2P3ag9judoUMv8FCSUnlwJCM1B64nO5Fbg==
+
+"@biomejs/cli-linux-arm64-musl@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-linux-arm64-musl/-/cli-linux-arm64-musl-2.3.11.tgz#a17fb411ba8146ba60f3592857b7c49c8f0fe936"
+  integrity sha512-XPSQ+XIPZMLaZ6zveQdwNjbX+QdROEd1zPgMwD47zvHV+tCGB88VH+aynyGxAHdzL+Tm/+DtKST5SECs4iwCLg==
+
+"@biomejs/cli-linux-arm64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-linux-arm64/-/cli-linux-arm64-2.3.11.tgz#643830d1e53071d594e16b919e88a46fbc5c0b55"
+  integrity sha512-l4xkGa9E7Uc0/05qU2lMYfN1H+fzzkHgaJoy98wO+b/7Gl78srbCRRgwYSW+BTLixTBrM6Ede5NSBwt7rd/i6g==
+
+"@biomejs/cli-linux-x64-musl@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-linux-x64-musl/-/cli-linux-x64-musl-2.3.11.tgz#e9165c6d05f085829ab73a7ea0123a6a9b45dc89"
+  integrity sha512-vU7a8wLs5C9yJ4CB8a44r12aXYb8yYgBn+WeyzbMjaCMklzCv1oXr8x+VEyWodgJt9bDmhiaW/I0RHbn7rsNmw==
+
+"@biomejs/cli-linux-x64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-linux-x64/-/cli-linux-x64-2.3.11.tgz#3571049b1310132f1d12d67596ea5f39419836d0"
+  integrity sha512-/1s9V/H3cSe0r0Mv/Z8JryF5x9ywRxywomqZVLHAoa/uN0eY7F8gEngWKNS5vbbN/BsfpCG5yeBT5ENh50Frxg==
+
+"@biomejs/cli-win32-arm64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-win32-arm64/-/cli-win32-arm64-2.3.11.tgz#6769907655cd06938b00d040c6576c2fdf6c34a2"
+  integrity sha512-PZQ6ElCOnkYapSsysiTy0+fYX+agXPlWugh6+eQ6uPKI3vKAqNp6TnMhoM3oY2NltSB89hz59o8xIfOdyhi9Iw==
+
+"@biomejs/cli-win32-x64@2.3.11":
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/@biomejs/cli-win32-x64/-/cli-win32-x64-2.3.11.tgz#71ba2fb5505b3b01dd3cf551ef329e0094636125"
+  integrity sha512-43VrG813EW+b5+YbDbz31uUsheX+qFKCpXeY9kfdAx+ww3naKxeVkTD9zLIWxUPfJquANMHrmW3wbe/037G0Qg==
+
 "@bundled-es-modules/cookie@^2.0.1":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@bundled-es-modules/cookie/-/cookie-2.0.1.tgz#b41376af6a06b3e32a15241d927b840a9b4de507"

From 8372348148e77ecf5c032cf08004a4d2934a127f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 16:20:14 +0200
Subject: [PATCH 396/424] biome lint --write

---
 .../settings_modal/admin_tabs/mailer_tab.js          |  2 +-
 src/components/status/status.js                      |  2 +-
 src/modules/notifications.js                         |  2 +-
 .../entity_normalizer/entity_normalizer.service.js   | 12 ++++++------
 src/services/errors/errors.js                        |  2 +-
 src/services/style_setter/style_setter.js            |  2 +-
 src/stores/interface.js                              | 10 +++++-----
 src/stores/serverSideStorage.js                      |  8 ++++----
 test/unit/specs/boot/routes.spec.js                  | 12 ++++++------
 .../specs/services/theme_data/sanity_checks.spec.js  |  2 +-
 10 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.js b/src/components/settings_modal/admin_tabs/mailer_tab.js
index 44b2f33df..f6cd854b4 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.js
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.js
@@ -57,7 +57,7 @@ const MailerTab = {
       const descriptions = this.$store.state.adminSettings.descriptions
       const mailerStuff = descriptions[':pleroma']['Pleroma.Emails.Mailer']
       const adapterStuff = mailerStuff[':subgroup,' + this.adapter]
-      return Object.prototype.hasOwnProperty.call(adapterStuff, key)
+      return Object.hasOwn(adapterStuff, key)
     }
   }
 }
diff --git a/src/components/status/status.js b/src/components/status/status.js
index eebae459b..4112ed44e 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -397,7 +397,7 @@ const Status = {
     },
     tags () {
       // eslint-disable-next-line no-prototype-builtins
-      return this.status.tags.filter(tagObj => tagObj.hasOwnProperty('name')).map(tagObj => tagObj.name).join(' ')
+      return this.status.tags.filter(tagObj => Object.hasOwn(tagObj, 'name')).map(tagObj => tagObj.name).join(' ')
     },
     hidePostStats () {
       return this.mergedConfig.hidePostStats
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index c5c607922..f1c39b180 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -109,7 +109,7 @@ export const notifications = {
 
         // Only add a new notification if we don't have one for the same action
         // eslint-disable-next-line no-prototype-builtins
-        if (!state.idStore.hasOwnProperty(notification.id)) {
+        if (!Object.hasOwn(state.idStore, notification.id)) {
           commit('updateNotificationsMinMaxId', notification.id)
           commit('addNewNotifications', { notifications: [notification] })
 
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 28f1bc2aa..1e60e2272 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -39,9 +39,9 @@ const qvitterStatusType = (status) => {
 
 export const parseUser = (data) => {
   const output = {}
-  const masto = Object.prototype.hasOwnProperty.call(data, 'acct')
+  const masto = Object.hasOwn(data, 'acct')
   // case for users in "mentions" property for statuses in MastoAPI
-  const mastoShort = masto && !Object.prototype.hasOwnProperty.call(data, 'avatar')
+  const mastoShort = masto && !Object.hasOwn(data, 'avatar')
 
   output.inLists = null
   output.id = String(data.id)
@@ -269,7 +269,7 @@ export const parseUser = (data) => {
 
 export const parseAttachment = (data) => {
   const output = {}
-  const masto = !Object.prototype.hasOwnProperty.call(data, 'oembed')
+  const masto = !Object.hasOwn(data, 'oembed')
 
   if (masto) {
     // Not exactly same...
@@ -300,7 +300,7 @@ export const parseSource = (data) => {
 
 export const parseStatus = (data) => {
   const output = {}
-  const masto = Object.prototype.hasOwnProperty.call(data, 'account')
+  const masto = Object.hasOwn(data, 'account')
 
   if (masto) {
     output.favorited = data.favourited
@@ -432,7 +432,7 @@ export const parseStatus = (data) => {
   output.favoritedBy = []
   output.rebloggedBy = []
 
-  if (Object.prototype.hasOwnProperty.call(data, 'originalStatus')) {
+  if (Object.hasOwn(data, 'originalStatus')) {
     Object.assign(output, data.originalStatus)
   }
 
@@ -444,7 +444,7 @@ export const parseNotification = (data) => {
     favourite: 'like',
     reblog: 'repeat'
   }
-  const masto = !Object.prototype.hasOwnProperty.call(data, 'ntype')
+  const masto = !Object.hasOwn(data, 'ntype')
   const output = {}
 
   if (masto) {
diff --git a/src/services/errors/errors.js b/src/services/errors/errors.js
index f0cc6dad7..ef18c36ed 100644
--- a/src/services/errors/errors.js
+++ b/src/services/errors/errors.js
@@ -37,7 +37,7 @@ export class RegistrationError extends Error {
       if (typeof error === 'string') {
         error = JSON.parse(error)
         // eslint-disable-next-line
-        if (error.hasOwnProperty('error')) {
+        if (Object.hasOwn(error, 'error')) {
           error = JSON.parse(error.error)
         }
       }
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 90c6180f4..29392610a 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -254,7 +254,7 @@ export const applyConfig = (input) => {
   styleSheet.addRule(`:root { ${rules} }`)
 
   // TODO find a way to make this not apply to theme previews
-  if (Object.prototype.hasOwnProperty.call(config, 'forcedRoundness')) {
+  if (Object.hasOwn(config, 'forcedRoundness')) {
     styleSheet.addRule(` *:not(.preview-block) {
         --roundness: var(--forcedRoundness) !important;
     }`)
diff --git a/src/stores/interface.js b/src/stores/interface.js
index 5148daa4c..a5631ab17 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -668,16 +668,16 @@ export const normalizeThemeData = (input) => {
     // this might not be even used at all, some leftover of unimplemented code in V2 editor
     return generatePreset(input).theme
   } else if (
-    Object.prototype.hasOwnProperty.call(input, '_pleroma_theme_version') ||
-      Object.prototype.hasOwnProperty.call(input, 'source') ||
-      Object.prototype.hasOwnProperty.call(input, 'theme')
+    Object.hasOwn(input, '_pleroma_theme_version') ||
+      Object.hasOwn(input, 'source') ||
+      Object.hasOwn(input, 'theme')
   ) {
     // We got passed a full theme file
     themeData = input.theme
     themeSource = input.source
   } else if (
-    Object.prototype.hasOwnProperty.call(input, 'themeEngineVersion') ||
-      Object.prototype.hasOwnProperty.call(input, 'colors')
+    Object.hasOwn(input, 'themeEngineVersion') ||
+      Object.hasOwn(input, 'colors')
   ) {
     // We got passed a source/snapshot
     themeData = input
diff --git a/src/stores/serverSideStorage.js b/src/stores/serverSideStorage.js
index 40f69c7c2..78bac1259 100644
--- a/src/stores/serverSideStorage.js
+++ b/src/stores/serverSideStorage.js
@@ -170,10 +170,10 @@ const _mergeJournal = (...journals) => {
   const allJournals = flatten(
     journals.map(j => Array.isArray(j) ? j : [])
   ).filter(entry =>
-    Object.prototype.hasOwnProperty.call(entry, 'path') &&
-    Object.prototype.hasOwnProperty.call(entry, 'operation') &&
-    Object.prototype.hasOwnProperty.call(entry, 'args') &&
-    Object.prototype.hasOwnProperty.call(entry, 'timestamp')
+    Object.hasOwn(entry, 'path') &&
+    Object.hasOwn(entry, 'operation') &&
+    Object.hasOwn(entry, 'args') &&
+    Object.hasOwn(entry, 'timestamp')
   )
   const grouped = groupBy(allJournals, 'path')
   const trimmedGrouped = Object.entries(grouped).map(([path, journal]) => {
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index ff246d2b3..2029eca10 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -20,7 +20,7 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     // eslint-disable-next-line no-prototype-builtins
-    expect(matchedComponents[0].components.default.components.hasOwnProperty('Timeline')).to.eql(true)
+    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'Timeline')).to.eql(true)
   })
 
   it('user\'s profile', async () => {
@@ -29,7 +29,7 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     // eslint-disable-next-line no-prototype-builtins
-    expect(matchedComponents[0].components.default.components.hasOwnProperty('UserCard')).to.eql(true)
+    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'UserCard')).to.eql(true)
   })
 
   it('user\'s profile at /users', async () => {
@@ -38,7 +38,7 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     // eslint-disable-next-line no-prototype-builtins
-    expect(matchedComponents[0].components.default.components.hasOwnProperty('UserCard')).to.eql(true)
+    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'UserCard')).to.eql(true)
   })
 
   it('list view', async () => {
@@ -46,7 +46,7 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    expect(Object.prototype.hasOwnProperty.call(matchedComponents[0].components.default.components, 'ListsCard')).to.eql(true)
+    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'ListsCard')).to.eql(true)
   })
 
   it('list timeline', async () => {
@@ -54,7 +54,7 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    expect(Object.prototype.hasOwnProperty.call(matchedComponents[0].components.default.components, 'Timeline')).to.eql(true)
+    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'Timeline')).to.eql(true)
   })
 
   it('list edit', async () => {
@@ -62,6 +62,6 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    expect(Object.prototype.hasOwnProperty.call(matchedComponents[0].components.default.components, 'BasicUserCard')).to.eql(true)
+    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'BasicUserCard')).to.eql(true)
   })
 })
diff --git a/test/unit/specs/services/theme_data/sanity_checks.spec.js b/test/unit/specs/services/theme_data/sanity_checks.spec.js
index b9053f377..bb47653db 100644
--- a/test/unit/specs/services/theme_data/sanity_checks.spec.js
+++ b/test/unit/specs/services/theme_data/sanity_checks.spec.js
@@ -6,7 +6,7 @@ const checkColors = (output) => {
     expect(v, key).to.be.an('object')
     expect(v, key).to.include.all.keys('r', 'g', 'b')
     'rgba'.split('').forEach(k => {
-      if ((k === 'a' && Object.prototype.hasOwnProperty.call(v, 'a')) || k !== 'a') {
+      if ((k === 'a' && Object.hasOwn(v, 'a')) || k !== 'a') {
         expect(v[k], key + '.' + k).to.be.a('number')
         expect(v[k], key + '.' + k).to.be.least(0)
         expect(v[k], key + '.' + k).to.be.most(k === 'a' ? 1 : 255)

From 9262e803ec8036a2776bc73069b7f2bdd091fe0c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 16:22:52 +0200
Subject: [PATCH 397/424] biome format --write

---
 build/check-versions.mjs                      |    19 +-
 build/commit_hash.js                          |     8 +-
 build/copy_plugin.js                          |    47 +-
 build/emojis_plugin.js                        |    27 +-
 build/msw_plugin.js                           |     6 +-
 build/service_worker_messages.js              |    18 +-
 build/sw_plugin.js                            |   151 +-
 build/update-emoji.js                         |    27 +-
 eslint.config.mjs                             |    23 +-
 postcss.config.js                             |     4 +-
 public/static/palettes/index.json             |    72 +-
 public/static/splash.css                      |    21 +-
 renovate.json                                 |     4 +-
 src/App.js                                    |   161 +-
 src/boot/after_store.js                       |   355 +-
 src/boot/routes.js                            |   170 +-
 src/components/about/about.js                 |    16 +-
 .../account_actions/account_actions.js        |    62 +-
 src/components/alert.style.js                 |    38 +-
 src/components/announcement/announcement.js   |    87 +-
 .../announcement_editor.js                    |     6 +-
 .../announcements_page/announcements_page.js  |    38 +-
 .../async_component_error.vue                 |     6 +-
 src/components/attachment/attachment.js       |    83 +-
 src/components/auth_form/auth_form.js         |    18 +-
 src/components/autosuggest/autosuggest.js     |    40 +-
 src/components/avatar_list/avatar_list.js     |    18 +-
 src/components/badge.style.js                 |    23 +-
 .../basic_user_card/basic_user_card.js        |    18 +-
 src/components/block_card/block_card.js       |    28 +-
 .../bookmark_folder_card.js                   |    19 +-
 .../bookmark_folder_edit.js                   |    57 +-
 .../bookmark_folders/bookmark_folders.js      |    18 +-
 .../bookmark_folders_menu_content.js          |    12 +-
 .../bookmark_timeline/bookmark_timeline.js    |    28 +-
 src/components/border.style.js                |     8 +-
 .../bubble_timeline/bubble_timeline.js        |    13 +-
 src/components/button.style.js                |    99 +-
 src/components/button_unstyled.style.js       |    59 +-
 src/components/chat/chat.js                   |   260 +-
 src/components/chat/chat.style.js             |    16 +-
 src/components/chat/chat_layout_utils.js      |     7 +-
 src/components/chat_list/chat_list.js         |    20 +-
 .../chat_list_item/chat_list_item.js          |    40 +-
 src/components/chat_message/chat_message.js   |    65 +-
 .../chat_message/chat_message.style.js        |    21 +-
 .../chat_message_date/chat_message_date.vue   |    11 +-
 src/components/chat_new/chat_new.js           |    57 +-
 src/components/chat_title/chat_title.js       |    16 +-
 src/components/checkbox/checkbox.vue          |    19 +-
 src/components/color_input/color_input.vue    |    49 +-
 .../component_preview/component_preview.js    |    51 +-
 src/components/confirm_modal/confirm_modal.js |    21 +-
 src/components/confirm_modal/mute_confirm.js  |    35 +-
 .../contrast_ratio/contrast_ratio.vue         |    50 +-
 .../conversation-page/conversation-page.js    |     8 +-
 src/components/conversation/conversation.js   |   370 +-
 src/components/desktop_nav/desktop_nav.js     |   100 +-
 src/components/dialog_modal/dialog_modal.js   |    12 +-
 src/components/dm_timeline/dm_timeline.js     |     8 +-
 .../domain_mute_card/domain_mute_card.js      |    16 +-
 src/components/draft/draft.js                 |    65 +-
 src/components/draft_closer/draft_closer.js   |    29 +-
 src/components/drafts/drafts.js               |     8 +-
 .../edit_status_form/edit_status_form.js      |    21 +-
 .../edit_status_modal/edit_status_modal.js    |    34 +-
 src/components/emoji_input/emoji_input.js     |   226 +-
 src/components/emoji_input/suggestor.js       |    86 +-
 src/components/emoji_picker/emoji_picker.js   |   194 +-
 .../emoji_reactions/emoji_reactions.js        |    71 +-
 src/components/exporter/exporter.js           |    48 +-
 .../extra_notifications.js                    |    65 +-
 .../features_panel/features_panel.js          |    36 +-
 src/components/flash/flash.js                 |    36 +-
 src/components/follow_button/follow_button.js |    48 +-
 src/components/follow_card/follow_card.js     |    17 +-
 .../follow_request_card.js                    |    47 +-
 .../follow_requests/follow_requests.js        |     8 +-
 src/components/font_control/font_control.js   |    36 +-
 .../friends_timeline/friends_timeline.js      |     8 +-
 src/components/fun_text.style.js              |    24 +-
 src/components/gallery/gallery.js             |   105 +-
 .../global_notice_list/global_notice_list.js  |    18 +-
 src/components/hashtag_link/hashtag_link.js   |    16 +-
 src/components/icon.style.js                  |     8 +-
 src/components/image_cropper/image_cropper.js |    44 +-
 src/components/importer/importer.js           |    40 +-
 src/components/input.style.js                 |    77 +-
 .../instance_specific_panel.js                |     6 +-
 src/components/interactions/interactions.js   |    19 +-
 .../interface_language_switcher.js            |    36 +-
 src/components/link-preview/link-preview.js   |    26 +-
 src/components/link.style.js                  |    14 +-
 src/components/list/list.vue                  |    12 +-
 src/components/lists/lists.js                 |    18 +-
 src/components/lists_card/lists_card.js       |    12 +-
 src/components/lists_edit/lists_edit.js       |    83 +-
 .../lists_menu/lists_menu_content.js          |    18 +-
 .../lists_timeline/lists_timeline.js          |    28 +-
 .../lists_user_search/lists_user_search.js    |    37 +-
 src/components/login_form/login_form.js       |   104 +-
 src/components/media_modal/media_modal.js     |    82 +-
 src/components/media_upload/media_upload.js   |    98 +-
 src/components/mention_link/mention_link.js   |   108 +-
 src/components/mentions/mentions.js           |     8 +-
 src/components/mentions_line/mentions_line.js |    20 +-
 src/components/menu_item.style.js             |    64 +-
 src/components/mfa_form/recovery_form.js      |    28 +-
 src/components/mfa_form/totp_form.js          |    28 +-
 src/components/mobile_drawer.style.js         |    12 +-
 src/components/mobile_nav/mobile_nav.js       |    88 +-
 .../mobile_post_status_button.js              |    84 +-
 src/components/modal/modal.vue                |    16 +-
 src/components/modal/modals.style.js          |     6 +-
 .../moderation_tools/moderation_tools.js      |   130 +-
 .../mrf_transparency_panel.js                 |   110 +-
 src/components/mute_card/mute_card.js         |    26 +-
 src/components/nav_panel/nav_panel.js         |    95 +-
 src/components/navigation/filter.js           |    65 +-
 src/components/navigation/navigation.js       |    41 +-
 src/components/navigation/navigation_entry.js |    29 +-
 src/components/navigation/navigation_pins.js  |    92 +-
 src/components/notification/notification.js   |   116 +-
 .../notification/notification.style.js        |     4 +-
 .../notifications/notification_filters.vue    |    18 +-
 src/components/notifications/notifications.js |   158 +-
 .../oauth_callback/oauth_callback.js          |    26 +-
 .../opacity_input/opacity_input.vue           |    12 +-
 .../optional_router_link.vue                  |     2 +-
 .../palette_editor/palette_editor.vue         |    39 +-
 src/components/panel.style.js                 |    50 +-
 src/components/panel_header.style.js          |    44 +-
 .../panel_loading/panel_loading.vue           |     4 +-
 .../password_reset/password_reset.js          |    64 +-
 src/components/pinch_zoom/pinch_zoom.js       |    10 +-
 src/components/poll/poll.js                   |    72 +-
 src/components/poll/poll_form.js              |    96 +-
 src/components/poll/poll_graph.style.js       |     8 +-
 src/components/popover.style.js               |    30 +-
 src/components/popover/popover.js             |   149 +-
 .../post_status_form/post_status_form.js      |   466 +-
 .../post_status_modal/post_status_modal.js    |    34 +-
 .../progress_button/progress_button.vue       |    23 +-
 .../public_and_external_timeline.js           |    16 +-
 .../public_timeline/public_timeline.js        |    13 +-
 .../quick_filter_settings.js                  |   109 +-
 .../quick_view_settings.js                    |    98 +-
 .../quotes_timeline/quotes_timeline.js        |    30 +-
 src/components/range_input/range_input.vue    |    17 +-
 src/components/registration/registration.js   |    83 +-
 src/components/remote_follow/remote_follow.js |     6 +-
 .../remote_user_resolver.js                   |    18 +-
 .../remove_follower_button.js                 |    32 +-
 src/components/report/report.js               |    32 +-
 src/components/rich_content/rich_content.jsx  |   202 +-
 src/components/root.style.js                  |     8 +-
 .../roundness_input/roundness_input.vue       |    12 +-
 .../scope_selector/scope_selector.js          |    62 +-
 .../screen_reader_notice.js                   |    18 +-
 .../scroll_top_button/scroll_top_button.js    |    10 +-
 src/components/scrollbar.style.js             |    14 +-
 src/components/scrollbar_element.style.js     |    50 +-
 src/components/search/search.js               |    65 +-
 src/components/search_bar/search_bar.js       |    22 +-
 src/components/select/select.js               |    16 +-
 src/components/select/select_motion.vue       |    15 +-
 .../selectable_list/selectable_list.js        |    36 +-
 .../settings_modal/admin_tabs/auth_tab.js     |    14 +-
 .../settings_modal/admin_tabs/emoji_tab.js    |   290 +-
 .../admin_tabs/federation_tab.js              |    10 +-
 .../admin_tabs/frontends_tab.js               |    54 +-
 .../settings_modal/admin_tabs/http_tab.js     |    25 +-
 .../settings_modal/admin_tabs/instance_tab.js |    49 +-
 .../admin_tabs/job_queues_tab.js              |    10 +-
 .../settings_modal/admin_tabs/limits_tab.js   |     6 +-
 .../settings_modal/admin_tabs/links_tab.js    |   155 +-
 .../settings_modal/admin_tabs/mailer_tab.js   |    42 +-
 .../admin_tabs/media_proxy_tab.js             |    22 +-
 .../admin_tabs/monitoring_tab.js              |    19 +-
 .../settings_modal/admin_tabs/other_tab.js    |    10 +-
 .../settings_modal/admin_tabs/posts_tab.js    |    10 +-
 .../settings_modal/admin_tabs/rates_tab.js    |     8 +-
 .../admin_tabs/registrations_tab.js           |    10 +-
 .../settings_modal/admin_tabs/uploads_tab.js  |    48 +-
 .../helpers/attachment_setting.js             |    22 +-
 .../settings_modal/helpers/boolean_setting.js |    14 +-
 .../settings_modal/helpers/choice_setting.js  |    26 +-
 .../settings_modal/helpers/color_setting.js   |     8 +-
 .../settings_modal/helpers/draft_buttons.vue  |     6 +-
 .../helpers/emoji_editing_popover.vue         |   137 +-
 .../settings_modal/helpers/float_setting.vue  |     4 +-
 .../settings_modal/helpers/help_indicator.vue |     6 +-
 .../helpers/integer_setting.vue               |     4 +-
 .../settings_modal/helpers/list_setting.js    |    42 +-
 .../helpers/list_tuple_setting.js             |    10 +-
 .../settings_modal/helpers/map_setting.js     |    57 +-
 .../helpers/modified_indicator.vue            |    10 +-
 .../settings_modal/helpers/number_setting.js  |    16 +-
 .../helpers/profile_setting_indicator.vue     |     6 +-
 .../settings_modal/helpers/proxy_setting.js   |    27 +-
 .../helpers/pwa_manifest_icons_setting.js     |    40 +-
 .../settings_modal/helpers/rate_setting.js    |    24 +-
 .../settings_modal/helpers/setting.js         |   226 +-
 .../helpers/shared_computed_object.js         |    12 +-
 .../settings_modal/helpers/string_setting.js  |     2 +-
 .../settings_modal/helpers/tuple_setting.js   |    10 +-
 .../settings_modal/helpers/unit_setting.js    |    54 +-
 .../helpers/vertical_tab_switcher.jsx         |   133 +-
 .../settings_modal/settings_modal.js          |   124 +-
 .../settings_modal_admin_content.js           |    42 +-
 .../settings_modal_user_content.js            |    38 +-
 .../settings_modal/tabs/appearance_tab.js     |   370 +-
 .../settings_modal/tabs/clutter_tab.js        |   114 +-
 .../settings_modal/tabs/composing_tab.js      |   142 +-
 .../tabs/data_import_export_tab.js            |   106 +-
 .../settings_modal/tabs/developer_tab.js      |    23 +-
 .../settings_modal/tabs/filtering_tab.js      |   156 +-
 .../settings_modal/tabs/general_tab.js        |    45 +-
 .../settings_modal/tabs/layout_tab.js         |    35 +-
 .../tabs/mutes_and_blocks_tab.js              |    91 +-
 .../settings_modal/tabs/notifications_tab.js  |    30 +-
 .../tabs/old_theme_tab/old_theme_tab.js       |   489 +-
 .../tabs/old_theme_tab/theme_preview.vue      |    13 +-
 .../settings_modal/tabs/posts_tab.js          |    75 +-
 .../settings_modal/tabs/profile_tab.js        |    28 +-
 .../tabs/security_tab/confirm.js              |    10 +-
 .../settings_modal/tabs/security_tab/mfa.js   |   114 +-
 .../tabs/security_tab/mfa_backup_codes.js     |    20 +-
 .../tabs/security_tab/mfa_totp.js             |    32 +-
 .../tabs/security_tab/security_tab.js         |    73 +-
 .../tabs/style_tab/style_tab.js               |   529 +-
 .../tabs/style_tab/virtual_directives_tab.js  |    35 +-
 .../shadow_control/shadow_control.js          |   102 +-
 src/components/shout_panel/shout_panel.js     |    43 +-
 src/components/side_drawer/side_drawer.js     |    64 +-
 src/components/staff_panel/staff_panel.js     |    28 +-
 src/components/status/post.style.js           |    16 +-
 src/components/status/status.js               |   423 +-
 .../status_action_buttons/action_button.js    |    64 +-
 .../action_button_container.js                |    50 +-
 .../buttons_definitions.js                    |   509 +-
 .../status_action_buttons.js                  |    98 +-
 src/components/status_body/status_body.js     |    96 +-
 .../status_bookmark_folder_menu.js            |    26 +-
 .../status_content/status_content.js          |   103 +-
 .../status_history_modal.js                   |    44 +-
 .../status_popover/status_popover.js          |    31 +-
 .../sticker_picker/sticker_picker.js          |    55 +-
 .../still-image/still-image-emoji-popover.vue |   172 +-
 src/components/still-image/still-image.js     |    37 +-
 src/components/swipe_click/swipe_click.js     |    36 +-
 src/components/tab_switcher/tab.style.js      |    49 +-
 src/components/tab_switcher/tab_switcher.jsx  |   139 +-
 src/components/tag_timeline/tag_timeline.js   |    30 +-
 .../terms_of_service_panel.js                 |     8 +-
 src/components/text.style.js                  |    14 +-
 src/components/thread_tree/thread_tree.js     |    55 +-
 src/components/timeago/timeago.vue            |    70 +-
 src/components/timeline/timeline.js           |   219 +-
 src/components/timeline_menu/timeline_menu.js |    56 +-
 src/components/top_bar.style.js               |    56 +-
 src/components/underlay.style.js              |    12 +-
 .../unicode_domain_indicator.vue              |    12 +-
 .../update_notification.js                    |    68 +-
 src/components/user_avatar/avatar.style.js    |    26 +-
 src/components/user_avatar/user_avatar.js     |    38 +-
 src/components/user_card/user_card.js         |   309 +-
 src/components/user_card/user_card.style.js   |     8 +-
 src/components/user_link/user_link.vue        |    17 +-
 .../user_list_menu/user_list_menu.js          |   119 +-
 .../user_list_popover/user_list_popover.js    |    18 +-
 src/components/user_note/user_note.js         |    29 +-
 src/components/user_panel/user_panel.js       |    10 +-
 src/components/user_popover/user_popover.js   |    14 +-
 src/components/user_profile/user_profile.js   |    93 +-
 .../user_reporting_modal.js                   |    65 +-
 .../user_timed_filter_modal.js                |    46 +-
 .../video_attachment/video_attachment.js      |    18 +-
 src/components/who_to_follow/who_to_follow.js |    26 +-
 .../who_to_follow_panel.js                    |    55 +-
 src/directives/body_scroll_lock.js            |    26 +-
 src/hocs/with_load_more/with_load_more.jsx    |   186 +-
 .../with_subscription/with_subscription.jsx   |   149 +-
 src/i18n/en.json                              |     2 +-
 src/i18n/languages.js                         |     8 +-
 src/i18n/messages.js                          |     8 +-
 src/i18n/oc.json                              |    22 +-
 src/i18n/service_worker_messages.js           |     2 +-
 src/lib/notification-i18n-loader.js           |     2 +-
 src/lib/persisted_state.js                    |   265 +-
 src/lib/push_notifications_plugin.js          |    24 +-
 src/main.js                                   |    44 +-
 src/modules/adminSettings.js                  |   179 +-
 src/modules/api.js                            |   250 +-
 src/modules/chats.js                          |   139 +-
 src/modules/config.js                         |    86 +-
 src/modules/config_declaration.js             |    12 +-
 src/modules/default_config_state.js           |    16 +-
 src/modules/drafts.js                         |    36 +-
 src/modules/index.js                          |     2 +-
 src/modules/instance.js                       |   208 +-
 src/modules/notifications.js                  |   107 +-
 src/modules/profileConfig.js                  |    69 +-
 src/modules/statuses.js                       |   471 +-
 src/modules/users.js                          |   423 +-
 src/services/api/api.service.js               |  1105 +-
 .../attributes_helper.service.js              |     9 +-
 .../backend_interactor_service.js             |    46 +-
 .../bookmark_folders_fetcher.service.js       |    14 +-
 src/services/chat_service/chat_service.js     |    63 +-
 src/services/chat_utils/chat_utils.js         |    23 +-
 src/services/color_convert/color_convert.js   |    25 +-
 src/services/completion/completion.js         |    36 +-
 .../component_utils/component_utils.js        |     8 +-
 src/services/date_utils/date_utils.js         |    25 +-
 .../desktop_notification_utils.js             |    26 +-
 .../entity_normalizer.service.js              |   112 +-
 src/services/errors/errors.js                 |    12 +-
 src/services/export_import/export_import.js   |    14 +-
 .../favicon_service/favicon_service.js        |    59 +-
 .../file_size_format/file_size_format.js      |     7 +-
 src/services/file_type/file_type.service.js   |    14 +-
 .../follow_manipulate/follow_manipulate.js    |   102 +-
 .../follow_request_fetcher.service.js         |    16 +-
 .../gesture_service/gesture_service.js        |    62 +-
 .../html_line_converter.service.js            |    73 +-
 .../html_tree_converter.service.js            |    25 +-
 .../html_converter/utility.service.js         |     9 +-
 .../lists_fetcher/lists_fetcher.service.js    |    14 +-
 src/services/locale/locale.service.js         |    23 +-
 src/services/matcher/matcher.service.js       |     8 +-
 src/services/new_api/mfa.js                   |    38 +-
 src/services/new_api/oauth.js                 |   128 +-
 src/services/new_api/password_reset.js        |    14 +-
 .../notification_utils/notification_utils.js  |    66 +-
 .../notifications_fetcher.service.js          |    33 +-
 .../offset_finder/offset_finder.service.js    |    25 +-
 src/services/poll/poll.service.js             |    15 +-
 .../promise_interval/promise_interval.js      |     4 +-
 src/services/resettable_async_component.js    |    19 +-
 src/services/ruffle_service/ruffle_service.js |    65 +-
 src/services/status_parser/status_parser.js   |   101 +-
 .../status_poster/status_poster.service.js    |    64 +-
 src/services/style_setter/style_setter.js     |   130 +-
 src/services/sw/sw.js                         |   158 +-
 src/services/theme_data/css_utils.js          |   258 +-
 src/services/theme_data/iss_deserializer.js   |   188 +-
 src/services/theme_data/iss_serializer.js     |    76 +-
 src/services/theme_data/iss_utils.js          |   176 +-
 src/services/theme_data/pleromafe.js          |   254 +-
 src/services/theme_data/theme2_keys.js        |     2 +-
 src/services/theme_data/theme2_to_theme3.js   |   410 +-
 .../theme_data/theme3_slot_functions.js       |   133 +-
 src/services/theme_data/theme_data.service.js |   781 +-
 .../theme_data/theme_data_3.service.js        |   441 +-
 .../timeline_fetcher.service.js               |    79 +-
 .../user_highlighter/user_highlighter.js      |    23 +-
 .../user_profile_link_generator.js            |    11 +-
 src/stores/announcements.js                   |    66 +-
 src/stores/auth_flow.js                       |    26 +-
 src/stores/bookmark_folders.js                |    32 +-
 src/stores/editStatus.js                      |    10 +-
 src/stores/i18n.js                            |    10 +-
 src/stores/interface.js                       |   308 +-
 src/stores/lists.js                           |    63 +-
 src/stores/media_viewer.js                    |    14 +-
 src/stores/oauth.js                           |    52 +-
 src/stores/oauth_tokens.js                    |    34 +-
 src/stores/polls.js                           |    44 +-
 src/stores/post_status.js                     |    12 +-
 src/stores/reports.js                         |    48 +-
 src/stores/serverSideStorage.js               |   316 +-
 src/stores/shout.js                           |     8 +-
 src/stores/statusHistory.js                   |    10 +-
 src/sw.js                                     |   202 +-
 test/e2e/custom-assertions/elementCount.js    |    14 +-
 test/e2e/nightwatch.conf.js                   |    21 +-
 test/e2e/runner.js                            |     4 +-
 test/e2e/specs/test.js                        |     2 +-
 test/fixtures/mastoapi.json                   |  2059 +-
 test/fixtures/mock_api.js                     |    42 +-
 test/fixtures/mock_store.js                   |     2 +-
 test/fixtures/setup_test.js                   |    74 +-
 test/fixtures/statuses.json                   |    36 +-
 test/unit/specs/boot/routes.spec.js           |    52 +-
 test/unit/specs/components/draft.spec.js      |   115 +-
 .../unit/specs/components/emoji_input.spec.js |    36 +-
 test/unit/specs/components/gallery.spec.js    |   133 +-
 .../specs/components/rich_content.spec.js     |   225 +-
 .../specs/components/user_profile.spec.js     |    88 +-
 test/unit/specs/lib/persisted_state.spec.js   |    90 +-
 .../specs/modules/serverSideStorage.spec.js   |   304 +-
 test/unit/specs/modules/statuses.spec.js      |   231 +-
 test/unit/specs/modules/users.spec.js         |    42 +-
 .../chat_service/chat_service.spec.js         |    24 +-
 .../services/completion/completion.spec.js    |    41 +-
 .../services/date_utils/date_utils.spec.js    |    43 +-
 .../entity_normalizer.spec.js                 |   432 +-
 .../file_size_format/file_size_format.spec.js |    12 +-
 .../gesture_service/gesture_service.spec.js   |    59 +-
 .../html_line_converter.spec.js               |    65 +-
 .../html_tree_converter.spec.js               |   101 +-
 .../services/html_converter/utility.spec.js   |    13 +-
 .../specs/services/matcher/matcher.spec.js    |     4 +-
 .../notification_utils.spec.js                |    56 +-
 .../theme_data/iss_deserializer.spec.js       |    13 +-
 .../services/theme_data/sanity_checks.spec.js |     7 +-
 .../services/theme_data/theme_data.spec.js    |    17 +-
 .../services/theme_data/theme_data3.spec.js   |   158 +-
 .../user_profile_link_generator.spec.js       |     9 +-
 test/unit/specs/stores/lists.spec.js          |    35 +-
 test/unit/specs/stores/oauth.spec.js          |    49 +-
 tools/emoji_merger.js                         |    31 +-
 tools/emojis.json                             | 40326 ++++++++++++++--
 vite.config.js                                |   103 +-
 415 files changed, 54076 insertions(+), 17419 deletions(-)

diff --git a/build/check-versions.mjs b/build/check-versions.mjs
index 73c1eeb15..61f750e7b 100644
--- a/build/check-versions.mjs
+++ b/build/check-versions.mjs
@@ -7,8 +7,8 @@ var versionRequirements = [
   {
     name: 'node',
     currentVersion: semver.clean(process.version),
-    versionRequirement: packageConfig.engines.node
-  }
+    versionRequirement: packageConfig.engines.node,
+  },
 ]
 
 export default function () {
@@ -16,15 +16,22 @@ export default function () {
   for (let i = 0; i < versionRequirements.length; i++) {
     const mod = versionRequirements[i]
     if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
-      warnings.push(mod.name + ': ' +
-        chalk.red(mod.currentVersion) + ' should be ' +
-        chalk.green(mod.versionRequirement)
+      warnings.push(
+        mod.name +
+          ': ' +
+          chalk.red(mod.currentVersion) +
+          ' should be ' +
+          chalk.green(mod.versionRequirement),
       )
     }
   }
 
   if (warnings.length) {
-    console.warn(chalk.yellow('\nTo use this template, you must update following to modules:\n'))
+    console.warn(
+      chalk.yellow(
+        '\nTo use this template, you must update following to modules:\n',
+      ),
+    )
     for (let i = 0; i < warnings.length; i++) {
       const warning = warnings[i]
       console.warn('  ' + warning)
diff --git a/build/commit_hash.js b/build/commit_hash.js
index c104af5d9..c60355804 100644
--- a/build/commit_hash.js
+++ b/build/commit_hash.js
@@ -1,8 +1,8 @@
 import childProcess from 'child_process'
 
-export const getCommitHash = (() => {
-  const subst = "$Format:%h$"
-  if(!subst.match(/Format:/)) {
+export const getCommitHash = () => {
+  const subst = '$Format:%h$'
+  if (!subst.match(/Format:/)) {
     return subst
   } else {
     try {
@@ -15,4 +15,4 @@ export const getCommitHash = (() => {
       return 'UNKNOWN'
     }
   }
-})
+}
diff --git a/build/copy_plugin.js b/build/copy_plugin.js
index 694048a36..ad4d9617a 100644
--- a/build/copy_plugin.js
+++ b/build/copy_plugin.js
@@ -2,7 +2,7 @@ import serveStatic from 'serve-static'
 import { resolve } from 'node:path'
 import { cp } from 'node:fs/promises'
 
-const getPrefix = s => {
+const getPrefix = (s) => {
   const padEnd = s.endsWith('/') ? s : s + '/'
   return padEnd.startsWith('/') ? padEnd : '/' + padEnd
 }
@@ -13,28 +13,31 @@ const copyPlugin = ({ inUrl, inFs }) => {
   let copyTarget
   const handler = serveStatic(inFs)
 
-  return [{
-    name: 'copy-plugin-serve',
-    apply: 'serve',
-    configureServer (server) {
-      server.middlewares.use(prefix, handler)
-    }
-  }, {
-    name: 'copy-plugin-build',
-    apply: 'build',
-    configResolved (config) {
-      copyTarget = resolve(config.root, config.build.outDir, subdir)
+  return [
+    {
+      name: 'copy-plugin-serve',
+      apply: 'serve',
+      configureServer(server) {
+        server.middlewares.use(prefix, handler)
+      },
     },
-    closeBundle: {
-      order: 'post',
-      sequential: true,
-      async handler () {
-        console.info(`Copying '${inFs}' to ${copyTarget}...`)
-        await cp(inFs, copyTarget, { recursive: true })
-        console.info('Done.')
-      }
-    }
-  }]
+    {
+      name: 'copy-plugin-build',
+      apply: 'build',
+      configResolved(config) {
+        copyTarget = resolve(config.root, config.build.outDir, subdir)
+      },
+      closeBundle: {
+        order: 'post',
+        sequential: true,
+        async handler() {
+          console.info(`Copying '${inFs}' to ${copyTarget}...`)
+          await cp(inFs, copyTarget, { recursive: true })
+          console.info('Done.')
+        },
+      },
+    },
+  ]
 }
 
 export default copyPlugin
diff --git a/build/emojis_plugin.js b/build/emojis_plugin.js
index aed52066d..056da056e 100644
--- a/build/emojis_plugin.js
+++ b/build/emojis_plugin.js
@@ -4,18 +4,19 @@ import { languages, langCodeToCldrName } from '../src/i18n/languages.js'
 
 const annotationsImportPrefix = '@kazvmoe-infra/unicode-emoji-json/annotations/'
 const specialAnnotationsLocale = {
-  ja_easy: 'ja'
+  ja_easy: 'ja',
 }
 
-const internalToAnnotationsLocale = (internal) => specialAnnotationsLocale[internal] || internal
+const internalToAnnotationsLocale = (internal) =>
+  specialAnnotationsLocale[internal] || internal
 
 // This gets all the annotations that are accessible (whose language
 // can be chosen in the settings). Data for other languages are
 // discarded because there is no way for it to be fetched.
 const getAllAccessibleAnnotations = async (projectRoot) => {
-  const imports = (await Promise.all(
-    languages
-      .map(async lang => {
+  const imports = (
+    await Promise.all(
+      languages.map(async (lang) => {
         const destLang = internalToAnnotationsLocale(lang)
         const importModule = `${annotationsImportPrefix}${destLang}.json`
         const importFile = resolve(projectRoot, 'node_modules', importModule)
@@ -25,9 +26,11 @@ const getAllAccessibleAnnotations = async (projectRoot) => {
         } catch (e) {
           return
         }
-      })))
-        .filter(k => k)
-        .join(',\n')
+      }),
+    )
+  )
+    .filter((k) => k)
+    .join(',\n')
 
   return `
 export const annotationsLoader = {
@@ -43,21 +46,21 @@ const emojisPlugin = () => {
   let projectRoot
   return {
     name: 'emojis-plugin',
-    configResolved (conf) {
+    configResolved(conf) {
       projectRoot = conf.root
     },
-    resolveId (id) {
+    resolveId(id) {
       if (id === emojiAnnotationsId) {
         return emojiAnnotationsIdResolved
       }
       return null
     },
-    async load (id) {
+    async load(id) {
       if (id === emojiAnnotationsIdResolved) {
         return await getAllAccessibleAnnotations(projectRoot)
       }
       return null
-    }
+    },
   }
 }
 
diff --git a/build/msw_plugin.js b/build/msw_plugin.js
index f544348fc..009546945 100644
--- a/build/msw_plugin.js
+++ b/build/msw_plugin.js
@@ -8,10 +8,10 @@ const mswPlugin = () => {
   return {
     name: 'msw-plugin',
     apply: 'serve',
-    configResolved (conf) {
+    configResolved(conf) {
       projectRoot = conf.root
     },
-    configureServer (server) {
+    configureServer(server) {
       server.middlewares.use(async (req, res, next) => {
         if (req.path === '/mockServiceWorker.js') {
           const file = await readFile(resolve(projectRoot, target))
@@ -21,7 +21,7 @@ const mswPlugin = () => {
           next()
         }
       })
-    }
+    },
   }
 }
 
diff --git a/build/service_worker_messages.js b/build/service_worker_messages.js
index c078e8563..852963245 100644
--- a/build/service_worker_messages.js
+++ b/build/service_worker_messages.js
@@ -5,7 +5,7 @@ import { fileURLToPath } from 'node:url'
 
 const i18nDir = resolve(
   dirname(dirname(fileURLToPath(import.meta.url))),
-  'src/i18n'
+  'src/i18n',
 )
 
 export const i18nFiles = languages.reduce((acc, lang) => {
@@ -16,13 +16,15 @@ export const i18nFiles = languages.reduce((acc, lang) => {
 }, {})
 
 export const generateServiceWorkerMessages = async () => {
-  const msgArray = await Promise.all(Object.entries(i18nFiles).map(async ([lang, file]) => {
-    const fileContent = await readFile(file, 'utf-8')
-    const msg = {
-      notifications: JSON.parse(fileContent).notifications || {}
-    }
-    return [lang, msg]
-  }))
+  const msgArray = await Promise.all(
+    Object.entries(i18nFiles).map(async ([lang, file]) => {
+      const fileContent = await readFile(file, 'utf-8')
+      const msg = {
+        notifications: JSON.parse(fileContent).notifications || {},
+      }
+      return [lang, msg]
+    }),
+  )
   return msgArray.reduce((acc, [lang, msg]) => {
     acc[lang] = msg
     return acc
diff --git a/build/sw_plugin.js b/build/sw_plugin.js
index d970c5c09..c7f543e10 100644
--- a/build/sw_plugin.js
+++ b/build/sw_plugin.js
@@ -3,7 +3,10 @@ import { dirname, resolve } from 'node:path'
 import { readFile } from 'node:fs/promises'
 import { build } from 'vite'
 import * as esbuild from 'esbuild'
-import { generateServiceWorkerMessages, i18nFiles } from './service_worker_messages.js'
+import {
+  generateServiceWorkerMessages,
+  i18nFiles,
+} from './service_worker_messages.js'
 
 const getSWMessagesAsText = async () => {
   const messages = await generateServiceWorkerMessages()
@@ -14,14 +17,10 @@ const projectRoot = dirname(dirname(fileURLToPath(import.meta.url)))
 const swEnvName = 'virtual:pleroma-fe/service_worker_env'
 const swEnvNameResolved = '\0' + swEnvName
 const getDevSwEnv = () => `self.serviceWorkerOption = { assets: [] };`
-const getProdSwEnv = ({ assets }) => `self.serviceWorkerOption = { assets: ${JSON.stringify(assets)} };`
+const getProdSwEnv = ({ assets }) =>
+  `self.serviceWorkerOption = { assets: ${JSON.stringify(assets)} };`
 
-export const devSwPlugin = ({
-  swSrc,
-  swDest,
-  transformSW,
-  alias
-}) => {
+export const devSwPlugin = ({ swSrc, swDest, transformSW, alias }) => {
   const swFullSrc = resolve(projectRoot, swSrc)
   const esbuildAlias = {}
   Object.entries(alias).forEach(([source, dest]) => {
@@ -31,9 +30,8 @@ export const devSwPlugin = ({
   return {
     name: 'dev-sw-plugin',
     apply: 'serve',
-    configResolved (conf) {
-    },
-    resolveId (id) {
+    configResolved(conf) {},
+    resolveId(id) {
       const name = id.startsWith('/') ? id.slice(1) : id
       if (name === swDest) {
         return swFullSrc
@@ -42,7 +40,7 @@ export const devSwPlugin = ({
       }
       return null
     },
-    async load (id) {
+    async load(id) {
       if (id === swFullSrc) {
         return readFile(swFullSrc, 'utf-8')
       } else if (id === swEnvNameResolved) {
@@ -55,7 +53,7 @@ export const devSwPlugin = ({
      * during dev, and firefox does not support ESM as service worker
      * https://bugzilla.mozilla.org/show_bug.cgi?id=1360870
      */
-    async transform (code, id) {
+    async transform(code, id) {
       if (id === swFullSrc && transformSW) {
         const res = await esbuild.build({
           entryPoints: [swSrc],
@@ -63,52 +61,54 @@ export const devSwPlugin = ({
           write: false,
           outfile: 'sw-pleroma.js',
           alias: esbuildAlias,
-          plugins: [{
-            name: 'vite-like-root-resolve',
-            setup (b) {
-              b.onResolve(
-                { filter: new RegExp(/^\//) },
-                args => ({
-                  path: resolve(projectRoot, args.path.slice(1))
-                })
-              )
-            }
-          }, {
-            name: 'sw-messages',
-            setup (b) {
-              b.onResolve(
-                { filter: new RegExp('^' + swMessagesName + '$') },
-                args => ({
-                  path: args.path,
-                  namespace: 'sw-messages'
+          plugins: [
+            {
+              name: 'vite-like-root-resolve',
+              setup(b) {
+                b.onResolve({ filter: new RegExp(/^\//) }, (args) => ({
+                  path: resolve(projectRoot, args.path.slice(1)),
                 }))
-              b.onLoad(
-                { filter: /.*/, namespace: 'sw-messages' },
-                async () => ({
-                  contents: await getSWMessagesAsText()
+              },
+            },
+            {
+              name: 'sw-messages',
+              setup(b) {
+                b.onResolve(
+                  { filter: new RegExp('^' + swMessagesName + '$') },
+                  (args) => ({
+                    path: args.path,
+                    namespace: 'sw-messages',
+                  }),
+                )
+                b.onLoad(
+                  { filter: /.*/, namespace: 'sw-messages' },
+                  async () => ({
+                    contents: await getSWMessagesAsText(),
+                  }),
+                )
+              },
+            },
+            {
+              name: 'sw-env',
+              setup(b) {
+                b.onResolve(
+                  { filter: new RegExp('^' + swEnvName + '$') },
+                  (args) => ({
+                    path: args.path,
+                    namespace: 'sw-env',
+                  }),
+                )
+                b.onLoad({ filter: /.*/, namespace: 'sw-env' }, () => ({
+                  contents: getDevSwEnv(),
                 }))
-            }
-          }, {
-            name: 'sw-env',
-            setup (b) {
-              b.onResolve(
-                { filter: new RegExp('^' + swEnvName + '$') },
-                args => ({
-                  path: args.path,
-                  namespace: 'sw-env'
-                }))
-              b.onLoad(
-                { filter: /.*/, namespace: 'sw-env' },
-                () => ({
-                  contents: getDevSwEnv()
-                }))
-            }
-          }]
+              },
+            },
+          ],
         })
         const text = res.outputFiles[0].text
         return text
       }
-    }
+    },
   }
 }
 
@@ -118,16 +118,13 @@ export const devSwPlugin = ({
 // however, we must compile the service worker to iife because of browser support.
 // Run another vite build just for the service worker targeting iife at
 // the end of the build.
-export const buildSwPlugin = ({
-  swSrc,
-  swDest,
-}) => {
+export const buildSwPlugin = ({ swSrc, swDest }) => {
   let config
   return {
     name: 'build-sw-plugin',
     enforce: 'post',
     apply: 'build',
-    configResolved (resolvedConfig) {
+    configResolved(resolvedConfig) {
       config = {
         define: resolvedConfig.define,
         resolve: resolvedConfig.resolve,
@@ -138,50 +135,50 @@ export const buildSwPlugin = ({
           lib: {
             entry: swSrc,
             formats: ['iife'],
-            name: 'sw_pleroma'
+            name: 'sw_pleroma',
           },
           emptyOutDir: false,
           rollupOptions: {
             output: {
-              entryFileNames: swDest
-            }
-          }
+              entryFileNames: swDest,
+            },
+          },
         },
-        configFile: false
+        configFile: false,
       }
     },
     generateBundle: {
       order: 'post',
       sequential: true,
-      async handler (_, bundle) {
+      async handler(_, bundle) {
         const assets = Object.keys(bundle)
-              .filter(name => !/\.map$/.test(name))
-              .map(name => '/' + name)
+          .filter((name) => !/\.map$/.test(name))
+          .map((name) => '/' + name)
         config.plugins.push({
           name: 'build-sw-env-plugin',
-          resolveId (id) {
+          resolveId(id) {
             if (id === swEnvName) {
               return swEnvNameResolved
             }
             return null
           },
-          load (id) {
+          load(id) {
             if (id === swEnvNameResolved) {
               return getProdSwEnv({ assets })
             }
             return null
-          }
+          },
         })
-      }
+      },
     },
     closeBundle: {
       order: 'post',
       sequential: true,
-      async handler () {
+      async handler() {
         console.info('Building service worker for production')
         await build(config)
-      }
-    }
+      },
+    },
   }
 }
 
@@ -191,9 +188,9 @@ const swMessagesNameResolved = '\0' + swMessagesName
 export const swMessagesPlugin = () => {
   return {
     name: 'sw-messages-plugin',
-    resolveId (id) {
+    resolveId(id) {
       if (id === swMessagesName) {
-        Object.values(i18nFiles).forEach(f => {
+        Object.values(i18nFiles).forEach((f) => {
           this.addWatchFile(f)
         })
         return swMessagesNameResolved
@@ -201,11 +198,11 @@ export const swMessagesPlugin = () => {
         return null
       }
     },
-    async load (id) {
+    async load(id) {
       if (id === swMessagesNameResolved) {
         return await getSWMessagesAsText()
       }
       return null
-    }
+    },
   }
 }
diff --git a/build/update-emoji.js b/build/update-emoji.js
index 5d578ba61..4ff7e1de8 100644
--- a/build/update-emoji.js
+++ b/build/update-emoji.js
@@ -1,22 +1,21 @@
-
-import emojis from '@kazvmoe-infra/unicode-emoji-json/data-by-group.json' with { type: 'json' }
+import emojis from '@kazvmoe-infra/unicode-emoji-json/data-by-group.json' with {
+  type: 'json',
+}
 import fs from 'fs'
 
-Object.keys(emojis)
-  .map(k => {
-    emojis[k].map(e => {
-      delete e.unicode_version
-      delete e.emoji_version
-      delete e.skin_tone_support_unicode_version
-    })
+Object.keys(emojis).map((k) => {
+  emojis[k].map((e) => {
+    delete e.unicode_version
+    delete e.emoji_version
+    delete e.skin_tone_support_unicode_version
   })
+})
 
 const res = {}
-Object.keys(emojis)
-  .map(k => {
-    const groupId = k.replace('&', 'and').replace(/ /g, '-').toLowerCase()
-    res[groupId] = emojis[k]
-  })
+Object.keys(emojis).map((k) => {
+  const groupId = k.replace('&', 'and').replace(/ /g, '-').toLowerCase()
+  res[groupId] = emojis[k]
+})
 
 console.info('Updating emojis...')
 fs.writeFileSync('src/assets/emoji.json', JSON.stringify(res))
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 01bdb2038..9a670ccf9 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,29 +1,28 @@
-import vue from "eslint-plugin-vue";
-import js from "@eslint/js";
-import globals from "globals";
-
+import vue from 'eslint-plugin-vue'
+import js from '@eslint/js'
+import globals from 'globals'
 
 export default [
   ...vue.configs['flat/recommended'],
   js.configs.recommended,
   {
-    files: ["**/*.js", "**/*.mjs", "**/*.vue"],
-    ignores: ["build/*.js", "config/*.js"],
+    files: ['**/*.js', '**/*.mjs', '**/*.vue'],
+    ignores: ['build/*.js', 'config/*.js'],
 
     languageOptions: {
       ecmaVersion: 2024,
-      sourceType: "module",
+      sourceType: 'module',
 
       parserOptions: {
-        parser: "@babel/eslint-parser",
+        parser: '@babel/eslint-parser',
       },
       globals: {
         ...globals.browser,
         ...globals.vitest,
         ...globals.chai,
         ...globals.commonjs,
-        ...globals.serviceworker
-      }
+        ...globals.serviceworker,
+      },
     },
 
     rules: {
@@ -32,6 +31,6 @@ export default [
       'no-debugger': 0,
       'vue/require-prop-types': 0,
       'vue/multi-word-component-names': 0,
-    }
-  }
+    },
+  },
 ]
diff --git a/postcss.config.js b/postcss.config.js
index 95ebbf2a6..b7fc12838 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,7 +1,5 @@
 import autoprefixer from 'autoprefixer'
 
 export default {
-  plugins: [
-    autoprefixer
-  ]
+  plugins: [autoprefixer],
 }
diff --git a/public/static/palettes/index.json b/public/static/palettes/index.json
index 2cd110d1e..3c4e37e44 100644
--- a/public/static/palettes/index.json
+++ b/public/static/palettes/index.json
@@ -1,6 +1,26 @@
 {
-  "pleroma-dark": [ "Pleroma Dark", "#121a24", "#182230", "#b9b9ba", "#d8a070", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
-  "pleroma-light": [ "Pleroma Light", "#f2f4f6", "#dbe0e8", "#304055", "#f86f0f", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
+  "pleroma-dark": [
+    "Pleroma Dark",
+    "#121a24",
+    "#182230",
+    "#b9b9ba",
+    "#d8a070",
+    "#d31014",
+    "#0fa00f",
+    "#0095ff",
+    "#ffa500"
+  ],
+  "pleroma-light": [
+    "Pleroma Light",
+    "#f2f4f6",
+    "#dbe0e8",
+    "#304055",
+    "#f86f0f",
+    "#d31014",
+    "#0fa00f",
+    "#0095ff",
+    "#ffa500"
+  ],
   "classic-dark": {
     "name": "Classic Dark",
     "bg": "#161c20",
@@ -12,8 +32,28 @@
     "cBlue": "#0095ff",
     "cOrange": "#ffa500"
   },
-  "bird": [ "Bird", "#f8fafd", "#e6ecf0", "#14171a", "#0084b8", "#e0245e", "#17bf63", "#1b95e0", "#fab81e"],
-  "pleroma-amoled": [ "Pleroma Dark AMOLED", "#000000", "#111111", "#b0b0b1", "#d8a070", "#aa0000", "#0fa00f", "#0095ff", "#d59500"],
+  "bird": [
+    "Bird",
+    "#f8fafd",
+    "#e6ecf0",
+    "#14171a",
+    "#0084b8",
+    "#e0245e",
+    "#17bf63",
+    "#1b95e0",
+    "#fab81e"
+  ],
+  "pleroma-amoled": [
+    "Pleroma Dark AMOLED",
+    "#000000",
+    "#111111",
+    "#b0b0b1",
+    "#d8a070",
+    "#aa0000",
+    "#0fa00f",
+    "#0095ff",
+    "#d59500"
+  ],
   "tomorrow-night": {
     "name": "Tomorrow Night",
     "bg": "#1d1f21",
@@ -36,8 +76,28 @@
     "cGreen": "#50FA7B",
     "cOrange": "#FFB86C"
   },
-  "ir-black": [ "Ir Black", "#000000", "#242422", "#b5b3aa", "#ff6c60", "#FF6C60", "#A8FF60", "#96CBFE", "#FFFFB6" ],
-  "monokai": [ "Monokai", "#272822", "#383830", "#f8f8f2", "#f92672", "#F92672", "#a6e22e", "#66d9ef", "#f4bf75" ],
+  "ir-black": [
+    "Ir Black",
+    "#000000",
+    "#242422",
+    "#b5b3aa",
+    "#ff6c60",
+    "#FF6C60",
+    "#A8FF60",
+    "#96CBFE",
+    "#FFFFB6"
+  ],
+  "monokai": [
+    "Monokai",
+    "#272822",
+    "#383830",
+    "#f8f8f2",
+    "#f92672",
+    "#F92672",
+    "#a6e22e",
+    "#66d9ef",
+    "#f4bf75"
+  ],
   "purple-stream": {
     "name": "Purple stream",
     "bg": "#17171A",
diff --git a/public/static/splash.css b/public/static/splash.css
index f56f33d07..caf57dacb 100644
--- a/public/static/splash.css
+++ b/public/static/splash.css
@@ -65,16 +65,17 @@ body {
   z-index: 2;
   grid-template-rows: repeat(8, 1fr);
   grid-template-columns: repeat(5, 1fr);
-  grid-template-areas: "P P . L L"
-                       "P P . L L"
-                       "P P . L L"
-                       "P P . L L"
-                       "P P . . ."
-                       "P P . . ."
-                       "P P . E E"
-                       "P P . E E";
+  grid-template-areas:
+    "P P . L L"
+    "P P . L L"
+    "P P . L L"
+    "P P . L L"
+    "P P . . ."
+    "P P . . ."
+    "P P . E E"
+    "P P . E E";
 
-  --logoChunkSize: calc(2em * 0.5 * var(--scale))
+  --logoChunkSize: calc(2em * 0.5 * var(--scale));
 }
 
 .chunk {
@@ -84,7 +85,7 @@ body {
 
 #chunk-P {
   grid-area: P;
-  border-top-left-radius:  calc(var(--logoChunkSize) / 2);
+  border-top-left-radius: calc(var(--logoChunkSize) / 2);
 }
 
 #chunk-L {
diff --git a/renovate.json b/renovate.json
index 39a2b6e9a..4bd832f5f 100644
--- a/renovate.json
+++ b/renovate.json
@@ -1,6 +1,4 @@
 {
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": [
-    "config:base"
-  ]
+  "extends": ["config:base"]
 }
diff --git a/src/App.js b/src/App.js
index 0027d908a..91e6cbc4c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -28,7 +28,9 @@ export default {
   components: {
     UserPanel,
     NavPanel,
-    Notifications: defineAsyncComponent(() => import('./components/notifications/notifications.vue')),
+    Notifications: defineAsyncComponent(
+      () => import('./components/notifications/notifications.vue'),
+    ),
     InstanceSpecificPanel,
     FeaturesPanel,
     WhoToFollowPanel,
@@ -38,29 +40,33 @@ export default {
     MobilePostStatusButton,
     MobileNav,
     DesktopNav,
-    SettingsModal: defineAsyncComponent(() => import('./components/settings_modal/settings_modal.vue')),
-    UpdateNotification: defineAsyncComponent(() => import('./components/update_notification/update_notification.vue')),
+    SettingsModal: defineAsyncComponent(
+      () => import('./components/settings_modal/settings_modal.vue'),
+    ),
+    UpdateNotification: defineAsyncComponent(
+      () => import('./components/update_notification/update_notification.vue'),
+    ),
     UserReportingModal,
     PostStatusModal,
     EditStatusModal,
     StatusHistoryModal,
-    GlobalNoticeList
+    GlobalNoticeList,
   },
   data: () => ({
-    mobileActivePanel: 'timeline'
+    mobileActivePanel: 'timeline',
   }),
   watch: {
-    themeApplied () {
+    themeApplied() {
       this.removeSplash()
     },
-    currentTheme () {
+    currentTheme() {
       this.setThemeBodyClass()
     },
-    layoutType () {
+    layoutType() {
       document.getElementById('modal').classList = ['-' + this.layoutType]
-    }
+    },
   },
-  created () {
+  created() {
     // Load the locale from the storage
     const val = this.$store.getters.mergedConfig.interfaceLanguage
     this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
@@ -70,7 +76,7 @@ export default {
     this.updateScrollState = throttle(this.scrollHandler, 200)
     this.updateMobileState = throttle(this.resizeHandler, 200)
   },
-  mounted () {
+  mounted() {
     window.addEventListener('resize', this.updateMobileState)
     this.scrollParent.addEventListener('scroll', this.updateScrollState)
 
@@ -80,108 +86,145 @@ export default {
     }
     getOrCreateServiceWorker()
   },
-  unmounted () {
+  unmounted() {
     window.removeEventListener('resize', this.updateMobileState)
     this.scrollParent.removeEventListener('scroll', this.updateScrollState)
   },
   computed: {
-    themeApplied () {
+    themeApplied() {
       return useInterfaceStore().themeApplied
     },
-    currentTheme () {
+    currentTheme() {
       if (useInterfaceStore().styleDataUsed) {
-        const styleMeta = useInterfaceStore().styleDataUsed.find(x => x.component === '@meta')
+        const styleMeta = useInterfaceStore().styleDataUsed.find(
+          (x) => x.component === '@meta',
+        )
 
         if (styleMeta !== undefined) {
-          return styleMeta.directives.name.replaceAll(" ", "-").toLowerCase()
+          return styleMeta.directives.name.replaceAll(' ', '-').toLowerCase()
         }
       }
 
       return 'stock'
     },
-    layoutModalClass () {
+    layoutModalClass() {
       return '-' + this.layoutType
     },
-    classes () {
+    classes() {
       return [
         {
           '-reverse': this.reverseLayout,
           '-no-sticky-headers': this.noSticky,
-          '-has-new-post-button': this.newPostButtonShown
+          '-has-new-post-button': this.newPostButtonShown,
         },
-        '-' + this.layoutType
+        '-' + this.layoutType,
       ]
     },
-    navClasses () {
+    navClasses() {
       const { navbarColumnStretch } = this.$store.getters.mergedConfig
       return [
         '-' + this.layoutType,
-        ...(navbarColumnStretch ? ['-column-stretch'] : [])
+        ...(navbarColumnStretch ? ['-column-stretch'] : []),
       ]
     },
-    currentUser () { return this.$store.state.users.currentUser },
-    userBackground () { return this.currentUser.background_image },
-    instanceBackground () {
+    currentUser() {
+      return this.$store.state.users.currentUser
+    },
+    userBackground() {
+      return this.currentUser.background_image
+    },
+    instanceBackground() {
       return this.mergedConfig.hideInstanceWallpaper
         ? null
         : this.$store.state.instance.background
     },
-    background () { return this.userBackground || this.instanceBackground },
-    bgStyle () {
+    background() {
+      return this.userBackground || this.instanceBackground
+    },
+    bgStyle() {
       if (this.background) {
         return {
-          '--body-background-image': `url(${this.background})`
+          '--body-background-image': `url(${this.background})`,
         }
       }
     },
-    shout () { return useShoutStore().joined },
-    suggestionsEnabled () { return this.$store.state.instance.suggestionsEnabled },
-    showInstanceSpecificPanel () {
-      return this.$store.state.instance.showInstanceSpecificPanel &&
+    shout() {
+      return useShoutStore().joined
+    },
+    suggestionsEnabled() {
+      return this.$store.state.instance.suggestionsEnabled
+    },
+    showInstanceSpecificPanel() {
+      return (
+        this.$store.state.instance.showInstanceSpecificPanel &&
         !this.$store.getters.mergedConfig.hideISP &&
         this.$store.state.instance.instanceSpecificPanelContent
+      )
     },
-    isChats () {
+    isChats() {
       return this.$route.name === 'chat' || this.$route.name === 'chats'
     },
-    isListEdit () {
+    isListEdit() {
       return this.$route.name === 'lists-edit'
     },
-    newPostButtonShown () {
+    newPostButtonShown() {
       if (this.isChats) return false
       if (this.isListEdit) return false
-      return this.$store.getters.mergedConfig.alwaysShowNewPostButton || this.layoutType === 'mobile'
+      return (
+        this.$store.getters.mergedConfig.alwaysShowNewPostButton ||
+        this.layoutType === 'mobile'
+      )
     },
-    showFeaturesPanel () { return this.$store.state.instance.showFeaturesPanel },
-    editingAvailable () { return this.$store.state.instance.editingAvailable },
-    shoutboxPosition () {
+    showFeaturesPanel() {
+      return this.$store.state.instance.showFeaturesPanel
+    },
+    editingAvailable() {
+      return this.$store.state.instance.editingAvailable
+    },
+    shoutboxPosition() {
       return this.$store.getters.mergedConfig.alwaysShowNewPostButton || false
     },
-    hideShoutbox () {
+    hideShoutbox() {
       return this.$store.getters.mergedConfig.hideShoutbox
     },
-    layoutType () { return useInterfaceStore().layoutType },
-    privateMode () { return this.$store.state.instance.private },
-    reverseLayout () {
-      const { thirdColumnMode, sidebarRight: reverseSetting } = this.$store.getters.mergedConfig
+    layoutType() {
+      return useInterfaceStore().layoutType
+    },
+    privateMode() {
+      return this.$store.state.instance.private
+    },
+    reverseLayout() {
+      const { thirdColumnMode, sidebarRight: reverseSetting } =
+        this.$store.getters.mergedConfig
       if (this.layoutType !== 'wide') {
         return reverseSetting
       } else {
-        return thirdColumnMode === 'notifications' ? reverseSetting : !reverseSetting
+        return thirdColumnMode === 'notifications'
+          ? reverseSetting
+          : !reverseSetting
       }
     },
-    noSticky () { return this.$store.getters.mergedConfig.disableStickyHeaders },
-    showScrollbars () { return this.$store.getters.mergedConfig.showScrollbars },
-    scrollParent () { return window; /* this.$refs.appContentRef */ },
-    ...mapGetters(['mergedConfig'])
+    noSticky() {
+      return this.$store.getters.mergedConfig.disableStickyHeaders
+    },
+    showScrollbars() {
+      return this.$store.getters.mergedConfig.showScrollbars
+    },
+    scrollParent() {
+      return window /* this.$refs.appContentRef */
+    },
+    ...mapGetters(['mergedConfig']),
   },
   methods: {
-    resizeHandler () {
+    resizeHandler() {
       useInterfaceStore().setLayoutWidth(windowWidth())
       useInterfaceStore().setLayoutHeight(windowHeight())
     },
-    scrollHandler () {
-      const scrollPosition = this.scrollParent === window ? window.scrollY : this.scrollParent.scrollTop
+    scrollHandler() {
+      const scrollPosition =
+        this.scrollParent === window
+          ? window.scrollY
+          : this.scrollParent.scrollTop
 
       if (scrollPosition != 0) {
         this.$refs.appContentRef.classList.add(['-scrolled'])
@@ -189,10 +232,10 @@ export default {
         this.$refs.appContentRef.classList.remove(['-scrolled'])
       }
     },
-    setThemeBodyClass () {
+    setThemeBodyClass() {
       const themeName = this.currentTheme
       const classList = Array.from(document.body.classList)
-      const oldTheme = classList.filter(c => c.startsWith('theme-'))
+      const oldTheme = classList.filter((c) => c.startsWith('theme-'))
 
       if (themeName !== null && themeName !== '') {
         const newTheme = `theme-${themeName.toLowerCase()}`
@@ -208,8 +251,10 @@ export default {
         document.body.classList.remove(...oldTheme)
       }
     },
-    removeSplash () {
-      document.querySelector('#status').textContent = this.$t('splash.fun_' + Math.ceil(Math.random() * 4))
+    removeSplash() {
+      document.querySelector('#status').textContent = this.$t(
+        'splash.fun_' + Math.ceil(Math.random() * 4),
+      )
       const splashscreenRoot = document.querySelector('#splash')
       splashscreenRoot.addEventListener('transitionend', () => {
         splashscreenRoot.remove()
@@ -219,6 +264,6 @@ export default {
       }, 600)
       splashscreenRoot.classList.add('hidden')
       document.querySelector('#app').classList.remove('hidden')
-    }
-  }
+    },
+  },
 }
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index ad994af6a..c05fb7e55 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -5,15 +5,21 @@ import vClickOutside from 'click-outside-vue3'
 import VueVirtualScroller from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
-import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
-import { config } from '@fortawesome/fontawesome-svg-core';
+import {
+  FontAwesomeIcon,
+  FontAwesomeLayers,
+} from '@fortawesome/vue-fontawesome'
+import { config } from '@fortawesome/fontawesome-svg-core'
 config.autoAddCss = false
 
 import App from '../App.vue'
 import routes from './routes'
 import VBodyScrollLock from 'src/directives/body_scroll_lock'
 
-import { windowWidth, windowHeight } from '../services/window_utils/window_utils'
+import {
+  windowWidth,
+  windowHeight,
+} from '../services/window_utils/window_utils'
 import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
 import { applyConfig } from '../services/style_setter/style_setter.js'
 import FaviconService from '../services/favicon_service/favicon_service.js'
@@ -24,7 +30,10 @@ import { useI18nStore } from 'src/stores/i18n'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useAuthFlowStore } from 'src/stores/auth_flow'
-import { staticOrApiConfigDefault, instanceDefaultConfig } from 'src/modules/default_config_state.js'
+import {
+  staticOrApiConfigDefault,
+  instanceDefaultConfig,
+} from 'src/modules/default_config_state.js'
 
 let staticInitialResults = null
 
@@ -33,7 +42,9 @@ const parsedInitialResults = () => {
     return null
   }
   if (!staticInitialResults) {
-    staticInitialResults = JSON.parse(document.getElementById('initial-results').textContent)
+    staticInitialResults = JSON.parse(
+      document.getElementById('initial-results').textContent,
+    )
   }
   return staticInitialResults
 }
@@ -55,7 +66,7 @@ const preloadFetch = async (request) => {
   return {
     ok: true,
     json: () => requestData,
-    text: () => requestData
+    text: () => requestData,
   }
 }
 
@@ -67,17 +78,35 @@ const getInstanceConfig = async ({ store }) => {
       const textlimit = data.max_toot_chars
       const vapidPublicKey = data.pleroma.vapid_public_key
 
-      store.dispatch('setInstanceOption', { name: 'pleromaExtensionsAvailable', value: data.pleroma })
-      store.dispatch('setInstanceOption', { name: 'textlimit', value: textlimit })
-      store.dispatch('setInstanceOption', { name: 'accountApprovalRequired', value: data.approval_required })
-      store.dispatch('setInstanceOption', { name: 'birthdayRequired', value: !!data.pleroma?.metadata.birthday_required })
-      store.dispatch('setInstanceOption', { name: 'birthdayMinAge', value: data.pleroma?.metadata.birthday_min_age || 0 })
+      store.dispatch('setInstanceOption', {
+        name: 'pleromaExtensionsAvailable',
+        value: data.pleroma,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'textlimit',
+        value: textlimit,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'accountApprovalRequired',
+        value: data.approval_required,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'birthdayRequired',
+        value: !!data.pleroma?.metadata.birthday_required,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'birthdayMinAge',
+        value: data.pleroma?.metadata.birthday_min_age || 0,
+      })
 
       if (vapidPublicKey) {
-        store.dispatch('setInstanceOption', { name: 'vapidPublicKey', value: vapidPublicKey })
+        store.dispatch('setInstanceOption', {
+          name: 'vapidPublicKey',
+          value: vapidPublicKey,
+        })
       }
     } else {
-      throw (res)
+      throw res
     }
   } catch (error) {
     console.error('Could not load instance config, potentially fatal')
@@ -94,10 +123,12 @@ const getBackendProvidedConfig = async () => {
       const data = await res.json()
       return data.pleroma_fe
     } else {
-      throw (res)
+      throw res
     }
   } catch (error) {
-    console.error('Could not load backend-provided frontend config, potentially fatal')
+    console.error(
+      'Could not load backend-provided frontend config, potentially fatal',
+    )
     console.error(error)
   }
 }
@@ -108,7 +139,7 @@ const getStaticConfig = async () => {
     if (res.ok) {
       return res.json()
     } else {
-      throw (res)
+      throw res
     }
   } catch (error) {
     console.warn('Failed to load static/config.json, continuing without it.')
@@ -149,7 +180,7 @@ const getTOS = async ({ store }) => {
       const html = await res.text()
       store.dispatch('setInstanceOption', { name: 'tos', value: html })
     } else {
-      throw (res)
+      throw res
     }
   } catch (e) {
     console.warn("Can't load TOS\n", e)
@@ -161,9 +192,12 @@ const getInstancePanel = async ({ store }) => {
     const res = await preloadFetch('/instance/panel.html')
     if (res.ok) {
       const html = await res.text()
-      store.dispatch('setInstanceOption', { name: 'instanceSpecificPanelContent', value: html })
+      store.dispatch('setInstanceOption', {
+        name: 'instanceSpecificPanelContent',
+        value: html,
+      })
     } else {
-      throw (res)
+      throw res
     }
   } catch (e) {
     console.warn("Can't load instance panel\n", e)
@@ -175,25 +209,27 @@ const getStickers = async ({ store }) => {
     const res = await window.fetch('/static/stickers.json')
     if (res.ok) {
       const values = await res.json()
-      const stickers = (await Promise.all(
-        Object.entries(values).map(async ([name, path]) => {
-          const resPack = await window.fetch(path + 'pack.json')
-          let meta = {}
-          if (resPack.ok) {
-            meta = await resPack.json()
-          }
-          return {
-            pack: name,
-            path,
-            meta
-          }
-        })
-      )).sort((a, b) => {
+      const stickers = (
+        await Promise.all(
+          Object.entries(values).map(async ([name, path]) => {
+            const resPack = await window.fetch(path + 'pack.json')
+            let meta = {}
+            if (resPack.ok) {
+              meta = await resPack.json()
+            }
+            return {
+              pack: name,
+              path,
+              meta,
+            }
+          }),
+        )
+      ).sort((a, b) => {
         return a.meta.title.localeCompare(b.meta.title)
       })
       store.dispatch('setInstanceOption', { name: 'stickers', value: stickers })
     } else {
-      throw (res)
+      throw res
     }
   } catch (e) {
     console.warn("Can't load stickers\n", e)
@@ -203,13 +239,19 @@ const getStickers = async ({ store }) => {
 const getAppSecret = async ({ store }) => {
   const oauth = useOAuthStore()
   if (oauth.userToken) {
-    store.commit('setBackendInteractor', backendInteractorService(oauth.getToken))
+    store.commit(
+      'setBackendInteractor',
+      backendInteractorService(oauth.getToken),
+    )
   }
 }
 
 const resolveStaffAccounts = ({ store, accounts }) => {
-  const nicknames = accounts.map(uri => uri.split('/').pop())
-  store.dispatch('setInstanceOption', { name: 'staffAccounts', value: nicknames })
+  const nicknames = accounts.map((uri) => uri.split('/').pop())
+  store.dispatch('setInstanceOption', {
+    name: 'staffAccounts',
+    value: nicknames,
+  })
 }
 
 const getNodeInfo = async ({ store }) => {
@@ -220,77 +262,167 @@ const getNodeInfo = async ({ store }) => {
       const data = await res.json()
       const metadata = data.metadata
       const features = metadata.features
-      store.dispatch('setInstanceOption', { name: 'name', value: metadata.nodeName })
-      store.dispatch('setInstanceOption', { name: 'registrationOpen', value: data.openRegistrations })
-      store.dispatch('setInstanceOption', { name: 'mediaProxyAvailable', value: features.includes('media_proxy') })
-      store.dispatch('setInstanceOption', { name: 'safeDM', value: features.includes('safe_dm_mentions') })
-      store.dispatch('setInstanceOption', { name: 'shoutAvailable', value: features.includes('chat') })
-      store.dispatch('setInstanceOption', { name: 'pleromaChatMessagesAvailable', value: features.includes('pleroma_chat_messages') })
+      store.dispatch('setInstanceOption', {
+        name: 'name',
+        value: metadata.nodeName,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'registrationOpen',
+        value: data.openRegistrations,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'mediaProxyAvailable',
+        value: features.includes('media_proxy'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'safeDM',
+        value: features.includes('safe_dm_mentions'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'shoutAvailable',
+        value: features.includes('chat'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'pleromaChatMessagesAvailable',
+        value: features.includes('pleroma_chat_messages'),
+      })
       store.dispatch('setInstanceOption', {
         name: 'pleromaCustomEmojiReactionsAvailable',
         value:
           features.includes('pleroma_custom_emoji_reactions') ||
-          features.includes('custom_emoji_reactions')
+          features.includes('custom_emoji_reactions'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'pleromaBookmarkFoldersAvailable',
+        value: features.includes('pleroma:bookmark_folders'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'gopherAvailable',
+        value: features.includes('gopher'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'pollsAvailable',
+        value: features.includes('polls'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'editingAvailable',
+        value: features.includes('editing'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'pollLimits',
+        value: metadata.pollLimits,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'mailerEnabled',
+        value: metadata.mailerEnabled,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'quotingAvailable',
+        value: features.includes('quote_posting'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'groupActorAvailable',
+        value: features.includes('pleroma:group_actors'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'blockExpiration',
+        value: features.includes('pleroma:block_expiration'),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'localBubbleInstances',
+        value: metadata.localBubbleInstances ?? [],
       })
-      store.dispatch('setInstanceOption', { name: 'pleromaBookmarkFoldersAvailable', value: features.includes('pleroma:bookmark_folders') })
-      store.dispatch('setInstanceOption', { name: 'gopherAvailable', value: features.includes('gopher') })
-      store.dispatch('setInstanceOption', { name: 'pollsAvailable', value: features.includes('polls') })
-      store.dispatch('setInstanceOption', { name: 'editingAvailable', value: features.includes('editing') })
-      store.dispatch('setInstanceOption', { name: 'pollLimits', value: metadata.pollLimits })
-      store.dispatch('setInstanceOption', { name: 'mailerEnabled', value: metadata.mailerEnabled })
-      store.dispatch('setInstanceOption', { name: 'quotingAvailable', value: features.includes('quote_posting') })
-      store.dispatch('setInstanceOption', { name: 'groupActorAvailable', value: features.includes('pleroma:group_actors') })
-      store.dispatch('setInstanceOption', { name: 'blockExpiration', value: features.includes('pleroma:block_expiration') })
-      store.dispatch('setInstanceOption', { name: 'localBubbleInstances', value: metadata.localBubbleInstances ?? [] })
 
       const uploadLimits = metadata.uploadLimits
-      store.dispatch('setInstanceOption', { name: 'uploadlimit', value: parseInt(uploadLimits.general) })
-      store.dispatch('setInstanceOption', { name: 'avatarlimit', value: parseInt(uploadLimits.avatar) })
-      store.dispatch('setInstanceOption', { name: 'backgroundlimit', value: parseInt(uploadLimits.background) })
-      store.dispatch('setInstanceOption', { name: 'bannerlimit', value: parseInt(uploadLimits.banner) })
-      store.dispatch('setInstanceOption', { name: 'fieldsLimits', value: metadata.fieldsLimits })
+      store.dispatch('setInstanceOption', {
+        name: 'uploadlimit',
+        value: parseInt(uploadLimits.general),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'avatarlimit',
+        value: parseInt(uploadLimits.avatar),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'backgroundlimit',
+        value: parseInt(uploadLimits.background),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'bannerlimit',
+        value: parseInt(uploadLimits.banner),
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'fieldsLimits',
+        value: metadata.fieldsLimits,
+      })
 
-      store.dispatch('setInstanceOption', { name: 'restrictedNicknames', value: metadata.restrictedNicknames })
-      store.dispatch('setInstanceOption', { name: 'postFormats', value: metadata.postFormats })
+      store.dispatch('setInstanceOption', {
+        name: 'restrictedNicknames',
+        value: metadata.restrictedNicknames,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'postFormats',
+        value: metadata.postFormats,
+      })
 
       const suggestions = metadata.suggestions
-      store.dispatch('setInstanceOption', { name: 'suggestionsEnabled', value: suggestions.enabled })
-      store.dispatch('setInstanceOption', { name: 'suggestionsWeb', value: suggestions.web })
+      store.dispatch('setInstanceOption', {
+        name: 'suggestionsEnabled',
+        value: suggestions.enabled,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'suggestionsWeb',
+        value: suggestions.web,
+      })
 
       const software = data.software
-      store.dispatch('setInstanceOption', { name: 'backendVersion', value: software.version })
-      store.dispatch('setInstanceOption', { name: 'backendRepository', value: software.repository })
+      store.dispatch('setInstanceOption', {
+        name: 'backendVersion',
+        value: software.version,
+      })
+      store.dispatch('setInstanceOption', {
+        name: 'backendRepository',
+        value: software.repository,
+      })
 
       const priv = metadata.private
       store.dispatch('setInstanceOption', { name: 'private', value: priv })
 
       const frontendVersion = window.___pleromafe_commit_hash
-      store.dispatch('setInstanceOption', { name: 'frontendVersion', value: frontendVersion })
+      store.dispatch('setInstanceOption', {
+        name: 'frontendVersion',
+        value: frontendVersion,
+      })
 
       const federation = metadata.federation
 
       store.dispatch('setInstanceOption', {
         name: 'tagPolicyAvailable',
-        value: typeof federation.mrf_policies === 'undefined'
-          ? false
-          : metadata.federation.mrf_policies.includes('TagPolicy')
+        value:
+          typeof federation.mrf_policies === 'undefined'
+            ? false
+            : metadata.federation.mrf_policies.includes('TagPolicy'),
       })
 
-      store.dispatch('setInstanceOption', { name: 'federationPolicy', value: federation })
+      store.dispatch('setInstanceOption', {
+        name: 'federationPolicy',
+        value: federation,
+      })
       store.dispatch('setInstanceOption', {
         name: 'federating',
-        value: typeof federation.enabled === 'undefined'
-          ? true
-          : federation.enabled
+        value:
+          typeof federation.enabled === 'undefined' ? true : federation.enabled,
       })
 
       const accountActivationRequired = metadata.accountActivationRequired
-      store.dispatch('setInstanceOption', { name: 'accountActivationRequired', value: accountActivationRequired })
+      store.dispatch('setInstanceOption', {
+        name: 'accountActivationRequired',
+        value: accountActivationRequired,
+      })
 
       const accounts = metadata.staffAccounts
       resolveStaffAccounts({ store, accounts })
     } else {
-      throw (res)
+      throw res
     }
   } catch (e) {
     console.warn('Could not load nodeinfo')
@@ -300,7 +432,10 @@ const getNodeInfo = async ({ store }) => {
 
 const setConfig = async ({ store }) => {
   // apiConfig, staticConfig
-  const configInfos = await Promise.all([getBackendProvidedConfig({ store }), getStaticConfig()])
+  const configInfos = await Promise.all([
+    getBackendProvidedConfig({ store }),
+    getStaticConfig(),
+  ])
   const apiConfig = configInfos[0]
   const staticConfig = configInfos[1]
 
@@ -331,29 +466,37 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
     if (process.env.NODE_ENV === 'development') {
       // do some checks to avoid common errors
       if (!Object.keys(allStores).length) {
-        throw new Error('No stores are available. Check the code in src/boot/after_store.js')
+        throw new Error(
+          'No stores are available. Check the code in src/boot/after_store.js',
+        )
       }
     }
     await Promise.all(
-      Object.entries(allStores)
-        .map(async ([name, mod]) => {
-          const isStoreName = name => name.startsWith('use')
-          if (process.env.NODE_ENV === 'development') {
-            if (Object.keys(mod).filter(isStoreName).length !== 1) {
-              throw new Error('Each store file must export exactly one store as a named export. Check your code in src/stores/')
-            }
+      Object.entries(allStores).map(async ([name, mod]) => {
+        const isStoreName = (name) => name.startsWith('use')
+        if (process.env.NODE_ENV === 'development') {
+          if (Object.keys(mod).filter(isStoreName).length !== 1) {
+            throw new Error(
+              'Each store file must export exactly one store as a named export. Check your code in src/stores/',
+            )
           }
-          const storeFuncName = Object.keys(mod).find(isStoreName)
-          if (storeFuncName && typeof mod[storeFuncName] === 'function') {
-            const p = mod[storeFuncName]().$persistLoaded
-            if (!(p instanceof Promise)) {
-              throw new Error(`${name} store's $persistLoaded is not a Promise. The persist plugin is not applied.`)
-            }
-            await p
-          } else {
-            throw new Error(`Store module ${name} does not export a 'use...' function`)
+        }
+        const storeFuncName = Object.keys(mod).find(isStoreName)
+        if (storeFuncName && typeof mod[storeFuncName] === 'function') {
+          const p = mod[storeFuncName]().$persistLoaded
+          if (!(p instanceof Promise)) {
+            throw new Error(
+              `${name} store's $persistLoaded is not a Promise. The persist plugin is not applied.`,
+            )
           }
-        }))
+          await p
+        } else {
+          throw new Error(
+            `Store module ${name} does not export a 'use...' function`,
+          )
+        }
+      }),
+    )
   }
 
   try {
@@ -364,7 +507,10 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
   }
 
   if (storageError) {
-    useInterfaceStore().pushGlobalNotice({ messageKey: 'errors.storage_unavailable', level: 'error' })
+    useInterfaceStore().pushGlobalNotice({
+      messageKey: 'errors.storage_unavailable',
+      level: 'error',
+    })
   }
 
   useInterfaceStore().setLayoutWidth(windowWidth())
@@ -376,12 +522,19 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
   window.addEventListener('focus', () => updateFocus())
 
   const overrides = window.___pleromafe_dev_overrides || {}
-  const server = (typeof overrides.target !== 'undefined') ? overrides.target : window.location.origin
+  const server =
+    typeof overrides.target !== 'undefined'
+      ? overrides.target
+      : window.location.origin
   store.dispatch('setInstanceOption', { name: 'server', value: server })
 
   await setConfig({ store })
   try {
-    await useInterfaceStore().applyTheme().catch((e) => { console.error('Error setting theme', e) })
+    await useInterfaceStore()
+      .applyTheme()
+      .catch((e) => {
+        console.error('Error setting theme', e)
+      })
   } catch (e) {
     window.splashError(e)
     return Promise.reject(e)
@@ -395,8 +548,8 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
     checkOAuthToken({ store }),
     getInstancePanel({ store }),
     getNodeInfo({ store }),
-    getInstanceConfig({ store })
-  ]).catch(e => Promise.reject(e))
+    getInstanceConfig({ store }),
+  ]).catch((e) => Promise.reject(e))
 
   // Start fetching things that don't need to block the UI
   store.dispatch('fetchMutes')
@@ -409,11 +562,11 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
     history: createWebHistory(),
     routes: routes(store),
     scrollBehavior: (to, _from, savedPosition) => {
-      if (to.matched.some(m => m.meta.dontScroll)) {
+      if (to.matched.some((m) => m.meta.dontScroll)) {
         return false
       }
       return savedPosition || { left: 0, top: 0 }
-    }
+    },
   })
 
   useI18nStore().setI18n(i18n)
diff --git a/src/boot/routes.js b/src/boot/routes.js
index 02abf8ce6..b0b90a8d7 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -45,46 +45,124 @@ export default (store) => {
       name: 'root',
       path: '/',
       redirect: () => {
-        return (store.state.users.currentUser
-          ? store.state.instance.redirectRootLogin
-          : store.state.instance.redirectRootNoLogin) || '/main/all'
-      }
+        return (
+          (store.state.users.currentUser
+            ? store.state.instance.redirectRootLogin
+            : store.state.instance.redirectRootNoLogin) || '/main/all'
+        )
+      },
+    },
+    {
+      name: 'public-external-timeline',
+      path: '/main/all',
+      component: PublicAndExternalTimeline,
+    },
+    {
+      name: 'public-timeline',
+      path: '/main/public',
+      component: PublicTimeline,
+    },
+    {
+      name: 'friends',
+      path: '/main/friends',
+      component: FriendsTimeline,
+      beforeEnter: validateAuthenticatedRoute,
     },
-    { name: 'public-external-timeline', path: '/main/all', component: PublicAndExternalTimeline },
-    { name: 'public-timeline', path: '/main/public', component: PublicTimeline },
-    { name: 'friends', path: '/main/friends', component: FriendsTimeline, beforeEnter: validateAuthenticatedRoute },
     { name: 'tag-timeline', path: '/tag/:tag', component: TagTimeline },
     { name: 'bookmarks', path: '/bookmarks', component: BookmarkTimeline },
     { name: 'bubble', path: '/bubble', component: BubbleTimeline },
-    { name: 'conversation', path: '/notice/:id', component: ConversationPage, meta: { dontScroll: true } },
+    {
+      name: 'conversation',
+      path: '/notice/:id',
+      component: ConversationPage,
+      meta: { dontScroll: true },
+    },
     { name: 'quotes', path: '/notice/:id/quotes', component: QuotesTimeline },
     {
       name: 'remote-user-profile-acct',
       path: '/remote-users/:_(@)?:username([^/@]+)@:hostname([^/@]+)',
       component: RemoteUserResolver,
-      beforeEnter: validateAuthenticatedRoute
+      beforeEnter: validateAuthenticatedRoute,
     },
     {
       name: 'remote-user-profile',
       path: '/remote-users/:hostname/:username',
       component: RemoteUserResolver,
-      beforeEnter: validateAuthenticatedRoute
+      beforeEnter: validateAuthenticatedRoute,
+    },
+    {
+      name: 'external-user-profile',
+      path: '/users/$:id',
+      component: UserProfile,
+    },
+    {
+      name: 'interactions',
+      path: '/users/:username/interactions',
+      component: Interactions,
+      beforeEnter: validateAuthenticatedRoute,
+    },
+    {
+      name: 'dms',
+      path: '/users/:username/dms',
+      component: DMs,
+      beforeEnter: validateAuthenticatedRoute,
     },
-    { name: 'external-user-profile', path: '/users/$:id', component: UserProfile },
-    { name: 'interactions', path: '/users/:username/interactions', component: Interactions, beforeEnter: validateAuthenticatedRoute },
-    { name: 'dms', path: '/users/:username/dms', component: DMs, beforeEnter: validateAuthenticatedRoute },
     { name: 'registration', path: '/registration', component: Registration },
-    { name: 'password-reset', path: '/password-reset', component: PasswordReset, props: true },
-    { name: 'registration-token', path: '/registration/:token', component: Registration },
-    { name: 'friend-requests', path: '/friend-requests', component: FollowRequests, beforeEnter: validateAuthenticatedRoute },
-    { name: 'notifications', path: '/:username/notifications', component: Notifications, props: () => ({ disableTeleport: true }), beforeEnter: validateAuthenticatedRoute },
+    {
+      name: 'password-reset',
+      path: '/password-reset',
+      component: PasswordReset,
+      props: true,
+    },
+    {
+      name: 'registration-token',
+      path: '/registration/:token',
+      component: Registration,
+    },
+    {
+      name: 'friend-requests',
+      path: '/friend-requests',
+      component: FollowRequests,
+      beforeEnter: validateAuthenticatedRoute,
+    },
+    {
+      name: 'notifications',
+      path: '/:username/notifications',
+      component: Notifications,
+      props: () => ({ disableTeleport: true }),
+      beforeEnter: validateAuthenticatedRoute,
+    },
     { name: 'login', path: '/login', component: AuthForm },
-    { name: 'shout-panel', path: '/shout-panel', component: ShoutPanel, props: () => ({ floating: false }) },
-    { name: 'oauth-callback', path: '/oauth-callback', component: OAuthCallback, props: (route) => ({ code: route.query.code }) },
-    { name: 'search', path: '/search', component: Search, props: (route) => ({ query: route.query.query }) },
-    { name: 'who-to-follow', path: '/who-to-follow', component: WhoToFollow, beforeEnter: validateAuthenticatedRoute },
+    {
+      name: 'shout-panel',
+      path: '/shout-panel',
+      component: ShoutPanel,
+      props: () => ({ floating: false }),
+    },
+    {
+      name: 'oauth-callback',
+      path: '/oauth-callback',
+      component: OAuthCallback,
+      props: (route) => ({ code: route.query.code }),
+    },
+    {
+      name: 'search',
+      path: '/search',
+      component: Search,
+      props: (route) => ({ query: route.query.query }),
+    },
+    {
+      name: 'who-to-follow',
+      path: '/who-to-follow',
+      component: WhoToFollow,
+      beforeEnter: validateAuthenticatedRoute,
+    },
     { name: 'about', path: '/about', component: About },
-    { name: 'announcements', path: '/announcements', component: AnnouncementsPage },
+    {
+      name: 'announcements',
+      path: '/announcements',
+      component: AnnouncementsPage,
+    },
     { name: 'drafts', path: '/drafts', component: Drafts },
     { name: 'user-profile', path: '/users/:name', component: UserProfile },
     { name: 'legacy-user-profile', path: '/:name', component: UserProfile },
@@ -92,17 +170,51 @@ export default (store) => {
     { name: 'lists-timeline', path: '/lists/:id', component: ListsTimeline },
     { name: 'lists-edit', path: '/lists/:id/edit', component: ListsEdit },
     { name: 'lists-new', path: '/lists/new', component: ListsEdit },
-    { name: 'edit-navigation', path: '/nav-edit', component: NavPanel, props: () => ({ forceExpand: true, forceEditMode: true }), beforeEnter: validateAuthenticatedRoute },
-    { name: 'bookmark-folders', path: '/bookmark_folders', component: BookmarkFolders },
-    { name: 'bookmark-folder-new', path: '/bookmarks/new-folder', component: BookmarkFolderEdit },
-    { name: 'bookmark-folder', path: '/bookmarks/:id', component: BookmarkTimeline },
-    { name: 'bookmark-folder-edit', path: '/bookmarks/:id/edit', component: BookmarkFolderEdit }
+    {
+      name: 'edit-navigation',
+      path: '/nav-edit',
+      component: NavPanel,
+      props: () => ({ forceExpand: true, forceEditMode: true }),
+      beforeEnter: validateAuthenticatedRoute,
+    },
+    {
+      name: 'bookmark-folders',
+      path: '/bookmark_folders',
+      component: BookmarkFolders,
+    },
+    {
+      name: 'bookmark-folder-new',
+      path: '/bookmarks/new-folder',
+      component: BookmarkFolderEdit,
+    },
+    {
+      name: 'bookmark-folder',
+      path: '/bookmarks/:id',
+      component: BookmarkTimeline,
+    },
+    {
+      name: 'bookmark-folder-edit',
+      path: '/bookmarks/:id/edit',
+      component: BookmarkFolderEdit,
+    },
   ]
 
   if (store.state.instance.pleromaChatMessagesAvailable) {
     routes = routes.concat([
-      { name: 'chat', path: '/users/:username/chats/:recipient_id', component: Chat, meta: { dontScroll: false }, beforeEnter: validateAuthenticatedRoute },
-      { name: 'chats', path: '/users/:username/chats', component: ChatList, meta: { dontScroll: false }, beforeEnter: validateAuthenticatedRoute }
+      {
+        name: 'chat',
+        path: '/users/:username/chats/:recipient_id',
+        component: Chat,
+        meta: { dontScroll: false },
+        beforeEnter: validateAuthenticatedRoute,
+      },
+      {
+        name: 'chats',
+        path: '/users/:username/chats',
+        component: ChatList,
+        meta: { dontScroll: false },
+        beforeEnter: validateAuthenticatedRoute,
+      },
     ])
   }
 
diff --git a/src/components/about/about.js b/src/components/about/about.js
index 1df258450..19ac8a7b6 100644
--- a/src/components/about/about.js
+++ b/src/components/about/about.js
@@ -10,16 +10,20 @@ const About = {
     FeaturesPanel,
     TermsOfServicePanel,
     StaffPanel,
-    MRFTransparencyPanel
+    MRFTransparencyPanel,
   },
   computed: {
-    showFeaturesPanel () { return this.$store.state.instance.showFeaturesPanel },
-    showInstanceSpecificPanel () {
-      return this.$store.state.instance.showInstanceSpecificPanel &&
+    showFeaturesPanel() {
+      return this.$store.state.instance.showFeaturesPanel
+    },
+    showInstanceSpecificPanel() {
+      return (
+        this.$store.state.instance.showInstanceSpecificPanel &&
         !this.$store.getters.mergedConfig.hideISP &&
         this.$store.state.instance.instanceSpecificPanelContent
-    }
-  }
+      )
+    },
+  },
 }
 
 export default About
diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index 2ac74ea76..93b906bc0 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -5,23 +5,17 @@ import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEllipsisV
-} from '@fortawesome/free-solid-svg-icons'
+import { faEllipsisV } from '@fortawesome/free-solid-svg-icons'
 import { useReportsStore } from 'src/stores/reports'
 
-library.add(
-  faEllipsisV
-)
+library.add(faEllipsisV)
 
 const AccountActions = {
-  props: [
-    'user', 'relationship'
-  ],
-  data () {
+  props: ['user', 'relationship'],
+  data() {
     return {
       showingConfirmBlock: false,
-      showingConfirmRemoveFollower: false
+      showingConfirmRemoveFollower: false,
     }
   },
   components: {
@@ -29,25 +23,25 @@ const AccountActions = {
     Popover,
     UserListMenu,
     ConfirmModal,
-    UserTimedFilterModal
+    UserTimedFilterModal,
   },
   methods: {
-    showConfirmRemoveUserFromFollowers () {
+    showConfirmRemoveUserFromFollowers() {
       this.showingConfirmRemoveFollower = true
     },
-    hideConfirmRemoveUserFromFollowers () {
+    hideConfirmRemoveUserFromFollowers() {
       this.showingConfirmRemoveFollower = false
     },
-    hideConfirmBlock () {
+    hideConfirmBlock() {
       this.showingConfirmBlock = false
     },
-    showRepeats () {
+    showRepeats() {
       this.$store.dispatch('showReblogs', this.user.id)
     },
-    hideRepeats () {
+    hideRepeats() {
       this.$store.dispatch('hideReblogs', this.user.id)
     },
-    blockUser () {
+    blockUser() {
       if (this.$refs.timedBlockDialog) {
         this.$refs.timedBlockDialog.optionallyPrompt()
       } else {
@@ -58,46 +52,50 @@ const AccountActions = {
         }
       }
     },
-    doBlockUser () {
+    doBlockUser() {
       this.$store.dispatch('blockUser', { id: this.user.id })
       this.hideConfirmBlock()
     },
-    unblockUser () {
+    unblockUser() {
       this.$store.dispatch('unblockUser', this.user.id)
     },
-    removeUserFromFollowers () {
+    removeUserFromFollowers() {
       if (!this.shouldConfirmRemoveUserFromFollowers) {
         this.doRemoveUserFromFollowers()
       } else {
         this.showConfirmRemoveUserFromFollowers()
       }
     },
-    doRemoveUserFromFollowers () {
+    doRemoveUserFromFollowers() {
       this.$store.dispatch('removeUserFromFollowers', this.user.id)
       this.hideConfirmRemoveUserFromFollowers()
     },
-    reportUser () {
+    reportUser() {
       useReportsStore().openUserReportingModal({ userId: this.user.id })
     },
-    openChat () {
+    openChat() {
       this.$router.push({
         name: 'chat',
-        params: { username: this.$store.state.users.currentUser.screen_name, recipient_id: this.user.id }
+        params: {
+          username: this.$store.state.users.currentUser.screen_name,
+          recipient_id: this.user.id,
+        },
       })
-    }
+    },
   },
   computed: {
-    shouldConfirmBlock () {
+    shouldConfirmBlock() {
       return this.$store.getters.mergedConfig.modalOnBlock
     },
-    shouldConfirmRemoveUserFromFollowers () {
+    shouldConfirmRemoveUserFromFollowers() {
       return this.$store.getters.mergedConfig.modalOnRemoveUserFromFollowers
     },
     ...mapState({
-      blockExpirationSupported: state => state.instance.blockExpiration,
-      pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable
-    })
-  }
+      blockExpirationSupported: (state) => state.instance.blockExpiration,
+      pleromaChatMessagesAvailable: (state) =>
+        state.instance.pleromaChatMessagesAvailable,
+    }),
+  },
 }
 
 export default AccountActions
diff --git a/src/components/alert.style.js b/src/components/alert.style.js
index 868514764..8a6f842ed 100644
--- a/src/components/alert.style.js
+++ b/src/components/alert.style.js
@@ -1,57 +1,51 @@
 export default {
   name: 'Alert',
   selector: '.alert',
-  validInnerComponents: [
-    'Text',
-    'Icon',
-    'Link',
-    'Border',
-    'ButtonUnstyled'
-  ],
+  validInnerComponents: ['Text', 'Icon', 'Link', 'Border', 'ButtonUnstyled'],
   variants: {
     normal: '.neutral',
     error: '.error',
     warning: '.warning',
-    success: '.success'
+    success: '.success',
   },
   editor: {
     border: 1,
-    aspect: '3 / 1'
+    aspect: '3 / 1',
   },
   defaultRules: [
     {
       directives: {
         background: '--text',
         opacity: 0.5,
-        blur: '9px'
-      }
+        blur: '9px',
+      },
     },
     {
       parent: {
-        component: 'Alert'
+        component: 'Alert',
       },
       component: 'Border',
       directives: {
-        textColor: '--parent'
-      }
+        textColor: '--parent',
+      },
     },
     {
       variant: 'error',
       directives: {
-        background: '--cRed'
-      }
+        background: '--cRed',
+      },
     },
     {
       variant: 'warning',
       directives: {
-        background: '--cOrange'
-      }
+        background: '--cOrange',
+      },
     },
     {
       variant: 'success',
       directives: {
-        background: '--cGreen'
-      }
-    }
-  ]
+        background: '--cGreen',
+      },
+    },
+  ],
 }
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index d1b8257d8..ffb646320 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -7,103 +7,122 @@ import { useAnnouncementsStore } from 'src/stores/announcements'
 const Announcement = {
   components: {
     AnnouncementEditor,
-    RichContent
+    RichContent,
   },
-  data () {
+  data() {
     return {
       editing: false,
       editedAnnouncement: {
         content: '',
         startsAt: undefined,
         endsAt: undefined,
-        allDay: undefined
+        allDay: undefined,
       },
-      editError: ''
+      editError: '',
     }
   },
   props: {
-    announcement: Object
+    announcement: Object,
   },
   computed: {
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
-    canEditAnnouncement () {
-      return this.currentUser && this.currentUser.privileges.includes('announcements_manage_announcements')
+    canEditAnnouncement() {
+      return (
+        this.currentUser &&
+        this.currentUser.privileges.includes(
+          'announcements_manage_announcements',
+        )
+      )
     },
-    content () {
+    content() {
       return this.announcement.content
     },
-    isRead () {
+    isRead() {
       return this.announcement.read
     },
-    publishedAt () {
+    publishedAt() {
       const time = this.announcement.published_at
       if (!time) {
         return
       }
 
-      return this.formatTimeOrDate(time, localeService.internalToBrowserLocale(this.$i18n.locale))
+      return this.formatTimeOrDate(
+        time,
+        localeService.internalToBrowserLocale(this.$i18n.locale),
+      )
     },
-    startsAt () {
+    startsAt() {
       const time = this.announcement.starts_at
       if (!time) {
         return
       }
 
-      return this.formatTimeOrDate(time, localeService.internalToBrowserLocale(this.$i18n.locale))
+      return this.formatTimeOrDate(
+        time,
+        localeService.internalToBrowserLocale(this.$i18n.locale),
+      )
     },
-    endsAt () {
+    endsAt() {
       const time = this.announcement.ends_at
       if (!time) {
         return
       }
 
-      return this.formatTimeOrDate(time, localeService.internalToBrowserLocale(this.$i18n.locale))
+      return this.formatTimeOrDate(
+        time,
+        localeService.internalToBrowserLocale(this.$i18n.locale),
+      )
     },
-    inactive () {
+    inactive() {
       return this.announcement.inactive
-    }
+    },
   },
   methods: {
-    markAsRead () {
+    markAsRead() {
       if (!this.isRead) {
-        return useAnnouncementsStore().markAnnouncementAsRead(this.announcement.id)
+        return useAnnouncementsStore().markAnnouncementAsRead(
+          this.announcement.id,
+        )
       }
     },
-    deleteAnnouncement () {
+    deleteAnnouncement() {
       return useAnnouncementsStore().deleteAnnouncement(this.announcement.id)
     },
-    formatTimeOrDate (time, locale) {
+    formatTimeOrDate(time, locale) {
       const d = new Date(time)
-      return this.announcement.all_day ? d.toLocaleDateString(locale) : d.toLocaleString(locale)
+      return this.announcement.all_day
+        ? d.toLocaleDateString(locale)
+        : d.toLocaleString(locale)
     },
-    enterEditMode () {
+    enterEditMode() {
       this.editedAnnouncement.content = this.announcement.pleroma.raw_content
       this.editedAnnouncement.startsAt = this.announcement.starts_at
       this.editedAnnouncement.endsAt = this.announcement.ends_at
       this.editedAnnouncement.allDay = this.announcement.all_day
       this.editing = true
     },
-    submitEdit () {
-      useAnnouncementsStore().editAnnouncement({
-        id: this.announcement.id,
-        ...this.editedAnnouncement
-      })
+    submitEdit() {
+      useAnnouncementsStore()
+        .editAnnouncement({
+          id: this.announcement.id,
+          ...this.editedAnnouncement,
+        })
         .then(() => {
           this.editing = false
         })
-        .catch(error => {
+        .catch((error) => {
           this.editError = error.error
         })
     },
-    cancelEdit () {
+    cancelEdit() {
       this.editing = false
     },
-    clearError () {
+    clearError() {
       this.editError = undefined
-    }
-  }
+    },
+  },
 }
 
 export default Announcement
diff --git a/src/components/announcement_editor/announcement_editor.js b/src/components/announcement_editor/announcement_editor.js
index 79a03afe1..6d22ac1fd 100644
--- a/src/components/announcement_editor/announcement_editor.js
+++ b/src/components/announcement_editor/announcement_editor.js
@@ -2,12 +2,12 @@ import Checkbox from '../checkbox/checkbox.vue'
 
 const AnnouncementEditor = {
   components: {
-    Checkbox
+    Checkbox,
   },
   props: {
     announcement: Object,
-    disabled: Boolean
-  }
+    disabled: Boolean,
+  },
 }
 
 export default AnnouncementEditor
diff --git a/src/components/announcements_page/announcements_page.js b/src/components/announcements_page/announcements_page.js
index 9ce0b45f5..6d1671e83 100644
--- a/src/components/announcements_page/announcements_page.js
+++ b/src/components/announcements_page/announcements_page.js
@@ -6,54 +6,60 @@ import { useAnnouncementsStore } from 'src/stores/announcements'
 const AnnouncementsPage = {
   components: {
     Announcement,
-    AnnouncementEditor
+    AnnouncementEditor,
   },
-  data () {
+  data() {
     return {
       newAnnouncement: {
         content: '',
         startsAt: undefined,
         endsAt: undefined,
-        allDay: false
+        allDay: false,
       },
       posting: false,
-      error: undefined
+      error: undefined,
     }
   },
-  mounted () {
+  mounted() {
     useAnnouncementsStore().fetchAnnouncements()
   },
   computed: {
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
-    announcements () {
+    announcements() {
       return useAnnouncementsStore().announcements
     },
-    canPostAnnouncement () {
-      return this.currentUser && this.currentUser.privileges.includes('announcements_manage_announcements')
-    }
+    canPostAnnouncement() {
+      return (
+        this.currentUser &&
+        this.currentUser.privileges.includes(
+          'announcements_manage_announcements',
+        )
+      )
+    },
   },
   methods: {
-    postAnnouncement () {
+    postAnnouncement() {
       this.posting = true
-      useAnnouncementsStore().postAnnouncement(this.newAnnouncement)
+      useAnnouncementsStore()
+        .postAnnouncement(this.newAnnouncement)
         .then(() => {
           this.newAnnouncement.content = ''
           this.startsAt = undefined
           this.endsAt = undefined
         })
-        .catch(error => {
+        .catch((error) => {
           this.error = error.error
         })
         .finally(() => {
           this.posting = false
         })
     },
-    clearError () {
+    clearError() {
       this.error = undefined
-    }
-  }
+    },
+  },
 }
 
 export default AnnouncementsPage
diff --git a/src/components/async_component_error/async_component_error.vue b/src/components/async_component_error/async_component_error.vue
index 2ff8974c1..baf430950 100644
--- a/src/components/async_component_error/async_component_error.vue
+++ b/src/components/async_component_error/async_component_error.vue
@@ -21,10 +21,10 @@
 export default {
   emits: ['resetAsyncComponent'],
   methods: {
-    retry () {
+    retry() {
       this.$emit('resetAsyncComponent')
-    }
-  }
+    },
+  },
 }
 </script>
 
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
index 21d793930..22228d4af 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -16,7 +16,7 @@ import {
   faSearchPlus,
   faTrashAlt,
   faPencilAlt,
-  faAlignRight
+  faAlignRight,
 } from '@fortawesome/free-solid-svg-icons'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
 
@@ -31,7 +31,7 @@ library.add(
   faSearchPlus,
   faTrashAlt,
   faPencilAlt,
-  faAlignRight
+  faAlignRight,
 )
 
 const Attachment = {
@@ -46,72 +46,74 @@ const Attachment = {
     'remove',
     'shiftUp',
     'shiftDn',
-    'edit'
+    'edit',
   ],
-  data () {
+  data() {
     return {
       localDescription: this.description || this.attachment.description,
       nsfwImage: this.$store.state.instance.nsfwCensorImage || nsfwImage,
       hideNsfwLocal: this.$store.getters.mergedConfig.hideNsfw,
       preloadImage: this.$store.getters.mergedConfig.preloadImage,
       loading: false,
-      img: fileTypeService.fileType(this.attachment.mimetype) === 'image' && document.createElement('img'),
+      img:
+        fileTypeService.fileType(this.attachment.mimetype) === 'image' &&
+        document.createElement('img'),
       modalOpen: false,
       showHidden: false,
       flashLoaded: false,
-      showDescription: false
+      showDescription: false,
     }
   },
   components: {
     Flash,
     StillImage,
-    VideoAttachment
+    VideoAttachment,
   },
   computed: {
-    classNames () {
+    classNames() {
       return [
         {
           '-loading': this.loading,
           '-nsfw-placeholder': this.hidden,
           '-editable': this.edit !== undefined,
-          '-compact': this.compact
+          '-compact': this.compact,
         },
         '-type-' + this.type,
         this.size && '-size-' + this.size,
-        `-${this.useContainFit ? 'contain' : 'cover'}-fit`
+        `-${this.useContainFit ? 'contain' : 'cover'}-fit`,
       ]
     },
-    usePlaceholder () {
+    usePlaceholder() {
       return this.size === 'hide'
     },
-    useContainFit () {
+    useContainFit() {
       return this.$store.getters.mergedConfig.useContainFit
     },
-    placeholderName () {
+    placeholderName() {
       if (this.attachment.description === '' || !this.attachment.description) {
         return this.type.toUpperCase()
       }
       return this.attachment.description
     },
-    placeholderIconClass () {
+    placeholderIconClass() {
       if (this.type === 'image') return 'image'
       if (this.type === 'video') return 'video'
       if (this.type === 'audio') return 'music'
       return 'file'
     },
-    referrerpolicy () {
+    referrerpolicy() {
       return this.$store.state.instance.mediaProxyAvailable ? '' : 'no-referrer'
     },
-    type () {
+    type() {
       return fileTypeService.fileType(this.attachment.mimetype)
     },
-    hidden () {
+    hidden() {
       return this.nsfw && this.hideNsfwLocal && !this.showHidden
     },
-    isEmpty () {
-      return (this.type === 'html' && !this.attachment.oembed)
+    isEmpty() {
+      return this.type === 'html' && !this.attachment.oembed
     },
-    useModal () {
+    useModal() {
       let modalTypes = []
       switch (this.size) {
         case 'hide':
@@ -126,26 +128,26 @@ const Attachment = {
       }
       return modalTypes.includes(this.type)
     },
-    videoTag () {
+    videoTag() {
       return this.useModal ? 'button' : 'span'
     },
-    ...mapGetters(['mergedConfig'])
+    ...mapGetters(['mergedConfig']),
   },
   watch: {
-    'attachment.description' (newVal) {
+    'attachment.description'(newVal) {
       this.localDescription = newVal
     },
-    localDescription (newVal) {
+    localDescription(newVal) {
       this.onEdit(newVal)
-    }
+    },
   },
   methods: {
-    linkClicked ({ target }) {
+    linkClicked({ target }) {
       if (target.tagName === 'A') {
         window.open(target.href, '_blank')
       }
     },
-    openModal () {
+    openModal() {
       if (this.useModal) {
         this.$emit('setMedia')
         useMediaViewerStore().setCurrentMedia(this.attachment)
@@ -153,34 +155,35 @@ const Attachment = {
         window.open(this.attachment.url)
       }
     },
-    openModalForce () {
+    openModalForce() {
       this.$emit('setMedia')
       useMediaViewerStore().setCurrentMedia(this.attachment)
     },
-    onEdit (event) {
+    onEdit(event) {
       this.edit && this.edit(this.attachment, event)
     },
-    onRemove () {
+    onRemove() {
       this.remove && this.remove(this.attachment)
     },
-    onShiftUp () {
+    onShiftUp() {
       this.shiftUp && this.shiftUp(this.attachment)
     },
-    onShiftDn () {
+    onShiftDn() {
       this.shiftDn && this.shiftDn(this.attachment)
     },
-    stopFlash () {
+    stopFlash() {
       this.$refs.flash.closePlayer()
     },
-    setFlashLoaded (event) {
+    setFlashLoaded(event) {
       this.flashLoaded = event
     },
-    toggleDescription () {
+    toggleDescription() {
       this.showDescription = !this.showDescription
     },
-    toggleHidden (event) {
+    toggleHidden(event) {
       if (
-        (this.mergedConfig.useOneClickNsfw && !this.showHidden) &&
+        this.mergedConfig.useOneClickNsfw &&
+        !this.showHidden &&
         (this.type !== 'video' || this.mergedConfig.playVideosInModal)
       ) {
         this.openModal(event)
@@ -201,12 +204,12 @@ const Attachment = {
         this.showHidden = !this.showHidden
       }
     },
-    onImageLoad (image) {
+    onImageLoad(image) {
       const width = image.naturalWidth
       const height = image.naturalHeight
       this.$emit('naturalSizeLoad', { id: this.attachment.id, width, height })
-    }
-  }
+    },
+  },
 }
 
 export default Attachment
diff --git a/src/components/auth_form/auth_form.js b/src/components/auth_form/auth_form.js
index 243cbf574..5ebf5c418 100644
--- a/src/components/auth_form/auth_form.js
+++ b/src/components/auth_form/auth_form.js
@@ -7,22 +7,26 @@ import { useAuthFlowStore } from 'src/stores/auth_flow'
 
 const AuthForm = {
   name: 'AuthForm',
-  render () {
+  render() {
     return h(resolveComponent(this.authForm))
   },
   computed: {
-    authForm () {
-      if (this.requiredTOTP) { return 'MFATOTPForm' }
-      if (this.requiredRecovery) { return 'MFARecoveryForm' }
+    authForm() {
+      if (this.requiredTOTP) {
+        return 'MFATOTPForm'
+      }
+      if (this.requiredRecovery) {
+        return 'MFARecoveryForm'
+      }
       return 'LoginForm'
     },
-    ...mapState(useAuthFlowStore, ['requiredTOTP', 'requiredRecovery'])
+    ...mapState(useAuthFlowStore, ['requiredTOTP', 'requiredRecovery']),
   },
   components: {
     MFARecoveryForm,
     MFATOTPForm,
-    LoginForm
-  }
+    LoginForm,
+  },
 }
 
 export default AuthForm
diff --git a/src/components/autosuggest/autosuggest.js b/src/components/autosuggest/autosuggest.js
index f58f17bb6..37b7706db 100644
--- a/src/components/autosuggest/autosuggest.js
+++ b/src/components/autosuggest/autosuggest.js
@@ -2,51 +2,55 @@ const debounceMilliseconds = 500
 
 export default {
   props: {
-    query: { // function to query results and return a promise
+    query: {
+      // function to query results and return a promise
       type: Function,
-      required: true
+      required: true,
     },
-    filter: { // function to filter results in real time
-      type: Function
+    filter: {
+      // function to filter results in real time
+      type: Function,
     },
     placeholder: {
       type: String,
-      default: 'Search...'
-    }
+      default: 'Search...',
+    },
   },
-  data () {
+  data() {
     return {
       term: '',
       timeout: null,
       results: [],
-      resultsVisible: false
+      resultsVisible: false,
     }
   },
   computed: {
-    filtered () {
+    filtered() {
       return this.filter ? this.filter(this.results) : this.results
-    }
+    },
   },
   watch: {
-    term (val) {
+    term(val) {
       this.fetchResults(val)
-    }
+    },
   },
   methods: {
-    fetchResults (term) {
+    fetchResults(term) {
       clearTimeout(this.timeout)
       this.timeout = setTimeout(() => {
         this.results = []
         if (term) {
-          this.query(term).then((results) => { this.results = results })
+          this.query(term).then((results) => {
+            this.results = results
+          })
         }
       }, debounceMilliseconds)
     },
-    onInputClick () {
+    onInputClick() {
       this.resultsVisible = true
     },
-    onClickOutside () {
+    onClickOutside() {
       this.resultsVisible = false
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/avatar_list/avatar_list.js b/src/components/avatar_list/avatar_list.js
index 9b6301b22..7ef42cf2b 100644
--- a/src/components/avatar_list/avatar_list.js
+++ b/src/components/avatar_list/avatar_list.js
@@ -4,18 +4,22 @@ import generateProfileLink from 'src/services/user_profile_link_generator/user_p
 const AvatarList = {
   props: ['users'],
   computed: {
-    slicedUsers () {
+    slicedUsers() {
       return this.users ? this.users.slice(0, 15) : []
-    }
+    },
   },
   components: {
-    UserAvatar
+    UserAvatar,
   },
   methods: {
-    userProfileLink (user) {
-      return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
-    }
-  }
+    userProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.screen_name,
+        this.$store.state.instance.restrictedNicknames,
+      )
+    },
+  },
 }
 
 export default AvatarList
diff --git a/src/components/badge.style.js b/src/components/badge.style.js
index 0697cac6c..ab28429cc 100644
--- a/src/components/badge.style.js
+++ b/src/components/badge.style.js
@@ -1,30 +1,27 @@
 export default {
   name: 'Badge',
   selector: '.badge',
-  validInnerComponents: [
-    'Text',
-    'Icon'
-  ],
+  validInnerComponents: ['Text', 'Icon'],
   variants: {
-    notification: '.-notification'
+    notification: '.-notification',
   },
   defaultRules: [
     {
       component: 'Root',
       directives: {
-        '--badgeNotification': 'color | --cRed'
-      }
+        '--badgeNotification': 'color | --cRed',
+      },
     },
     {
       directives: {
-        background: '--cGreen'
-      }
+        background: '--cGreen',
+      },
     },
     {
       variant: 'notification',
       directives: {
-        background: '--cRed'
-      }
-    }
-  ]
+        background: '--cRed',
+      },
+    },
+  ],
 }
diff --git a/src/components/basic_user_card/basic_user_card.js b/src/components/basic_user_card/basic_user_card.js
index 31de2d75f..018c80065 100644
--- a/src/components/basic_user_card/basic_user_card.js
+++ b/src/components/basic_user_card/basic_user_card.js
@@ -5,20 +5,22 @@ import RichContent from 'src/components/rich_content/rich_content.jsx'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 const BasicUserCard = {
-  props: [
-    'user'
-  ],
+  props: ['user'],
   components: {
     UserPopover,
     UserAvatar,
     RichContent,
-    UserLink
+    UserLink,
   },
   methods: {
-    userProfileLink (user) {
-      return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
-    }
-  }
+    userProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.screen_name,
+        this.$store.state.instance.restrictedNicknames,
+      )
+    },
+  },
 }
 
 export default BasicUserCard
diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 9a618db3f..754c2fb12 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -5,42 +5,44 @@ import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 const BlockCard = {
   props: ['userId'],
   computed: {
-    user () {
+    user() {
       return this.$store.getters.findUser(this.userId)
     },
-    relationship () {
+    relationship() {
       return this.$store.getters.relationship(this.userId)
     },
-    blocked () {
+    blocked() {
       return this.relationship.blocking
     },
-    blockExpiryAvailable () {
+    blockExpiryAvailable() {
       return this.user.block_expires_at !== undefined
     },
-    blockExpiry () {
+    blockExpiry() {
       return this.user.block_expires_at == null
         ? this.$t('user_card.block_expires_forever')
-        : this.$t('user_card.block_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
+        : this.$t('user_card.block_expires_at', [
+            new Date(this.user.mute_expires_at).toLocaleString(),
+          ])
     },
     ...mapState({
-      blockExpirationSupported: state => state.instance.blockExpiration,
-    })
+      blockExpirationSupported: (state) => state.instance.blockExpiration,
+    }),
   },
   components: {
-    BasicUserCard
+    BasicUserCard,
   },
   methods: {
-    unblockUser () {
+    unblockUser() {
       this.$store.dispatch('unblockUser', this.user.id)
     },
-    blockUser () {
+    blockUser() {
       if (this.blockExpirationSupported) {
         this.$refs.timedBlockDialog.optionallyPrompt()
       } else {
         this.$store.dispatch('blockUser', { id: this.user.id })
       }
-    }
-  }
+    },
+  },
 }
 
 export default BlockCard
diff --git a/src/components/bookmark_folder_card/bookmark_folder_card.js b/src/components/bookmark_folder_card/bookmark_folder_card.js
index bf274d9d7..37b3f2e5e 100644
--- a/src/components/bookmark_folder_card/bookmark_folder_card.js
+++ b/src/components/bookmark_folder_card/bookmark_folder_card.js
@@ -1,22 +1,15 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEllipsisH
-} from '@fortawesome/free-solid-svg-icons'
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faEllipsisH
-)
+library.add(faEllipsisH)
 
 const BookmarkFolderCard = {
-  props: [
-    'folder',
-    'allBookmarks'
-  ],
+  props: ['folder', 'allBookmarks'],
   computed: {
-    firstLetter () {
+    firstLetter() {
       return this.folder ? this.folder.name[0] : null
-    }
-  }
+    },
+  },
 }
 
 export default BookmarkFolderCard
diff --git a/src/components/bookmark_folder_edit/bookmark_folder_edit.js b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
index bb96585bf..822f47f3c 100644
--- a/src/components/bookmark_folder_edit/bookmark_folder_edit.js
+++ b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
@@ -4,7 +4,7 @@ import { useInterfaceStore } from 'src/stores/interface'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 
 const BookmarkFolderEdit = {
-  data () {
+  data() {
     return {
       name: '',
       nameDraft: '',
@@ -13,54 +13,59 @@ const BookmarkFolderEdit = {
       emojiDraft: '',
       emojiUrlDraft: null,
       emojiPickerExpanded: false,
-      reallyDelete: false
+      reallyDelete: false,
     }
   },
   components: {
-    EmojiPicker
+    EmojiPicker,
   },
-  created () {
+  created() {
     if (!this.id) return
     const credentials = this.$store.state.users.currentUser.credentials
-    apiService.fetchBookmarkFolders({ credentials })
-      .then((folders) => {
-        const folder = folders.find(folder => folder.id === this.id)
-        if (!folder) return
+    apiService.fetchBookmarkFolders({ credentials }).then((folders) => {
+      const folder = folders.find((folder) => folder.id === this.id)
+      if (!folder) return
 
-        this.nameDraft = this.name = folder.name
-        this.emojiDraft = this.emoji = folder.emoji
-        this.emojiUrlDraft = this.emojiUrl = folder.emoji_url
-      })
+      this.nameDraft = this.name = folder.name
+      this.emojiDraft = this.emoji = folder.emoji
+      this.emojiUrlDraft = this.emojiUrl = folder.emoji_url
+    })
   },
   computed: {
-    id () {
+    id() {
       return this.$route.params.id
-    }
+    },
   },
   methods: {
-    selectEmoji (event) {
+    selectEmoji(event) {
       this.emojiDraft = event.insertion
       this.emojiUrlDraft = event.insertionUrl
     },
-    showEmojiPicker () {
+    showEmojiPicker() {
       if (!this.emojiPickerExpanded) {
         this.$refs.picker.showPicker()
       }
     },
-    onShowPicker () {
+    onShowPicker() {
       this.emojiPickerExpanded = true
     },
-    onClosePicker () {
+    onClosePicker() {
       this.emojiPickerExpanded = false
     },
-    updateFolder () {
-      useBookmarkFoldersStore().updateBookmarkFolder({ folderId: this.id, name: this.nameDraft, emoji: this.emojiDraft })
+    updateFolder() {
+      useBookmarkFoldersStore()
+        .updateBookmarkFolder({
+          folderId: this.id,
+          name: this.nameDraft,
+          emoji: this.emojiDraft,
+        })
         .then(() => {
           this.$router.push({ name: 'bookmark-folders' })
         })
     },
-    createFolder () {
-      useBookmarkFoldersStore().createBookmarkFolder({ name: this.nameDraft, emoji: this.emojiDraft })
+    createFolder() {
+      useBookmarkFoldersStore()
+        .createBookmarkFolder({ name: this.nameDraft, emoji: this.emojiDraft })
         .then(() => {
           this.$router.push({ name: 'bookmark-folders' })
         })
@@ -68,15 +73,15 @@ const BookmarkFolderEdit = {
           useInterfaceStore().pushGlobalNotice({
             messageKey: 'bookmark_folders.error',
             messageArgs: [e.message],
-            level: 'error'
+            level: 'error',
           })
         })
     },
-    deleteFolder () {
+    deleteFolder() {
       useBookmarkFoldersStore().deleteBookmarkFolder({ folderId: this.id })
       this.$router.push({ name: 'bookmark-folders' })
-    }
-  }
+    },
+  },
 }
 
 export default BookmarkFolderEdit
diff --git a/src/components/bookmark_folders/bookmark_folders.js b/src/components/bookmark_folders/bookmark_folders.js
index 096f3769d..15d2c925c 100644
--- a/src/components/bookmark_folders/bookmark_folders.js
+++ b/src/components/bookmark_folders/bookmark_folders.js
@@ -2,27 +2,27 @@ import BookmarkFolderCard from '../bookmark_folder_card/bookmark_folder_card.vue
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 
 const BookmarkFolders = {
-  data () {
+  data() {
     return {
-      isNew: false
+      isNew: false,
     }
   },
   components: {
-    BookmarkFolderCard
+    BookmarkFolderCard,
   },
   computed: {
-    bookmarkFolders () {
+    bookmarkFolders() {
       return useBookmarkFoldersStore().allFolders
-    }
+    },
   },
   methods: {
-    cancelNewFolder () {
+    cancelNewFolder() {
       this.isNew = false
     },
-    newFolder () {
+    newFolder() {
       this.isNew = true
-    }
-  }
+    },
+  },
 }
 
 export default BookmarkFolders
diff --git a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
index dc46b91b3..944484b74 100644
--- a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
+++ b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
@@ -4,17 +4,15 @@ import { getBookmarkFolderEntries } from 'src/components/navigation/filter.js'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 
 export const BookmarkFoldersMenuContent = {
-  props: [
-    'showPin'
-  ],
+  props: ['showPin'],
   components: {
-    NavigationEntry
+    NavigationEntry,
   },
   computed: {
     ...mapState(useBookmarkFoldersStore, {
-      folders: getBookmarkFolderEntries
-    })
-  }
+      folders: getBookmarkFolderEntries,
+    }),
+  },
 }
 
 export default BookmarkFoldersMenuContent
diff --git a/src/components/bookmark_timeline/bookmark_timeline.js b/src/components/bookmark_timeline/bookmark_timeline.js
index 9571d630f..a241b6ac7 100644
--- a/src/components/bookmark_timeline/bookmark_timeline.js
+++ b/src/components/bookmark_timeline/bookmark_timeline.js
@@ -1,32 +1,38 @@
 import Timeline from '../timeline/timeline.vue'
 
 const Bookmarks = {
-  created () {
+  created() {
     this.$store.commit('clearTimeline', { timeline: 'bookmarks' })
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'bookmarks', bookmarkFolderId: this.folderId || null })
+    this.$store.dispatch('startFetchingTimeline', {
+      timeline: 'bookmarks',
+      bookmarkFolderId: this.folderId || null,
+    })
   },
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    folderId () {
+    folderId() {
       return this.$route.params.id
     },
-    timeline () {
+    timeline() {
       return this.$store.state.statuses.timelines.bookmarks
-    }
+    },
   },
   watch: {
-    folderId () {
+    folderId() {
       this.$store.commit('clearTimeline', { timeline: 'bookmarks' })
       this.$store.dispatch('stopFetchingTimeline', 'bookmarks')
-      this.$store.dispatch('startFetchingTimeline', { timeline: 'bookmarks', bookmarkFolderId: this.folderId || null })
-    }
+      this.$store.dispatch('startFetchingTimeline', {
+        timeline: 'bookmarks',
+        bookmarkFolderId: this.folderId || null,
+      })
+    },
   },
-  unmounted () {
+  unmounted() {
     this.$store.commit('clearTimeline', { timeline: 'bookmarks' })
     this.$store.dispatch('stopFetchingTimeline', 'bookmarks')
-  }
+  },
 }
 
 export default Bookmarks
diff --git a/src/components/border.style.js b/src/components/border.style.js
index 7f2c30163..e7cc31c57 100644
--- a/src/components/border.style.js
+++ b/src/components/border.style.js
@@ -6,8 +6,8 @@ export default {
     {
       directives: {
         textColor: '$mod(--parent 10)',
-        textAuto: 'no-auto'
-      }
-    }
-  ]
+        textAuto: 'no-auto',
+      },
+    },
+  ],
 }
diff --git a/src/components/bubble_timeline/bubble_timeline.js b/src/components/bubble_timeline/bubble_timeline.js
index 6f73dd2b8..f4d3994db 100644
--- a/src/components/bubble_timeline/bubble_timeline.js
+++ b/src/components/bubble_timeline/bubble_timeline.js
@@ -1,18 +1,19 @@
 import Timeline from '../timeline/timeline.vue'
 const BubbleTimeline = {
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    timeline () { return this.$store.state.statuses.timelines.bubble }
+    timeline() {
+      return this.$store.state.statuses.timelines.bubble
+    },
   },
-  created () {
+  created() {
     this.$store.dispatch('startFetchingTimeline', { timeline: 'bubble' })
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'bubble')
-  }
-
+  },
 }
 
 export default BubbleTimeline
diff --git a/src/components/button.style.js b/src/components/button.style.js
index 5cffefd91..3fb308b89 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -12,25 +12,22 @@ export default {
     focused: ':focus-within',
     pressed: ':active',
     hover: ':is(:hover, :focus-visible):not(:disabled)',
-    disabled: ':disabled'
+    disabled: ':disabled',
   },
   // Variants are mutually exclusive, each component implicitly has "normal" variant, and all other variants inherit from it.
   variants: {
     // Variants save on computation time since adding new variant just adds one more "set".
     // normal: '', // you can override normal variant, it will be appenended to the main class
     danger: '.-danger',
-    transparent: '.-transparent'
+    transparent: '.-transparent',
     // Overall the compuation difficulty is N*((1/6)M^3+M) where M is number of distinct states and N is number of variants.
     // This (currently) is further multipled by number of places where component can exist.
   },
   editor: {
-    aspect: '2 / 1'
+    aspect: '2 / 1',
   },
   // This lists all other components that can possibly exist within one. Recursion is currently not supported (and probably won't be supported ever).
-  validInnerComponents: [
-    'Text',
-    'Icon'
-  ],
+  validInnerComponents: ['Text', 'Icon'],
   // Default rules, used as "default theme", essentially.
   defaultRules: [
     {
@@ -39,9 +36,11 @@ export default {
         '--buttonDefaultHoverGlow': 'shadow | 0 0 1 2 --text / 0.4',
         '--buttonDefaultFocusGlow': 'shadow | 0 0 1 2 --link / 0.5',
         '--buttonDefaultShadow': 'shadow | 0 0 2 #000000',
-        '--buttonDefaultBevel': 'shadow | $borderSide(#FFFFFF top 0.2 1), $borderSide(#000000 bottom 0.2 1)',
-        '--buttonPressedBevel': 'shadow | inset 0 0 4 #000000, $borderSide(#FFFFFF bottom 0.2 1), $borderSide(#000000 top 0.2 1)'
-      }
+        '--buttonDefaultBevel':
+          'shadow | $borderSide(#FFFFFF top 0.2 1), $borderSide(#000000 bottom 0.2 1)',
+        '--buttonPressedBevel':
+          'shadow | inset 0 0 4 #000000, $borderSide(#FFFFFF bottom 0.2 1), $borderSide(#000000 top 0.2 1)',
+      },
     },
     {
       // component: 'Button', // no need to specify components every time unless you're specifying how other component should look
@@ -49,128 +48,128 @@ export default {
       directives: {
         background: '--fg',
         shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel'],
-        roundness: 3
-      }
+        roundness: 3,
+      },
     },
     {
       variant: 'danger',
       directives: {
-        background: '--cRed'
-      }
+        background: '--cRed',
+      },
     },
     {
       variant: 'transparent',
       directives: {
-        opacity: 0.5
-      }
+        opacity: 0.5,
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'Button',
-        variant: 'transparent'
+        variant: 'transparent',
       },
       directives: {
-        textColor: '--text'
-      }
+        textColor: '--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Button',
-        variant: 'transparent'
+        variant: 'transparent',
       },
       directives: {
-        textColor: '--text'
-      }
+        textColor: '--text',
+      },
     },
     {
       state: ['hover'],
       directives: {
-        shadow: ['--buttonDefaultHoverGlow', '--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultHoverGlow', '--buttonDefaultBevel'],
+      },
     },
     {
       state: ['focused'],
       directives: {
-        shadow: ['--buttonDefaultFocusGlow', '--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultFocusGlow', '--buttonDefaultBevel'],
+      },
     },
     {
       state: ['pressed'],
       directives: {
-        shadow: ['--buttonDefaultShadow', '--buttonPressedBevel']
-      }
+        shadow: ['--buttonDefaultShadow', '--buttonPressedBevel'],
+      },
     },
     {
       state: ['pressed', 'hover'],
       directives: {
-        shadow: ['--buttonPressedBevel', '--buttonDefaultHoverGlow']
-      }
+        shadow: ['--buttonPressedBevel', '--buttonDefaultHoverGlow'],
+      },
     },
     {
       state: ['toggled'],
       directives: {
         background: '--accent,-24.2',
-        shadow: ['--buttonDefaultShadow', '--buttonPressedBevel']
-      }
+        shadow: ['--buttonDefaultShadow', '--buttonPressedBevel'],
+      },
     },
     {
       state: ['toggled', 'hover'],
       directives: {
         background: '--accent,-24.2',
-        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
-      }
+        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel'],
+      },
     },
     {
       state: ['toggled', 'focused'],
       directives: {
         background: '--accent,-24.2',
-        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
-      }
+        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel'],
+      },
     },
     {
       state: ['toggled', 'hover', 'focused'],
       directives: {
         background: '--accent,-24.2',
-        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
-      }
+        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel'],
+      },
     },
     {
       state: ['toggled', 'disabled'],
       directives: {
         background: '$blend(--accent 0.25 --parent)',
-        shadow: ['--buttonPressedBevel']
-      }
+        shadow: ['--buttonPressedBevel'],
+      },
     },
     {
       state: ['disabled'],
       directives: {
         background: '$blend(--inheritedBackground 0.25 --parent)',
-        shadow: ['--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultBevel'],
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'Button',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textOpacityMode: 'blend',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Button',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
-    }
-  ]
+        textOpacityMode: 'blend',
+      },
+    },
+  ],
 }
diff --git a/src/components/button_unstyled.style.js b/src/components/button_unstyled.style.js
index 9e1a2ca90..c35fb8f69 100644
--- a/src/components/button_unstyled.style.js
+++ b/src/components/button_unstyled.style.js
@@ -7,91 +7,86 @@ export default {
     toggled: '.toggled',
     disabled: ':disabled',
     hover: ':is(:hover, :focus-visible):not(:disabled)',
-    focused: ':focus-within:not(:is(:focus-visible))'
+    focused: ':focus-within:not(:is(:focus-visible))',
   },
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Badge'
-  ],
+  validInnerComponents: ['Text', 'Link', 'Icon', 'Badge'],
   defaultRules: [
     {
       directives: {
-        shadow: []
-      }
+        shadow: [],
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['hover']
+        state: ['hover'],
       },
       directives: {
-        textColor: '--parent--text'
-      }
+        textColor: '--parent--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['toggled']
+        state: ['toggled'],
       },
       directives: {
-        textColor: '--parent--text'
-      }
+        textColor: '--parent--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['toggled', 'hover']
+        state: ['toggled', 'hover'],
       },
       directives: {
-        textColor: '--parent--text'
-      }
+        textColor: '--parent--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['toggled', 'focused']
+        state: ['toggled', 'focused'],
       },
       directives: {
-        textColor: '--parent--text'
-      }
+        textColor: '--parent--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['toggled', 'focused', 'hover']
+        state: ['toggled', 'focused', 'hover'],
       },
       directives: {
-        textColor: '--parent--text'
-      }
+        textColor: '--parent--text',
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textOpacityMode: 'blend',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
-    }
-  ]
+        textOpacityMode: 'blend',
+      },
+    },
+  ],
 }
diff --git a/src/components/chat/chat.js b/src/components/chat/chat.js
index 56f389e60..77a80c8b9 100644
--- a/src/components/chat/chat.js
+++ b/src/components/chat/chat.js
@@ -7,19 +7,18 @@ import PostStatusForm from '../post_status_form/post_status_form.vue'
 import ChatTitle from '../chat_title/chat_title.vue'
 import chatService from '../../services/chat_service/chat_service.js'
 import { promiseInterval } from '../../services/promise_interval/promise_interval.js'
-import { getScrollPosition, getNewTopPosition, isBottomedOut, isScrollable } from './chat_layout_utils.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faChevronDown,
-  faChevronLeft
-} from '@fortawesome/free-solid-svg-icons'
+  getScrollPosition,
+  getNewTopPosition,
+  isBottomedOut,
+  isScrollable,
+} from './chat_layout_utils.js'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 import { buildFakeMessage } from '../../services/chat_utils/chat_utils.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 
-library.add(
-  faChevronDown,
-  faChevronLeft
-)
+library.add(faChevronDown, faChevronLeft)
 
 const BOTTOMED_OUT_OFFSET = 10
 const JUMP_TO_BOTTOM_BUTTON_VISIBILITY_OFFSET = 10
@@ -31,78 +30,95 @@ const Chat = {
   components: {
     ChatMessage,
     ChatTitle,
-    PostStatusForm
+    PostStatusForm,
   },
-  data () {
+  data() {
     return {
       jumpToBottomButtonVisible: false,
       hoveredMessageChainId: undefined,
       lastScrollPosition: {},
       scrollableContainerHeight: '100%',
       errorLoadingChat: false,
-      messageRetriers: {}
+      messageRetriers: {},
     }
   },
-  created () {
+  created() {
     this.startFetching()
     window.addEventListener('resize', this.handleResize)
   },
-  mounted () {
+  mounted() {
     window.addEventListener('scroll', this.handleScroll)
     if (typeof document.hidden !== 'undefined') {
-      document.addEventListener('visibilitychange', this.handleVisibilityChange, false)
+      document.addEventListener(
+        'visibilitychange',
+        this.handleVisibilityChange,
+        false,
+      )
     }
 
     this.$nextTick(() => {
       this.handleResize()
     })
   },
-  unmounted () {
+  unmounted() {
     window.removeEventListener('scroll', this.handleScroll)
     window.removeEventListener('resize', this.handleResize)
-    if (typeof document.hidden !== 'undefined') document.removeEventListener('visibilitychange', this.handleVisibilityChange, false)
+    if (typeof document.hidden !== 'undefined')
+      document.removeEventListener(
+        'visibilitychange',
+        this.handleVisibilityChange,
+        false,
+      )
     this.$store.dispatch('clearCurrentChat')
   },
   computed: {
-    recipient () {
+    recipient() {
       return this.currentChat && this.currentChat.account
     },
-    recipientId () {
+    recipientId() {
       return this.$route.params.recipient_id
     },
-    formPlaceholder () {
+    formPlaceholder() {
       if (this.recipient) {
-        return this.$t('chats.message_user', { nickname: this.recipient.screen_name_ui })
+        return this.$t('chats.message_user', {
+          nickname: this.recipient.screen_name_ui,
+        })
       } else {
         return ''
       }
     },
-    chatViewItems () {
+    chatViewItems() {
       return chatService.getView(this.currentChatMessageService)
     },
-    newMessageCount () {
-      return this.currentChatMessageService && this.currentChatMessageService.newMessageCount
+    newMessageCount() {
+      return (
+        this.currentChatMessageService &&
+        this.currentChatMessageService.newMessageCount
+      )
     },
-    streamingEnabled () {
-      return this.mergedConfig.useStreamingApi && this.mastoUserSocketStatus === WSConnectionStatus.JOINED
+    streamingEnabled() {
+      return (
+        this.mergedConfig.useStreamingApi &&
+        this.mastoUserSocketStatus === WSConnectionStatus.JOINED
+      )
     },
     ...mapGetters([
       'currentChat',
       'currentChatMessageService',
       'findOpenedChatByRecipientId',
-      'mergedConfig'
+      'mergedConfig',
     ]),
     ...mapPiniaState(useInterfaceStore, {
-      mobileLayout: store => store.layoutType === 'mobile'
+      mobileLayout: (store) => store.layoutType === 'mobile',
     }),
     ...mapState({
-      backendInteractor: state => state.api.backendInteractor,
-      mastoUserSocketStatus: state => state.api.mastoUserSocketStatus,
-      currentUser: state => state.users.currentUser
-    })
+      backendInteractor: (state) => state.api.backendInteractor,
+      mastoUserSocketStatus: (state) => state.api.mastoUserSocketStatus,
+      currentUser: (state) => state.users.currentUser,
+    }),
   },
   watch: {
-    chatViewItems () {
+    chatViewItems() {
       // We don't want to scroll to the bottom on a new message when the user is viewing older messages.
       // Therefore we need to know whether the scroll position was at the bottom before the DOM update.
       const bottomedOutBeforeUpdate = this.bottomedOut(BOTTOMED_OUT_OFFSET)
@@ -115,23 +131,23 @@ const Chat = {
     $route: function () {
       this.startFetching()
     },
-    mastoUserSocketStatus (newValue) {
+    mastoUserSocketStatus(newValue) {
       if (newValue === WSConnectionStatus.JOINED) {
         this.fetchChat({ isFirstFetch: true })
       }
-    }
+    },
   },
   methods: {
     // Used to animate the avatar near the first message of the message chain when any message belonging to the chain is hovered
-    onMessageHover ({ isHovered, messageChainId }) {
+    onMessageHover({ isHovered, messageChainId }) {
       this.hoveredMessageChainId = isHovered ? messageChainId : undefined
     },
-    onFilesDropped () {
+    onFilesDropped() {
       this.$nextTick(() => {
         this.handleResize()
       })
     },
-    handleVisibilityChange () {
+    handleVisibilityChange() {
       this.$nextTick(() => {
         if (!document.hidden && this.bottomedOut(BOTTOMED_OUT_OFFSET)) {
           this.scrollDown({ forceRead: true })
@@ -139,7 +155,7 @@ const Chat = {
       })
     },
     // "Sticks" scroll to bottom instead of top, helps with OSK resizing the viewport
-    handleResize (opts = {}) {
+    handleResize(opts = {}) {
       const { delayed = false } = opts
 
       if (delayed) {
@@ -160,40 +176,56 @@ const Chat = {
         this.lastScrollPosition = getScrollPosition()
       })
     },
-    scrollDown (options = {}) {
+    scrollDown(options = {}) {
       const { behavior = 'auto', forceRead = false } = options
       this.$nextTick(() => {
-        window.scrollTo({ top: document.documentElement.scrollHeight, behavior })
+        window.scrollTo({
+          top: document.documentElement.scrollHeight,
+          behavior,
+        })
       })
       if (forceRead) {
         this.readChat()
       }
     },
-    readChat () {
-      if (!(this.currentChatMessageService && this.currentChatMessageService.maxId)) { return }
-      if (document.hidden) { return }
+    readChat() {
+      if (
+        !(
+          this.currentChatMessageService && this.currentChatMessageService.maxId
+        )
+      ) {
+        return
+      }
+      if (document.hidden) {
+        return
+      }
       const lastReadId = this.currentChatMessageService.maxId
       this.$store.dispatch('readChat', {
         id: this.currentChat.id,
-        lastReadId
+        lastReadId,
       })
     },
-    bottomedOut (offset) {
+    bottomedOut(offset) {
       return isBottomedOut(offset)
     },
-    reachedTop () {
+    reachedTop() {
       return window.scrollY <= 0
     },
-    cullOlderCheck () {
+    cullOlderCheck() {
       window.setTimeout(() => {
         if (this.bottomedOut(JUMP_TO_BOTTOM_BUTTON_VISIBILITY_OFFSET)) {
-          this.$store.dispatch('cullOlderMessages', this.currentChatMessageService.chatId)
+          this.$store.dispatch(
+            'cullOlderMessages',
+            this.currentChatMessageService.chatId,
+          )
         }
       }, 5000)
     },
     handleScroll: _.throttle(function () {
       this.lastScrollPosition = getScrollPosition()
-      if (!this.currentChat) { return }
+      if (!this.currentChat) {
+        return
+      }
 
       if (this.reachedTop()) {
         this.fetchChat({ maxId: this.currentChatMessageService.minId })
@@ -213,22 +245,27 @@ const Chat = {
         this.jumpToBottomButtonVisible = true
       }
     }, 200),
-    handleScrollUp (positionBeforeLoading) {
+    handleScrollUp(positionBeforeLoading) {
       const positionAfterLoading = getScrollPosition()
       window.scrollTo({
-        top: getNewTopPosition(positionBeforeLoading, positionAfterLoading)
+        top: getNewTopPosition(positionBeforeLoading, positionAfterLoading),
       })
     },
-    fetchChat ({ isFirstFetch = false, fetchLatest = false, maxId }) {
+    fetchChat({ isFirstFetch = false, fetchLatest = false, maxId }) {
       const chatMessageService = this.currentChatMessageService
-      if (!chatMessageService) { return }
-      if (fetchLatest && this.streamingEnabled) { return }
+      if (!chatMessageService) {
+        return
+      }
+      if (fetchLatest && this.streamingEnabled) {
+        return
+      }
 
       const chatId = chatMessageService.chatId
       const fetchOlderMessages = !!maxId
       const sinceId = fetchLatest && chatMessageService.maxId
 
-      return this.backendInteractor.chatMessages({ id: chatId, maxId, sinceId })
+      return this.backendInteractor
+        .chatMessages({ id: chatId, maxId, sinceId })
         .then((messages) => {
           // Clear the current chat in case we're recovering from a ws connection loss.
           if (isFirstFetch) {
@@ -236,28 +273,34 @@ const Chat = {
           }
 
           const positionBeforeUpdate = getScrollPosition()
-          this.$store.dispatch('addChatMessages', { chatId, messages }).then(() => {
-            this.$nextTick(() => {
-              if (fetchOlderMessages) {
-                this.handleScrollUp(positionBeforeUpdate)
-              }
+          this.$store
+            .dispatch('addChatMessages', { chatId, messages })
+            .then(() => {
+              this.$nextTick(() => {
+                if (fetchOlderMessages) {
+                  this.handleScrollUp(positionBeforeUpdate)
+                }
 
-              // In vertical screens, the first batch of fetched messages may not always take the
-              // full height of the scrollable container.
-              // If this is the case, we want to fetch the messages until the scrollable container
-              // is fully populated so that the user has the ability to scroll up and load the history.
-              if (!isScrollable() && messages.length > 0) {
-                this.fetchChat({ maxId: this.currentChatMessageService.minId })
-              }
+                // In vertical screens, the first batch of fetched messages may not always take the
+                // full height of the scrollable container.
+                // If this is the case, we want to fetch the messages until the scrollable container
+                // is fully populated so that the user has the ability to scroll up and load the history.
+                if (!isScrollable() && messages.length > 0) {
+                  this.fetchChat({
+                    maxId: this.currentChatMessageService.minId,
+                  })
+                }
+              })
             })
-          })
         })
     },
-    async startFetching () {
+    async startFetching() {
       let chat = this.findOpenedChatByRecipientId(this.recipientId)
       if (!chat) {
         try {
-          chat = await this.backendInteractor.getOrCreateChat({ accountId: this.recipientId })
+          chat = await this.backendInteractor.getOrCreateChat({
+            accountId: this.recipientId,
+          })
         } catch (e) {
           console.error('Error creating or getting a chat', e)
           this.errorLoadingChat = true
@@ -271,13 +314,14 @@ const Chat = {
         this.doStartFetching()
       }
     },
-    doStartFetching () {
+    doStartFetching() {
       this.$store.dispatch('startFetchingCurrentChat', {
-        fetcher: () => promiseInterval(() => this.fetchChat({ fetchLatest: true }), 5000)
+        fetcher: () =>
+          promiseInterval(() => this.fetchChat({ fetchLatest: true }), 5000),
       })
       this.fetchChat({ isFirstFetch: true })
     },
-    handleAttachmentPosting () {
+    handleAttachmentPosting() {
       this.$nextTick(() => {
         this.handleResize()
         // When the posting form size changes because of a media attachment, we need an extra resize
@@ -285,11 +329,11 @@ const Chat = {
         this.scrollDown({ forceRead: true })
       })
     },
-    sendMessage ({ status, media, idempotencyKey }) {
+    sendMessage({ status, media, idempotencyKey }) {
       const params = {
         id: this.currentChat.id,
         content: status,
-        idempotencyKey
+        idempotencyKey,
       }
 
       if (media[0]) {
@@ -301,52 +345,72 @@ const Chat = {
         chatId: this.currentChat.id,
         content: status,
         userId: this.currentUser.id,
-        idempotencyKey
+        idempotencyKey,
       })
 
-      this.$store.dispatch('addChatMessages', {
-        chatId: this.currentChat.id,
-        messages: [fakeMessage]
-      }).then(() => {
-        this.handleAttachmentPosting()
-      })
+      this.$store
+        .dispatch('addChatMessages', {
+          chatId: this.currentChat.id,
+          messages: [fakeMessage],
+        })
+        .then(() => {
+          this.handleAttachmentPosting()
+        })
 
-      return this.doSendMessage({ params, fakeMessage, retriesLeft: MAX_RETRIES })
+      return this.doSendMessage({
+        params,
+        fakeMessage,
+        retriesLeft: MAX_RETRIES,
+      })
     },
-    doSendMessage ({ params, fakeMessage, retriesLeft = MAX_RETRIES }) {
+    doSendMessage({ params, fakeMessage, retriesLeft = MAX_RETRIES }) {
       if (retriesLeft <= 0) return
 
-      this.backendInteractor.sendChatMessage(params)
-        .then(data => {
+      this.backendInteractor
+        .sendChatMessage(params)
+        .then((data) => {
           this.$store.dispatch('addChatMessages', {
             chatId: this.currentChat.id,
             updateMaxId: false,
-            messages: [{ ...data, fakeId: fakeMessage.id }]
+            messages: [{ ...data, fakeId: fakeMessage.id }],
           })
 
           return data
         })
-        .catch(error => {
+        .catch((error) => {
           console.error('Error sending message', error)
           this.$store.dispatch('handleMessageError', {
             chatId: this.currentChat.id,
             fakeId: fakeMessage.id,
-            isRetry: retriesLeft !== MAX_RETRIES
+            isRetry: retriesLeft !== MAX_RETRIES,
           })
-          if ((error.statusCode >= 500 && error.statusCode < 600) || error.message === 'Failed to fetch') {
-            this.messageRetriers[fakeMessage.id] = setTimeout(() => {
-              this.doSendMessage({ params, fakeMessage, retriesLeft: retriesLeft - 1 })
-            }, 1000 * (2 ** (MAX_RETRIES - retriesLeft)))
+          if (
+            (error.statusCode >= 500 && error.statusCode < 600) ||
+            error.message === 'Failed to fetch'
+          ) {
+            this.messageRetriers[fakeMessage.id] = setTimeout(
+              () => {
+                this.doSendMessage({
+                  params,
+                  fakeMessage,
+                  retriesLeft: retriesLeft - 1,
+                })
+              },
+              1000 * 2 ** (MAX_RETRIES - retriesLeft),
+            )
           }
           return {}
         })
 
       return Promise.resolve(fakeMessage)
     },
-    goBack () {
-      this.$router.push({ name: 'chats', params: { username: this.currentUser.screen_name } })
-    }
-  }
+    goBack() {
+      this.$router.push({
+        name: 'chats',
+        params: { username: this.currentUser.screen_name },
+      })
+    },
+  },
 }
 
 export default Chat
diff --git a/src/components/chat/chat.style.js b/src/components/chat/chat.style.js
index 9ae2b7d71..55cf657c2 100644
--- a/src/components/chat/chat.style.js
+++ b/src/components/chat/chat.style.js
@@ -1,19 +1,13 @@
 export default {
   name: 'Chat',
   selector: '.chat-message-list',
-  validInnerComponents: [
-    'Text',
-    'Link',
-    'Icon',
-    'Avatar',
-    'ChatMessage'
-  ],
+  validInnerComponents: ['Text', 'Link', 'Icon', 'Avatar', 'ChatMessage'],
   defaultRules: [
     {
       directives: {
         background: '--bg',
-        blur: '5px'
-      }
-    }
-  ]
+        blur: '5px',
+      },
+    },
+  ],
 }
diff --git a/src/components/chat/chat_layout_utils.js b/src/components/chat/chat_layout_utils.js
index c187892d9..10d0a5e45 100644
--- a/src/components/chat/chat_layout_utils.js
+++ b/src/components/chat/chat_layout_utils.js
@@ -3,14 +3,17 @@ export const getScrollPosition = () => {
   return {
     scrollTop: window.scrollY,
     scrollHeight: document.documentElement.scrollHeight,
-    offsetHeight: window.innerHeight
+    offsetHeight: window.innerHeight,
   }
 }
 
 // A helper function that is used to keep the scroll position fixed as the new elements are added to the top
 // Takes two scroll positions, before and after the update.
 export const getNewTopPosition = (previousPosition, newPosition) => {
-  return previousPosition.scrollTop + (newPosition.scrollHeight - previousPosition.scrollHeight)
+  return (
+    previousPosition.scrollTop +
+    (newPosition.scrollHeight - previousPosition.scrollHeight)
+  )
 }
 
 export const isBottomedOut = (offset = 0) => {
diff --git a/src/components/chat_list/chat_list.js b/src/components/chat_list/chat_list.js
index 95708d1dd..65e8b02d6 100644
--- a/src/components/chat_list/chat_list.js
+++ b/src/components/chat_list/chat_list.js
@@ -7,31 +7,31 @@ const ChatList = {
   components: {
     ChatListItem,
     List,
-    ChatNew
+    ChatNew,
   },
   computed: {
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
-    ...mapGetters(['sortedChatList'])
+    ...mapGetters(['sortedChatList']),
   },
-  data () {
+  data() {
     return {
-      isNew: false
+      isNew: false,
     }
   },
-  created () {
+  created() {
     this.$store.dispatch('fetchChats', { latest: true })
   },
   methods: {
-    cancelNewChat () {
+    cancelNewChat() {
       this.isNew = false
       this.$store.dispatch('fetchChats', { latest: true })
     },
-    newChat () {
+    newChat() {
       this.isNew = true
-    }
-  }
+    },
+  },
 }
 
 export default ChatList
diff --git a/src/components/chat_list_item/chat_list_item.js b/src/components/chat_list_item/chat_list_item.js
index 8f8c491f5..2fbc9bae8 100644
--- a/src/components/chat_list_item/chat_list_item.js
+++ b/src/components/chat_list_item/chat_list_item.js
@@ -8,24 +8,26 @@ import ChatTitle from '../chat_title/chat_title.vue'
 
 const ChatListItem = {
   name: 'ChatListItem',
-  props: [
-    'chat'
-  ],
+  props: ['chat'],
   components: {
     UserAvatar,
     AvatarList,
     Timeago,
     ChatTitle,
-    StatusBody
+    StatusBody,
   },
   computed: {
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
-    attachmentInfo () {
-      if (this.chat.lastMessage.attachments.length === 0) { return }
+    attachmentInfo() {
+      if (this.chat.lastMessage.attachments.length === 0) {
+        return
+      }
 
-      const types = this.chat.lastMessage.attachments.map(file => fileType.fileType(file.mimetype))
+      const types = this.chat.lastMessage.attachments.map((file) =>
+        fileType.fileType(file.mimetype),
+      )
       if (types.includes('video')) {
         return this.$t('file_type.video')
       } else if (types.includes('audio')) {
@@ -36,34 +38,36 @@ const ChatListItem = {
         return this.$t('file_type.file')
       }
     },
-    messageForStatusContent () {
+    messageForStatusContent() {
       const message = this.chat.lastMessage
       const messageEmojis = message ? message.emojis : []
       const isYou = message && message.account_id === this.currentUser.id
-      const content = message ? (this.attachmentInfo || message.content) : ''
-      const messagePreview = isYou ? `<i>${this.$t('chats.you')}</i> ${content}` : content
+      const content = message ? this.attachmentInfo || message.content : ''
+      const messagePreview = isYou
+        ? `<i>${this.$t('chats.you')}</i> ${content}`
+        : content
       return {
         summary: '',
         emojis: messageEmojis,
         raw_html: messagePreview,
         text: messagePreview,
-        attachments: []
+        attachments: [],
       }
-    }
+    },
   },
   methods: {
-    openChat () {
+    openChat() {
       if (this.chat.id) {
         this.$router.push({
           name: 'chat',
           params: {
             username: this.currentUser.screen_name,
-            recipient_id: this.chat.account.id
-          }
+            recipient_id: this.chat.account.id,
+          },
         })
       }
-    }
-  }
+    },
+  },
 }
 
 export default ChatListItem
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 837f6d214..6b2315a82 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -9,16 +9,10 @@ import StatusContent from '../status_content/status_content.vue'
 import ChatMessageDate from '../chat_message_date/chat_message_date.vue'
 import { defineAsyncComponent } from 'vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes,
-  faEllipsisH
-} from '@fortawesome/free-solid-svg-icons'
+import { faTimes, faEllipsisH } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
-library.add(
-  faTimes,
-  faEllipsisH
-)
+library.add(faTimes, faEllipsisH)
 
 const ChatMessage = {
   name: 'ChatMessage',
@@ -27,7 +21,7 @@ const ChatMessage = {
     'edited',
     'noHeading',
     'chatViewItem',
-    'hoveredMessageChain'
+    'hoveredMessageChain',
   ],
   emits: ['hover'],
   components: {
@@ -38,73 +32,82 @@ const ChatMessage = {
     Gallery,
     LinkPreview,
     ChatMessageDate,
-    UserPopover: defineAsyncComponent(() => import('../user_popover/user_popover.vue'))
+    UserPopover: defineAsyncComponent(
+      () => import('../user_popover/user_popover.vue'),
+    ),
   },
   computed: {
     // Returns HH:MM (hours and minutes) in local time.
-    createdAt () {
+    createdAt() {
       const time = this.chatViewItem.data.created_at
-      return time.toLocaleTimeString('en', { hour: '2-digit', minute: '2-digit', hour12: false })
+      return time.toLocaleTimeString('en', {
+        hour: '2-digit',
+        minute: '2-digit',
+        hour12: false,
+      })
     },
-    isCurrentUser () {
+    isCurrentUser() {
       return this.message.account_id === this.currentUser.id
     },
-    message () {
+    message() {
       return this.chatViewItem.data
     },
-    isMessage () {
+    isMessage() {
       return this.chatViewItem.type === 'message'
     },
-    messageForStatusContent () {
+    messageForStatusContent() {
       return {
         summary: '',
         emojis: this.message.emojis,
         raw_html: this.message.content || '',
         text: this.message.content || '',
-        attachments: this.message.attachments
+        attachments: this.message.attachments,
       }
     },
-    hasAttachment () {
+    hasAttachment() {
       return this.message.attachments.length > 0
     },
     ...mapPiniaState(useInterfaceStore, {
-      betterShadow: store => store.browserSupport.cssFilter
+      betterShadow: (store) => store.browserSupport.cssFilter,
     }),
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      restrictedNicknames: state => state.instance.restrictedNicknames
+      currentUser: (state) => state.users.currentUser,
+      restrictedNicknames: (state) => state.instance.restrictedNicknames,
     }),
-    popoverMarginStyle () {
+    popoverMarginStyle() {
       if (this.isCurrentUser) {
         return {}
       } else {
         return { left: 50 }
       }
     },
-    ...mapGetters(['mergedConfig', 'findUser'])
+    ...mapGetters(['mergedConfig', 'findUser']),
   },
-  data () {
+  data() {
     return {
       hovered: false,
-      menuOpened: false
+      menuOpened: false,
     }
   },
   methods: {
-    onHover (bool) {
-      this.$emit('hover', { isHovered: bool, messageChainId: this.chatViewItem.messageChainId })
+    onHover(bool) {
+      this.$emit('hover', {
+        isHovered: bool,
+        messageChainId: this.chatViewItem.messageChainId,
+      })
     },
-    async deleteMessage () {
+    async deleteMessage() {
       const confirmed = window.confirm(this.$t('chats.delete_confirm'))
       if (confirmed) {
         await this.$store.dispatch('deleteChatMessage', {
           messageId: this.chatViewItem.data.id,
-          chatId: this.chatViewItem.data.chat_id
+          chatId: this.chatViewItem.data.chat_id,
         })
       }
       this.hovered = false
       this.menuOpened = false
-    }
-  }
+    },
+  },
 }
 
 export default ChatMessage
diff --git a/src/components/chat_message/chat_message.style.js b/src/components/chat_message/chat_message.style.js
index 76b565823..f7632bc6f 100644
--- a/src/components/chat_message/chat_message.style.js
+++ b/src/components/chat_message/chat_message.style.js
@@ -2,26 +2,21 @@ export default {
   name: 'ChatMessage',
   selector: '.chat-message',
   variants: {
-    outgoing: '.outgoing'
+    outgoing: '.outgoing',
   },
-  validInnerComponents: [
-    'Text',
-    'Icon',
-    'Border',
-    'PollGraph'
-  ],
+  validInnerComponents: ['Text', 'Icon', 'Border', 'PollGraph'],
   defaultRules: [
     {
       directives: {
         background: '--bg, 2',
-        backgroundNoCssColor: 'yes'
-      }
+        backgroundNoCssColor: 'yes',
+      },
     },
     {
       variant: 'outgoing',
       directives: {
-        background: '--bg, 5'
-      }
-    }
-  ]
+        background: '--bg, 5',
+      },
+    },
+  ],
 }
diff --git a/src/components/chat_message_date/chat_message_date.vue b/src/components/chat_message_date/chat_message_date.vue
index 98349b753..f0cadb6e7 100644
--- a/src/components/chat_message_date/chat_message_date.vue
+++ b/src/components/chat_message_date/chat_message_date.vue
@@ -11,16 +11,19 @@ export default {
   name: 'Timeago',
   props: ['date'],
   computed: {
-    displayDate () {
+    displayDate() {
       const today = new Date()
       today.setHours(0, 0, 0, 0)
 
       if (this.date.getTime() === today.getTime()) {
         return this.$t('display_date.today')
       } else {
-        return this.date.toLocaleDateString(localeService.internalToBrowserLocale(this.$i18n.locale), { day: 'numeric', month: 'long' })
+        return this.date.toLocaleDateString(
+          localeService.internalToBrowserLocale(this.$i18n.locale),
+          { day: 'numeric', month: 'long' },
+        )
       }
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/chat_new/chat_new.js b/src/components/chat_new/chat_new.js
index 71585995a..8e2a8dacb 100644
--- a/src/components/chat_new/chat_new.js
+++ b/src/components/chat_new/chat_new.js
@@ -2,38 +2,32 @@ import { mapState, mapGetters } from 'vuex'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faSearch,
-  faChevronLeft
-} from '@fortawesome/free-solid-svg-icons'
+import { faSearch, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faSearch,
-  faChevronLeft
-)
+library.add(faSearch, faChevronLeft)
 
 const chatNew = {
   components: {
     BasicUserCard,
-    UserAvatar
+    UserAvatar,
   },
-  data () {
+  data() {
     return {
       suggestions: [],
       userIds: [],
       loading: false,
-      query: ''
+      query: '',
     }
   },
-  async created () {
+  async created() {
     const { chats } = await this.backendInteractor.chats()
-    chats.forEach(chat => this.suggestions.push(chat.account))
+    chats.forEach((chat) => this.suggestions.push(chat.account))
   },
   computed: {
-    users () {
-      return this.userIds.map(userId => this.findUser(userId))
+    users() {
+      return this.userIds.map((userId) => this.findUser(userId))
     },
-    availableUsers () {
+    availableUsers() {
       if (this.query.length !== 0) {
         return this.users
       } else {
@@ -41,29 +35,29 @@ const chatNew = {
       }
     },
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      backendInteractor: state => state.api.backendInteractor
+      currentUser: (state) => state.users.currentUser,
+      backendInteractor: (state) => state.api.backendInteractor,
     }),
-    ...mapGetters(['findUser'])
+    ...mapGetters(['findUser']),
   },
   methods: {
-    goBack () {
+    goBack() {
       this.$emit('cancel')
     },
-    goToChat (user) {
+    goToChat(user) {
       this.$router.push({ name: 'chat', params: { recipient_id: user.id } })
     },
-    onInput () {
+    onInput() {
       this.search(this.query)
     },
-    addUser (user) {
+    addUser(user) {
       this.selectedUserIds.push(user.id)
       this.query = ''
     },
-    removeUser (userId) {
-      this.selectedUserIds = this.selectedUserIds.filter(id => id !== userId)
+    removeUser(userId) {
+      this.selectedUserIds = this.selectedUserIds.filter((id) => id !== userId)
     },
-    search (query) {
+    search(query) {
       if (!query) {
         this.loading = false
         return
@@ -71,13 +65,14 @@ const chatNew = {
 
       this.loading = true
       this.userIds = []
-      this.$store.dispatch('search', { q: query, resolve: true, type: 'accounts' })
-        .then(data => {
+      this.$store
+        .dispatch('search', { q: query, resolve: true, type: 'accounts' })
+        .then((data) => {
           this.loading = false
-          this.userIds = data.accounts.map(a => a.id)
+          this.userIds = data.accounts.map((a) => a.id)
         })
-    }
-  }
+    },
+  },
 }
 
 export default chatNew
diff --git a/src/components/chat_title/chat_title.js b/src/components/chat_title/chat_title.js
index b87211265..0d5ba93e0 100644
--- a/src/components/chat_title/chat_title.js
+++ b/src/components/chat_title/chat_title.js
@@ -7,17 +7,17 @@ export default {
   components: {
     UserAvatar,
     RichContent,
-    UserPopover: defineAsyncComponent(() => import('../user_popover/user_popover.vue'))
+    UserPopover: defineAsyncComponent(
+      () => import('../user_popover/user_popover.vue'),
+    ),
   },
-  props: [
-    'user', 'withAvatar'
-  ],
+  props: ['user', 'withAvatar'],
   computed: {
-    title () {
+    title() {
       return this.user ? this.user.screen_name_ui : ''
     },
-    htmlTitle () {
+    htmlTitle() {
       return this.user ? this.user.name_html : ''
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue
index 1e0f5ad05..cbe3dd80f 100644
--- a/src/components/checkbox/checkbox.vue
+++ b/src/components/checkbox/checkbox.vue
@@ -36,30 +36,25 @@
 
 <script>
 export default {
-  props: [
-    'radio',
-    'modelValue',
-    'indeterminate',
-    'disabled'
-  ],
+  props: ['radio', 'modelValue', 'indeterminate', 'disabled'],
   emits: ['update:modelValue'],
   data: (vm) => ({
-    indeterminateTransitionFix: vm.indeterminate
+    indeterminateTransitionFix: vm.indeterminate,
   }),
   watch: {
-    indeterminate (e) {
+    indeterminate(e) {
       if (e) {
         this.indeterminateTransitionFix = true
       }
-    }
+    },
   },
   methods: {
-    onTransitionEnd () {
+    onTransitionEnd() {
       if (!this.indeterminate) {
         this.indeterminateTransitionFix = false
       }
-    }
-  }
+    },
+  },
 }
 </script>
 
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index 58aee575c..8367908d9 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -69,90 +69,89 @@ import { hex2rgb } from '../../services/color_convert/color_convert.js'
 import { throttle } from 'lodash'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEyeDropper
-} from '@fortawesome/free-solid-svg-icons'
+import { faEyeDropper } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faEyeDropper
-)
+library.add(faEyeDropper)
 
 export default {
   components: {
-    Checkbox
+    Checkbox,
   },
   props: {
     // Name of color, used for identifying
     name: {
       required: true,
-      type: String
+      type: String,
     },
     // Readable label
     label: {
       required: true,
-      type: String
+      type: String,
     },
     // use unstyled, uh, style
     unstyled: {
       required: false,
-      type: Boolean
+      type: Boolean,
     },
     // Color value, should be required but vue cannot tell the difference
     // between "property missing" and "property set to undefined"
     modelValue: {
       required: false,
       type: String,
-      default: undefined
+      default: undefined,
     },
     // Color fallback to use when value is not defeind
     fallback: {
       required: false,
       type: String,
-      default: undefined
+      default: undefined,
     },
     // Disable the control
     disabled: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Show "optional" tickbox, for when value might become mandatory
     showOptionalCheckbox: {
       required: false,
       type: Boolean,
-      default: true
+      default: true,
     },
     // Force "optional" tickbox to hide
     hideOptionalCheckbox: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     compact: {
       required: false,
-      type: Boolean
-    }
+      type: Boolean,
+    },
   },
   emits: ['update:modelValue'],
   computed: {
-    present () {
+    present() {
       return typeof this.modelValue !== 'undefined'
     },
-    validColor () {
+    validColor() {
       return hex2rgb(this.modelValue || this.fallback)
     },
-    transparentColor () {
+    transparentColor() {
       return this.modelValue === 'transparent'
     },
-    computedColor () {
-      return this.modelValue && (this.modelValue.startsWith('--') || this.modelValue.startsWith('$'))
-    }
+    computedColor() {
+      return (
+        this.modelValue &&
+        (this.modelValue.startsWith('--') || this.modelValue.startsWith('$'))
+      )
+    },
   },
   methods: {
     updateValue: throttle(function (value) {
       this.$emit('update:modelValue', value)
-    }, 100)
-  }
+    }, 100),
+  },
 }
 </script>
 <style lang="scss" src="./color_input.scss"></style>
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index 9f830cd72..6a19c3631 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -2,12 +2,15 @@ import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
 
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
-import { createStyleSheet, adoptStyleSheets } from 'src/services/style_setter/style_setter.js'
+import {
+  createStyleSheet,
+  adoptStyleSheets,
+} from 'src/services/style_setter/style_setter.js'
 
 export default {
   components: {
     Checkbox,
-    ColorInput
+    ColorInput,
   },
   props: [
     'shadow',
@@ -17,41 +20,41 @@ export default {
     'previewCss',
     'disabled',
     'invalid',
-    'noColorControl'
+    'noColorControl',
   ],
   emits: ['update:shadow'],
-  data () {
+  data() {
     return {
       colorOverride: undefined,
       lightGrid: false,
       zoom: 100,
-      randomSeed: genRandomSeed()
+      randomSeed: genRandomSeed(),
     }
   },
-  mounted () {
+  mounted() {
     this.update()
   },
   computed: {
-    hideControls () {
+    hideControls() {
       return typeof this.shadow === 'string'
-    }
+    },
   },
   watch: {
-    previewCss () {
+    previewCss() {
       this.update()
     },
-    previewStyle () {
+    previewStyle() {
       this.update()
     },
-    zoom () {
+    zoom() {
       this.update()
-    }
+    },
   },
   methods: {
-    updateProperty (axis, value) {
+    updateProperty(axis, value) {
       this.$emit('update:shadow', { axis, value: Number(value) })
     },
-    update () {
+    update() {
       const sheet = createStyleSheet('style-component-preview', 90)
 
       sheet.clear()
@@ -60,23 +63,25 @@ export default {
       if (this.colorOverride) result.push(`--background: ${this.colorOverride}`)
 
       const styleRule = [
-        '#component-preview-', this.randomSeed, ' {\n',
+        '#component-preview-',
+        this.randomSeed,
+        ' {\n',
         '.preview-block {\n',
         `zoom: ${this.zoom / 100};`,
         this.previewStyle,
         '\n}',
-        '\n}'
+        '\n}',
       ].join('')
 
       sheet.addRule(styleRule)
-      sheet.addRule([
-        '#component-preview-', this.randomSeed, ' {\n',
-        ...result,
-        '\n}'
-      ].join(''))
+      sheet.addRule(
+        ['#component-preview-', this.randomSeed, ' {\n', ...result, '\n}'].join(
+          '',
+        ),
+      )
 
       sheet.ready = true
       adoptStyleSheets()
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/confirm_modal/confirm_modal.js b/src/components/confirm_modal/confirm_modal.js
index 3e2bc2cb7..cd83194be 100644
--- a/src/components/confirm_modal/confirm_modal.js
+++ b/src/components/confirm_modal/confirm_modal.js
@@ -9,30 +9,29 @@ import DialogModal from '../dialog_modal/dialog_modal.vue'
  */
 const ConfirmModal = {
   components: {
-    DialogModal
+    DialogModal,
   },
   props: {
     title: {
-      type: String
+      type: String,
     },
     cancelText: {
-      type: String
+      type: String,
     },
     confirmText: {
-      type: String
-    }
+      type: String,
+    },
   },
   emits: ['cancelled', 'accepted'],
-  computed: {
-  },
+  computed: {},
   methods: {
-    onCancel () {
+    onCancel() {
       this.$emit('cancelled')
     },
-    onAccept () {
+    onAccept() {
       this.$emit('accepted')
-    }
-  }
+    },
+  },
 }
 
 export default ConfirmModal
diff --git a/src/components/confirm_modal/mute_confirm.js b/src/components/confirm_modal/mute_confirm.js
index a279dc716..36c86b6ef 100644
--- a/src/components/confirm_modal/mute_confirm.js
+++ b/src/components/confirm_modal/mute_confirm.js
@@ -7,58 +7,61 @@ export default {
   props: ['type', 'user', 'status'],
   emits: ['hide', 'show', 'muted'],
   data: () => ({
-    showing: false
+    showing: false,
   }),
   components: {
     ConfirmModal,
-    Select
+    Select,
   },
   computed: {
-    domain () {
+    domain() {
       return this.user.fqn.split('@')[1]
     },
-    keypath () {
+    keypath() {
       if (this.type === 'domain') {
         return 'status.mute_domain_confirm'
       } else if (this.type === 'conversation') {
         return 'status.mute_conversation_confirm'
       }
     },
-    conversationIsMuted () {
+    conversationIsMuted() {
       return this.status.conversation_muted
     },
-    domainIsMuted () {
-      return new Set(this.$store.state.users.currentUser.domainMutes).has(this.domain)
+    domainIsMuted() {
+      return new Set(this.$store.state.users.currentUser.domainMutes).has(
+        this.domain,
+      )
     },
-    shouldConfirm () {
+    shouldConfirm() {
       switch (this.type) {
         case 'domain': {
           return this.mergedConfig.modalOnMuteDomain
         }
-        default: { // conversation
+        default: {
+          // conversation
           return this.mergedConfig.modalOnMuteConversation
         }
       }
     },
-    ...mapGetters(['mergedConfig'])
+    ...mapGetters(['mergedConfig']),
   },
   methods: {
-    optionallyPrompt () {
+    optionallyPrompt() {
       if (this.shouldConfirm) {
         this.show()
       } else {
         this.doMute()
       }
     },
-    show () {
+    show() {
       this.showing = true
       this.$emit('show')
     },
-    hide () {
+    hide() {
       this.showing = false
       this.$emit('hide')
     },
-    doMute () {
+    doMute() {
       switch (this.type) {
         case 'domain': {
           if (!this.domainIsMuted) {
@@ -79,6 +82,6 @@ export default {
       }
       this.$emit('muted')
       this.hide()
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/contrast_ratio/contrast_ratio.vue b/src/components/contrast_ratio/contrast_ratio.vue
index 93799e4c2..c413e2e8b 100644
--- a/src/components/contrast_ratio/contrast_ratio.vue
+++ b/src/components/contrast_ratio/contrast_ratio.vue
@@ -63,54 +63,66 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAdjust,
   faExclamationTriangle,
-  faThumbsUp
+  faThumbsUp,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faAdjust,
-  faExclamationTriangle,
-  faThumbsUp
-)
+library.add(faAdjust, faExclamationTriangle, faThumbsUp)
 
 export default {
   components: {
-    Tooltip
+    Tooltip,
   },
   props: {
     large: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // TODO: Make theme switcher compute theme initially so that contrast
     // component won't be called without contrast data
     contrast: {
       required: false,
       type: Object,
-      default: () => ({})
+      default: () => ({}),
     },
     showRatio: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   computed: {
-    hint () {
-      const levelVal = this.contrast.aaa ? 'aaa' : (this.contrast.aa ? 'aa' : 'bad')
+    hint() {
+      const levelVal = this.contrast.aaa
+        ? 'aaa'
+        : this.contrast.aa
+          ? 'aa'
+          : 'bad'
       const level = this.$t(`settings.style.common.contrast.level.${levelVal}`)
       const context = this.$t('settings.style.common.contrast.context.text')
       const ratio = this.contrast.text
-      return this.$t('settings.style.common.contrast.hint', { level, context, ratio })
+      return this.$t('settings.style.common.contrast.hint', {
+        level,
+        context,
+        ratio,
+      })
     },
-    hint_18pt () {
-      const levelVal = this.contrast.laaa ? 'aaa' : (this.contrast.laa ? 'aa' : 'bad')
+    hint_18pt() {
+      const levelVal = this.contrast.laaa
+        ? 'aaa'
+        : this.contrast.laa
+          ? 'aa'
+          : 'bad'
       const level = this.$t(`settings.style.common.contrast.level.${levelVal}`)
       const context = this.$t('settings.style.common.contrast.context.18pt')
       const ratio = this.contrast.text
-      return this.$t('settings.style.common.contrast.hint', { level, context, ratio })
-    }
-  }
+      return this.$t('settings.style.common.contrast.hint', {
+        level,
+        context,
+        ratio,
+      })
+    },
+  },
 }
 </script>
 
diff --git a/src/components/conversation-page/conversation-page.js b/src/components/conversation-page/conversation-page.js
index 8f996be12..d4705303e 100644
--- a/src/components/conversation-page/conversation-page.js
+++ b/src/components/conversation-page/conversation-page.js
@@ -2,13 +2,13 @@ import Conversation from '../conversation/conversation.vue'
 
 const conversationPage = {
   components: {
-    Conversation
+    Conversation,
   },
   computed: {
-    statusId () {
+    statusId() {
       return this.$route.params.id
-    }
-  }
+    },
+  },
 }
 
 export default conversationPage
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 491a8543f..699b73cbb 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -12,14 +12,10 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
   faAngleDoubleLeft,
-  faChevronLeft
+  faChevronLeft,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faAngleDoubleDown,
-  faAngleDoubleLeft,
-  faChevronLeft
-)
+library.add(faAngleDoubleDown, faAngleDoubleLeft, faChevronLeft)
 
 const sortById = (a, b) => {
   const idA = a.type === 'retweet' ? a.retweeted_status.id : a.id
@@ -43,23 +39,25 @@ const sortAndFilterConversation = (conversation, statusoid) => {
   if (statusoid.type === 'retweet') {
     conversation = filter(
       conversation,
-      (status) => (status.type === 'retweet' || status.id !== statusoid.retweeted_status.id)
+      (status) =>
+        status.type === 'retweet' ||
+        status.id !== statusoid.retweeted_status.id,
     )
   } else {
     conversation = filter(conversation, (status) => status.type !== 'retweet')
   }
-  return conversation.filter(_ => _).sort(sortById)
+  return conversation.filter((_) => _).sort(sortById)
 }
 
 const conversation = {
-  data () {
+  data() {
     return {
       highlight: null,
       expanded: false,
       threadDisplayStatusObject: {}, // id => 'showing' | 'hidden'
       statusContentPropertiesObject: {},
       inlineDivePosition: null,
-      loadStatusError: null
+      loadStatusError: null,
     }
   },
   props: [
@@ -69,76 +67,80 @@ const conversation = {
     'pinnedStatusIdsObject',
     'inProfile',
     'profileUserId',
-    'virtualHidden'
+    'virtualHidden',
   ],
-  created () {
+  created() {
     if (this.isPage) {
       this.fetchConversation()
     }
   },
   computed: {
-    maxDepthToShowByDefault () {
+    maxDepthToShowByDefault() {
       // maxDepthInThread = max number of depths that is *visible*
       // since our depth starts with 0 and "showing" means "showing children"
       // there is a -2 here
       const maxDepth = this.$store.getters.mergedConfig.maxDepthInThread - 2
       return maxDepth >= 1 ? maxDepth : 1
     },
-    streamingEnabled () {
-      return this.mergedConfig.useStreamingApi && this.mastoUserSocketStatus === WSConnectionStatus.JOINED
+    streamingEnabled() {
+      return (
+        this.mergedConfig.useStreamingApi &&
+        this.mastoUserSocketStatus === WSConnectionStatus.JOINED
+      )
     },
-    displayStyle () {
+    displayStyle() {
       return this.$store.getters.mergedConfig.conversationDisplay
     },
-    isTreeView () {
+    isTreeView() {
       return !this.isLinearView
     },
-    treeViewIsSimple () {
+    treeViewIsSimple() {
       return !this.$store.getters.mergedConfig.conversationTreeAdvanced
     },
-    isLinearView () {
+    isLinearView() {
       return this.displayStyle === 'linear'
     },
-    shouldFadeAncestors () {
+    shouldFadeAncestors() {
       return this.$store.getters.mergedConfig.conversationTreeFadeAncestors
     },
-    otherRepliesButtonPosition () {
+    otherRepliesButtonPosition() {
       return this.$store.getters.mergedConfig.conversationOtherRepliesButton
     },
-    showOtherRepliesButtonBelowStatus () {
+    showOtherRepliesButtonBelowStatus() {
       return this.otherRepliesButtonPosition === 'below'
     },
-    showOtherRepliesButtonInsideStatus () {
+    showOtherRepliesButtonInsideStatus() {
       return this.otherRepliesButtonPosition === 'inside'
     },
-    suspendable () {
+    suspendable() {
       if (this.isTreeView) {
-        return Object.entries(this.statusContentProperties)
-          .every(([, prop]) => !prop.replying && prop.mediaPlaying.length === 0)
+        return Object.entries(this.statusContentProperties).every(
+          ([, prop]) => !prop.replying && prop.mediaPlaying.length === 0,
+        )
       }
       if (this.$refs.statusComponent && this.$refs.statusComponent[0]) {
-        return this.$refs.statusComponent.every(s => s.suspendable)
+        return this.$refs.statusComponent.every((s) => s.suspendable)
       } else {
         return true
       }
     },
-    hideStatus () {
+    hideStatus() {
       return this.virtualHidden && this.suspendable
     },
-    status () {
+    status() {
       return this.$store.state.statuses.allStatusesObject[this.statusId]
     },
-    originalStatusId () {
+    originalStatusId() {
       if (this.status.retweeted_status) {
         return this.status.retweeted_status.id
       } else {
         return this.statusId
       }
     },
-    conversationId () {
+    conversationId() {
       return this.getConversationId(this.statusId)
     },
-    conversation () {
+    conversation() {
       if (!this.status) {
         return []
       }
@@ -147,7 +149,9 @@ const conversation = {
         return [this.status]
       }
 
-      const conversation = clone(this.$store.state.statuses.conversationsObject[this.conversationId])
+      const conversation = clone(
+        this.$store.state.statuses.conversationsObject[this.conversationId],
+      )
       const statusIndex = findIndex(conversation, { id: this.originalStatusId })
       if (statusIndex !== -1) {
         conversation[statusIndex] = this.status
@@ -155,144 +159,188 @@ const conversation = {
 
       return sortAndFilterConversation(conversation, this.status)
     },
-    statusMap () {
+    statusMap() {
       return this.conversation.reduce((res, s) => {
         res[s.id] = s
         return res
       }, {})
     },
-    threadTree () {
-      const reverseLookupTable = this.conversation.reduce((table, status, index) => {
-        table[status.id] = index
-        return table
-      }, {})
+    threadTree() {
+      const reverseLookupTable = this.conversation.reduce(
+        (table, status, index) => {
+          table[status.id] = index
+          return table
+        },
+        {},
+      )
 
-      const threads = this.conversation.reduce((a, cur) => {
-        const id = cur.id
-        a.forest[id] = this.getReplies(id)
-          .map(s => s.id)
+      const threads = this.conversation.reduce(
+        (a, cur) => {
+          const id = cur.id
+          a.forest[id] = this.getReplies(id).map((s) => s.id)
 
-        return a
-      }, {
-        forest: {}
-      })
+          return a
+        },
+        {
+          forest: {},
+        },
+      )
 
-      const walk = (forest, topLevel, depth = 0, processed = {}) => topLevel.map(id => {
-        if (processed[id]) {
-          return []
-        }
+      const walk = (forest, topLevel, depth = 0, processed = {}) =>
+        topLevel
+          .map((id) => {
+            if (processed[id]) {
+              return []
+            }
 
-        processed[id] = true
-        return [{
-          status: this.conversation[reverseLookupTable[id]],
-          id,
-          depth
-        }, walk(forest, forest[id], depth + 1, processed)].reduce((a, b) => a.concat(b), [])
-      }).reduce((a, b) => a.concat(b), [])
+            processed[id] = true
+            return [
+              {
+                status: this.conversation[reverseLookupTable[id]],
+                id,
+                depth,
+              },
+              walk(forest, forest[id], depth + 1, processed),
+            ].reduce((a, b) => a.concat(b), [])
+          })
+          .reduce((a, b) => a.concat(b), [])
 
-      const linearized = walk(threads.forest, this.topLevel.map(k => k.id))
+      const linearized = walk(
+        threads.forest,
+        this.topLevel.map((k) => k.id),
+      )
 
       return linearized
     },
-    replyIds () {
-      return this.conversation.map(k => k.id)
+    replyIds() {
+      return this.conversation
+        .map((k) => k.id)
         .reduce((res, id) => {
-          res[id] = (this.replies[id] || []).map(k => k.id)
+          res[id] = (this.replies[id] || []).map((k) => k.id)
           return res
         }, {})
     },
-    totalReplyCount () {
+    totalReplyCount() {
       const sizes = {}
       const subTreeSizeFor = (id) => {
         if (sizes[id]) {
           return sizes[id]
         }
-        sizes[id] = 1 + this.replyIds[id].map(cid => subTreeSizeFor(cid)).reduce((a, b) => a + b, 0)
+        sizes[id] =
+          1 +
+          this.replyIds[id]
+            .map((cid) => subTreeSizeFor(cid))
+            .reduce((a, b) => a + b, 0)
         return sizes[id]
       }
-      this.conversation.map(k => k.id).map(subTreeSizeFor)
+      this.conversation.map((k) => k.id).map(subTreeSizeFor)
       return Object.keys(sizes).reduce((res, id) => {
         res[id] = sizes[id] - 1 // exclude itself
         return res
       }, {})
     },
-    totalReplyDepth () {
+    totalReplyDepth() {
       const depths = {}
       const subTreeDepthFor = (id) => {
         if (depths[id]) {
           return depths[id]
         }
-        depths[id] = 1 + this.replyIds[id].map(cid => subTreeDepthFor(cid)).reduce((a, b) => a > b ? a : b, 0)
+        depths[id] =
+          1 +
+          this.replyIds[id]
+            .map((cid) => subTreeDepthFor(cid))
+            .reduce((a, b) => (a > b ? a : b), 0)
         return depths[id]
       }
-      this.conversation.map(k => k.id).map(subTreeDepthFor)
+      this.conversation.map((k) => k.id).map(subTreeDepthFor)
       return Object.keys(depths).reduce((res, id) => {
         res[id] = depths[id] - 1 // exclude itself
         return res
       }, {})
     },
-    depths () {
+    depths() {
       return this.threadTree.reduce((a, k) => {
         a[k.id] = k.depth
         return a
       }, {})
     },
-    topLevel () {
-      const topLevel = this.conversation.reduce((tl, cur) =>
-        tl.filter(k => this.getReplies(cur.id).map(v => v.id).indexOf(k.id) === -1), this.conversation)
+    topLevel() {
+      const topLevel = this.conversation.reduce(
+        (tl, cur) =>
+          tl.filter(
+            (k) =>
+              this.getReplies(cur.id)
+                .map((v) => v.id)
+                .indexOf(k.id) === -1,
+          ),
+        this.conversation,
+      )
       return topLevel
     },
-    otherTopLevelCount () {
+    otherTopLevelCount() {
       return this.topLevel.length - 1
     },
-    showingTopLevel () {
+    showingTopLevel() {
       if (this.canDive && this.diveRoot) {
         return [this.statusMap[this.diveRoot]]
       }
       return this.topLevel
     },
-    diveRoot () {
+    diveRoot() {
       const statusId = this.inlineDivePosition || this.statusId
       const isTopLevel = !this.parentOf(statusId)
       return isTopLevel ? null : statusId
     },
-    diveDepth () {
+    diveDepth() {
       return this.canDive && this.diveRoot ? this.depths[this.diveRoot] : 0
     },
-    diveMode () {
+    diveMode() {
       return this.canDive && !!this.diveRoot
     },
-    shouldShowAllConversationButton () {
+    shouldShowAllConversationButton() {
       // The "show all conversation" button tells the user that there exist
       // other toplevel statuses, so do not show it if there is only a single root
-      return this.isTreeView && this.isExpanded && this.diveMode && this.topLevel.length > 1
+      return (
+        this.isTreeView &&
+        this.isExpanded &&
+        this.diveMode &&
+        this.topLevel.length > 1
+      )
     },
-    shouldShowAncestors () {
-      return this.isTreeView && this.isExpanded && this.ancestorsOf(this.diveRoot).length
+    shouldShowAncestors() {
+      return (
+        this.isTreeView &&
+        this.isExpanded &&
+        this.ancestorsOf(this.diveRoot).length
+      )
     },
-    replies () {
+    replies() {
       let i = 1
 
-      return reduce(this.conversation, (result, { id, in_reply_to_status_id: irid }) => {
-        if (irid) {
-          result[irid] = result[irid] || []
-          result[irid].push({
-            name: `#${i}`,
-            id
-          })
-        }
-        i++
-        return result
-      }, {})
+      return reduce(
+        this.conversation,
+        (result, { id, in_reply_to_status_id: irid }) => {
+          if (irid) {
+            result[irid] = result[irid] || []
+            result[irid].push({
+              name: `#${i}`,
+              id,
+            })
+          }
+          i++
+          return result
+        },
+        {},
+      )
     },
-    isExpanded () {
+    isExpanded() {
       return !!(this.expanded || this.isPage)
     },
-    hiddenStyle () {
+    hiddenStyle() {
       const height = (this.status && this.status.virtualHeight) || '120px'
       return this.virtualHidden ? { height } : {}
     },
-    threadDisplayStatus () {
+    threadDisplayStatus() {
       return this.conversation.reduce((a, k) => {
         const id = k.id
         const depth = this.depths[id]
@@ -300,7 +348,7 @@ const conversation = {
           if (this.threadDisplayStatusObject[id]) {
             return this.threadDisplayStatusObject[id]
           }
-          if ((depth - this.diveDepth) <= this.maxDepthToShowByDefault) {
+          if (depth - this.diveDepth <= this.maxDepthToShowByDefault) {
             return 'showing'
           } else {
             return 'hidden'
@@ -311,7 +359,7 @@ const conversation = {
         return a
       }, {})
     },
-    statusContentProperties () {
+    statusContentProperties() {
       return this.conversation.reduce((a, k) => {
         const id = k.id
         const props = (() => {
@@ -320,13 +368,13 @@ const conversation = {
             expandingSubject: false,
             showingLongSubject: false,
             isReplying: false,
-            mediaPlaying: []
+            mediaPlaying: [],
           }
 
           if (this.statusContentPropertiesObject[id]) {
             return {
               ...def,
-              ...this.statusContentPropertiesObject[id]
+              ...this.statusContentPropertiesObject[id],
             }
           }
           return def
@@ -336,54 +384,59 @@ const conversation = {
         return a
       }, {})
     },
-    canDive () {
+    canDive() {
       return this.isTreeView && this.isExpanded
     },
-    maybeHighlight () {
+    maybeHighlight() {
       return this.isExpanded ? this.highlight : null
     },
     ...mapGetters(['mergedConfig']),
     ...mapState({
-      mastoUserSocketStatus: state => state.api.mastoUserSocketStatus
+      mastoUserSocketStatus: (state) => state.api.mastoUserSocketStatus,
     }),
     ...mapPiniaState(useInterfaceStore, {
-      mobileLayout: store => store.layoutType === 'mobile'
-    })
+      mobileLayout: (store) => store.layoutType === 'mobile',
+    }),
   },
   components: {
     Status,
     ThreadTree,
     QuickFilterSettings,
-    QuickViewSettings
+    QuickViewSettings,
   },
   watch: {
-    statusId (newVal, oldVal) {
+    statusId(newVal, oldVal) {
       const newConversationId = this.getConversationId(newVal)
       const oldConversationId = this.getConversationId(oldVal)
-      if (newConversationId && oldConversationId && newConversationId === oldConversationId) {
+      if (
+        newConversationId &&
+        oldConversationId &&
+        newConversationId === oldConversationId
+      ) {
         this.setHighlight(this.originalStatusId)
       } else {
         this.fetchConversation()
       }
     },
-    expanded (value) {
+    expanded(value) {
       if (value) {
         this.fetchConversation()
       } else {
         this.resetDisplayState()
       }
     },
-    virtualHidden () {
-      this.$store.dispatch(
-        'setVirtualHeight',
-        { statusId: this.statusId, height: `${this.$el.clientHeight}px` }
-      )
-    }
+    virtualHidden() {
+      this.$store.dispatch('setVirtualHeight', {
+        statusId: this.statusId,
+        height: `${this.$el.clientHeight}px`,
+      })
+    },
   },
   methods: {
-    fetchConversation () {
+    fetchConversation() {
       if (this.status) {
-        this.$store.state.api.backendInteractor.fetchConversation({ id: this.statusId })
+        this.$store.state.api.backendInteractor
+          .fetchConversation({ id: this.statusId })
           .then(({ ancestors, descendants }) => {
             this.$store.dispatch('addNewStatuses', { statuses: ancestors })
             this.$store.dispatch('addNewStatuses', { statuses: descendants })
@@ -391,7 +444,8 @@ const conversation = {
           })
       } else {
         this.loadStatusError = null
-        this.$store.state.api.backendInteractor.fetchStatus({ id: this.statusId })
+        this.$store.state.api.backendInteractor
+          .fetchStatus({ id: this.statusId })
           .then((status) => {
             this.$store.dispatch('addNewStatuses', { statuses: [status] })
             this.fetchConversation()
@@ -401,16 +455,16 @@ const conversation = {
           })
       }
     },
-    isFocused (id) {
-      return (this.isExpanded) && id === this.highlight
+    isFocused(id) {
+      return this.isExpanded && id === this.highlight
     },
-    getReplies (id) {
+    getReplies(id) {
       return this.replies[id] || []
     },
-    getHighlight () {
+    getHighlight() {
       return this.isExpanded ? this.highlight : null
     },
-    setHighlight (id) {
+    setHighlight(id) {
       if (!id) return
       this.highlight = id
 
@@ -421,44 +475,54 @@ const conversation = {
       this.$store.dispatch('fetchFavsAndRepeats', id)
       this.$store.dispatch('fetchEmojiReactionsBy', id)
     },
-    toggleExpanded () {
+    toggleExpanded() {
       this.expanded = !this.expanded
     },
-    getConversationId (statusId) {
+    getConversationId(statusId) {
       const status = this.$store.state.statuses.allStatusesObject[statusId]
-      return get(status, 'retweeted_status.statusnet_conversation_id', get(status, 'statusnet_conversation_id'))
+      return get(
+        status,
+        'retweeted_status.statusnet_conversation_id',
+        get(status, 'statusnet_conversation_id'),
+      )
     },
-    setThreadDisplay (id, nextStatus) {
+    setThreadDisplay(id, nextStatus) {
       this.threadDisplayStatusObject = {
         ...this.threadDisplayStatusObject,
-        [id]: nextStatus
+        [id]: nextStatus,
       }
     },
-    toggleThreadDisplay (id) {
+    toggleThreadDisplay(id) {
       const curStatus = this.threadDisplayStatus[id]
       const nextStatus = curStatus === 'showing' ? 'hidden' : 'showing'
       this.setThreadDisplay(id, nextStatus)
     },
-    setThreadDisplayRecursively (id, nextStatus) {
+    setThreadDisplayRecursively(id, nextStatus) {
       this.setThreadDisplay(id, nextStatus)
-      this.getReplies(id).map(k => k.id).map(id => this.setThreadDisplayRecursively(id, nextStatus))
+      this.getReplies(id)
+        .map((k) => k.id)
+        .map((id) => this.setThreadDisplayRecursively(id, nextStatus))
     },
-    showThreadRecursively (id) {
+    showThreadRecursively(id) {
       this.setThreadDisplayRecursively(id, 'showing')
     },
-    setStatusContentProperty (id, name, value) {
+    setStatusContentProperty(id, name, value) {
       this.statusContentPropertiesObject = {
         ...this.statusContentPropertiesObject,
         [id]: {
           ...this.statusContentPropertiesObject[id],
-          [name]: value
-        }
+          [name]: value,
+        },
       }
     },
-    toggleStatusContentProperty (id, name) {
-      this.setStatusContentProperty(id, name, !this.statusContentProperties[id][name])
+    toggleStatusContentProperty(id, name) {
+      this.setStatusContentProperty(
+        id,
+        name,
+        !this.statusContentProperties[id][name],
+      )
     },
-    leastVisibleAncestor (id) {
+    leastVisibleAncestor(id) {
       let cur = id
       let parent = this.parentOf(cur)
       while (cur) {
@@ -472,18 +536,20 @@ const conversation = {
       // nothing found, fall back to toplevel
       return this.topLevel[0] ? this.topLevel[0].id : undefined
     },
-    diveIntoStatus (id) {
+    diveIntoStatus(id) {
       this.tryScrollTo(id)
     },
-    diveToTopLevel () {
-      this.tryScrollTo(this.topLevelAncestorOrSelfId(this.diveRoot) || this.topLevel[0].id)
+    diveToTopLevel() {
+      this.tryScrollTo(
+        this.topLevelAncestorOrSelfId(this.diveRoot) || this.topLevel[0].id,
+      )
     },
     // only used when we are not on a page
-    undive () {
+    undive() {
       this.inlineDivePosition = null
       this.setHighlight(this.statusId)
     },
-    tryScrollTo (id) {
+    tryScrollTo(id) {
       if (!id) {
         return
       }
@@ -512,13 +578,13 @@ const conversation = {
         this.setHighlight(id)
       })
     },
-    goToCurrent () {
+    goToCurrent() {
       this.tryScrollTo(this.diveRoot || this.topLevel[0].id)
     },
-    statusById (id) {
+    statusById(id) {
       return this.statusMap[id]
     },
-    parentOf (id) {
+    parentOf(id) {
       const status = this.statusById(id)
       if (!status) {
         return undefined
@@ -529,11 +595,11 @@ const conversation = {
       }
       return parentId
     },
-    parentOrSelf (id) {
+    parentOrSelf(id) {
       return this.parentOf(id) || id
     },
     // Ancestors of some status, from top to bottom
-    ancestorsOf (id) {
+    ancestorsOf(id) {
       const ancestors = []
       let cur = this.parentOf(id)
       while (cur) {
@@ -542,7 +608,7 @@ const conversation = {
       }
       return ancestors
     },
-    topLevelAncestorOrSelfId (id) {
+    topLevelAncestorOrSelfId(id) {
       let cur = id
       let parent = this.parentOf(id)
       while (parent) {
@@ -551,11 +617,11 @@ const conversation = {
       }
       return cur
     },
-    resetDisplayState () {
+    resetDisplayState() {
       this.undive()
       this.threadDisplayStatusObject = {}
-    }
-  }
+    },
+  },
 }
 
 export default conversation
diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index 98d408a7e..a775ff090 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -12,7 +12,7 @@ import {
   faSearch,
   faTachometerAlt,
   faCog,
-  faInfoCircle
+  faInfoCircle,
 } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
@@ -27,91 +27,109 @@ library.add(
   faSearch,
   faTachometerAlt,
   faCog,
-  faInfoCircle
+  faInfoCircle,
 )
 
 export default {
   components: {
     SearchBar,
-    ConfirmModal
+    ConfirmModal,
   },
   data: () => ({
     searchBarHidden: true,
-    supportsMask: window.CSS && window.CSS.supports && (
-      window.CSS.supports('mask-size', 'contain') ||
+    supportsMask:
+      window.CSS &&
+      window.CSS.supports &&
+      (window.CSS.supports('mask-size', 'contain') ||
         window.CSS.supports('-webkit-mask-size', 'contain') ||
         window.CSS.supports('-moz-mask-size', 'contain') ||
         window.CSS.supports('-ms-mask-size', 'contain') ||
-        window.CSS.supports('-o-mask-size', 'contain')
-    ),
-    showingConfirmLogout: false
+        window.CSS.supports('-o-mask-size', 'contain')),
+    showingConfirmLogout: false,
   }),
   computed: {
-    enableMask () { return this.supportsMask && this.$store.state.instance.logoMask },
-    logoStyle () {
+    enableMask() {
+      return this.supportsMask && this.$store.state.instance.logoMask
+    },
+    logoStyle() {
       return {
-        visibility: this.enableMask ? 'hidden' : 'visible'
+        visibility: this.enableMask ? 'hidden' : 'visible',
       }
     },
-    logoMaskStyle () {
+    logoMaskStyle() {
       return this.enableMask
         ? {
-            'mask-image': `url(${this.$store.state.instance.logo})`
+            'mask-image': `url(${this.$store.state.instance.logo})`,
           }
         : {
-            'background-color': this.enableMask ? '' : 'transparent'
+            'background-color': this.enableMask ? '' : 'transparent',
           }
     },
-    logoBgStyle () {
-      return Object.assign({
-        margin: `${this.$store.state.instance.logoMargin} 0`,
-        opacity: this.searchBarHidden ? 1 : 0
-      }, this.enableMask
-        ? {}
-        : {
-            'background-color': this.enableMask ? '' : 'transparent'
-          })
+    logoBgStyle() {
+      return Object.assign(
+        {
+          margin: `${this.$store.state.instance.logoMargin} 0`,
+          opacity: this.searchBarHidden ? 1 : 0,
+        },
+        this.enableMask
+          ? {}
+          : {
+              'background-color': this.enableMask ? '' : 'transparent',
+            },
+      )
     },
-    logo () { return this.$store.state.instance.logo },
-    sitename () { return this.$store.state.instance.name },
-    hideSitename () { return this.$store.state.instance.hideSitename },
-    logoLeft () { return this.$store.state.instance.logoLeft },
-    currentUser () { return this.$store.state.users.currentUser },
-    privateMode () { return this.$store.state.instance.private },
-    shouldConfirmLogout () {
+    logo() {
+      return this.$store.state.instance.logo
+    },
+    sitename() {
+      return this.$store.state.instance.name
+    },
+    hideSitename() {
+      return this.$store.state.instance.hideSitename
+    },
+    logoLeft() {
+      return this.$store.state.instance.logoLeft
+    },
+    currentUser() {
+      return this.$store.state.users.currentUser
+    },
+    privateMode() {
+      return this.$store.state.instance.private
+    },
+    shouldConfirmLogout() {
       return this.$store.getters.mergedConfig.modalOnLogout
-    }
+    },
   },
   methods: {
-    scrollToTop () {
+    scrollToTop() {
       window.scrollTo(0, 0)
     },
-    showConfirmLogout () {
+    showConfirmLogout() {
       this.showingConfirmLogout = true
     },
-    hideConfirmLogout () {
+    hideConfirmLogout() {
       this.showingConfirmLogout = false
     },
-    logout () {
+    logout() {
       if (!this.shouldConfirmLogout) {
         this.doLogout()
       } else {
         this.showConfirmLogout()
       }
     },
-    doLogout () {
+    doLogout() {
       this.$router.replace('/main/public')
       this.$store.dispatch('logout')
       this.hideConfirmLogout()
     },
-    onSearchBarToggled (hidden) {
+    onSearchBarToggled(hidden) {
       this.searchBarHidden = hidden
     },
-    openSettingsModal () {
+    openSettingsModal() {
       useInterfaceStore().openSettingsModal('user')
     },
-    openAdminModal () {
+    openAdminModal() {
       useInterfaceStore().openSettingsModal('admin')
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/dialog_modal/dialog_modal.js b/src/components/dialog_modal/dialog_modal.js
index b39851fe7..fa7b6b364 100644
--- a/src/components/dialog_modal/dialog_modal.js
+++ b/src/components/dialog_modal/dialog_modal.js
@@ -2,18 +2,18 @@ const DialogModal = {
   props: {
     darkOverlay: {
       default: true,
-      type: Boolean
+      type: Boolean,
     },
     onCancel: {
       default: () => {},
-      type: Function
-    }
+      type: Function,
+    },
   },
   computed: {
-    mobileCenter () {
+    mobileCenter() {
       return this.$store.getters.mergedConfig.modalMobileCenter
-    }
-  }
+    },
+  },
 }
 
 export default DialogModal
diff --git a/src/components/dm_timeline/dm_timeline.js b/src/components/dm_timeline/dm_timeline.js
index 8b5393a98..c977efe30 100644
--- a/src/components/dm_timeline/dm_timeline.js
+++ b/src/components/dm_timeline/dm_timeline.js
@@ -2,13 +2,13 @@ import Timeline from '../timeline/timeline.vue'
 
 const DMs = {
   computed: {
-    timeline () {
+    timeline() {
       return this.$store.state.statuses.timelines.dms
-    }
+    },
   },
   components: {
-    Timeline
-  }
+    Timeline,
+  },
 }
 
 export default DMs
diff --git a/src/components/domain_mute_card/domain_mute_card.js b/src/components/domain_mute_card/domain_mute_card.js
index f234dcb0f..71da2684c 100644
--- a/src/components/domain_mute_card/domain_mute_card.js
+++ b/src/components/domain_mute_card/domain_mute_card.js
@@ -3,24 +3,24 @@ import ProgressButton from '../progress_button/progress_button.vue'
 const DomainMuteCard = {
   props: ['domain'],
   components: {
-    ProgressButton
+    ProgressButton,
   },
   computed: {
-    user () {
+    user() {
       return this.$store.state.users.currentUser
     },
-    muted () {
+    muted() {
       return this.user.domainMutes.includes(this.domain)
-    }
+    },
   },
   methods: {
-    unmuteDomain () {
+    unmuteDomain() {
       return this.$store.dispatch('unmuteDomain', this.domain)
     },
-    muteDomain () {
+    muteDomain() {
       return this.$store.dispatch('muteDomain', this.domain)
-    }
-  }
+    },
+  },
 }
 
 export default DomainMuteCard
diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index 55ee11a15..1f1a871cc 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -6,13 +6,9 @@ import Gallery from 'src/components/gallery/gallery.vue'
 import { cloneDeep } from 'lodash'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faPollH
-} from '@fortawesome/free-solid-svg-icons'
+import { faPollH } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faPollH
-)
+library.add(faPollH)
 
 const Draft = {
   components: {
@@ -20,23 +16,23 @@ const Draft = {
     EditStatusForm,
     ConfirmModal,
     StatusContent,
-    Gallery
+    Gallery,
   },
   props: {
     draft: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
-  data () {
+  data() {
     return {
       referenceDraft: cloneDeep(this.draft),
       editing: false,
-      showingConfirmDialog: false
+      showingConfirmDialog: false,
     }
   },
   computed: {
-    relAttrs () {
+    relAttrs() {
       if (this.draft.type === 'edit') {
         return { statusId: this.draft.refId }
       } else if (this.draft.type === 'reply') {
@@ -45,24 +41,24 @@ const Draft = {
         return {}
       }
     },
-    safeToSave () {
-      return this.draft.status ||
-        this.draft.files?.length ||
-        this.draft.hasPoll
+    safeToSave() {
+      return this.draft.status || this.draft.files?.length || this.draft.hasPoll
     },
-    postStatusFormProps () {
+    postStatusFormProps() {
       return {
         draftId: this.draft.id,
-        ...this.relAttrs
+        ...this.relAttrs,
       }
     },
-    refStatus () {
-      return this.draft.refId ? this.$store.state.statuses.allStatusesObject[this.draft.refId] : undefined
+    refStatus() {
+      return this.draft.refId
+        ? this.$store.state.statuses.allStatusesObject[this.draft.refId]
+        : undefined
     },
-    localCollapseSubjectDefault () {
+    localCollapseSubjectDefault() {
       return this.$store.getters.mergedConfig.collapseMessageWithSubject
     },
-    nsfwClickthrough () {
+    nsfwClickthrough() {
       if (!this.draft.nsfw) {
         return false
       }
@@ -70,35 +66,34 @@ const Draft = {
         return false
       }
       return true
-    }
+    },
   },
   watch: {
-    editing (newVal) {
+    editing(newVal) {
       if (newVal) return
       if (this.safeToSave) {
         this.$store.dispatch('addOrSaveDraft', { draft: this.draft })
       } else {
         this.$store.dispatch('addOrSaveDraft', { draft: this.referenceDraft })
       }
-    }
+    },
   },
   methods: {
-    toggleEditing () {
+    toggleEditing() {
       this.editing = !this.editing
     },
-    abandon () {
+    abandon() {
       this.showingConfirmDialog = true
     },
-    doAbandon () {
-      this.$store.dispatch('abandonDraft', { id: this.draft.id })
-        .then(() => {
-          this.hideConfirmDialog()
-        })
+    doAbandon() {
+      this.$store.dispatch('abandonDraft', { id: this.draft.id }).then(() => {
+        this.hideConfirmDialog()
+      })
     },
-    hideConfirmDialog () {
+    hideConfirmDialog() {
       this.showingConfirmDialog = false
-    }
-  }
+    },
+  },
 }
 
 export default Draft
diff --git a/src/components/draft_closer/draft_closer.js b/src/components/draft_closer/draft_closer.js
index e50ea05ab..d724ab4ac 100644
--- a/src/components/draft_closer/draft_closer.js
+++ b/src/components/draft_closer/draft_closer.js
@@ -1,32 +1,29 @@
 import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
 
 const DraftCloser = {
-  data () {
+  data() {
     return {
-      showing: false
+      showing: false,
     }
   },
   components: {
-    DialogModal
+    DialogModal,
   },
-  emits: [
-    'save',
-    'discard'
-  ],
+  emits: ['save', 'discard'],
   computed: {
-    action () {
+    action() {
       if (this.$store.getters.mergedConfig.autoSaveDraft) {
         return 'save'
       } else {
         return this.$store.getters.mergedConfig.unsavedPostAction
       }
     },
-    shouldConfirm () {
+    shouldConfirm() {
       return this.action === 'confirm'
-    }
+    },
   },
   methods: {
-    requestClose () {
+    requestClose() {
       if (this.shouldConfirm) {
         this.showing = true
       } else if (this.action === 'save') {
@@ -35,18 +32,18 @@ const DraftCloser = {
         this.discard()
       }
     },
-    save () {
+    save() {
       this.$emit('save')
       this.showing = false
     },
-    discard () {
+    discard() {
       this.$emit('discard')
       this.showing = false
     },
-    cancel () {
+    cancel() {
       this.showing = false
-    }
-  }
+    },
+  },
 }
 
 export default DraftCloser
diff --git a/src/components/drafts/drafts.js b/src/components/drafts/drafts.js
index 201417f66..8acde3c17 100644
--- a/src/components/drafts/drafts.js
+++ b/src/components/drafts/drafts.js
@@ -4,13 +4,13 @@ import List from 'src/components/list/list.vue'
 const Drafts = {
   components: {
     Draft,
-    List
+    List,
   },
   computed: {
-    drafts () {
+    drafts() {
       return this.$store.getters.draftsArray
-    }
-  }
+    },
+  },
 }
 
 export default Drafts
diff --git a/src/components/edit_status_form/edit_status_form.js b/src/components/edit_status_form/edit_status_form.js
index 323763370..a3c02c2a3 100644
--- a/src/components/edit_status_form/edit_status_form.js
+++ b/src/components/edit_status_form/edit_status_form.js
@@ -3,19 +3,19 @@ import statusPosterService from '../../services/status_poster/status_poster.serv
 
 const EditStatusForm = {
   components: {
-    PostStatusForm
+    PostStatusForm,
   },
   props: {
     params: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
   methods: {
-    requestClose () {
+    requestClose() {
       this.$refs.postStatusForm.requestClose()
     },
-    doEditStatus ({ status, spoilerText, sensitive, media, contentType, poll }) {
+    doEditStatus({ status, spoilerText, sensitive, media, contentType, poll }) {
       const params = {
         store: this.$store,
         statusId: this.params.statusId,
@@ -24,21 +24,22 @@ const EditStatusForm = {
         sensitive,
         poll,
         media,
-        contentType
+        contentType,
       }
 
-      return statusPosterService.editStatus(params)
+      return statusPosterService
+        .editStatus(params)
         .then((data) => {
           return data
         })
         .catch((err) => {
           console.error('Error editing status', err)
           return {
-            error: err.message
+            error: err.message,
           }
         })
-    }
-  }
+    },
+  },
 }
 
 export default EditStatusForm
diff --git a/src/components/edit_status_modal/edit_status_modal.js b/src/components/edit_status_modal/edit_status_modal.js
index 4c10c21a0..7daed7c89 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -6,29 +6,29 @@ import { useEditStatusStore } from 'src/stores/editStatus'
 const EditStatusModal = {
   components: {
     EditStatusForm,
-    Modal
+    Modal,
   },
-  data () {
+  data() {
     return {
-      resettingForm: false
+      resettingForm: false,
     }
   },
   computed: {
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    modalActivated () {
+    modalActivated() {
       return useEditStatusStore().modalActivated
     },
-    isFormVisible () {
+    isFormVisible() {
       return this.isLoggedIn && !this.resettingForm && this.modalActivated
     },
-    params () {
+    params() {
       return useEditStatusStore().params || {}
-    }
+    },
   },
   watch: {
-    params (newVal, oldVal) {
+    params(newVal, oldVal) {
       if (get(newVal, 'statusId') !== get(oldVal, 'statusId')) {
         this.resettingForm = true
         this.$nextTick(() => {
@@ -36,20 +36,22 @@ const EditStatusModal = {
         })
       }
     },
-    isFormVisible (val) {
+    isFormVisible(val) {
       if (val) {
-        this.$nextTick(() => this.$el && this.$el.querySelector('textarea').focus())
+        this.$nextTick(
+          () => this.$el && this.$el.querySelector('textarea').focus(),
+        )
       }
-    }
+    },
   },
   methods: {
-    closeModal () {
+    closeModal() {
       this.$refs.editStatusForm.requestClose()
     },
-    doCloseModal () {
+    doCloseModal() {
       useEditStatusStore().closeEditStatusModal()
-    }
-  }
+    },
+  },
 }
 
 export default EditStatusModal
diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index f6ba6e245..8f681c25c 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -8,13 +8,9 @@ import { take } from 'lodash'
 import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
 import { ensureFinalFallback } from '../../i18n/languages.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faSmileBeam
-} from '@fortawesome/free-regular-svg-icons'
+import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
 
-library.add(
-  faSmileBeam
-)
+library.add(faSmileBeam)
 
 /**
  * EmojiInput - augmented inputs for emoji and autocomplete support in inputs
@@ -60,14 +56,14 @@ const EmojiInput = {
        * For commonly used suggestors (emoji, users, both) use suggestor.js
        */
       required: true,
-      type: Function
+      type: Function,
     },
     modelValue: {
       /**
        * Used for v-model
        */
       required: true,
-      type: String
+      type: String,
     },
     enableEmojiPicker: {
       /**
@@ -75,7 +71,7 @@ const EmojiInput = {
        */
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     hideEmojiButton: {
       /**
@@ -84,7 +80,7 @@ const EmojiInput = {
        */
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     enableStickerPicker: {
       /**
@@ -92,7 +88,7 @@ const EmojiInput = {
        */
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     placement: {
       /**
@@ -101,15 +97,15 @@ const EmojiInput = {
        */
       required: false,
       type: String, // 'auto', 'top', 'bottom'
-      default: 'auto'
+      default: 'auto',
     },
     newlineOnCtrlEnter: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
-  data () {
+  data() {
     return {
       randomSeed: genRandomSeed(),
       input: undefined,
@@ -122,58 +118,65 @@ const EmojiInput = {
       disableClickOutside: false,
       suggestions: [],
       overlayStyle: {},
-      pickerShown: false
+      pickerShown: false,
     }
   },
   components: {
     Popover,
     EmojiPicker,
     UnicodeDomainIndicator,
-    ScreenReaderNotice
+    ScreenReaderNotice,
   },
   computed: {
-    padEmoji () {
+    padEmoji() {
       return this.$store.getters.mergedConfig.padEmoji
     },
-    defaultCandidateIndex () {
+    defaultCandidateIndex() {
       return this.$store.getters.mergedConfig.autocompleteSelect ? 0 : -1
     },
-    preText () {
+    preText() {
       return this.modelValue.slice(0, this.caret)
     },
-    postText () {
+    postText() {
       return this.modelValue.slice(this.caret)
     },
-    showSuggestions () {
-      return this.focused &&
+    showSuggestions() {
+      return (
+        this.focused &&
         this.suggestions &&
         this.suggestions.length > 0 &&
         !this.pickerShown &&
         !this.temporarilyHideSuggestions
+      )
     },
-    textAtCaret () {
+    textAtCaret() {
       return this.wordAtCaret?.word
     },
-    wordAtCaret () {
+    wordAtCaret() {
       if (this.modelValue && this.caret) {
-        const word = Completion.wordAtPosition(this.modelValue, this.caret - 1) || {}
+        const word =
+          Completion.wordAtPosition(this.modelValue, this.caret - 1) || {}
         return word
       }
     },
-    languages () {
-      return ensureFinalFallback(this.$store.getters.mergedConfig.interfaceLanguage)
+    languages() {
+      return ensureFinalFallback(
+        this.$store.getters.mergedConfig.interfaceLanguage,
+      )
     },
-    maybeLocalizedEmojiNamesAndKeywords () {
-      return emoji => {
+    maybeLocalizedEmojiNamesAndKeywords() {
+      return (emoji) => {
         const names = [emoji.displayText]
         const keywords = []
 
         if (emoji.displayTextI18n) {
-          names.push(this.$t(emoji.displayTextI18n.key, emoji.displayTextI18n.args))
+          names.push(
+            this.$t(emoji.displayTextI18n.key, emoji.displayTextI18n.args),
+          )
         }
 
         if (emoji.annotations) {
-          this.languages.forEach(lang => {
+          this.languages.forEach((lang) => {
             names.push(emoji.annotations[lang]?.name)
 
             keywords.push(...(emoji.annotations[lang]?.keywords || []))
@@ -181,13 +184,13 @@ const EmojiInput = {
         }
 
         return {
-          names: names.filter(k => k),
-          keywords: keywords.filter(k => k)
+          names: names.filter((k) => k),
+          keywords: keywords.filter((k) => k),
         }
       }
     },
-    maybeLocalizedEmojiName () {
-      return emoji => {
+    maybeLocalizedEmojiName() {
+      return (emoji) => {
         if (!emoji.annotations) {
           return emoji.displayText
         }
@@ -205,16 +208,18 @@ const EmojiInput = {
         return emoji.displayText
       }
     },
-    suggestionListId () {
+    suggestionListId() {
       return `suggestions-${this.randomSeed}`
     },
-    suggestionItemId () {
+    suggestionItemId() {
       return (index) => `suggestion-item-${index}-${this.randomSeed}`
-    }
+    },
   },
-  mounted () {
+  mounted() {
     const { root, hiddenOverlayCaret, suggestorPopover } = this.$refs
-    const input = root.querySelector('.emoji-input > input') || root.querySelector('.emoji-input > textarea')
+    const input =
+      root.querySelector('.emoji-input > input') ||
+      root.querySelector('.emoji-input > textarea')
     if (!input) return
     this.input = input
     this.caretEl = hiddenOverlayCaret
@@ -243,7 +248,7 @@ const EmojiInput = {
     input.addEventListener('input', this.onInput)
     input.addEventListener('scroll', this.onInputScroll)
   },
-  unmounted () {
+  unmounted() {
     const { input } = this
     if (input) {
       input.removeEventListener('blur', this.onBlur)
@@ -273,36 +278,40 @@ const EmojiInput = {
         this.suggestions = []
         return
       }
-      const matchedSuggestions = await this.suggest(newWord, this.maybeLocalizedEmojiNamesAndKeywords)
+      const matchedSuggestions = await this.suggest(
+        newWord,
+        this.maybeLocalizedEmojiNamesAndKeywords,
+      )
       // Async: cancel if textAtCaret has changed during wait
       if (this.textAtCaret !== newWord || matchedSuggestions.length <= 0) {
         this.suggestions = []
         return
       }
-      this.suggestions = take(matchedSuggestions, 5)
-        .map(({ imageUrl, ...rest }) => ({
+      this.suggestions = take(matchedSuggestions, 5).map(
+        ({ imageUrl, ...rest }) => ({
           ...rest,
-          img: imageUrl || ''
-        }))
+          img: imageUrl || '',
+        }),
+      )
       this.highlighted = this.defaultCandidateIndex
       this.$refs.screenReaderNotice.announce(
         this.$t(
           'tool_tip.autocomplete_available',
           { number: this.suggestions.length },
-          this.suggestions.length
-        )
+          this.suggestions.length,
+        ),
       )
-    }
+    },
   },
   methods: {
-    onInputScroll (e) {
+    onInputScroll(e) {
       this.$refs.hiddenOverlay.scrollTo({
         top: this.input.scrollTop,
-        left: this.input.scrollLeft
+        left: this.input.scrollLeft,
       })
       this.setCaret(e)
     },
-    triggerShowPicker () {
+    triggerShowPicker() {
       this.$nextTick(() => {
         this.$refs.picker.showPicker()
         this.scrollIntoView()
@@ -315,7 +324,7 @@ const EmojiInput = {
         this.disableClickOutside = false
       }, 0)
     },
-    togglePicker () {
+    togglePicker() {
       this.input.focus()
       if (!this.pickerShown) {
         this.scrollIntoView()
@@ -325,12 +334,16 @@ const EmojiInput = {
         this.$refs.picker.hidePicker()
       }
     },
-    replace (replacement) {
-      const newValue = Completion.replaceWord(this.modelValue, this.wordAtCaret, replacement)
+    replace(replacement) {
+      const newValue = Completion.replaceWord(
+        this.modelValue,
+        this.wordAtCaret,
+        replacement,
+      )
       this.$emit('update:modelValue', newValue)
       this.caret = 0
     },
-    insert ({ insertion, keepOpen, surroundingSpace = true }) {
+    insert({ insertion, keepOpen, surroundingSpace = true }) {
       const before = this.modelValue.substring(0, this.caret) || ''
       const after = this.modelValue.substring(this.caret) || ''
 
@@ -349,18 +362,24 @@ const EmojiInput = {
        * them, masto seem to be rendering :emoji::emoji: correctly now so why not
        */
       const isSpaceRegex = /\s/
-      const spaceBefore = (surroundingSpace && !isSpaceRegex.exec(before.slice(-1)) && before.length && this.padEmoji > 0) ? ' ' : ''
-      const spaceAfter = (surroundingSpace && !isSpaceRegex.exec(after[0]) && this.padEmoji) ? ' ' : ''
+      const spaceBefore =
+        surroundingSpace &&
+        !isSpaceRegex.exec(before.slice(-1)) &&
+        before.length &&
+        this.padEmoji > 0
+          ? ' '
+          : ''
+      const spaceAfter =
+        surroundingSpace && !isSpaceRegex.exec(after[0]) && this.padEmoji
+          ? ' '
+          : ''
 
-      const newValue = [
-        before,
-        spaceBefore,
-        insertion,
-        spaceAfter,
-        after
-      ].join('')
+      const newValue = [before, spaceBefore, insertion, spaceAfter, after].join(
+        '',
+      )
       this.$emit('update:modelValue', newValue)
-      const position = this.caret + (insertion + spaceAfter + spaceBefore).length
+      const position =
+        this.caret + (insertion + spaceAfter + spaceBefore).length
       if (!keepOpen) {
         this.input.focus()
       }
@@ -372,13 +391,20 @@ const EmojiInput = {
         this.caret = position
       })
     },
-    replaceText (e, suggestion) {
+    replaceText(e, suggestion) {
       const len = this.suggestions.length || 0
-      if (this.textAtCaret.length === 1) { return }
+      if (this.textAtCaret.length === 1) {
+        return
+      }
       if (len > 0 || suggestion) {
-        const chosenSuggestion = suggestion || this.suggestions[this.highlighted]
+        const chosenSuggestion =
+          suggestion || this.suggestions[this.highlighted]
         const replacement = chosenSuggestion.replacement
-        const newValue = Completion.replaceWord(this.modelValue, this.wordAtCaret, replacement)
+        const newValue = Completion.replaceWord(
+          this.modelValue,
+          this.wordAtCaret,
+          replacement,
+        )
         this.$emit('update:modelValue', newValue)
         this.highlighted = 0
         const position = this.wordAtCaret.start + replacement.length
@@ -393,7 +419,7 @@ const EmojiInput = {
         e.preventDefault()
       }
     },
-    cycleBackward (e) {
+    cycleBackward(e) {
       const len = this.suggestions.length || 0
 
       this.highlighted -= 1
@@ -406,7 +432,7 @@ const EmojiInput = {
         e.preventDefault()
       }
     },
-    cycleForward (e) {
+    cycleForward(e) {
       const len = this.suggestions.length || 0
 
       this.highlighted += 1
@@ -418,26 +444,28 @@ const EmojiInput = {
         e.preventDefault()
       }
     },
-    scrollIntoView () {
+    scrollIntoView() {
       const rootRef = this.$refs.picker.$el
       /* Scroller is either `window` (replies in TL), sidebar (main post form,
        * replies in notifs) or mobile post form. Note that getting and setting
        * scroll is different for `Window` and `Element`s
        */
-      const scrollerRef = this.$el.closest('.sidebar-scroller') ||
-            this.$el.closest('.post-form-modal-view') ||
-            window
-      const currentScroll = scrollerRef === window
-        ? scrollerRef.scrollY
-        : scrollerRef.scrollTop
-      const scrollerHeight = scrollerRef === window
-        ? scrollerRef.innerHeight
-        : scrollerRef.offsetHeight
+      const scrollerRef =
+        this.$el.closest('.sidebar-scroller') ||
+        this.$el.closest('.post-form-modal-view') ||
+        window
+      const currentScroll =
+        scrollerRef === window ? scrollerRef.scrollY : scrollerRef.scrollTop
+      const scrollerHeight =
+        scrollerRef === window
+          ? scrollerRef.innerHeight
+          : scrollerRef.offsetHeight
 
       const scrollerBottomBorder = currentScroll + scrollerHeight
       // We check where the bottom border of root element is, this uses findOffset
       // to find offset relative to scrollable container (scroller)
-      const rootBottomBorder = rootRef.offsetHeight + findOffset(rootRef, scrollerRef).top
+      const rootBottomBorder =
+        rootRef.offsetHeight + findOffset(rootRef, scrollerRef).top
 
       const bottomDelta = Math.max(0, rootBottomBorder - scrollerBottomBorder)
       // could also check top delta but there's no case for it
@@ -459,13 +487,13 @@ const EmojiInput = {
         }
       })
     },
-    onPickerShown () {
+    onPickerShown() {
       this.pickerShown = true
     },
-    onPickerClosed () {
+    onPickerClosed() {
       this.pickerShown = false
     },
-    onBlur (e) {
+    onBlur(e) {
       // Clicking on any suggestion removes focus from autocomplete,
       // preventing click handler ever executing.
       this.blurTimeout = setTimeout(() => {
@@ -473,10 +501,10 @@ const EmojiInput = {
         this.setCaret(e)
       }, 200)
     },
-    onClick (e, suggestion) {
+    onClick(e, suggestion) {
       this.replaceText(e, suggestion)
     },
-    onFocus (e) {
+    onFocus(e) {
       if (this.blurTimeout) {
         clearTimeout(this.blurTimeout)
         this.blurTimeout = null
@@ -486,7 +514,7 @@ const EmojiInput = {
       this.setCaret(e)
       this.temporarilyHideSuggestions = false
     },
-    onKeyUp (e) {
+    onKeyUp(e) {
       const { key } = e
       this.setCaret(e)
 
@@ -498,10 +526,10 @@ const EmojiInput = {
         this.temporarilyHideSuggestions = false
       }
     },
-    onPaste (e) {
+    onPaste(e) {
       this.setCaret(e)
     },
-    onKeyDown (e) {
+    onKeyDown(e) {
       const { ctrlKey, shiftKey, key } = e
       if (this.newlineOnCtrlEnter && ctrlKey && key === 'Enter') {
         this.insert({ insertion: '\n', surroundingSpace: false })
@@ -545,30 +573,30 @@ const EmojiInput = {
         }
       }
     },
-    onInput (e) {
+    onInput(e) {
       this.setCaret(e)
       this.$emit('update:modelValue', e.target.value)
     },
-    onStickerUploaded (e) {
+    onStickerUploaded(e) {
       this.$emit('sticker-uploaded', e)
     },
-    onStickerUploadFailed (e) {
+    onStickerUploadFailed(e) {
       this.$emit('sticker-upload-Failed', e)
     },
-    setCaret ({ target: { selectionStart } }) {
+    setCaret({ target: { selectionStart } }) {
       this.caret = selectionStart
       this.$nextTick(() => {
         this.$refs.suggestorPopover.updateStyles()
       })
     },
-    autoCompleteItemLabel (suggestion) {
+    autoCompleteItemLabel(suggestion) {
       if (suggestion.user) {
         return suggestion.displayText + ' ' + suggestion.detailText
       } else {
         return this.maybeLocalizedEmojiName(suggestion)
       }
-    }
-  }
+    },
+  },
 }
 
 export default EmojiInput
diff --git a/src/components/emoji_input/suggestor.js b/src/components/emoji_input/suggestor.js
index f2daf2f46..79d97cff7 100644
--- a/src/components/emoji_input/suggestor.js
+++ b/src/components/emoji_input/suggestor.js
@@ -10,7 +10,7 @@
  * doesn't support user linking you can just provide only emoji.
  */
 
-export default data => {
+export default (data) => {
   const emojiCurry = suggestEmoji(data.emoji)
   const usersCurry = data.store && suggestUsers(data.store)
   return (input, nameKeywordLocalizer) => {
@@ -25,22 +25,35 @@ export default data => {
   }
 }
 
-export const suggestEmoji = emojis => (input, nameKeywordLocalizer) => {
+export const suggestEmoji = (emojis) => (input, nameKeywordLocalizer) => {
   const noPrefix = input.toLowerCase().substr(1)
   return emojis
-    .map(emoji => ({ ...emoji, ...nameKeywordLocalizer(emoji) }))
-    .filter((emoji) => (emoji.names.concat(emoji.keywords)).filter(kw => kw.toLowerCase().match(noPrefix)).length)
-    .map(k => {
+    .map((emoji) => ({ ...emoji, ...nameKeywordLocalizer(emoji) }))
+    .filter(
+      (emoji) =>
+        emoji.names
+          .concat(emoji.keywords)
+          .filter((kw) => kw.toLowerCase().match(noPrefix)).length,
+    )
+    .map((k) => {
       let score = 0
 
       // An exact match always wins
-      score += Math.max(...k.names.map(name => name.toLowerCase() === noPrefix ? 200 : 0), 0)
+      score += Math.max(
+        ...k.names.map((name) => (name.toLowerCase() === noPrefix ? 200 : 0)),
+        0,
+      )
 
       // Prioritize custom emoji a lot
       score += k.imageUrl ? 100 : 0
 
       // Prioritize prefix matches somewhat
-      score += Math.max(...k.names.map(kw => kw.toLowerCase().startsWith(noPrefix) ? 10 : 0), 0)
+      score += Math.max(
+        ...k.names.map((kw) =>
+          kw.toLowerCase().startsWith(noPrefix) ? 10 : 0,
+        ),
+        0,
+      )
 
       // Sort by length
       score -= k.displayText.length
@@ -78,7 +91,7 @@ export const suggestUsers = ({ dispatch, state }) => {
     })
   }
 
-  return async input => {
+  return async (input) => {
     const noPrefix = input.toLowerCase().substr(1)
     if (previousQuery === noPrefix) return suggestions
 
@@ -92,37 +105,42 @@ export const suggestUsers = ({ dispatch, state }) => {
       await debounceUserSearch(noPrefix)
     }
 
-    const newSuggestions = state.users.users.filter(
-      user =>
-        user.screen_name && user.name && (
-          user.screen_name.toLowerCase().startsWith(noPrefix) ||
-            user.name.toLowerCase().startsWith(noPrefix))
-    ).slice(0, 20).sort((a, b) => {
-      let aScore = 0
-      let bScore = 0
+    const newSuggestions = state.users.users
+      .filter(
+        (user) =>
+          user.screen_name &&
+          user.name &&
+          (user.screen_name.toLowerCase().startsWith(noPrefix) ||
+            user.name.toLowerCase().startsWith(noPrefix)),
+      )
+      .slice(0, 20)
+      .sort((a, b) => {
+        let aScore = 0
+        let bScore = 0
 
-      // Matches on screen name (i.e. user@instance) makes a priority
-      aScore += a.screen_name.toLowerCase().startsWith(noPrefix) ? 2 : 0
-      bScore += b.screen_name.toLowerCase().startsWith(noPrefix) ? 2 : 0
+        // Matches on screen name (i.e. user@instance) makes a priority
+        aScore += a.screen_name.toLowerCase().startsWith(noPrefix) ? 2 : 0
+        bScore += b.screen_name.toLowerCase().startsWith(noPrefix) ? 2 : 0
 
-      // Matches on name takes second priority
-      aScore += a.name.toLowerCase().startsWith(noPrefix) ? 1 : 0
-      bScore += b.name.toLowerCase().startsWith(noPrefix) ? 1 : 0
+        // Matches on name takes second priority
+        aScore += a.name.toLowerCase().startsWith(noPrefix) ? 1 : 0
+        bScore += b.name.toLowerCase().startsWith(noPrefix) ? 1 : 0
 
-      const diff = (bScore - aScore) * 10
+        const diff = (bScore - aScore) * 10
 
-      // Then sort alphabetically
-      const nameAlphabetically = a.name > b.name ? 1 : -1
-      const screenNameAlphabetically = a.screen_name > b.screen_name ? 1 : -1
+        // Then sort alphabetically
+        const nameAlphabetically = a.name > b.name ? 1 : -1
+        const screenNameAlphabetically = a.screen_name > b.screen_name ? 1 : -1
 
-      return diff + nameAlphabetically + screenNameAlphabetically
-    }).map((user) => ({
-      user,
-      displayText: user.screen_name_ui,
-      detailText: user.name,
-      imageUrl: user.profile_image_url_original,
-      replacement: '@' + user.screen_name + ' '
-    }))
+        return diff + nameAlphabetically + screenNameAlphabetically
+      })
+      .map((user) => ({
+        user,
+        displayText: user.screen_name_ui,
+        detailText: user.name,
+        imageUrl: user.profile_image_url_original,
+        replacement: '@' + user.screen_name + ' ',
+      }))
 
     suggestions = newSuggestions || []
     return suggestions
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 8e572d1d2..821187ef6 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -16,7 +16,7 @@ import {
   faBasketballBall,
   faLightbulb,
   faCode,
-  faFlag
+  faFlag,
 } from '@fortawesome/free-solid-svg-icons'
 import { debounce, trim, chunk } from 'lodash'
 
@@ -32,7 +32,7 @@ library.add(
   faBasketballBall,
   faLightbulb,
   faCode,
-  faFlag
+  faFlag,
 )
 
 const UNICODE_EMOJI_GROUP_ICON = {
@@ -44,16 +44,16 @@ const UNICODE_EMOJI_GROUP_ICON = {
   activities: 'basketball-ball',
   objects: 'lightbulb',
   symbols: 'code',
-  flags: 'flag'
+  flags: 'flag',
 }
 
 const maybeLocalizedKeywords = (emoji, languages, nameLocalizer) => {
   const res = [emoji.displayText, nameLocalizer(emoji)]
   if (emoji.annotations) {
-    languages.forEach(lang => {
+    languages.forEach((lang) => {
       const keywords = emoji.annotations[lang]?.keywords || []
       const name = emoji.annotations[lang]?.name
-      res.push(...(keywords.concat([name]).filter(k => k)))
+      res.push(...keywords.concat([name]).filter((k) => k))
     })
   }
   return res
@@ -66,8 +66,8 @@ const filterByKeyword = (list, keyword = '', languages, nameLocalizer) => {
   const orderedEmojiList = []
   for (const emoji of list) {
     const indices = maybeLocalizedKeywords(emoji, languages, nameLocalizer)
-      .map(k => k.toLowerCase().indexOf(keywordLowercase))
-      .filter(k => k > -1)
+      .map((k) => k.toLowerCase().indexOf(keywordLowercase))
+      .filter((k) => k > -1)
 
     const indexOfKeyword = indices.length ? Math.min(...indices) : -1
 
@@ -84,11 +84,13 @@ const filterByKeyword = (list, keyword = '', languages, nameLocalizer) => {
 const getOffset = (elem) => {
   const style = elem.style.transform
   const res = /translateY\((\d+)px\)/.exec(style)
-  if (!res) { return 0 }
+  if (!res) {
+    return 0
+  }
   return res[1]
 }
 
-const toHeaderId = id => {
+const toHeaderId = (id) => {
   return id.replace(/^row-\d+-/, '')
 }
 
@@ -97,20 +99,20 @@ const EmojiPicker = {
     enableStickerPicker: {
       required: false,
       type: Boolean,
-      default: true
+      default: true,
     },
     hideCustomEmoji: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   inject: {
     popoversZLayer: {
-      default: ''
-    }
+      default: '',
+    },
   },
-  data () {
+  data() {
     return {
       keyword: '',
       activeGroup: 'custom',
@@ -125,20 +127,22 @@ const EmojiPicker = {
       emojiRefs: {},
       filteredEmojiGroups: [],
       emojiSize: 0,
-      width: 0
+      width: 0,
     }
   },
   components: {
-    StickerPicker: defineAsyncComponent(() => import('../sticker_picker/sticker_picker.vue')),
+    StickerPicker: defineAsyncComponent(
+      () => import('../sticker_picker/sticker_picker.vue'),
+    ),
     Checkbox,
     StillImage,
-    Popover
+    Popover,
   },
   methods: {
-    groupScroll (e) {
+    groupScroll(e) {
       e.currentTarget.scrollLeft += e.deltaY + e.deltaX
     },
-    updateEmojiSize () {
+    updateEmojiSize() {
       const css = window.getComputedStyle(this.$refs.popover.$el)
       const fontSize = css.getPropertyValue('font-size') || '1rem'
       const emojiSize = css.getPropertyValue('--emojiSize') || '2.2rem'
@@ -163,56 +167,68 @@ const EmojiPicker = {
         emojiSizeReal = emojiSizeValue
       }
 
-      const fullEmojiSize = emojiSizeReal + (2 * 0.2 * fontSizeMultiplier * 14)
+      const fullEmojiSize = emojiSizeReal + 2 * 0.2 * fontSizeMultiplier * 14
       this.emojiSize = fullEmojiSize
     },
-    showPicker () {
+    showPicker() {
       this.$refs.popover.showPopover()
       this.$nextTick(() => {
         this.onShowing()
       })
     },
-    hidePicker () {
+    hidePicker() {
       this.$refs.popover.hidePopover()
     },
-    setAnchorEl (el) {
+    setAnchorEl(el) {
       this.$refs.popover.setAnchorEl(el)
     },
-    setGroupRef (name) {
-      return el => { this.groupRefs[name] = el }
+    setGroupRef(name) {
+      return (el) => {
+        this.groupRefs[name] = el
+      }
     },
-    onPopoverShown () {
+    onPopoverShown() {
       this.$emit('show')
     },
-    onPopoverClosed () {
+    onPopoverClosed() {
       this.$emit('close')
     },
-    onStickerUploaded (e) {
+    onStickerUploaded(e) {
       this.$emit('sticker-uploaded', e)
     },
-    onStickerUploadFailed (e) {
+    onStickerUploadFailed(e) {
       this.$emit('sticker-upload-failed', e)
     },
-    onEmoji (emoji) {
-      const value = emoji.imageUrl ? `:${emoji.displayText}:` : emoji.replacement
+    onEmoji(emoji) {
+      const value = emoji.imageUrl
+        ? `:${emoji.displayText}:`
+        : emoji.replacement
       if (!this.keepOpen) {
         this.$refs.popover.hidePopover()
       }
-      this.$emit('emoji', { insertion: value, insertionUrl: emoji.imageUrl, keepOpen: this.keepOpen })
+      this.$emit('emoji', {
+        insertion: value,
+        insertionUrl: emoji.imageUrl,
+        keepOpen: this.keepOpen,
+      })
     },
-    onScroll (startIndex, endIndex, visibleStartIndex, visibleEndIndex) {
+    onScroll(startIndex, endIndex, visibleStartIndex, visibleEndIndex) {
       const target = this.$refs['emoji-groups'].$el
       this.scrolledGroup(target, visibleStartIndex, visibleEndIndex)
     },
-    scrolledGroup (target, start, end) {
+    scrolledGroup(target, start, end) {
       const top = target.scrollTop + 5
       this.$nextTick(() => {
-        this.emojiItems.slice(start, end + 1).forEach(group => {
+        this.emojiItems.slice(start, end + 1).forEach((group) => {
           const headerId = toHeaderId(group.id)
           const ref = this.groupRefs['group-' + group.id]
-          if (!ref) { return }
+          if (!ref) {
+            return
+          }
           const elem = ref.$el.parentElement
-          if (!elem) { return }
+          if (!elem) {
+            return
+          }
           if (elem && getOffset(elem) <= top) {
             this.activeGroup = headerId
           }
@@ -220,7 +236,7 @@ const EmojiPicker = {
         this.scrollHeader()
       })
     },
-    scrollHeader () {
+    scrollHeader() {
       // Scroll the active tab's header into view
       const headerRef = this.groupRefs['group-header-' + this.activeGroup]
       const left = headerRef.offsetLeft
@@ -228,7 +244,9 @@ const EmojiPicker = {
       const headerCont = this.$refs.header
       const currentScroll = headerCont.scrollLeft
       const currentScrollRight = currentScroll + headerCont.clientWidth
-      const setScroll = s => { headerCont.scrollLeft = s }
+      const setScroll = (s) => {
+        headerCont.scrollLeft = s
+      }
 
       const margin = 7 // .emoji-tabs-item: padding
       if (left - margin < currentScroll) {
@@ -237,12 +255,12 @@ const EmojiPicker = {
         setScroll(right + margin - headerCont.clientWidth)
       }
     },
-    highlight (groupId) {
+    highlight(groupId) {
       this.setShowStickers(false)
-      const indexInList = this.emojiItems.findIndex(k => k.id === groupId)
+      const indexInList = this.emojiItems.findIndex((k) => k.id === groupId)
       this.$refs['emoji-groups'].scrollToItem(indexInList)
     },
-    updateScrolledClass (target) {
+    updateScrolledClass(target) {
       if (target.scrollTop <= 5) {
         this.groupsScrolledClass = 'scrolled-top'
       } else if (target.scrollTop >= target.scrollTopMax - 5) {
@@ -251,16 +269,21 @@ const EmojiPicker = {
         this.groupsScrolledClass = 'scrolled-middle'
       }
     },
-    toggleStickers () {
+    toggleStickers() {
       this.showingStickers = !this.showingStickers
     },
-    setShowStickers (value) {
+    setShowStickers(value) {
       this.showingStickers = value
     },
-    filterByKeyword (list, keyword) {
-      return filterByKeyword(list, keyword, this.languages, this.maybeLocalizedEmojiName)
+    filterByKeyword(list, keyword) {
+      return filterByKeyword(
+        list,
+        keyword,
+        this.languages,
+        this.maybeLocalizedEmojiName,
+      )
     },
-    onShowing () {
+    onShowing() {
       const oldContentLoaded = this.contentLoaded
       this.updateEmojiSize()
       this.recalculateItemPerRow()
@@ -277,59 +300,59 @@ const EmojiPicker = {
         })
       }
     },
-    getFilteredEmojiGroups () {
+    getFilteredEmojiGroups() {
       return this.allEmojiGroups
-        .map(group => ({
+        .map((group) => ({
           ...group,
-          emojis: this.filterByKeyword(group.emojis, trim(this.keyword))
+          emojis: this.filterByKeyword(group.emojis, trim(this.keyword)),
         }))
-        .filter(group => group.emojis.length > 0)
+        .filter((group) => group.emojis.length > 0)
     },
-    recalculateItemPerRow () {
+    recalculateItemPerRow() {
       this.$nextTick(() => {
         if (!this.$refs['emoji-groups']) {
           return
         }
         this.width = this.$refs['emoji-groups'].$el.clientWidth
       })
-    }
+    },
   },
   watch: {
-    keyword () {
+    keyword() {
       this.onScroll()
       this.debouncedHandleKeywordChange()
     },
-    allCustomGroups () {
+    allCustomGroups() {
       this.filteredEmojiGroups = this.getFilteredEmojiGroups()
-    }
+    },
   },
   computed: {
-    minItemSize () {
+    minItemSize() {
       return this.emojiSize
     },
     // used to watch it
-    fontSize () {
+    fontSize() {
       this.$nextTick(() => {
         this.updateEmojiSize()
       })
       return this.$store.getters.mergedConfig.fontSize
     },
-    emojiHeight () {
+    emojiHeight() {
       return this.emojiSize
     },
-    itemPerRow () {
+    itemPerRow() {
       return this.width ? Math.floor(this.width / this.emojiSize) : 6
     },
-    activeGroupView () {
+    activeGroupView() {
       return this.showingStickers ? '' : this.activeGroup
     },
-    stickersAvailable () {
+    stickersAvailable() {
       if (this.$store.state.instance.stickers) {
         return this.$store.state.instance.stickers.length > 0
       }
       return 0
     },
-    allCustomGroups () {
+    allCustomGroups() {
       if (this.hideCustomEmoji || this.hideCustomEmojiInPicker) {
         return {}
       }
@@ -339,46 +362,49 @@ const EmojiPicker = {
       }
       return emojis
     },
-    defaultGroup () {
+    defaultGroup() {
       return Object.keys(this.allCustomGroups)[0]
     },
-    unicodeEmojiGroups () {
-      return this.$store.getters.standardEmojiGroupList.map(group => ({
+    unicodeEmojiGroups() {
+      return this.$store.getters.standardEmojiGroupList.map((group) => ({
         id: `standard-${group.id}`,
         text: this.$t(`emoji.unicode_groups.${group.id}`),
         icon: UNICODE_EMOJI_GROUP_ICON[group.id],
-        emojis: group.emojis
+        emojis: group.emojis,
       }))
     },
-    allEmojiGroups () {
+    allEmojiGroups() {
       return Object.entries(this.allCustomGroups)
         .map(([, v]) => v)
         .concat(this.unicodeEmojiGroups)
     },
-    stickerPickerEnabled () {
+    stickerPickerEnabled() {
       return (this.$store.state.instance.stickers || []).length !== 0
     },
-    debouncedHandleKeywordChange () {
+    debouncedHandleKeywordChange() {
       return debounce(() => {
         this.filteredEmojiGroups = this.getFilteredEmojiGroups()
       }, 500)
     },
-    emojiItems () {
-      return this.filteredEmojiGroups.map(group =>
-        chunk(group.emojis, this.itemPerRow)
-          .map((items, index) => ({
+    emojiItems() {
+      return this.filteredEmojiGroups
+        .map((group) =>
+          chunk(group.emojis, this.itemPerRow).map((items, index) => ({
             ...group,
             id: index === 0 ? group.id : `row-${index}-${group.id}`,
             emojis: items,
-            isFirstRow: index === 0
-          })))
+            isFirstRow: index === 0,
+          })),
+        )
         .reduce((a, c) => a.concat(c), [])
     },
-    languages () {
-      return ensureFinalFallback(this.$store.getters.mergedConfig.interfaceLanguage)
+    languages() {
+      return ensureFinalFallback(
+        this.$store.getters.mergedConfig.interfaceLanguage,
+      )
     },
-    maybeLocalizedEmojiName () {
-      return emoji => {
+    maybeLocalizedEmojiName() {
+      return (emoji) => {
         if (!emoji.annotations) {
           return emoji.displayText
         }
@@ -396,10 +422,10 @@ const EmojiPicker = {
         return emoji.displayText
       }
     },
-    isInModal () {
+    isInModal() {
       return this.popoversZLayer === 'modals'
-    }
-  }
+    },
+  },
 }
 
 export default EmojiPicker
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index f5e1b68f6..d15a13489 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -2,17 +2,9 @@ import UserAvatar from '../user_avatar/user_avatar.vue'
 import UserListPopover from '../user_list_popover/user_list_popover.vue'
 import StillImage from 'src/components/still-image/still-image.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faPlus,
-  faMinus,
-  faCheck
-} from '@fortawesome/free-solid-svg-icons'
+import { faPlus, faMinus, faCheck } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faPlus,
-  faMinus,
-  faCheck
-)
+library.add(faPlus, faMinus, faCheck)
 
 const EMOJI_REACTION_COUNT_CUTOFF = 12
 
@@ -21,57 +13,62 @@ const EmojiReactions = {
   components: {
     UserAvatar,
     UserListPopover,
-    StillImage
+    StillImage,
   },
   props: ['status'],
   data: () => ({
-    showAll: false
+    showAll: false,
   }),
   computed: {
-    tooManyReactions () {
+    tooManyReactions() {
       return this.status.emoji_reactions.length > EMOJI_REACTION_COUNT_CUTOFF
     },
-    emojiReactions () {
+    emojiReactions() {
       return this.showAll
         ? this.status.emoji_reactions
         : this.status.emoji_reactions.slice(0, EMOJI_REACTION_COUNT_CUTOFF)
     },
-    showMoreString () {
+    showMoreString() {
       return `+${this.status.emoji_reactions.length - EMOJI_REACTION_COUNT_CUTOFF}`
     },
-    accountsForEmoji () {
+    accountsForEmoji() {
       return this.status.emoji_reactions.reduce((acc, reaction) => {
         acc[reaction.name] = reaction.accounts || []
         return acc
       }, {})
     },
-    loggedIn () {
+    loggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    remoteInteractionLink () {
-      return this.$store.getters.remoteInteractionLink({ statusId: this.status.id })
-    }
+    remoteInteractionLink() {
+      return this.$store.getters.remoteInteractionLink({
+        statusId: this.status.id,
+      })
+    },
   },
   methods: {
-    toggleShowAll () {
+    toggleShowAll() {
       this.showAll = !this.showAll
     },
-    reactedWith (emoji) {
-      return this.status.emoji_reactions.find(r => r.name === emoji).me
+    reactedWith(emoji) {
+      return this.status.emoji_reactions.find((r) => r.name === emoji).me
     },
-    async fetchEmojiReactionsByIfMissing () {
-      const hasNoAccounts = this.status.emoji_reactions.find(r => !r.accounts)
+    async fetchEmojiReactionsByIfMissing() {
+      const hasNoAccounts = this.status.emoji_reactions.find((r) => !r.accounts)
       if (hasNoAccounts) {
-        return await this.$store.dispatch('fetchEmojiReactionsBy', this.status.id)
+        return await this.$store.dispatch(
+          'fetchEmojiReactionsBy',
+          this.status.id,
+        )
       }
     },
-    reactWith (emoji) {
+    reactWith(emoji) {
       this.$store.dispatch('reactWithEmoji', { id: this.status.id, emoji })
     },
-    unreact (emoji) {
+    unreact(emoji) {
       this.$store.dispatch('unreactWithEmoji', { id: this.status.id, emoji })
     },
-    async emojiOnClick (emoji) {
+    async emojiOnClick(emoji) {
       if (!this.loggedIn) return
 
       await this.fetchEmojiReactionsByIfMissing()
@@ -81,19 +78,23 @@ const EmojiReactions = {
         this.reactWith(emoji)
       }
     },
-    counterTriggerAttrs (reaction) {
+    counterTriggerAttrs(reaction) {
       return {
         class: [
           'emoji-reaction-count-button',
           {
             '-picked-reaction': this.reactedWith(reaction.name),
-            toggled: this.reactedWith(reaction.name)
-          }
+            toggled: this.reactedWith(reaction.name),
+          },
         ],
-        'aria-label': this.$t('status.reaction_count_label', { num: reaction.count }, reaction.count)
+        'aria-label': this.$t(
+          'status.reaction_count_label',
+          { num: reaction.count },
+          reaction.count,
+        ),
       }
-    }
-  }
+    },
+  },
 }
 
 export default EmojiReactions
diff --git a/src/components/exporter/exporter.js b/src/components/exporter/exporter.js
index fc75372e3..12213d9e3 100644
--- a/src/components/exporter/exporter.js
+++ b/src/components/exporter/exporter.js
@@ -1,45 +1,47 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
 const Exporter = {
   props: {
     getContent: {
       type: Function,
-      required: true
+      required: true,
     },
     filename: {
       type: String,
-      default: 'export.csv'
+      default: 'export.csv',
     },
     exportButtonLabel: { type: String },
-    processingMessage: { type: String }
+    processingMessage: { type: String },
   },
-  data () {
+  data() {
     return {
-      processing: false
+      processing: false,
     }
   },
   methods: {
-    process () {
+    process() {
       this.processing = true
-      this.getContent()
-        .then((content) => {
-          const fileToDownload = document.createElement('a')
-          fileToDownload.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(content))
-          fileToDownload.setAttribute('download', this.filename)
-          fileToDownload.style.display = 'none'
-          document.body.appendChild(fileToDownload)
-          fileToDownload.click()
-          document.body.removeChild(fileToDownload)
-          // Add delay before hiding processing state since browser takes some time to handle file download
-          setTimeout(() => { this.processing = false }, 2000)
-        })
-    }
-  }
+      this.getContent().then((content) => {
+        const fileToDownload = document.createElement('a')
+        fileToDownload.setAttribute(
+          'href',
+          'data:text/plain;charset=utf-8,' + encodeURIComponent(content),
+        )
+        fileToDownload.setAttribute('download', this.filename)
+        fileToDownload.style.display = 'none'
+        document.body.appendChild(fileToDownload)
+        fileToDownload.click()
+        document.body.removeChild(fileToDownload)
+        // Add delay before hiding processing state since browser takes some time to handle file download
+        setTimeout(() => {
+          this.processing = false
+        }, 2000)
+      })
+    },
+  },
 }
 
 export default Exporter
diff --git a/src/components/extra_notifications/extra_notifications.js b/src/components/extra_notifications/extra_notifications.js
index 673b28662..b8ead5fe8 100644
--- a/src/components/extra_notifications/extra_notifications.js
+++ b/src/components/extra_notifications/extra_notifications.js
@@ -6,50 +6,67 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faUserPlus,
   faComments,
-  faBullhorn
+  faBullhorn,
 } from '@fortawesome/free-solid-svg-icons'
 
 import { useInterfaceStore } from 'src/stores/interface'
 
-library.add(
-  faUserPlus,
-  faComments,
-  faBullhorn
-)
+library.add(faUserPlus, faComments, faBullhorn)
 
 const ExtraNotifications = {
   computed: {
-    shouldShowChats () {
-      return this.mergedConfig.showExtraNotifications && this.mergedConfig.showChatsInExtraNotifications && this.unreadChatCount
+    shouldShowChats() {
+      return (
+        this.mergedConfig.showExtraNotifications &&
+        this.mergedConfig.showChatsInExtraNotifications &&
+        this.unreadChatCount
+      )
     },
-    shouldShowAnnouncements () {
-      return this.mergedConfig.showExtraNotifications && this.mergedConfig.showAnnouncementsInExtraNotifications && this.unreadAnnouncementCount
+    shouldShowAnnouncements() {
+      return (
+        this.mergedConfig.showExtraNotifications &&
+        this.mergedConfig.showAnnouncementsInExtraNotifications &&
+        this.unreadAnnouncementCount
+      )
     },
-    shouldShowFollowRequests () {
-      return this.mergedConfig.showExtraNotifications && this.mergedConfig.showFollowRequestsInExtraNotifications && this.followRequestCount
+    shouldShowFollowRequests() {
+      return (
+        this.mergedConfig.showExtraNotifications &&
+        this.mergedConfig.showFollowRequestsInExtraNotifications &&
+        this.followRequestCount
+      )
     },
-    hasAnythingToShow () {
-      return this.shouldShowChats || this.shouldShowAnnouncements || this.shouldShowFollowRequests
+    hasAnythingToShow() {
+      return (
+        this.shouldShowChats ||
+        this.shouldShowAnnouncements ||
+        this.shouldShowFollowRequests
+      )
     },
-    shouldShowCustomizationTip () {
-      return this.mergedConfig.showExtraNotificationsTip && this.hasAnythingToShow
+    shouldShowCustomizationTip() {
+      return (
+        this.mergedConfig.showExtraNotificationsTip && this.hasAnythingToShow
+      )
     },
-    currentUser () {
+    currentUser() {
       return this.$store.state.users.currentUser
     },
     ...mapGetters(['unreadChatCount', 'followRequestCount', 'mergedConfig']),
     ...mapPiniaState(useAnnouncementsStore, {
-      unreadAnnouncementCount: 'unreadAnnouncementCount'
-    })
+      unreadAnnouncementCount: 'unreadAnnouncementCount',
+    }),
   },
   methods: {
-    openNotificationSettings () {
+    openNotificationSettings() {
       return useInterfaceStore().openSettingsModalTab('notifications')
     },
-    dismissConfigurationTip () {
-      return this.$store.dispatch('setOption', { name: 'showExtraNotificationsTip', value: false })
-    }
-  }
+    dismissConfigurationTip() {
+      return this.$store.dispatch('setOption', {
+        name: 'showExtraNotificationsTip',
+        value: false,
+      })
+    },
+  },
 }
 
 export default ExtraNotifications
diff --git a/src/components/features_panel/features_panel.js b/src/components/features_panel/features_panel.js
index d177efebe..e92cb975e 100644
--- a/src/components/features_panel/features_panel.js
+++ b/src/components/features_panel/features_panel.js
@@ -2,15 +2,33 @@ import fileSizeFormatService from '../../services/file_size_format/file_size_for
 
 const FeaturesPanel = {
   computed: {
-    shout: function () { return this.$store.state.instance.shoutAvailable },
-    pleromaChatMessages: function () { return this.$store.state.instance.pleromaChatMessagesAvailable },
-    gopher: function () { return this.$store.state.instance.gopherAvailable },
-    whoToFollow: function () { return this.$store.state.instance.suggestionsEnabled },
-    mediaProxy: function () { return this.$store.state.instance.mediaProxyAvailable },
-    minimalScopesMode: function () { return this.$store.state.instance.minimalScopesMode },
-    textlimit: function () { return this.$store.state.instance.textlimit },
-    uploadlimit: function () { return fileSizeFormatService.fileSizeFormat(this.$store.state.instance.uploadlimit) }
-  }
+    shout: function () {
+      return this.$store.state.instance.shoutAvailable
+    },
+    pleromaChatMessages: function () {
+      return this.$store.state.instance.pleromaChatMessagesAvailable
+    },
+    gopher: function () {
+      return this.$store.state.instance.gopherAvailable
+    },
+    whoToFollow: function () {
+      return this.$store.state.instance.suggestionsEnabled
+    },
+    mediaProxy: function () {
+      return this.$store.state.instance.mediaProxyAvailable
+    },
+    minimalScopesMode: function () {
+      return this.$store.state.instance.minimalScopesMode
+    },
+    textlimit: function () {
+      return this.$store.state.instance.textlimit
+    },
+    uploadlimit: function () {
+      return fileSizeFormatService.fileSizeFormat(
+        this.$store.state.instance.uploadlimit,
+      )
+    },
+  },
 }
 
 export default FeaturesPanel
diff --git a/src/components/flash/flash.js b/src/components/flash/flash.js
index 87c1d650c..fea63c79a 100644
--- a/src/components/flash/flash.js
+++ b/src/components/flash/flash.js
@@ -2,52 +2,52 @@ import RuffleService from '../../services/ruffle_service/ruffle_service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faStop,
-  faExclamationTriangle
+  faExclamationTriangle,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faStop,
-  faExclamationTriangle
-)
+library.add(faStop, faExclamationTriangle)
 
 const Flash = {
   props: ['src'],
-  data () {
+  data() {
     return {
       player: false, // can be true, "hidden", false. hidden = element exists
       loaded: false,
-      ruffleInstance: null
+      ruffleInstance: null,
     }
   },
   methods: {
-    openPlayer () {
+    openPlayer() {
       if (this.player) return // prevent double-loading, or re-loading on failure
       this.player = 'hidden'
       RuffleService.getRuffle().then((ruffle) => {
         const player = ruffle.newest().createPlayer()
         player.config = {
-          letterbox: 'on'
+          letterbox: 'on',
         }
         const container = this.$refs.container
         container.appendChild(player)
         player.style.width = '100%'
         player.style.height = '100%'
-        player.load(this.src).then(() => {
-          this.player = true
-        }).catch((e) => {
-          console.error('Error loading ruffle', e)
-          this.player = 'error'
-        })
+        player
+          .load(this.src)
+          .then(() => {
+            this.player = true
+          })
+          .catch((e) => {
+            console.error('Error loading ruffle', e)
+            this.player = 'error'
+          })
         this.ruffleInstance = player
         this.$emit('playerOpened')
       })
     },
-    closePlayer () {
+    closePlayer() {
       this.ruffleInstance && this.ruffleInstance.remove()
       this.player = false
       this.$emit('playerClosed')
-    }
-  }
+    },
+  },
 }
 
 export default Flash
diff --git a/src/components/follow_button/follow_button.js b/src/components/follow_button/follow_button.js
index 443aa9bcc..78158ddd3 100644
--- a/src/components/follow_button/follow_button.js
+++ b/src/components/follow_button/follow_button.js
@@ -1,24 +1,27 @@
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import { requestFollow, requestUnfollow } from '../../services/follow_manipulate/follow_manipulate'
+import {
+  requestFollow,
+  requestUnfollow,
+} from '../../services/follow_manipulate/follow_manipulate'
 export default {
   props: ['relationship', 'user', 'labelFollowing', 'buttonClass'],
   components: {
-    ConfirmModal
+    ConfirmModal,
   },
-  data () {
+  data() {
     return {
       inProgress: false,
-      showingConfirmUnfollow: false
+      showingConfirmUnfollow: false,
     }
   },
   computed: {
-    shouldConfirmUnfollow () {
+    shouldConfirmUnfollow() {
       return this.$store.getters.mergedConfig.modalOnUnfollow
     },
-    isPressed () {
+    isPressed() {
       return this.inProgress || this.relationship.following
     },
-    title () {
+    title() {
       if (this.inProgress || this.relationship.following) {
         return this.$t('user_card.follow_unfollow')
       } else if (this.relationship.requested) {
@@ -27,7 +30,7 @@ export default {
         return this.$t('user_card.follow')
       }
     },
-    label () {
+    label() {
       if (this.inProgress) {
         return this.$t('user_card.follow_progress')
       } else if (this.relationship.following) {
@@ -38,42 +41,47 @@ export default {
         return this.$t('user_card.follow')
       }
     },
-    disabled () {
+    disabled() {
       return this.inProgress || this.user.deactivated
-    }
+    },
   },
   methods: {
-    showConfirmUnfollow () {
+    showConfirmUnfollow() {
       this.showingConfirmUnfollow = true
     },
-    hideConfirmUnfollow () {
+    hideConfirmUnfollow() {
       this.showingConfirmUnfollow = false
     },
-    onClick () {
-      this.relationship.following || this.relationship.requested ? this.unfollow() : this.follow()
+    onClick() {
+      this.relationship.following || this.relationship.requested
+        ? this.unfollow()
+        : this.follow()
     },
-    follow () {
+    follow() {
       this.inProgress = true
       requestFollow(this.relationship.id, this.$store).then(() => {
         this.inProgress = false
       })
     },
-    unfollow () {
+    unfollow() {
       if (this.shouldConfirmUnfollow) {
         this.showConfirmUnfollow()
       } else {
         this.doUnfollow()
       }
     },
-    doUnfollow () {
+    doUnfollow() {
       const store = this.$store
       this.inProgress = true
       requestUnfollow(this.relationship.id, store).then(() => {
         this.inProgress = false
-        store.commit('removeStatus', { timeline: 'friends', userId: this.relationship.id })
+        store.commit('removeStatus', {
+          timeline: 'friends',
+          userId: this.relationship.id,
+        })
       })
 
       this.hideConfirmUnfollow()
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/follow_card/follow_card.js b/src/components/follow_card/follow_card.js
index b26b27a74..0b54e0806 100644
--- a/src/components/follow_card/follow_card.js
+++ b/src/components/follow_card/follow_card.js
@@ -4,27 +4,24 @@ import FollowButton from '../follow_button/follow_button.vue'
 import RemoveFollowerButton from '../remove_follower_button/remove_follower_button.vue'
 
 const FollowCard = {
-  props: [
-    'user',
-    'noFollowsYou'
-  ],
+  props: ['user', 'noFollowsYou'],
   components: {
     BasicUserCard,
     RemoteFollow,
     FollowButton,
-    RemoveFollowerButton
+    RemoveFollowerButton,
   },
   computed: {
-    isMe () {
+    isMe() {
       return this.$store.state.users.currentUser.id === this.user.id
     },
-    loggedIn () {
+    loggedIn() {
       return this.$store.state.users.currentUser
     },
-    relationship () {
+    relationship() {
       return this.$store.getters.relationship(this.user.id)
-    }
-  }
+    },
+  },
 }
 
 export default FollowCard
diff --git a/src/components/follow_request_card/follow_request_card.js b/src/components/follow_request_card/follow_request_card.js
index b0873bb10..ee55e509f 100644
--- a/src/components/follow_request_card/follow_request_card.js
+++ b/src/components/follow_request_card/follow_request_card.js
@@ -6,41 +6,43 @@ const FollowRequestCard = {
   props: ['user'],
   components: {
     BasicUserCard,
-    ConfirmModal
+    ConfirmModal,
   },
-  data () {
+  data() {
     return {
       showingApproveConfirmDialog: false,
-      showingDenyConfirmDialog: false
+      showingDenyConfirmDialog: false,
     }
   },
   methods: {
-    findFollowRequestNotificationId () {
+    findFollowRequestNotificationId() {
       const notif = notificationsFromStore(this.$store).find(
-        (notif) => notif.from_profile.id === this.user.id && notif.type === 'follow_request'
+        (notif) =>
+          notif.from_profile.id === this.user.id &&
+          notif.type === 'follow_request',
       )
       return notif && notif.id
     },
-    showApproveConfirmDialog () {
+    showApproveConfirmDialog() {
       this.showingApproveConfirmDialog = true
     },
-    hideApproveConfirmDialog () {
+    hideApproveConfirmDialog() {
       this.showingApproveConfirmDialog = false
     },
-    showDenyConfirmDialog () {
+    showDenyConfirmDialog() {
       this.showingDenyConfirmDialog = true
     },
-    hideDenyConfirmDialog () {
+    hideDenyConfirmDialog() {
       this.showingDenyConfirmDialog = false
     },
-    approveUser () {
+    approveUser() {
       if (this.shouldConfirmApprove) {
         this.showApproveConfirmDialog()
       } else {
         this.doApprove()
       }
     },
-    doApprove () {
+    doApprove() {
       this.$store.state.api.backendInteractor.approveUser({ id: this.user.id })
       this.$store.dispatch('removeFollowRequest', this.user)
 
@@ -48,40 +50,41 @@ const FollowRequestCard = {
       this.$store.dispatch('markSingleNotificationAsSeen', { id: notifId })
       this.$store.dispatch('updateNotification', {
         id: notifId,
-        updater: notification => {
+        updater: (notification) => {
           notification.type = 'follow'
-        }
+        },
       })
       this.hideApproveConfirmDialog()
     },
-    denyUser () {
+    denyUser() {
       if (this.shouldConfirmDeny) {
         this.showDenyConfirmDialog()
       } else {
         this.doDeny()
       }
     },
-    doDeny () {
+    doDeny() {
       const notifId = this.findFollowRequestNotificationId()
-      this.$store.state.api.backendInteractor.denyUser({ id: this.user.id })
+      this.$store.state.api.backendInteractor
+        .denyUser({ id: this.user.id })
         .then(() => {
           this.$store.dispatch('dismissNotificationLocal', { id: notifId })
           this.$store.dispatch('removeFollowRequest', this.user)
         })
       this.hideDenyConfirmDialog()
-    }
+    },
   },
   computed: {
-    mergedConfig () {
+    mergedConfig() {
       return this.$store.getters.mergedConfig
     },
-    shouldConfirmApprove () {
+    shouldConfirmApprove() {
       return this.mergedConfig.modalOnApproveFollow
     },
-    shouldConfirmDeny () {
+    shouldConfirmDeny() {
       return this.mergedConfig.modalOnDenyFollow
-    }
-  }
+    },
+  },
 }
 
 export default FollowRequestCard
diff --git a/src/components/follow_requests/follow_requests.js b/src/components/follow_requests/follow_requests.js
index 704a76c66..7dbecee53 100644
--- a/src/components/follow_requests/follow_requests.js
+++ b/src/components/follow_requests/follow_requests.js
@@ -2,13 +2,13 @@ import FollowRequestCard from '../follow_request_card/follow_request_card.vue'
 
 const FollowRequests = {
   components: {
-    FollowRequestCard
+    FollowRequestCard,
   },
   computed: {
-    requests () {
+    requests() {
       return this.$store.state.api.followRequests
-    }
-  }
+    },
+  },
 }
 
 export default FollowRequests
diff --git a/src/components/font_control/font_control.js b/src/components/font_control/font_control.js
index ffc866788..1db23ad43 100644
--- a/src/components/font_control/font_control.js
+++ b/src/components/font_control/font_control.js
@@ -7,29 +7,23 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faExclamationTriangle,
   faKeyboard,
-  faFont
+  faFont,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faExclamationTriangle,
-  faKeyboard,
-  faFont
-)
+library.add(faExclamationTriangle, faKeyboard, faFont)
 
 export default {
   components: {
     Select,
     Checkbox,
-    Popover
+    Popover,
   },
-  props: [
-    'name', 'label', 'modelValue', 'fallback', 'options', 'no-inherit'
-  ],
-  mounted () {
+  props: ['name', 'label', 'modelValue', 'fallback', 'options', 'no-inherit'],
+  mounted() {
     useInterfaceStore().queryLocalFonts()
   },
   emits: ['update:modelValue'],
-  data () {
+  data() {
     return {
       manualEntry: false,
       availableOptions: [
@@ -37,24 +31,24 @@ export default {
         'serif',
         'sans-serif',
         'monospace',
-        ...(this.options || [])
-      ].filter(_ => _)
+        ...(this.options || []),
+      ].filter((_) => _),
     }
   },
   methods: {
-    toggleManualEntry () {
+    toggleManualEntry() {
       this.manualEntry = !this.manualEntry
-    }
+    },
   },
   computed: {
-    present () {
+    present() {
       return typeof this.modelValue !== 'undefined'
     },
-    localFontsList () {
+    localFontsList() {
       return useInterfaceStore().localFonts
     },
-    localFontsSize () {
+    localFontsSize() {
       return useInterfaceStore().localFonts?.length
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/friends_timeline/friends_timeline.js b/src/components/friends_timeline/friends_timeline.js
index 948b23a49..e990ff406 100644
--- a/src/components/friends_timeline/friends_timeline.js
+++ b/src/components/friends_timeline/friends_timeline.js
@@ -1,11 +1,13 @@
 import Timeline from '../timeline/timeline.vue'
 const FriendsTimeline = {
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    timeline () { return this.$store.state.statuses.timelines.friends }
-  }
+    timeline() {
+      return this.$store.state.statuses.timelines.friends
+    },
+  },
 }
 
 export default FriendsTimeline
diff --git a/src/components/fun_text.style.js b/src/components/fun_text.style.js
index 2d3ac1549..eff88feb7 100644
--- a/src/components/fun_text.style.js
+++ b/src/components/fun_text.style.js
@@ -4,37 +4,37 @@ export default {
   virtual: true,
   variants: {
     greentext: '.greentext',
-    cyantext: '.cyantext'
+    cyantext: '.cyantext',
   },
   states: {
-    faint: '.faint'
+    faint: '.faint',
   },
   defaultRules: [
     {
       directives: {
         textColor: '--text',
-        textAuto: 'preserve'
-      }
+        textAuto: 'preserve',
+      },
     },
     {
       state: ['faint'],
       directives: {
-        textOpacity: 0.5
-      }
+        textOpacity: 0.5,
+      },
     },
     {
       variant: 'greentext',
       directives: {
         textColor: '--cGreen',
-        textAuto: 'preserve'
-      }
+        textAuto: 'preserve',
+      },
     },
     {
       variant: 'cyantext',
       directives: {
         textColor: '--cBlue',
-        textAuto: 'preserve'
-      }
-    }
-  ]
+        textAuto: 'preserve',
+      },
+    },
+  ],
 }
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
index 676c830b0..40e57fc0c 100644
--- a/src/components/gallery/gallery.js
+++ b/src/components/gallery/gallery.js
@@ -17,52 +17,71 @@ const Gallery = {
     'shiftUpAttachment',
     'shiftDnAttachment',
     'editAttachment',
-    'grid'
+    'grid',
   ],
-  data () {
+  data() {
     return {
       sizes: {},
-      hidingLong: true
+      hidingLong: true,
     }
   },
   components: { Attachment },
   computed: {
-    rows () {
+    rows() {
       if (!this.attachments) {
         return []
       }
-      const attachments = this.limit > 0
-        ? this.attachments.slice(0, this.limit)
-        : this.attachments
+      const attachments =
+        this.limit > 0
+          ? this.attachments.slice(0, this.limit)
+          : this.attachments
       if (this.size === 'hide') {
-        return attachments.map(item => ({ minimal: true, items: [item] }))
+        return attachments.map((item) => ({ minimal: true, items: [item] }))
       }
       const rows = this.grid
         ? [{ grid: true, items: attachments }]
-        : attachments.reduce((acc, attachment, i) => {
-          if (attachment.mimetype.includes('audio')) {
-            return [...acc, { audio: true, items: [attachment] }, { items: [] }]
-          }
-          if (!(
-            attachment.mimetype.includes('image') ||
-              attachment.mimetype.includes('video') ||
-              attachment.mimetype.includes('flash')
-          )) {
-            return [...acc, { minimal: true, items: [attachment] }, { items: [] }]
-          }
-          const maxPerRow = 3
-          const attachmentsRemaining = this.attachments.length - i + 1
-          const currentRow = acc[acc.length - 1].items
-          currentRow.push(attachment)
-          if (currentRow.length >= maxPerRow && attachmentsRemaining > maxPerRow) {
-            return [...acc, { items: [] }]
-          } else {
-            return acc
-          }
-        }, [{ items: [] }]).filter(_ => _.items.length > 0)
+        : attachments
+            .reduce(
+              (acc, attachment, i) => {
+                if (attachment.mimetype.includes('audio')) {
+                  return [
+                    ...acc,
+                    { audio: true, items: [attachment] },
+                    { items: [] },
+                  ]
+                }
+                if (
+                  !(
+                    attachment.mimetype.includes('image') ||
+                    attachment.mimetype.includes('video') ||
+                    attachment.mimetype.includes('flash')
+                  )
+                ) {
+                  return [
+                    ...acc,
+                    { minimal: true, items: [attachment] },
+                    { items: [] },
+                  ]
+                }
+                const maxPerRow = 3
+                const attachmentsRemaining = this.attachments.length - i + 1
+                const currentRow = acc[acc.length - 1].items
+                currentRow.push(attachment)
+                if (
+                  currentRow.length >= maxPerRow &&
+                  attachmentsRemaining > maxPerRow
+                ) {
+                  return [...acc, { items: [] }]
+                } else {
+                  return acc
+                }
+              },
+              [{ items: [] }],
+            )
+            .filter((_) => _.items.length > 0)
       return rows
     },
-    attachmentsDimensionalScore () {
+    attachmentsDimensionalScore() {
       return this.rows.reduce((acc, row) => {
         let size = 0
         if (row.minimal) {
@@ -75,7 +94,7 @@ const Gallery = {
         return acc + size
       }, 0)
     },
-    tooManyAttachments () {
+    tooManyAttachments() {
       if (this.editable || this.size === 'small') {
         return false
       } else if (this.size === 'hide') {
@@ -83,38 +102,38 @@ const Gallery = {
       } else {
         return this.attachmentsDimensionalScore > 1
       }
-    }
+    },
   },
   methods: {
-    onNaturalSizeLoad ({ id, width, height }) {
+    onNaturalSizeLoad({ id, width, height }) {
       set(this.sizes, id, { width, height })
     },
-    rowStyle (row) {
+    rowStyle(row) {
       if (row.audio) {
         return { 'padding-bottom': '25%' } // fixed reduced height for audio
       } else if (!row.minimal && !row.grid) {
-        return { 'padding-bottom': `${(100 / (row.items.length + 0.6))}%` }
+        return { 'padding-bottom': `${100 / (row.items.length + 0.6)}%` }
       }
     },
-    itemStyle (id, row) {
-      const total = sumBy(row, item => this.getAspectRatio(item.id))
+    itemStyle(id, row) {
+      const total = sumBy(row, (item) => this.getAspectRatio(item.id))
       return { flex: `${this.getAspectRatio(id) / total} 1 0%` }
     },
-    getAspectRatio (id) {
+    getAspectRatio(id) {
       const size = this.sizes[id]
       return size ? size.width / size.height : 1
     },
-    toggleHidingLong (event) {
+    toggleHidingLong(event) {
       this.hidingLong = event
     },
-    openGallery () {
+    openGallery() {
       useMediaViewerStore().setMedia(this.attachments)
       useMediaViewerStore().setCurrentMedia(this.attachments[0])
     },
-    onMedia () {
+    onMedia() {
       useMediaViewerStore().setMedia(this.attachments)
-    }
-  }
+    },
+  },
 }
 
 export default Gallery
diff --git a/src/components/global_notice_list/global_notice_list.js b/src/components/global_notice_list/global_notice_list.js
index cf14d1a07..7135d5084 100644
--- a/src/components/global_notice_list/global_notice_list.js
+++ b/src/components/global_notice_list/global_notice_list.js
@@ -1,24 +1,20 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
-library.add(
-  faTimes
-)
+library.add(faTimes)
 
 const GlobalNoticeList = {
   computed: {
-    notices () {
+    notices() {
       return useInterfaceStore().globalNotices
-    }
+    },
   },
   methods: {
-    closeNotice (notice) {
+    closeNotice(notice) {
       useInterfaceStore().removeGlobalNotice(notice)
-    }
-  }
+    },
+  },
 }
 
 export default GlobalNoticeList
diff --git a/src/components/hashtag_link/hashtag_link.js b/src/components/hashtag_link/hashtag_link.js
index a2433c2ab..09cfaf199 100644
--- a/src/components/hashtag_link/hashtag_link.js
+++ b/src/components/hashtag_link/hashtag_link.js
@@ -5,20 +5,20 @@ const HashtagLink = {
   props: {
     url: {
       required: true,
-      type: String
+      type: String,
     },
     content: {
       required: true,
-      type: String
+      type: String,
     },
     tag: {
       required: false,
       type: String,
-      default: ''
-    }
+      default: '',
+    },
   },
   methods: {
-    onClick () {
+    onClick() {
       const tag = this.tag || extractTagFromUrl(this.url)
       if (tag) {
         const link = this.generateTagLink(tag)
@@ -27,10 +27,10 @@ const HashtagLink = {
         window.open(this.url, '_blank')
       }
     },
-    generateTagLink (tag) {
+    generateTagLink(tag) {
       return `/tag/${tag}`
-    }
-  }
+    },
+  },
 }
 
 export default HashtagLink
diff --git a/src/components/icon.style.js b/src/components/icon.style.js
index 4d30f389b..b13485c1b 100644
--- a/src/components/icon.style.js
+++ b/src/components/icon.style.js
@@ -7,8 +7,8 @@ export default {
       component: 'Icon',
       directives: {
         textColor: '$blend(--stack 0.5 --parent--text)',
-        textAuto: 'no-auto'
-      }
-    }
-  ]
+        textAuto: 'no-auto',
+      },
+    },
+  ],
 }
diff --git a/src/components/image_cropper/image_cropper.js b/src/components/image_cropper/image_cropper.js
index afca328e8..158fcdefa 100644
--- a/src/components/image_cropper/image_cropper.js
+++ b/src/components/image_cropper/image_cropper.js
@@ -1,29 +1,25 @@
 import 'cropperjs' // This adds all of the cropperjs's components into DOM
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch
-} from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
 const ImageCropper = {
   props: {
     // Mime-types to accept, i.e. which filetypes to accept (.gif, .png, etc.)
     mimes: {
       type: String,
-      default: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon'
+      default: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon',
     },
     // Fixed aspect-ratio for selection box
     aspectRatio: {
-      type: Number
-    }
+      type: Number,
+    },
   },
-  data () {
+  data() {
     return {
       dataUrl: undefined,
-      filename: undefined
+      filename: undefined,
     }
   },
   emits: [
@@ -31,12 +27,12 @@ const ImageCropper = {
     'close', // cropper is closed
   ],
   methods: {
-    destroy () {
+    destroy() {
       this.$refs.input.value = ''
       this.dataUrl = undefined
       this.$emit('close')
     },
-    submit (cropping = true) {
+    submit(cropping = true) {
       let cropperPromise
       if (cropping) {
         cropperPromise = this.$refs.cropperSelection.$toCanvas()
@@ -44,14 +40,14 @@ const ImageCropper = {
         cropperPromise = Promise.resolve()
       }
 
-      cropperPromise.then(canvas => {
+      cropperPromise.then((canvas) => {
         this.$emit('submit', { canvas, file: this.file })
       })
     },
-    pickImage () {
+    pickImage() {
       this.$refs.input.click()
     },
-    readFile () {
+    readFile() {
       const fileInput = this.$refs.input
       if (fileInput.files != null && fileInput.files[0] != null) {
         this.file = fileInput.files[0]
@@ -66,10 +62,10 @@ const ImageCropper = {
     },
     inSelection(selection, maxSelection) {
       return (
-        selection.x >= maxSelection.x
-        && selection.y >= maxSelection.y
-        && (selection.x + selection.width) <= (maxSelection.x + maxSelection.width)
-        && (selection.y + selection.height) <= (maxSelection.y + maxSelection.height)
+        selection.x >= maxSelection.x &&
+        selection.y >= maxSelection.y &&
+        selection.x + selection.width <= maxSelection.x + maxSelection.width &&
+        selection.y + selection.height <= maxSelection.y + maxSelection.height
       )
     },
     onCropperSelectionChange(event) {
@@ -84,11 +80,11 @@ const ImageCropper = {
       }
 
       if (!this.inSelection(selection, maxSelection)) {
-        event.preventDefault();
+        event.preventDefault()
       }
-    }
+    },
   },
-  mounted () {
+  mounted() {
     // listen for input file changes
     const fileInput = this.$refs.input
     fileInput.addEventListener('change', this.readFile)
@@ -96,7 +92,7 @@ const ImageCropper = {
   beforeUnmount: function () {
     const fileInput = this.$refs.input
     fileInput.removeEventListener('change', this.readFile)
-  }
+  },
 }
 
 export default ImageCropper
diff --git a/src/components/importer/importer.js b/src/components/importer/importer.js
index da86a223c..0403cc944 100644
--- a/src/components/importer/importer.js
+++ b/src/components/importer/importer.js
@@ -1,49 +1,49 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch,
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch, faTimes } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch,
-  faTimes
-)
+library.add(faCircleNotch, faTimes)
 
 const Importer = {
   props: {
     submitHandler: {
       type: Function,
-      required: true
+      required: true,
     },
     submitButtonLabel: { type: String },
     successMessage: { type: String },
-    errorMessage: { type: String }
+    errorMessage: { type: String },
   },
-  data () {
+  data() {
     return {
       file: null,
       error: false,
       success: false,
-      submitting: false
+      submitting: false,
     }
   },
   methods: {
-    change () {
+    change() {
       this.file = this.$refs.input.files[0]
     },
-    submit () {
+    submit() {
       this.dismiss()
       this.submitting = true
       this.submitHandler(this.file)
-        .then(() => { this.success = true })
-        .catch(() => { this.error = true })
-        .finally(() => { this.submitting = false })
+        .then(() => {
+          this.success = true
+        })
+        .catch(() => {
+          this.error = true
+        })
+        .finally(() => {
+          this.submitting = false
+        })
     },
-    dismiss () {
+    dismiss() {
       this.success = false
       this.error = false
-    }
-  }
+    },
+  },
 }
 
 export default Importer
diff --git a/src/components/input.style.js b/src/components/input.style.js
index 00f51cbf6..2663392fb 100644
--- a/src/components/input.style.js
+++ b/src/components/input.style.js
@@ -4,91 +4,96 @@ export default {
   states: {
     hover: ':is(:hover, :focus-visible):not(.disabled)',
     focused: ':focus-within',
-    disabled: '.disabled'
+    disabled: '.disabled',
   },
   variants: {
     checkbox: '.-checkbox',
-    radio: '.-radio'
+    radio: '.-radio',
   },
-  validInnerComponents: [
-    'Text',
-    'Icon'
-  ],
+  validInnerComponents: ['Text', 'Icon'],
   defaultRules: [
     {
       component: 'Root',
       directives: {
-        '--defaultInputBevel': 'shadow | $borderSide(#FFFFFF bottom 0.2), $borderSide(#000000 top 0.2), inset 0 0 2 #000000 / 0.15, 1 0 1 1 --text / 0.15, -1 0 1 1 --text / 0.15',
+        '--defaultInputBevel':
+          'shadow | $borderSide(#FFFFFF bottom 0.2), $borderSide(#000000 top 0.2), inset 0 0 2 #000000 / 0.15, 1 0 1 1 --text / 0.15, -1 0 1 1 --text / 0.15',
         '--defaultInputHoverGlow': 'shadow | 0 0 4 --text / 0.5',
-        '--defaultInputFocusGlow': 'shadow | 0 0 4 4 --link / 0.5'
-      }
+        '--defaultInputFocusGlow': 'shadow | 0 0 4 4 --link / 0.5',
+      },
     },
     {
       variant: 'checkbox',
       directives: {
-        roundness: 1
-      }
+        roundness: 1,
+      },
     },
     {
       directives: {
         '--font': 'generic | inherit',
         background: '--fg, -5',
         roundness: 3,
-        shadow: [{
-          x: 0,
-          y: 0,
-          blur: 2,
-          spread: 0,
-          color: '#000000',
-          alpha: 1
-        }, '--defaultInputBevel']
-      }
+        shadow: [
+          {
+            x: 0,
+            y: 0,
+            blur: 2,
+            spread: 0,
+            color: '#000000',
+            alpha: 1,
+          },
+          '--defaultInputBevel',
+        ],
+      },
     },
     {
       state: ['hover'],
       directives: {
-        shadow: ['--defaultInputHoverGlow', '--defaultInputBevel']
-      }
+        shadow: ['--defaultInputHoverGlow', '--defaultInputBevel'],
+      },
     },
     {
       state: ['focused'],
       directives: {
-        shadow: ['--defaultInputFocusGlow', '--defaultInputBevel']
-      }
+        shadow: ['--defaultInputFocusGlow', '--defaultInputBevel'],
+      },
     },
     {
       state: ['focused', 'hover'],
       directives: {
-        shadow: ['--defaultInputFocusGlow', '--defaultInputHoverGlow', '--defaultInputBevel']
-      }
+        shadow: [
+          '--defaultInputFocusGlow',
+          '--defaultInputHoverGlow',
+          '--defaultInputBevel',
+        ],
+      },
     },
     {
       state: ['disabled'],
       directives: {
-        background: '--parent'
-      }
+        background: '--parent',
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'Input',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textOpacityMode: 'blend',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Input',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
-    }
-  ]
+        textOpacityMode: 'blend',
+      },
+    },
+  ],
 }
diff --git a/src/components/instance_specific_panel/instance_specific_panel.js b/src/components/instance_specific_panel/instance_specific_panel.js
index 09e3d0557..eead52f40 100644
--- a/src/components/instance_specific_panel/instance_specific_panel.js
+++ b/src/components/instance_specific_panel/instance_specific_panel.js
@@ -1,9 +1,9 @@
 const InstanceSpecificPanel = {
   computed: {
-    instanceSpecificPanelContent () {
+    instanceSpecificPanelContent() {
       return this.$store.state.instance.instanceSpecificPanelContent
-    }
-  }
+    },
+  },
 }
 
 export default InstanceSpecificPanel
diff --git a/src/components/interactions/interactions.js b/src/components/interactions/interactions.js
index fc441b908..a5f3095d9 100644
--- a/src/components/interactions/interactions.js
+++ b/src/components/interactions/interactions.js
@@ -8,26 +8,29 @@ const tabModeDict = {
   follows: ['follow'],
   reactions: ['pleroma:emoji_reaction'],
   reports: ['pleroma:report'],
-  moves: ['move']
+  moves: ['move'],
 }
 
 const Interactions = {
-  data () {
+  data() {
     return {
-      allowFollowingMove: this.$store.state.users.currentUser.allow_following_move,
+      allowFollowingMove:
+        this.$store.state.users.currentUser.allow_following_move,
       filterMode: tabModeDict.mentions,
-      canSeeReports: this.$store.state.users.currentUser.privileges.includes('reports_manage_reports')
+      canSeeReports: this.$store.state.users.currentUser.privileges.includes(
+        'reports_manage_reports',
+      ),
     }
   },
   methods: {
-    onModeSwitch (key) {
+    onModeSwitch(key) {
       this.filterMode = tabModeDict[key]
-    }
+    },
   },
   components: {
     Notifications,
-    TabSwitcher
-  }
+    TabSwitcher,
+  },
 }
 
 export default Interactions
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
index 721c19887..2599901c6 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -3,60 +3,62 @@ import localeService from '../../services/locale/locale.service.js'
 import Select from '../select/select.vue'
 import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
 
-import { v4 as uuidv4 } from 'uuid';
+import { v4 as uuidv4 } from 'uuid'
 
 export default {
   components: {
     Select,
-    ProfileSettingIndicator
+    ProfileSettingIndicator,
   },
   props: {
     // List of languages (or just one language)
     modelValue: {
       type: [Array, String],
-      required: true
+      required: true,
     },
     // Is this setting stored in user profile (true) or elsewhere (false)
     // Doesn't affect storage, just shows an icon if true
     profile: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   emits: ['update:modelValue'],
   computed: {
-    languages () {
+    languages() {
       return localeService.languages
     },
-    uniqueId () {
-        return uuidv4()
+    uniqueId() {
+      return uuidv4()
     },
     controlledLanguage: {
       get: function () {
-        return Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue]
+        return Array.isArray(this.modelValue)
+          ? this.modelValue
+          : [this.modelValue]
       },
       set: function (val) {
         this.$emit('update:modelValue', val)
-      }
-    }
+      },
+    },
   },
 
   methods: {
-    getLanguageName (code) {
+    getLanguageName(code) {
       return localeService.getLanguageName(code)
     },
-    addLanguage () {
+    addLanguage() {
       this.controlledLanguage = [...this.controlledLanguage, '']
     },
-    setLanguageAt (index, val) {
+    setLanguageAt(index, val) {
       const lang = [...this.controlledLanguage]
       lang[index] = val
       this.controlledLanguage = lang
     },
-    removeLanguageAt (index) {
+    removeLanguageAt(index) {
       const lang = [...this.controlledLanguage]
       lang.splice(index, 1)
       this.controlledLanguage = lang
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/link-preview/link-preview.js b/src/components/link-preview/link-preview.js
index add7c5631..ac91f916d 100644
--- a/src/components/link-preview/link-preview.js
+++ b/src/components/link-preview/link-preview.js
@@ -2,37 +2,31 @@ import { mapGetters } from 'vuex'
 
 const LinkPreview = {
   name: 'LinkPreview',
-  props: [
-    'card',
-    'size',
-    'nsfw'
-  ],
-  data () {
+  props: ['card', 'size', 'nsfw'],
+  data() {
     return {
-      imageLoaded: false
+      imageLoaded: false,
     }
   },
   computed: {
-    useImage () {
+    useImage() {
       // Currently BE shoudn't give cards if tagged NSFW, this is a bit paranoid
       // as it makes sure to hide the image if somehow NSFW tagged preview can
       // exist.
       return this.card.image && !this.censored && this.size !== 'hide'
     },
-    censored () {
+    censored() {
       return this.nsfw && this.hideNsfwConfig
     },
-    useDescription () {
+    useDescription() {
       return this.card.description && /\S/.test(this.card.description)
     },
-    hideNsfwConfig () {
+    hideNsfwConfig() {
       return this.mergedConfig.hideNsfw
     },
-    ...mapGetters([
-      'mergedConfig'
-    ])
+    ...mapGetters(['mergedConfig']),
   },
-  created () {
+  created() {
     if (this.useImage) {
       const newImg = new Image()
       newImg.onload = () => {
@@ -40,7 +34,7 @@ const LinkPreview = {
       }
       newImg.src = this.card.image
     }
-  }
+  },
 }
 
 export default LinkPreview
diff --git a/src/components/link.style.js b/src/components/link.style.js
index d13cef338..141a1f023 100644
--- a/src/components/link.style.js
+++ b/src/components/link.style.js
@@ -3,22 +3,22 @@ export default {
   selector: 'a',
   virtual: true,
   states: {
-    faint: '.faint'
+    faint: '.faint',
   },
   defaultRules: [
     {
       component: 'Link',
       directives: {
-        textColor: '--link'
-      }
+        textColor: '--link',
+      },
     },
     {
       component: 'Link',
       state: ['faint'],
       directives: {
         textOpacity: 0.5,
-        textOpacityMode: 'fake'
-      }
-    }
-  ]
+        textOpacityMode: 'fake',
+      },
+    },
+  ],
 }
diff --git a/src/components/list/list.vue b/src/components/list/list.vue
index 5d2c49b3c..f34a5f073 100644
--- a/src/components/list/list.vue
+++ b/src/components/list/list.vue
@@ -29,20 +29,20 @@ export default {
   props: {
     items: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     getKey: {
       type: Function,
-      default: item => item.id
+      default: (item) => item.id,
     },
     getClass: {
       type: Function,
-      default: () => ''
+      default: () => '',
     },
     nonInteractive: {
       type: Boolean,
-      default: false
-    }
-  }
+      default: false,
+    },
+  },
 }
 </script>
diff --git a/src/components/lists/lists.js b/src/components/lists/lists.js
index 8dcb48b52..446178245 100644
--- a/src/components/lists/lists.js
+++ b/src/components/lists/lists.js
@@ -2,27 +2,27 @@ import { useListsStore } from 'src/stores/lists'
 import ListsCard from '../lists_card/lists_card.vue'
 
 const Lists = {
-  data () {
+  data() {
     return {
-      isNew: false
+      isNew: false,
     }
   },
   components: {
-    ListsCard
+    ListsCard,
   },
   computed: {
-    lists () {
+    lists() {
       return useListsStore().allLists
-    }
+    },
   },
   methods: {
-    cancelNewList () {
+    cancelNewList() {
       this.isNew = false
     },
-    newList () {
+    newList() {
       this.isNew = true
-    }
-  }
+    },
+  },
 }
 
 export default Lists
diff --git a/src/components/lists_card/lists_card.js b/src/components/lists_card/lists_card.js
index b503caec4..81b811534 100644
--- a/src/components/lists_card/lists_card.js
+++ b/src/components/lists_card/lists_card.js
@@ -1,16 +1,10 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEllipsisH
-} from '@fortawesome/free-solid-svg-icons'
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faEllipsisH
-)
+library.add(faEllipsisH)
 
 const ListsCard = {
-  props: [
-    'list'
-  ]
+  props: ['list'],
 }
 
 export default ListsCard
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index c62bf9769..64badb2d4 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -6,17 +6,11 @@ import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faSearch,
-  faChevronLeft
-} from '@fortawesome/free-solid-svg-icons'
+import { faSearch, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
 
-library.add(
-  faSearch,
-  faChevronLeft
-)
+library.add(faSearch, faChevronLeft)
 
 const ListsNew = {
   components: {
@@ -24,9 +18,9 @@ const ListsNew = {
     UserAvatar,
     ListsUserSearch,
     TabSwitcher,
-    PanelLoading
+    PanelLoading,
   },
-  data () {
+  data() {
     return {
       title: '',
       titleDraft: '',
@@ -35,46 +29,51 @@ const ListsNew = {
       searchUserIds: [],
       addedUserIds: new Set([]), // users we added from search, to undo
       searchLoading: false,
-      reallyDelete: false
+      reallyDelete: false,
     }
   },
-  created () {
+  created() {
     if (!this.id) return
-    useListsStore().fetchList({ listId: this.id })
+    useListsStore()
+      .fetchList({ listId: this.id })
       .then(() => {
         this.title = this.findListTitle(this.id)
         this.titleDraft = this.title
       })
-    useListsStore().fetchListAccounts({ listId: this.id })
+    useListsStore()
+      .fetchListAccounts({ listId: this.id })
       .then(() => {
         this.membersUserIds = this.findListAccounts(this.id)
-        this.membersUserIds.forEach(userId => {
+        this.membersUserIds.forEach((userId) => {
           this.$store.dispatch('fetchUserIfMissing', userId)
         })
       })
   },
   computed: {
-    id () {
+    id() {
       return this.$route.params.id
     },
-    membersUsers () {
+    membersUsers() {
       return [...this.membersUserIds, ...this.addedUserIds]
-        .map(userId => this.findUser(userId)).filter(user => user)
+        .map((userId) => this.findUser(userId))
+        .filter((user) => user)
     },
-    searchUsers () {
-      return this.searchUserIds.map(userId => this.findUser(userId)).filter(user => user)
+    searchUsers() {
+      return this.searchUserIds
+        .map((userId) => this.findUser(userId))
+        .filter((user) => user)
     },
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
     ...mapPiniaState(useListsStore, ['findListTitle', 'findListAccounts']),
-    ...mapGetters(['findUser'])
+    ...mapGetters(['findUser']),
   },
   methods: {
-    onInput () {
+    onInput() {
       this.search(this.query)
     },
-    toggleRemoveMember (user) {
+    toggleRemoveMember(user) {
       if (this.removedUserIds.has(user.id)) {
         this.id && this.addUser(user)
         this.removedUserIds.delete(user.id)
@@ -83,7 +82,7 @@ const ListsNew = {
         this.removedUserIds.add(user.id)
       }
     },
-    toggleAddFromSearch (user) {
+    toggleAddFromSearch(user) {
       if (this.addedUserIds.has(user.id)) {
         this.id && this.removeUser(user.id)
         this.addedUserIds.delete(user.id)
@@ -92,37 +91,41 @@ const ListsNew = {
         this.addedUserIds.add(user.id)
       }
     },
-    isRemoved (user) {
+    isRemoved(user) {
       return this.removedUserIds.has(user.id)
     },
-    isAdded (user) {
+    isAdded(user) {
       return this.addedUserIds.has(user.id)
     },
-    addUser (user) {
+    addUser(user) {
       useListsStore().addListAccount({ accountId: user.id, listId: this.id })
     },
-    removeUser (userId) {
+    removeUser(userId) {
       useListsStore().removeListAccount({ accountId: userId, listId: this.id })
     },
-    onSearchLoading () {
+    onSearchLoading() {
       this.searchLoading = true
     },
-    onSearchLoadingDone () {
+    onSearchLoadingDone() {
       this.searchLoading = false
     },
-    onSearchResults (results) {
+    onSearchResults(results) {
       this.searchLoading = false
       this.searchUserIds = results
     },
-    updateListTitle () {
+    updateListTitle() {
       useListsStore().setList({ listId: this.id, title: this.titleDraft })
       this.title = this.findListTitle(this.id)
     },
-    createList () {
-      useListsStore().createList({ title: this.titleDraft })
+    createList() {
+      useListsStore()
+        .createList({ title: this.titleDraft })
         .then((list) => {
           return useListsStore()
-            .setListAccounts({ listId: list.id, accountIds: [...this.addedUserIds] })
+            .setListAccounts({
+              listId: list.id,
+              accountIds: [...this.addedUserIds],
+            })
             .then(() => list.id)
         })
         .then((listId) => {
@@ -132,15 +135,15 @@ const ListsNew = {
           useInterfaceStore().pushGlobalNotice({
             messageKey: 'lists.error',
             messageArgs: [e.message],
-            level: 'error'
+            level: 'error',
           })
         })
     },
-    deleteList () {
+    deleteList() {
       useListsStore().deleteList({ listId: this.id })
       this.$router.push({ name: 'lists' })
-    }
-  }
+    },
+  },
 }
 
 export default ListsNew
diff --git a/src/components/lists_menu/lists_menu_content.js b/src/components/lists_menu/lists_menu_content.js
index 726fd5fc4..bf7385403 100644
--- a/src/components/lists_menu/lists_menu_content.js
+++ b/src/components/lists_menu/lists_menu_content.js
@@ -5,22 +5,20 @@ import { getListEntries } from 'src/components/navigation/filter.js'
 import { useListsStore } from 'src/stores/lists'
 
 export const ListsMenuContent = {
-  props: [
-    'showPin'
-  ],
+  props: ['showPin'],
   components: {
-    NavigationEntry
+    NavigationEntry,
   },
   computed: {
     ...mapPiniaState(useListsStore, {
-      lists: getListEntries
+      lists: getListEntries,
     }),
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      privateMode: state => state.instance.private,
-      federating: state => state.instance.federating
-    })
-  }
+      currentUser: (state) => state.users.currentUser,
+      privateMode: (state) => state.instance.private,
+      federating: (state) => state.instance.federating,
+    }),
+  },
 }
 
 export default ListsMenuContent
diff --git a/src/components/lists_timeline/lists_timeline.js b/src/components/lists_timeline/lists_timeline.js
index eae82a867..429e21867 100644
--- a/src/components/lists_timeline/lists_timeline.js
+++ b/src/components/lists_timeline/lists_timeline.js
@@ -1,16 +1,18 @@
 import { useListsStore } from 'src/stores/lists'
 import Timeline from '../timeline/timeline.vue'
 const ListsTimeline = {
-  data () {
+  data() {
     return {
-      listId: null
+      listId: null,
     }
   },
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    timeline () { return this.$store.state.statuses.timelines.list }
+    timeline() {
+      return this.$store.state.statuses.timelines.list
+    },
   },
   watch: {
     $route: function (route) {
@@ -19,19 +21,25 @@ const ListsTimeline = {
         this.$store.dispatch('stopFetchingTimeline', 'list')
         this.$store.commit('clearTimeline', { timeline: 'list' })
         useListsStore().fetchList({ listId: this.listId })
-        this.$store.dispatch('startFetchingTimeline', { timeline: 'list', listId: this.listId })
+        this.$store.dispatch('startFetchingTimeline', {
+          timeline: 'list',
+          listId: this.listId,
+        })
       }
-    }
+    },
   },
-  created () {
+  created() {
     this.listId = this.$route.params.id
     useListsStore().fetchList({ listId: this.listId })
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'list', listId: this.listId })
+    this.$store.dispatch('startFetchingTimeline', {
+      timeline: 'list',
+      listId: this.listId,
+    })
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'list')
     this.$store.commit('clearTimeline', { timeline: 'list' })
-  }
+  },
 }
 
 export default ListsTimeline
diff --git a/src/components/lists_user_search/lists_user_search.js b/src/components/lists_user_search/lists_user_search.js
index c92ec0eee..68c730bc2 100644
--- a/src/components/lists_user_search/lists_user_search.js
+++ b/src/components/lists_user_search/lists_user_search.js
@@ -1,33 +1,27 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faSearch,
-  faChevronLeft
-} from '@fortawesome/free-solid-svg-icons'
+import { faSearch, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 import { debounce } from 'lodash'
 import Checkbox from '../checkbox/checkbox.vue'
 
-library.add(
-  faSearch,
-  faChevronLeft
-)
+library.add(faSearch, faChevronLeft)
 
 const ListsUserSearch = {
   components: {
-    Checkbox
+    Checkbox,
   },
   emits: ['loading', 'loadingDone', 'results'],
-  data () {
+  data() {
     return {
       loading: false,
       query: '',
-      followingOnly: true
+      followingOnly: true,
     }
   },
   methods: {
     onInput: debounce(function () {
       this.search(this.query)
     }, 2000),
-    search (query) {
+    search(query) {
       if (!query) {
         this.loading = false
         return
@@ -36,16 +30,25 @@ const ListsUserSearch = {
       this.loading = true
       this.$emit('loading')
       this.userIds = []
-      this.$store.dispatch('search', { q: query, resolve: true, type: 'accounts', following: this.followingOnly })
-        .then(data => {
-          this.$emit('results', data.accounts.map(a => a.id))
+      this.$store
+        .dispatch('search', {
+          q: query,
+          resolve: true,
+          type: 'accounts',
+          following: this.followingOnly,
+        })
+        .then((data) => {
+          this.$emit(
+            'results',
+            data.accounts.map((a) => a.id),
+          )
         })
         .finally(() => {
           this.loading = false
           this.$emit('loadingDone')
         })
-    }
-  }
+    },
+  },
 }
 
 export default ListsUserSearch
diff --git a/src/components/login_form/login_form.js b/src/components/login_form/login_form.js
index 9566aa903..694aebe43 100644
--- a/src/components/login_form/login_form.js
+++ b/src/components/login_form/login_form.js
@@ -4,53 +4,56 @@ import oauthApi from '../../services/new_api/oauth.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes
-)
+library.add(faTimes)
 
 const LoginForm = {
   data: () => ({
     user: {},
-    error: false
+    error: false,
   }),
   computed: {
-    isPasswordAuth () { return this.requiredPassword },
-    isTokenAuth () { return this.requiredToken },
+    isPasswordAuth() {
+      return this.requiredPassword
+    },
+    isTokenAuth() {
+      return this.requiredToken
+    },
     ...mapStores(useOAuthStore),
     ...mapState({
-      registrationOpen: state => state.instance.registrationOpen,
-      instance: state => state.instance,
-      loggingIn: state => state.users.loggingIn,
+      registrationOpen: (state) => state.instance.registrationOpen,
+      instance: (state) => state.instance,
+      loggingIn: (state) => state.users.loggingIn,
     }),
-    ...mapPiniaState(useAuthFlowStore, ['requiredPassword', 'requiredToken', 'requiredMFA'])
+    ...mapPiniaState(useAuthFlowStore, [
+      'requiredPassword',
+      'requiredToken',
+      'requiredMFA',
+    ]),
   },
   methods: {
     ...mapActions(useAuthFlowStore, ['requireMFA', 'login']),
-    submit () {
+    submit() {
       this.isTokenAuth ? this.submitToken() : this.submitPassword()
     },
-    submitToken () {
+    submitToken() {
       const data = {
         instance: this.instance.server,
-        commit: this.$store.commit
+        commit: this.$store.commit,
       }
 
       // NOTE: we do not really need the app token, but obtaining a token and
       // calling verify_credentials is the only way to ensure the app still works.
-      this.oauthStore.ensureAppToken()
-        .then(() => {
-          const app = {
-            clientId: this.oauthStore.clientId,
-            clientSecret: this.oauthStore.clientSecret,
-          }
-          oauthApi.login({ ...app, ...data })
-        })
+      this.oauthStore.ensureAppToken().then(() => {
+        const app = {
+          clientId: this.oauthStore.clientId,
+          clientSecret: this.oauthStore.clientSecret,
+        }
+        oauthApi.login({ ...app, ...data })
+      })
     },
-    submitPassword () {
+    submitPassword() {
       this.error = false
 
       // NOTE: we do not really need the app token, but obtaining a token and
@@ -61,38 +64,43 @@ const LoginForm = {
           clientSecret: this.oauthStore.clientSecret,
         }
 
-        oauthApi.getTokenWithCredentials(
-          {
+        oauthApi
+          .getTokenWithCredentials({
             ...app,
             instance: this.instance.server,
             username: this.user.username,
-            password: this.user.password
-          }
-        ).then((result) => {
-          if (result.error) {
-            if (result.error === 'mfa_required') {
-              this.requireMFA({ settings: result })
-            } else if (result.identifier === 'password_reset_required') {
-              this.$router.push({ name: 'password-reset', params: { passwordResetRequested: true } })
-            } else {
-              this.error = result.error
-              this.focusOnPasswordInput()
-            }
-            return
-          }
-          this.login(result).then(() => {
-            this.$router.push({ name: 'friends' })
+            password: this.user.password,
+          })
+          .then((result) => {
+            if (result.error) {
+              if (result.error === 'mfa_required') {
+                this.requireMFA({ settings: result })
+              } else if (result.identifier === 'password_reset_required') {
+                this.$router.push({
+                  name: 'password-reset',
+                  params: { passwordResetRequested: true },
+                })
+              } else {
+                this.error = result.error
+                this.focusOnPasswordInput()
+              }
+              return
+            }
+            this.login(result).then(() => {
+              this.$router.push({ name: 'friends' })
+            })
           })
-        })
       })
     },
-    clearError () { this.error = false },
-    focusOnPasswordInput () {
+    clearError() {
+      this.error = false
+    },
+    focusOnPasswordInput() {
       const passwordInput = this.$refs.passwordInput
       passwordInput.focus()
       passwordInput.setSelectionRange(0, passwordInput.value.length)
-    }
-  }
+    },
+  },
 }
 
 export default LoginForm
diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index 9a57f8250..5fc9f7296 100644
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@@ -11,16 +11,11 @@ import {
   faChevronLeft,
   faChevronRight,
   faCircleNotch,
-  faTimes
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
 
-library.add(
-  faChevronLeft,
-  faChevronRight,
-  faCircleNotch,
-  faTimes
-)
+library.add(faChevronLeft, faChevronRight, faCircleNotch, faTimes)
 
 const MediaModal = {
   components: {
@@ -29,9 +24,9 @@ const MediaModal = {
     PinchZoom,
     SwipeClick,
     Modal,
-    Flash
+    Flash,
   },
-  data () {
+  data() {
     return {
       loading: false,
       swipeDirection: GestureService.DIRECTION_LEFT,
@@ -40,42 +35,42 @@ const MediaModal = {
         return window.innerWidth * considerableMoveRatio
       },
       pinchZoomMinScale: 1,
-      pinchZoomScaleResetLimit: 1.2
+      pinchZoomScaleResetLimit: 1.2,
     }
   },
   computed: {
-    showing () {
+    showing() {
       return useMediaViewerStore().activated
     },
-    media () {
+    media() {
       return useMediaViewerStore().media
     },
-    description () {
+    description() {
       return this.currentMedia.description
     },
-    currentIndex () {
+    currentIndex() {
       return useMediaViewerStore().currentIndex
     },
-    currentMedia () {
+    currentMedia() {
       return this.media[this.currentIndex]
     },
-    canNavigate () {
+    canNavigate() {
       return this.media.length > 1
     },
-    type () {
+    type() {
       return this.currentMedia ? this.getType(this.currentMedia) : null
     },
-    swipeDisableClickThreshold () {
+    swipeDisableClickThreshold() {
       // If there is only one media, allow more mouse movements to close the modal
       // because there is less chance that the user wants to switch to another image
-      return () => this.canNavigate ? 1 : 30
-    }
+      return () => (this.canNavigate ? 1 : 30)
+    },
   },
   methods: {
-    getType (media) {
+    getType(media) {
       return fileTypeService.fileType(media.mimetype)
     },
-    hide () {
+    hide() {
       // HACK: Closing immediately via a touch will cause the click
       // to be processed on the content below the overlay
       const transitionTime = 100 // ms
@@ -83,7 +78,7 @@ const MediaModal = {
         useMediaViewerStore().closeMediaViewer()
       }, transitionTime)
     },
-    hideIfNotSwiped (event) {
+    hideIfNotSwiped(event) {
       // If we have swiped over SwipeClick, do not trigger hide
       const comp = this.$refs.swipeClick
       if (!comp) {
@@ -92,9 +87,12 @@ const MediaModal = {
         comp.$gesture.click(event)
       }
     },
-    goPrev () {
+    goPrev() {
       if (this.canNavigate) {
-        const prevIndex = this.currentIndex === 0 ? this.media.length - 1 : (this.currentIndex - 1)
+        const prevIndex =
+          this.currentIndex === 0
+            ? this.media.length - 1
+            : this.currentIndex - 1
         const newMedia = this.media[prevIndex]
         if (this.getType(newMedia) === 'image') {
           this.loading = true
@@ -102,9 +100,12 @@ const MediaModal = {
         useMediaViewerStore().setCurrentMedia(newMedia)
       }
     },
-    goNext () {
+    goNext() {
       if (this.canNavigate) {
-        const nextIndex = this.currentIndex === this.media.length - 1 ? 0 : (this.currentIndex + 1)
+        const nextIndex =
+          this.currentIndex === this.media.length - 1
+            ? 0
+            : this.currentIndex + 1
         const newMedia = this.media[nextIndex]
         if (this.getType(newMedia) === 'image') {
           this.loading = true
@@ -112,13 +113,13 @@ const MediaModal = {
         useMediaViewerStore().setCurrentMedia(newMedia)
       }
     },
-    onImageLoaded () {
+    onImageLoaded() {
       this.loading = false
     },
-    handleSwipePreview (offsets) {
+    handleSwipePreview(offsets) {
       this.$refs.pinchZoom.setTransform({ scale: 1, x: offsets[0], y: 0 })
     },
-    handleSwipeEnd (sign) {
+    handleSwipeEnd(sign) {
       this.$refs.pinchZoom.setTransform({ scale: 1, x: 0, y: 0 })
       if (sign > 0) {
         this.goNext()
@@ -126,33 +127,36 @@ const MediaModal = {
         this.goPrev()
       }
     },
-    handleKeyupEvent (e) {
-      if (this.showing && e.keyCode === 27) { // escape
+    handleKeyupEvent(e) {
+      if (this.showing && e.keyCode === 27) {
+        // escape
         this.hide()
       }
     },
-    handleKeydownEvent (e) {
+    handleKeydownEvent(e) {
       if (!this.showing) {
         return
       }
 
-      if (e.keyCode === 39) { // arrow right
+      if (e.keyCode === 39) {
+        // arrow right
         this.goNext()
-      } else if (e.keyCode === 37) { // arrow left
+      } else if (e.keyCode === 37) {
+        // arrow left
         this.goPrev()
       }
-    }
+    },
   },
-  mounted () {
+  mounted() {
     window.addEventListener('popstate', this.hide)
     document.addEventListener('keyup', this.handleKeyupEvent)
     document.addEventListener('keydown', this.handleKeydownEvent)
   },
-  unmounted () {
+  unmounted() {
     window.removeEventListener('popstate', this.hide)
     document.removeEventListener('keyup', this.handleKeyupEvent)
     document.removeEventListener('keydown', this.handleKeydownEvent)
-  }
+  },
 }
 
 export default MediaModal
diff --git a/src/components/media_upload/media_upload.js b/src/components/media_upload/media_upload.js
index f2cbfc405..37d1a76cd 100644
--- a/src/components/media_upload/media_upload.js
+++ b/src/components/media_upload/media_upload.js
@@ -5,30 +5,27 @@ import fileSizeFormatService from '../../services/file_size_format/file_size_for
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faUpload, faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faUpload,
-  faCircleNotch
-)
+library.add(faUpload, faCircleNotch)
 
 const mediaUpload = {
-  data () {
+  data() {
     return {
       uploadCount: 0,
-      uploadReady: true
+      uploadReady: true,
     }
   },
   computed: {
-    uploading () {
+    uploading() {
       return this.uploadCount > 0
-    }
+    },
   },
   methods: {
-    onClick () {
+    onClick() {
       if (this.uploadReady) {
         this.$refs.input.click()
       }
     },
-    async resizeImage (file) {
+    async resizeImage(file) {
       // Skip if not an image or if it's a GIF
       if (!file.type.startsWith('image/') || file.type === 'image/gif') {
         return file
@@ -74,46 +71,67 @@ const mediaUpload = {
 
           // Check WebP support by trying to create a WebP canvas
           const testCanvas = document.createElement('canvas')
-          const supportsWebP = testCanvas.toDataURL('image/webp').startsWith('data:image/webp')
+          const supportsWebP = testCanvas
+            .toDataURL('image/webp')
+            .startsWith('data:image/webp')
 
           // Convert to WebP if supported and alwaysUseJpeg is false, otherwise JPEG
-          const type = (!this.$store.getters.mergedConfig.alwaysUseJpeg && supportsWebP) ? 'image/webp' : 'image/jpeg'
+          const type =
+            !this.$store.getters.mergedConfig.alwaysUseJpeg && supportsWebP
+              ? 'image/webp'
+              : 'image/jpeg'
           const extension = type === 'image/webp' ? '.webp' : '.jpg'
 
           // Remove the original extension and add new one
           const newFileName = file.name.replace(/\.[^/.]+$/, '') + extension
 
-          canvas.toBlob((blob) => {
-            resolve(new File([blob], newFileName, {
-              type,
-              lastModified: Date.now()
-            }))
-          }, type, 0.85)
+          canvas.toBlob(
+            (blob) => {
+              resolve(
+                new File([blob], newFileName, {
+                  type,
+                  lastModified: Date.now(),
+                }),
+              )
+            },
+            type,
+            0.85,
+          )
         }
         img.src = URL.createObjectURL(file)
       })
     },
-    async isAnimatedPng (file) {
+    async isAnimatedPng(file) {
       const buffer = await file.arrayBuffer()
       const view = new Uint8Array(buffer)
       // Look for animated PNG chunks (acTL)
       for (let i = 0; i < view.length - 8; i++) {
-        if (view[i] === 0x61 && // a
-            view[i + 1] === 0x63 && // c
-            view[i + 2] === 0x54 && // T
-            view[i + 3] === 0x4C) { // L
+        if (
+          view[i] === 0x61 && // a
+          view[i + 1] === 0x63 && // c
+          view[i + 2] === 0x54 && // T
+          view[i + 3] === 0x4c
+        ) {
+          // L
           return true
         }
       }
       return false
     },
-    async uploadFile (file) {
+    async uploadFile(file) {
       const self = this
       const store = this.$store
       if (file.size > store.state.instance.uploadlimit) {
         const filesize = fileSizeFormatService.fileSizeFormat(file.size)
-        const allowedsize = fileSizeFormatService.fileSizeFormat(store.state.instance.uploadlimit)
-        self.$emit('upload-failed', 'file_too_big', { filesize: filesize.num, filesizeunit: filesize.unit, allowedsize: allowedsize.num, allowedsizeunit: allowedsize.unit })
+        const allowedsize = fileSizeFormatService.fileSizeFormat(
+          store.state.instance.uploadlimit,
+        )
+        self.$emit('upload-failed', 'file_too_big', {
+          filesize: filesize.num,
+          filesizeunit: filesize.unit,
+          allowedsize: allowedsize.num,
+          allowedsizeunit: allowedsize.unit,
+        })
         return
       }
 
@@ -125,36 +143,38 @@ const mediaUpload = {
       self.$emit('uploading')
       self.uploadCount++
 
-      statusPosterService.uploadMedia({ store, formData })
-        .then((fileData) => {
+      statusPosterService.uploadMedia({ store, formData }).then(
+        (fileData) => {
           self.$emit('uploaded', fileData)
           self.decreaseUploadCount()
-        }, (error) => {
+        },
+        (error) => {
           console.error('Error uploading file', error)
           self.$emit('upload-failed', 'default')
           self.decreaseUploadCount()
-        })
+        },
+      )
     },
-    decreaseUploadCount () {
+    decreaseUploadCount() {
       this.uploadCount--
       if (this.uploadCount === 0) {
         this.$emit('all-uploaded')
       }
     },
-    clearFile () {
+    clearFile() {
       this.uploadReady = false
       this.$nextTick(() => {
         this.uploadReady = true
       })
     },
-    multiUpload (files) {
+    multiUpload(files) {
       for (const file of files) {
         this.uploadFile(file)
       }
     },
-    change ({ target }) {
+    change({ target }) {
       this.multiUpload(target.files)
-    }
+    },
   },
   props: {
     dropFiles: Object,
@@ -162,16 +182,16 @@ const mediaUpload = {
     normalButton: Boolean,
     acceptTypes: {
       type: String,
-      default: '*/*'
-    }
+      default: '*/*',
+    },
   },
   watch: {
     dropFiles: function (fileInfos) {
       if (!this.uploading) {
         this.multiUpload(fileInfos)
       }
-    }
-  }
+    },
+  },
 }
 
 export default mediaUpload
diff --git a/src/components/mention_link/mention_link.js b/src/components/mention_link/mention_link.js
index ca5c24618..d2cf0f401 100644
--- a/src/components/mention_link/mention_link.js
+++ b/src/components/mention_link/mention_link.js
@@ -1,100 +1,109 @@
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { mapGetters, mapState } from 'vuex'
-import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
+import {
+  highlightClass,
+  highlightStyle,
+} from '../../services/user_highlighter/user_highlighter.js'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 import { defineAsyncComponent } from 'vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faAt
-} from '@fortawesome/free-solid-svg-icons'
+import { faAt } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faAt
-)
+library.add(faAt)
 
 const MentionLink = {
   name: 'MentionLink',
   components: {
     UserAvatar,
     UnicodeDomainIndicator,
-    UserPopover: defineAsyncComponent(() => import('../user_popover/user_popover.vue'))
+    UserPopover: defineAsyncComponent(
+      () => import('../user_popover/user_popover.vue'),
+    ),
   },
   props: {
     url: {
       required: true,
-      type: String
+      type: String,
     },
     content: {
       required: true,
-      type: String
+      type: String,
     },
     userId: {
       required: false,
-      type: String
+      type: String,
     },
     userScreenName: {
       required: false,
-      type: String
-    }
+      type: String,
+    },
   },
-  data () {
+  data() {
     return {
-      hasSelection: false
+      hasSelection: false,
     }
   },
   methods: {
-    onClick () {
+    onClick() {
       if (this.shouldShowTooltip) return
       const link = generateProfileLink(
         this.userId || this.user.id,
-        this.userScreenName || this.user.screen_name
+        this.userScreenName || this.user.screen_name,
       )
       this.$router.push(link)
     },
-    handleSelection () {
+    handleSelection() {
       if (this.$refs.full) {
-        this.hasSelection = document.getSelection().containsNode(this.$refs.full, true)
+        this.hasSelection = document
+          .getSelection()
+          .containsNode(this.$refs.full, true)
       }
-    }
+    },
   },
-  mounted () {
+  mounted() {
     document.addEventListener('selectionchange', this.handleSelection)
   },
-  unmounted () {
+  unmounted() {
     document.removeEventListener('selectionchange', this.handleSelection)
   },
   computed: {
-    user () {
-      return this.url && this.$store && this.$store.getters.findUserByUrl(this.url)
+    user() {
+      return (
+        this.url && this.$store && this.$store.getters.findUserByUrl(this.url)
+      )
     },
-    isYou () {
+    isYou() {
       // FIXME why user !== currentUser???
       return this.user && this.user.id === this.currentUser.id
     },
-    userName () {
+    userName() {
       return this.user && this.userNameFullUi.split('@')[0]
     },
-    serverName () {
+    serverName() {
       // XXX assumed that domain does not contain @
-      return this.user && (this.userNameFullUi.split('@')[1] || this.$store.getters.instanceDomain)
+      return (
+        this.user &&
+        (this.userNameFullUi.split('@')[1] ||
+          this.$store.getters.instanceDomain)
+      )
     },
-    userNameFull () {
+    userNameFull() {
       return this.user && this.user.screen_name
     },
-    userNameFullUi () {
+    userNameFullUi() {
       return this.user && this.user.screen_name_ui
     },
-    highlight () {
+    highlight() {
       return this.user && this.mergedConfig.highlight[this.user.screen_name]
     },
-    highlightType () {
-      return this.highlight && ('-' + this.highlight.type)
+    highlightType() {
+      return this.highlight && '-' + this.highlight.type
     },
-    highlightClass () {
+    highlightClass() {
       if (this.highlight) return highlightClass(this.user)
     },
-    style () {
+    style() {
       if (this.highlight) {
         /* eslint-disable no-unused-vars */
         const {
@@ -107,49 +116,50 @@ const MentionLink = {
         return rest
       }
     },
-    classnames () {
+    classnames() {
       return [
         {
           '-you': this.isYou && this.shouldBoldenYou,
           '-highlighted': this.highlight,
-          '-has-selection': this.hasSelection
+          '-has-selection': this.hasSelection,
         },
-        this.highlightType
+        this.highlightType,
       ]
     },
-    isRemote () {
+    isRemote() {
       return this.userName !== this.userNameFull
     },
-    shouldShowFullUserName () {
+    shouldShowFullUserName() {
       const conf = this.mergedConfig.mentionLinkDisplay
       if (conf === 'short') {
         return false
       } else if (conf === 'full') {
         return true
-      } else { // full_for_remote
+      } else {
+        // full_for_remote
         return this.isRemote
       }
     },
-    shouldShowTooltip () {
+    shouldShowTooltip() {
       return this.mergedConfig.mentionLinkShowTooltip
     },
-    shouldShowAvatar () {
+    shouldShowAvatar() {
       return this.mergedConfig.mentionLinkShowAvatar
     },
-    shouldShowYous () {
+    shouldShowYous() {
       return this.mergedConfig.mentionLinkShowYous
     },
-    shouldBoldenYou () {
+    shouldBoldenYou() {
       return this.mergedConfig.mentionLinkBoldenYou
     },
-    shouldFadeDomain () {
+    shouldFadeDomain() {
       return this.mergedConfig.mentionLinkFadeDomain
     },
     ...mapGetters(['mergedConfig']),
     ...mapState({
-      currentUser: state => state.users.currentUser
-    })
-  }
+      currentUser: (state) => state.users.currentUser,
+    }),
+  },
 }
 
 export default MentionLink
diff --git a/src/components/mentions/mentions.js b/src/components/mentions/mentions.js
index 841d5aa48..10167ac77 100644
--- a/src/components/mentions/mentions.js
+++ b/src/components/mentions/mentions.js
@@ -2,13 +2,13 @@ import Timeline from '../timeline/timeline.vue'
 
 const Mentions = {
   computed: {
-    timeline () {
+    timeline() {
       return this.$store.state.statuses.timelines.mentions
-    }
+    },
   },
   components: {
-    Timeline
-  }
+    Timeline,
+  },
 }
 
 export default Mentions
diff --git a/src/components/mentions_line/mentions_line.js b/src/components/mentions_line/mentions_line.js
index a4a0c7246..8d546a3a7 100644
--- a/src/components/mentions_line/mentions_line.js
+++ b/src/components/mentions_line/mentions_line.js
@@ -8,30 +8,30 @@ const MentionsLine = {
   props: {
     mentions: {
       required: true,
-      type: Array
-    }
+      type: Array,
+    },
   },
   data: () => ({ expanded: false }),
   components: {
-    MentionLink
+    MentionLink,
   },
   computed: {
-    mentionsComputed () {
+    mentionsComputed() {
       return this.mentions.slice(0, MENTIONS_LIMIT)
     },
-    extraMentions () {
+    extraMentions() {
       return this.mentions.slice(MENTIONS_LIMIT)
     },
-    manyMentions () {
+    manyMentions() {
       return this.extraMentions.length > 0
     },
-    ...mapGetters(['mergedConfig'])
+    ...mapGetters(['mergedConfig']),
   },
   methods: {
-    toggleShowMore () {
+    toggleShowMore() {
       this.expanded = !this.expanded
-    }
-  }
+    },
+  },
 }
 
 export default MentionsLine
diff --git a/src/components/menu_item.style.js b/src/components/menu_item.style.js
index 859932062..a5567b49b 100644
--- a/src/components/menu_item.style.js
+++ b/src/components/menu_item.style.js
@@ -1,109 +1,105 @@
 export default {
   name: 'MenuItem',
   selector: '.menu-item',
-  validInnerComponents: [
-    'Text',
-    'Icon',
-    'Border'
-  ],
+  validInnerComponents: ['Text', 'Icon', 'Border'],
   states: {
     hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.disabled)',
     active: '.-active',
-    disabled: '.disabled'
+    disabled: '.disabled',
   },
   defaultRules: [
     {
       directives: {
         background: '--bg',
-        opacity: 0
-      }
+        opacity: 0,
+      },
     },
     {
       state: ['hover'],
       directives: {
         background: '$mod(--bg 5)',
-        opacity: 1
-      }
+        opacity: 1,
+      },
     },
     {
       state: ['active'],
       directives: {
         background: '$mod(--bg 10)',
-        opacity: 1
-      }
+        opacity: 1,
+      },
     },
     {
       state: ['active', 'hover'],
       directives: {
         background: '$mod(--bg 15)',
-        opacity: 1
-      }
+        opacity: 1,
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'MenuItem',
-        state: ['hover']
+        state: ['hover'],
       },
       directives: {
         textColor: '--link',
-        textAuto: 'no-preserve'
-      }
+        textAuto: 'no-preserve',
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'MenuItem',
-        state: ['active']
+        state: ['active'],
       },
       directives: {
         textColor: '--link',
-        textAuto: 'no-preserve'
-      }
+        textAuto: 'no-preserve',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'MenuItem',
-        state: ['active']
+        state: ['active'],
       },
       directives: {
         textColor: '--link',
-        textAuto: 'no-preserve'
-      }
+        textAuto: 'no-preserve',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'MenuItem',
-        state: ['hover']
+        state: ['hover'],
       },
       directives: {
         textColor: '--link',
-        textAuto: 'no-preserve'
-      }
+        textAuto: 'no-preserve',
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'MenuItem',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textOpacityMode: 'blend',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'MenuItem',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
-    }
-  ]
+        textOpacityMode: 'blend',
+      },
+    },
+  ],
 }
diff --git a/src/components/mfa_form/recovery_form.js b/src/components/mfa_form/recovery_form.js
index 84479b1ec..179eb3add 100644
--- a/src/components/mfa_form/recovery_form.js
+++ b/src/components/mfa_form/recovery_form.js
@@ -4,39 +4,37 @@ import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes
-)
+library.add(faTimes)
 
 export default {
   data: () => ({
     code: null,
-    error: false
+    error: false,
   }),
   computed: {
     ...mapPiniaState(useAuthFlowStore, {
-      authSettings: store => store.settings
+      authSettings: (store) => store.settings,
     }),
     ...mapStores(useOAuthStore),
     ...mapState({
       instance: 'instance',
-    })
+    }),
   },
   methods: {
     ...mapActions(useAuthFlowStore, ['requireTOTP', 'abortMFA', 'login']),
-    clearError () { this.error = false },
+    clearError() {
+      this.error = false
+    },
 
-    focusOnCodeInput () {
+    focusOnCodeInput() {
       const codeInput = this.$refs.codeInput
       codeInput.focus()
       codeInput.setSelectionRange(0, codeInput.value.length)
     },
 
-    submit () {
+    submit() {
       const { clientId, clientSecret } = this.oauthStore
 
       const data = {
@@ -44,7 +42,7 @@ export default {
         clientSecret,
         instance: this.instance.server,
         mfaToken: this.authSettings.mfa_token,
-        code: this.code
+        code: this.code,
       }
 
       mfaApi.verifyRecoveryCode(data).then((result) => {
@@ -59,6 +57,6 @@ export default {
           this.$router.push({ name: 'friends' })
         })
       })
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/mfa_form/totp_form.js b/src/components/mfa_form/totp_form.js
index e369d8a5d..21ef7ca67 100644
--- a/src/components/mfa_form/totp_form.js
+++ b/src/components/mfa_form/totp_form.js
@@ -4,39 +4,37 @@ import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes
-)
+library.add(faTimes)
 
 export default {
   data: () => ({
     code: null,
-    error: false
+    error: false,
   }),
   computed: {
     ...mapPiniaState(useAuthFlowStore, {
-      authSettings: store => store.settings
+      authSettings: (store) => store.settings,
     }),
     ...mapStores(useOAuthStore),
     ...mapState({
       instance: 'instance',
-    })
+    }),
   },
   methods: {
     ...mapActions(useAuthFlowStore, ['requireRecovery', 'abortMFA', 'login']),
-    clearError () { this.error = false },
+    clearError() {
+      this.error = false
+    },
 
-    focusOnCodeInput () {
+    focusOnCodeInput() {
       const codeInput = this.$refs.codeInput
       codeInput.focus()
       codeInput.setSelectionRange(0, codeInput.value.length)
     },
 
-    submit () {
+    submit() {
       const { clientId, clientSecret } = this.oauthStore
 
       const data = {
@@ -44,7 +42,7 @@ export default {
         clientSecret,
         instance: this.instance.server,
         mfaToken: this.authSettings.mfa_token,
-        code: this.code
+        code: this.code,
       }
 
       mfaApi.verifyOTPCode(data).then((result) => {
@@ -59,6 +57,6 @@ export default {
           this.$router.push({ name: 'friends' })
         })
       })
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/mobile_drawer.style.js b/src/components/mobile_drawer.style.js
index 0f2cf4e59..306bd5c17 100644
--- a/src/components/mobile_drawer.style.js
+++ b/src/components/mobile_drawer.style.js
@@ -1,15 +1,13 @@
 export default {
   name: 'MobileDrawer',
   selector: '.mobile-drawer',
-  validInnerComponents: [
-    'MenuItem'
-  ],
+  validInnerComponents: ['MenuItem'],
   defaultRules: [
     {
       directives: {
         background: '--bg',
-        backgroundNoCssColor: 'yes'
-      }
-    }
-  ]
+        backgroundNoCssColor: 'yes',
+      },
+    },
+  ],
 }
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 2085d24e3..1915f74a4 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -6,7 +6,7 @@ import NavigationPins from 'src/components/navigation/navigation_pins.vue'
 
 import {
   unseenNotificationsFromStore,
-  countExtraNotifications
+  countExtraNotifications,
 } from '../../services/notification_utils/notification_utils'
 
 import { mapGetters } from 'vuex'
@@ -21,79 +21,79 @@ import {
   faBars,
   faArrowUp,
   faMinus,
-  faCheckDouble
+  faCheckDouble,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes,
-  faBell,
-  faBars,
-  faArrowUp,
-  faMinus,
-  faCheckDouble
-)
+library.add(faTimes, faBell, faBars, faArrowUp, faMinus, faCheckDouble)
 
 const MobileNav = {
   components: {
     SideDrawer,
     Notifications,
     NavigationPins,
-    ConfirmModal
+    ConfirmModal,
   },
   data: () => ({
     notificationsCloseGesture: undefined,
     notificationsOpen: false,
     notificationsAtTop: true,
-    showingConfirmLogout: false
+    showingConfirmLogout: false,
   }),
-  created () {
+  created() {
     this.notificationsCloseGesture = GestureService.swipeGesture(
       GestureService.DIRECTION_RIGHT,
       () => this.closeMobileNotifications(true),
-      50
+      50,
     )
   },
   computed: {
-    currentUser () {
+    currentUser() {
       return this.$store.state.users.currentUser
     },
-    unseenNotifications () {
+    unseenNotifications() {
       return unseenNotificationsFromStore(this.$store)
     },
-    unseenNotificationsCount () {
-      return this.unseenNotifications.length + countExtraNotifications(this.$store)
+    unseenNotificationsCount() {
+      return (
+        this.unseenNotifications.length + countExtraNotifications(this.$store)
+      )
     },
-    unseenCount () {
+    unseenCount() {
       return this.unseenNotifications.length
     },
-    unseenCountBadgeText () {
+    unseenCountBadgeText() {
       return `${this.unseenCount ? this.unseenCount : ''}`
     },
-    hideSitename () { return this.$store.state.instance.hideSitename },
-    sitename () { return this.$store.state.instance.name },
-    isChat () {
+    hideSitename() {
+      return this.$store.state.instance.hideSitename
+    },
+    sitename() {
+      return this.$store.state.instance.name
+    },
+    isChat() {
       return this.$route.name === 'chat'
     },
     ...mapState(useAnnouncementsStore, ['unreadAnnouncementCount']),
     ...mapState(useServerSideStorageStore, {
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedNavItems).has('chats')
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedNavItems).has('chats'),
     }),
-    shouldConfirmLogout () {
+    shouldConfirmLogout() {
       return this.$store.getters.mergedConfig.modalOnLogout
     },
-    closingDrawerMarksAsSeen () {
+    closingDrawerMarksAsSeen() {
       return this.$store.getters.mergedConfig.closingDrawerMarksAsSeen
     },
-    ...mapGetters(['unreadChatCount'])
+    ...mapGetters(['unreadChatCount']),
   },
   methods: {
-    toggleMobileSidebar () {
+    toggleMobileSidebar() {
       this.$refs.sideDrawer.toggleDrawer()
     },
-    openMobileNotifications () {
+    openMobileNotifications() {
       this.notificationsOpen = true
     },
-    closeMobileNotifications (markRead) {
+    closeMobileNotifications(markRead) {
       if (this.notificationsOpen) {
         // make sure to mark notifs seen only when the notifs were open and not
         // from close-calls.
@@ -103,53 +103,53 @@ const MobileNav = {
         }
       }
     },
-    notificationsTouchStart (e) {
+    notificationsTouchStart(e) {
       GestureService.beginSwipe(e, this.notificationsCloseGesture)
     },
-    notificationsTouchMove (e) {
+    notificationsTouchMove(e) {
       GestureService.updateSwipe(e, this.notificationsCloseGesture)
     },
-    scrollToTop () {
+    scrollToTop() {
       window.scrollTo(0, 0)
     },
-    scrollMobileNotificationsToTop () {
+    scrollMobileNotificationsToTop() {
       this.$refs.mobileNotifications.scrollTo(0, 0)
     },
-    showConfirmLogout () {
+    showConfirmLogout() {
       this.showingConfirmLogout = true
     },
-    hideConfirmLogout () {
+    hideConfirmLogout() {
       this.showingConfirmLogout = false
     },
-    logout () {
+    logout() {
       if (!this.shouldConfirmLogout) {
         this.doLogout()
       } else {
         this.showConfirmLogout()
       }
     },
-    doLogout () {
+    doLogout() {
       this.$router.replace('/main/public')
       this.$store.dispatch('logout')
       this.hideConfirmLogout()
     },
-    markNotificationsAsSeen () {
+    markNotificationsAsSeen() {
       this.$store.dispatch('markNotificationsAsSeen')
     },
-    onScroll ({ target: { scrollTop, clientHeight, scrollHeight } }) {
+    onScroll({ target: { scrollTop, clientHeight, scrollHeight } }) {
       this.notificationsAtTop = scrollTop > 0
       if (scrollTop + clientHeight >= scrollHeight) {
         this.$refs.notifications.fetchOlderNotifications()
       }
-    }
+    },
   },
   watch: {
-    $route () {
+    $route() {
       // handles closing notificaitons when you press any router-link on the
       // notifications.
       this.closeMobileNotifications()
-    }
-  }
+    },
+  },
 }
 
 export default MobileNav
diff --git a/src/components/mobile_post_status_button/mobile_post_status_button.js b/src/components/mobile_post_status_button/mobile_post_status_button.js
index 031013559..4dce38e2b 100644
--- a/src/components/mobile_post_status_button/mobile_post_status_button.js
+++ b/src/components/mobile_post_status_button/mobile_post_status_button.js
@@ -1,57 +1,53 @@
 import { debounce } from 'lodash'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faPen
-} from '@fortawesome/free-solid-svg-icons'
+import { faPen } from '@fortawesome/free-solid-svg-icons'
 import { usePostStatusStore } from 'src/stores/post_status'
 
-library.add(
-  faPen
-)
+library.add(faPen)
 
-const HIDDEN_FOR_PAGES = new Set([
-  'chats',
-  'chat',
-  'lists-edit'
-])
+const HIDDEN_FOR_PAGES = new Set(['chats', 'chat', 'lists-edit'])
 
 const MobilePostStatusButton = {
-  data () {
+  data() {
     return {
       hidden: false,
       scrollingDown: false,
       inputActive: false,
       oldScrollPos: 0,
-      amountScrolled: 0
+      amountScrolled: 0,
     }
   },
-  created () {
+  created() {
     if (this.autohideFloatingPostButton) {
       this.activateFloatingPostButtonAutohide()
     }
     window.addEventListener('resize', this.handleOSK)
   },
-  unmounted () {
+  unmounted() {
     if (this.autohideFloatingPostButton) {
       this.deactivateFloatingPostButtonAutohide()
     }
     window.removeEventListener('resize', this.handleOSK)
   },
   computed: {
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    isHidden () {
-      if (HIDDEN_FOR_PAGES.has(this.$route.name)) { return true }
+    isHidden() {
+      if (HIDDEN_FOR_PAGES.has(this.$route.name)) {
+        return true
+      }
 
-      return this.autohideFloatingPostButton && (this.hidden || this.inputActive)
+      return (
+        this.autohideFloatingPostButton && (this.hidden || this.inputActive)
+      )
     },
-    isPersistent () {
+    isPersistent() {
       return !!this.$store.getters.mergedConfig.alwaysShowNewPostButton
     },
-    autohideFloatingPostButton () {
+    autohideFloatingPostButton() {
       return !!this.$store.getters.mergedConfig.autohideFloatingPostButton
-    }
+    },
   },
   watch: {
     autohideFloatingPostButton: function (isEnabled) {
@@ -60,21 +56,21 @@ const MobilePostStatusButton = {
       } else {
         this.deactivateFloatingPostButtonAutohide()
       }
-    }
+    },
   },
   methods: {
-    activateFloatingPostButtonAutohide () {
+    activateFloatingPostButtonAutohide() {
       window.addEventListener('scroll', this.handleScrollStart)
       window.addEventListener('scroll', this.handleScrollEnd)
     },
-    deactivateFloatingPostButtonAutohide () {
+    deactivateFloatingPostButtonAutohide() {
       window.removeEventListener('scroll', this.handleScrollStart)
       window.removeEventListener('scroll', this.handleScrollEnd)
     },
-    openPostForm () {
+    openPostForm() {
       usePostStatusStore().openPostStatusModal()
     },
-    handleOSK () {
+    handleOSK() {
       // This is a big hack: we're guessing from changed window sizes if the
       // on-screen keyboard is active or not. This is only really important
       // for phones in portrait mode and it's more important to show the button
@@ -94,20 +90,28 @@ const MobilePostStatusButton = {
         this.inputActive = false
       }
     },
-    handleScrollStart: debounce(function () {
-      if (window.scrollY > this.oldScrollPos) {
-        this.hidden = true
-      } else {
-        this.hidden = false
-      }
-      this.oldScrollPos = window.scrollY
-    }, 100, { leading: true, trailing: false }),
+    handleScrollStart: debounce(
+      function () {
+        if (window.scrollY > this.oldScrollPos) {
+          this.hidden = true
+        } else {
+          this.hidden = false
+        }
+        this.oldScrollPos = window.scrollY
+      },
+      100,
+      { leading: true, trailing: false },
+    ),
 
-    handleScrollEnd: debounce(function () {
-      this.hidden = false
-      this.oldScrollPos = window.scrollY
-    }, 100, { leading: false, trailing: true })
-  }
+    handleScrollEnd: debounce(
+      function () {
+        this.hidden = false
+        this.oldScrollPos = window.scrollY
+      },
+      100,
+      { leading: false, trailing: true },
+    ),
+  },
 }
 
 export default MobilePostStatusButton
diff --git a/src/components/modal/modal.vue b/src/components/modal/modal.vue
index 032e7dbeb..a022f7427 100644
--- a/src/components/modal/modal.vue
+++ b/src/components/modal/modal.vue
@@ -13,27 +13,27 @@
 <script>
 export default {
   provide: {
-    popoversZLayer: 'modals'
+    popoversZLayer: 'modals',
   },
   props: {
     isOpen: {
       type: Boolean,
-      default: true
+      default: true,
     },
     noBackground: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   emits: ['backdropClicked'],
   computed: {
-    classes () {
+    classes() {
       return {
         'modal-background': !this.noBackground,
-        open: this.isOpen
+        open: this.isOpen,
       }
-    }
-  }
+    },
+  },
 }
 </script>
 
diff --git a/src/components/modal/modals.style.js b/src/components/modal/modals.style.js
index 1cb4a34a7..9c8c279f7 100644
--- a/src/components/modal/modals.style.js
+++ b/src/components/modal/modals.style.js
@@ -3,8 +3,6 @@ export default {
   selector: ['.modal-view', '#modal', '.shout-panel'],
   lazy: true,
   notEditable: true,
-  validInnerComponents: [
-    'Panel'
-  ],
-  defaultRules: []
+  validInnerComponents: ['Panel'],
+  defaultRules: [],
 }
diff --git a/src/components/moderation_tools/moderation_tools.js b/src/components/moderation_tools/moderation_tools.js
index bd57a353a..3b8055ba6 100644
--- a/src/components/moderation_tools/moderation_tools.js
+++ b/src/components/moderation_tools/moderation_tools.js
@@ -15,10 +15,8 @@ const SANDBOX = 'mrf_tag:sandbox'
 const QUARANTINE = 'mrf_tag:quarantine'
 
 const ModerationTools = {
-  props: [
-    'user'
-  ],
-  data () {
+  props: ['user'],
+  data() {
     return {
       tags: {
         FORCE_NSFW,
@@ -27,92 +25,124 @@ const ModerationTools = {
         DISABLE_REMOTE_SUBSCRIPTION,
         DISABLE_ANY_SUBSCRIPTION,
         SANDBOX,
-        QUARANTINE
+        QUARANTINE,
       },
       showDeleteUserDialog: false,
-      toggled: false
+      toggled: false,
     }
   },
   components: {
     DialogModal,
-    Popover
+    Popover,
   },
   computed: {
-    tagsSet () {
+    tagsSet() {
       return new Set(this.user.tags)
     },
-    canGrantRole () {
-      return this.user.is_local && !this.user.deactivated && this.$store.state.users.currentUser.role === 'admin'
+    canGrantRole() {
+      return (
+        this.user.is_local &&
+        !this.user.deactivated &&
+        this.$store.state.users.currentUser.role === 'admin'
+      )
     },
-    canChangeActivationState () {
+    canChangeActivationState() {
       return this.privileged('users_manage_activation_state')
     },
-    canDeleteAccount () {
+    canDeleteAccount() {
       return this.privileged('users_delete')
     },
-    canUseTagPolicy () {
-      return this.$store.state.instance.tagPolicyAvailable && this.privileged('users_manage_tags')
-    }
+    canUseTagPolicy() {
+      return (
+        this.$store.state.instance.tagPolicyAvailable &&
+        this.privileged('users_manage_tags')
+      )
+    },
   },
   methods: {
-    hasTag (tagName) {
+    hasTag(tagName) {
       return this.tagsSet.has(tagName)
     },
-    privileged (privilege) {
+    privileged(privilege) {
       return this.$store.state.users.currentUser.privileges.includes(privilege)
     },
-    toggleTag (tag) {
+    toggleTag(tag) {
       const store = this.$store
       if (this.tagsSet.has(tag)) {
-        store.state.api.backendInteractor.untagUser({ user: this.user, tag }).then(response => {
-          if (!response.ok) { return }
-          store.commit('untagUser', { user: this.user, tag })
-        })
+        store.state.api.backendInteractor
+          .untagUser({ user: this.user, tag })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('untagUser', { user: this.user, tag })
+          })
       } else {
-        store.state.api.backendInteractor.tagUser({ user: this.user, tag }).then(response => {
-          if (!response.ok) { return }
-          store.commit('tagUser', { user: this.user, tag })
-        })
+        store.state.api.backendInteractor
+          .tagUser({ user: this.user, tag })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('tagUser', { user: this.user, tag })
+          })
       }
     },
-    toggleRight (right) {
+    toggleRight(right) {
       const store = this.$store
       if (this.user.rights[right]) {
-        store.state.api.backendInteractor.deleteRight({ user: this.user, right }).then(response => {
-          if (!response.ok) { return }
-          store.commit('updateRight', { user: this.user, right, value: false })
-        })
+        store.state.api.backendInteractor
+          .deleteRight({ user: this.user, right })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('updateRight', {
+              user: this.user,
+              right,
+              value: false,
+            })
+          })
       } else {
-        store.state.api.backendInteractor.addRight({ user: this.user, right }).then(response => {
-          if (!response.ok) { return }
-          store.commit('updateRight', { user: this.user, right, value: true })
-        })
+        store.state.api.backendInteractor
+          .addRight({ user: this.user, right })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('updateRight', { user: this.user, right, value: true })
+          })
       }
     },
-    toggleActivationStatus () {
+    toggleActivationStatus() {
       this.$store.dispatch('toggleActivationStatus', { user: this.user })
     },
-    deleteUserDialog (show) {
+    deleteUserDialog(show) {
       this.showDeleteUserDialog = show
     },
-    deleteUser () {
+    deleteUser() {
       const store = this.$store
       const user = this.user
       const { id, name } = user
-      store.state.api.backendInteractor.deleteUser({ user })
-        .then(() => {
-          this.$store.dispatch('markStatusesAsDeleted', status => user.id === status.user.id)
-          const isProfile = this.$route.name === 'external-user-profile' || this.$route.name === 'user-profile'
-          const isTargetUser = this.$route.params.name === name || this.$route.params.id === id
-          if (isProfile && isTargetUser) {
-            window.history.back()
-          }
-        })
+      store.state.api.backendInteractor.deleteUser({ user }).then(() => {
+        this.$store.dispatch(
+          'markStatusesAsDeleted',
+          (status) => user.id === status.user.id,
+        )
+        const isProfile =
+          this.$route.name === 'external-user-profile' ||
+          this.$route.name === 'user-profile'
+        const isTargetUser =
+          this.$route.params.name === name || this.$route.params.id === id
+        if (isProfile && isTargetUser) {
+          window.history.back()
+        }
+      })
     },
-    setToggled (value) {
+    setToggled(value) {
       this.toggled = value
-    }
-  }
+    },
+  },
 }
 
 export default ModerationTools
diff --git a/src/components/mrf_transparency_panel/mrf_transparency_panel.js b/src/components/mrf_transparency_panel/mrf_transparency_panel.js
index 13cfb52ee..98d63ef4a 100644
--- a/src/components/mrf_transparency_panel/mrf_transparency_panel.js
+++ b/src/components/mrf_transparency_panel/mrf_transparency_panel.js
@@ -8,7 +8,7 @@ import { get } from 'lodash'
  * to add an extra "info" key.
  */
 const toInstanceReasonObject = (instances, info, key) => {
-  return instances.map(instance => {
+  return instances.map((instance) => {
     if (info[key] && info[key][instance] && info[key][instance].reason) {
       return { instance, reason: info[key][instance].reason }
     }
@@ -19,56 +19,82 @@ const toInstanceReasonObject = (instances, info, key) => {
 const MRFTransparencyPanel = {
   computed: {
     ...mapState({
-      federationPolicy: state => get(state, 'instance.federationPolicy'),
-      mrfPolicies: state => get(state, 'instance.federationPolicy.mrf_policies', []),
-      quarantineInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.quarantined_instances', []),
-        get(state, 'instance.federationPolicy.quarantined_instances_info', []),
-        'quarantined_instances'
-      ),
-      acceptInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.mrf_simple.accept', []),
-        get(state, 'instance.federationPolicy.mrf_simple_info', []),
-        'accept'
-      ),
-      rejectInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.mrf_simple.reject', []),
-        get(state, 'instance.federationPolicy.mrf_simple_info', []),
-        'reject'
-      ),
-      ftlRemovalInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.mrf_simple.federated_timeline_removal', []),
-        get(state, 'instance.federationPolicy.mrf_simple_info', []),
-        'federated_timeline_removal'
-      ),
-      mediaNsfwInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.mrf_simple.media_nsfw', []),
-        get(state, 'instance.federationPolicy.mrf_simple_info', []),
-        'media_nsfw'
-      ),
-      mediaRemovalInstances: state => toInstanceReasonObject(
-        get(state, 'instance.federationPolicy.mrf_simple.media_removal', []),
-        get(state, 'instance.federationPolicy.mrf_simple_info', []),
-        'media_removal'
-      ),
-      keywordsFtlRemoval: state => get(state, 'instance.federationPolicy.mrf_keyword.federated_timeline_removal', []),
-      keywordsReject: state => get(state, 'instance.federationPolicy.mrf_keyword.reject', []),
-      keywordsReplace: state => get(state, 'instance.federationPolicy.mrf_keyword.replace', [])
+      federationPolicy: (state) => get(state, 'instance.federationPolicy'),
+      mrfPolicies: (state) =>
+        get(state, 'instance.federationPolicy.mrf_policies', []),
+      quarantineInstances: (state) =>
+        toInstanceReasonObject(
+          get(state, 'instance.federationPolicy.quarantined_instances', []),
+          get(
+            state,
+            'instance.federationPolicy.quarantined_instances_info',
+            [],
+          ),
+          'quarantined_instances',
+        ),
+      acceptInstances: (state) =>
+        toInstanceReasonObject(
+          get(state, 'instance.federationPolicy.mrf_simple.accept', []),
+          get(state, 'instance.federationPolicy.mrf_simple_info', []),
+          'accept',
+        ),
+      rejectInstances: (state) =>
+        toInstanceReasonObject(
+          get(state, 'instance.federationPolicy.mrf_simple.reject', []),
+          get(state, 'instance.federationPolicy.mrf_simple_info', []),
+          'reject',
+        ),
+      ftlRemovalInstances: (state) =>
+        toInstanceReasonObject(
+          get(
+            state,
+            'instance.federationPolicy.mrf_simple.federated_timeline_removal',
+            [],
+          ),
+          get(state, 'instance.federationPolicy.mrf_simple_info', []),
+          'federated_timeline_removal',
+        ),
+      mediaNsfwInstances: (state) =>
+        toInstanceReasonObject(
+          get(state, 'instance.federationPolicy.mrf_simple.media_nsfw', []),
+          get(state, 'instance.federationPolicy.mrf_simple_info', []),
+          'media_nsfw',
+        ),
+      mediaRemovalInstances: (state) =>
+        toInstanceReasonObject(
+          get(state, 'instance.federationPolicy.mrf_simple.media_removal', []),
+          get(state, 'instance.federationPolicy.mrf_simple_info', []),
+          'media_removal',
+        ),
+      keywordsFtlRemoval: (state) =>
+        get(
+          state,
+          'instance.federationPolicy.mrf_keyword.federated_timeline_removal',
+          [],
+        ),
+      keywordsReject: (state) =>
+        get(state, 'instance.federationPolicy.mrf_keyword.reject', []),
+      keywordsReplace: (state) =>
+        get(state, 'instance.federationPolicy.mrf_keyword.replace', []),
     }),
-    hasInstanceSpecificPolicies () {
-      return this.quarantineInstances.length ||
+    hasInstanceSpecificPolicies() {
+      return (
+        this.quarantineInstances.length ||
         this.acceptInstances.length ||
         this.rejectInstances.length ||
         this.ftlRemovalInstances.length ||
         this.mediaNsfwInstances.length ||
         this.mediaRemovalInstances.length
+      )
     },
-    hasKeywordPolicies () {
-      return this.keywordsFtlRemoval.length ||
+    hasKeywordPolicies() {
+      return (
+        this.keywordsFtlRemoval.length ||
         this.keywordsReject.length ||
         this.keywordsReplace.length
-    }
-  }
+      )
+    },
+  },
 }
 
 export default MRFTransparencyPanel
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index 895586888..ce3bab6d7 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -4,36 +4,38 @@ import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_ti
 const MuteCard = {
   props: ['userId'],
   computed: {
-    user () {
+    user() {
       return this.$store.getters.findUser(this.userId)
     },
-    relationship () {
+    relationship() {
       return this.$store.getters.relationship(this.userId)
     },
-    muted () {
+    muted() {
       return this.relationship.muting
     },
-    muteExpiryAvailable () {
+    muteExpiryAvailable() {
       return this.user.mute_expires_at !== undefined
     },
-    muteExpiry () {
+    muteExpiry() {
       return this.user.mute_expires_at == null
         ? this.$t('user_card.mute_expires_forever')
-        : this.$t('user_card.mute_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
-    }
+        : this.$t('user_card.mute_expires_at', [
+            new Date(this.user.mute_expires_at).toLocaleString(),
+          ])
+    },
   },
   components: {
     BasicUserCard,
-    UserTimedFilterModal
+    UserTimedFilterModal,
   },
   methods: {
-    unmuteUser () {
+    unmuteUser() {
       this.$store.dispatch('unmuteUser', this.userId)
     },
-    muteUser () {
+    muteUser() {
       this.$refs.timedMuteDialog.optionallyPrompt()
-    }
-  }
+    },
+  },
 }
 
 export default MuteCard
diff --git a/src/components/nav_panel/nav_panel.js b/src/components/nav_panel/nav_panel.js
index a155abe0c..4eff8a513 100644
--- a/src/components/nav_panel/nav_panel.js
+++ b/src/components/nav_panel/nav_panel.js
@@ -26,7 +26,7 @@ import {
   faStream,
   faList,
   faBullhorn,
-  faFilePen
+  faFilePen,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -43,80 +43,93 @@ library.add(
   faStream,
   faList,
   faBullhorn,
-  faFilePen
+  faFilePen,
 )
 const NavPanel = {
   props: ['forceExpand', 'forceEditMode'],
-  created () {
-  },
+  created() {},
   components: {
     BookmarkFoldersMenuContent,
     ListsMenuContent,
     NavigationEntry,
     NavigationPins,
-    Checkbox
+    Checkbox,
   },
-  data () {
+  data() {
     return {
       editMode: false,
       showTimelines: false,
       showLists: false,
       showBookmarkFolders: false,
-      timelinesList: Object.entries(TIMELINES).map(([k, v]) => ({ ...v, name: k })),
-      rootList: Object.entries(ROOT_ITEMS).map(([k, v]) => ({ ...v, name: k }))
+      timelinesList: Object.entries(TIMELINES).map(([k, v]) => ({
+        ...v,
+        name: k,
+      })),
+      rootList: Object.entries(ROOT_ITEMS).map(([k, v]) => ({ ...v, name: k })),
     }
   },
   methods: {
-    toggleTimelines () {
+    toggleTimelines() {
       this.showTimelines = !this.showTimelines
     },
-    toggleLists () {
+    toggleLists() {
       this.showLists = !this.showLists
     },
-    toggleBookmarkFolders () {
+    toggleBookmarkFolders() {
       this.showBookmarkFolders = !this.showBookmarkFolders
     },
-    toggleEditMode () {
+    toggleEditMode() {
       this.editMode = !this.editMode
     },
-    toggleCollapse () {
-      useServerSideStorageStore().setPreference({ path: 'simple.collapseNav', value: !this.collapsed })
+    toggleCollapse() {
+      useServerSideStorageStore().setPreference({
+        path: 'simple.collapseNav',
+        value: !this.collapsed,
+      })
       useServerSideStorageStore().pushServerSideStorage()
     },
-    isPinned (item) {
+    isPinned(item) {
       return this.pinnedItems.has(item)
     },
-    togglePin (item) {
+    togglePin(item) {
       if (this.isPinned(item)) {
-        useServerSideStorageStore().removeCollectionPreference({ path: 'collections.pinnedNavItems', value: item })
+        useServerSideStorageStore().removeCollectionPreference({
+          path: 'collections.pinnedNavItems',
+          value: item,
+        })
       } else {
-        useServerSideStorageStore().addCollectionPreference({ path: 'collections.pinnedNavItems', value: item })
+        useServerSideStorageStore().addCollectionPreference({
+          path: 'collections.pinnedNavItems',
+          value: item,
+        })
       }
       useServerSideStorageStore().pushServerSideStorage()
-    }
+    },
   },
   computed: {
     ...mapPiniaState(useAnnouncementsStore, {
       unreadAnnouncementCount: 'unreadAnnouncementCount',
-      supportsAnnouncements: store => store.supportsAnnouncements
+      supportsAnnouncements: (store) => store.supportsAnnouncements,
     }),
     ...mapPiniaState(useServerSideStorageStore, {
-      collapsed: store => store.prefsStorage.simple.collapseNav,
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedNavItems)
+      collapsed: (store) => store.prefsStorage.simple.collapseNav,
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedNavItems),
     }),
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      followRequestCount: state => state.api.followRequests.length,
-      privateMode: state => state.instance.private,
-      federating: state => state.instance.federating,
-      pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable,
-      bookmarkFolders: state => state.instance.pleromaBookmarkFoldersAvailable,
-      bubbleTimeline: state => state.instance.localBubbleInstances.length > 0
+      currentUser: (state) => state.users.currentUser,
+      followRequestCount: (state) => state.api.followRequests.length,
+      privateMode: (state) => state.instance.private,
+      federating: (state) => state.instance.federating,
+      pleromaChatMessagesAvailable: (state) =>
+        state.instance.pleromaChatMessagesAvailable,
+      bookmarkFolders: (state) =>
+        state.instance.pleromaBookmarkFoldersAvailable,
+      bubbleTimeline: (state) => state.instance.localBubbleInstances.length > 0,
     }),
-    timelinesItems () {
+    timelinesItems() {
       return filterNavigation(
-        Object
-          .entries({ ...TIMELINES })
+        Object.entries({ ...TIMELINES })
           // do not show in timeliens list since it's in a better place now
           .filter(([key]) => key !== 'bookmarks')
           .map(([k, v]) => ({ ...v, name: k })),
@@ -127,15 +140,13 @@ const NavPanel = {
           isPrivate: this.privateMode,
           currentUser: this.currentUser,
           supportsBubbleTimeline: this.bubbleTimeline,
-          supportsBookmarkFolders: this.bookmarkFolders
-        }
+          supportsBookmarkFolders: this.bookmarkFolders,
+        },
       )
     },
-    rootItems () {
+    rootItems() {
       return filterNavigation(
-        Object
-          .entries({ ...ROOT_ITEMS })
-          .map(([k, v]) => ({ ...v, name: k })),
+        Object.entries({ ...ROOT_ITEMS }).map(([k, v]) => ({ ...v, name: k })),
         {
           hasChats: this.pleromaChatMessagesAvailable,
           hasAnnouncements: this.supportsAnnouncements,
@@ -143,12 +154,12 @@ const NavPanel = {
           isPrivate: this.privateMode,
           currentUser: this.currentUser,
           supportsBubbleTimeline: this.bubbleTimeline,
-          supportsBookmarkFolders: this.bookmarkFolders
-        }
+          supportsBookmarkFolders: this.bookmarkFolders,
+        },
       )
     },
-    ...mapGetters(['unreadChatCount'])
-  }
+    ...mapGetters(['unreadChatCount']),
+  },
 }
 
 export default NavPanel
diff --git a/src/components/navigation/filter.js b/src/components/navigation/filter.js
index 54abb67b4..0255db6aa 100644
--- a/src/components/navigation/filter.js
+++ b/src/components/navigation/filter.js
@@ -1,39 +1,50 @@
-export const filterNavigation = (list = [], {
-  hasChats,
-  hasAnnouncements,
-  isFederating,
-  isPrivate,
-  currentUser,
-  supportsBookmarkFolders,
-  supportsBubbleTimeline
-}) => {
+export const filterNavigation = (
+  list = [],
+  {
+    hasChats,
+    hasAnnouncements,
+    isFederating,
+    isPrivate,
+    currentUser,
+    supportsBookmarkFolders,
+    supportsBubbleTimeline,
+  },
+) => {
   return list.filter(({ criteria, anon, anonRoute }) => {
     const set = new Set(criteria || [])
     if (!isFederating && set.has('federating')) return false
     if (!currentUser && isPrivate && set.has('!private')) return false
     if (!currentUser && !(anon || anonRoute)) return false
-    if ((!currentUser || !currentUser.locked) && set.has('lockedUser')) return false
+    if ((!currentUser || !currentUser.locked) && set.has('lockedUser'))
+      return false
     if (!hasChats && set.has('chats')) return false
     if (!hasAnnouncements && set.has('announcements')) return false
-    if (!supportsBubbleTimeline && set.has('supportsBubbleTimeline')) return false
-    if (!supportsBookmarkFolders && set.has('supportsBookmarkFolders')) return false
-    if (supportsBookmarkFolders && set.has('!supportsBookmarkFolders')) return false
+    if (!supportsBubbleTimeline && set.has('supportsBubbleTimeline'))
+      return false
+    if (!supportsBookmarkFolders && set.has('supportsBookmarkFolders'))
+      return false
+    if (supportsBookmarkFolders && set.has('!supportsBookmarkFolders'))
+      return false
     return true
   })
 }
 
-export const getListEntries = store => store.allLists.map(list => ({
-  name: 'list-' + list.id,
-  routeObject: { name: 'lists-timeline', params: { id: list.id } },
-  labelRaw: list.title,
-  iconLetter: list.title[0]
-}))
+export const getListEntries = (store) =>
+  store.allLists.map((list) => ({
+    name: 'list-' + list.id,
+    routeObject: { name: 'lists-timeline', params: { id: list.id } },
+    labelRaw: list.title,
+    iconLetter: list.title[0],
+  }))
 
-export const getBookmarkFolderEntries = store => store.allFolders ? store.allFolders.map(folder => ({
-  name: 'bookmark-folder-' + folder.id,
-  routeObject: { name: 'bookmark-folder', params: { id: folder.id } },
-  labelRaw: folder.name,
-  iconEmoji: folder.emoji,
-  iconEmojiUrl: folder.emoji_url,
-  iconLetter: folder.name[0]
-})) : []
+export const getBookmarkFolderEntries = (store) =>
+  store.allFolders
+    ? store.allFolders.map((folder) => ({
+        name: 'bookmark-folder-' + folder.id,
+        routeObject: { name: 'bookmark-folder', params: { id: folder.id } },
+        labelRaw: folder.name,
+        iconEmoji: folder.emoji,
+        iconEmojiUrl: folder.emoji_url,
+        iconLetter: folder.name[0],
+      }))
+    : []
diff --git a/src/components/navigation/navigation.js b/src/components/navigation/navigation.js
index d1c2b6763..66fb0d347 100644
--- a/src/components/navigation/navigation.js
+++ b/src/components/navigation/navigation.js
@@ -4,42 +4,39 @@ export const USERNAME_ROUTES = new Set([
   'interactions',
   'notifications',
   'chat',
-  'chats'
+  'chats',
 ])
 
 // routes that take :name property
-export const NAME_ROUTES = new Set([
-  'user-profile',
-  'legacy-user-profile'
-])
+export const NAME_ROUTES = new Set(['user-profile', 'legacy-user-profile'])
 
 export const TIMELINES = {
   home: {
     route: 'friends',
     icon: 'home',
     label: 'nav.home_timeline',
-    criteria: ['!private']
+    criteria: ['!private'],
   },
   public: {
     route: 'public-timeline',
     anon: true,
     icon: 'users',
     label: 'nav.public_tl',
-    criteria: ['!private']
+    criteria: ['!private'],
   },
   bubble: {
     route: 'bubble',
     anon: true,
     icon: 'city',
     label: 'nav.bubble',
-    criteria: ['!private', 'federating', 'supportsBubbleTimeline']
+    criteria: ['!private', 'federating', 'supportsBubbleTimeline'],
   },
   twkn: {
     route: 'public-external-timeline',
     anon: true,
     icon: 'globe',
     label: 'nav.twkn',
-    criteria: ['!private', 'federating']
+    criteria: ['!private', 'federating'],
   },
   // bookmarks are still technically a timeline so we should show it in the dropdown
   bookmarks: {
@@ -50,13 +47,13 @@ export const TIMELINES = {
   favorites: {
     routeObject: { name: 'user-profile', query: { tab: 'favorites' } },
     icon: 'star',
-    label: 'user_card.favorites'
+    label: 'user_card.favorites',
   },
   dms: {
     route: 'dms',
     icon: 'envelope',
-    label: 'nav.dms'
-  }
+    label: 'nav.dms',
+  },
 }
 
 export const ROOT_ITEMS = {
@@ -67,12 +64,12 @@ export const ROOT_ITEMS = {
     // shows bookmarks entry in a better suited location
     // hides it when bookmark folders are supported since
     // we show custom component instead of it
-    criteria: ['!supportsBookmarkFolders']
+    criteria: ['!supportsBookmarkFolders'],
   },
   interactions: {
     route: 'interactions',
     icon: 'bell',
-    label: 'nav.interactions'
+    label: 'nav.interactions',
   },
   chats: {
     route: 'chats',
@@ -80,7 +77,7 @@ export const ROOT_ITEMS = {
     label: 'nav.chats',
     badgeStyle: 'notification',
     badgeGetter: 'unreadChatCount',
-    criteria: ['chats']
+    criteria: ['chats'],
   },
   friendRequests: {
     route: 'friend-requests',
@@ -88,13 +85,13 @@ export const ROOT_ITEMS = {
     label: 'nav.friend_requests',
     badgeStyle: 'notification',
     criteria: ['lockedUser'],
-    badgeGetter: 'followRequestCount'
+    badgeGetter: 'followRequestCount',
   },
   about: {
     route: 'about',
     anon: true,
     icon: 'info-circle',
-    label: 'nav.about'
+    label: 'nav.about',
   },
   announcements: {
     route: 'announcements',
@@ -103,18 +100,18 @@ export const ROOT_ITEMS = {
     store: 'announcements',
     badgeStyle: 'notification',
     badgeGetter: 'unreadAnnouncementCount',
-    criteria: ['announcements']
+    criteria: ['announcements'],
   },
   drafts: {
     route: 'drafts',
     icon: 'file-pen',
     label: 'nav.drafts',
     badgeStyle: 'neutral',
-    badgeGetter: 'draftCount'
-  }
+    badgeGetter: 'draftCount',
+  },
 }
 
-export function routeTo (item, currentUser) {
+export function routeTo(item, currentUser) {
   if (!item.route && !item.routeObject) return null
 
   let route
@@ -122,7 +119,7 @@ export function routeTo (item, currentUser) {
   if (item.routeObject) {
     route = item.routeObject
   } else {
-    route = { name: (item.anon || currentUser) ? item.route : item.anonRoute }
+    route = { name: item.anon || currentUser ? item.route : item.anonRoute }
   }
 
   if (USERNAME_ROUTES.has(route.name)) {
diff --git a/src/components/navigation/navigation_entry.js b/src/components/navigation/navigation_entry.js
index 11db1c9e3..745163261 100644
--- a/src/components/navigation/navigation_entry.js
+++ b/src/components/navigation/navigation_entry.js
@@ -13,36 +13,43 @@ library.add(faThumbtack)
 const NavigationEntry = {
   props: ['item', 'showPin'],
   components: {
-    OptionalRouterLink
+    OptionalRouterLink,
   },
   methods: {
-    isPinned (value) {
+    isPinned(value) {
       return this.pinnedItems.has(value)
     },
-    togglePin (value) {
+    togglePin(value) {
       if (this.isPinned(value)) {
-        useServerSideStorageStore().removeCollectionPreference({ path: 'collections.pinnedNavItems', value })
+        useServerSideStorageStore().removeCollectionPreference({
+          path: 'collections.pinnedNavItems',
+          value,
+        })
       } else {
-        useServerSideStorageStore().addCollectionPreference({ path: 'collections.pinnedNavItems', value })
+        useServerSideStorageStore().addCollectionPreference({
+          path: 'collections.pinnedNavItems',
+          value,
+        })
       }
       useServerSideStorageStore().pushServerSideStorage()
-    }
+    },
   },
   computed: {
-    routeTo () {
+    routeTo() {
       return routeTo(this.item, this.currentUser)
     },
-    getters () {
+    getters() {
       return this.$store.getters
     },
     ...mapStores(useAnnouncementsStore),
     ...mapState({
-      currentUser: state => state.users.currentUser
+      currentUser: (state) => state.users.currentUser,
     }),
     ...mapPiniaState(useServerSideStorageStore, {
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedNavItems)
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedNavItems),
     }),
-  }
+  },
 }
 
 export default NavigationEntry
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index f9a900fc6..b40ea5563 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -1,7 +1,15 @@
 import { mapState } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import { TIMELINES, ROOT_ITEMS, routeTo } from 'src/components/navigation/navigation.js'
-import { getBookmarkFolderEntries, getListEntries, filterNavigation } from 'src/components/navigation/filter.js'
+import {
+  TIMELINES,
+  ROOT_ITEMS,
+  routeTo,
+} from 'src/components/navigation/navigation.js'
+import {
+  getBookmarkFolderEntries,
+  getListEntries,
+  filterNavigation,
+} from 'src/components/navigation/filter.js'
 
 import StillImage from 'src/components/still-image/still-image.vue'
 
@@ -16,7 +24,7 @@ import {
   faBell,
   faInfoCircle,
   faStream,
-  faList
+  faList,
 } from '@fortawesome/free-solid-svg-icons'
 import { useListsStore } from 'src/stores/lists'
 import { useAnnouncementsStore } from 'src/stores/announcements'
@@ -33,72 +41,74 @@ library.add(
   faBell,
   faInfoCircle,
   faStream,
-  faList
+  faList,
 )
 
 const NavPanel = {
   props: ['limit'],
   methods: {
-    getRouteTo (item) {
+    getRouteTo(item) {
       return routeTo(item, this.currentUser)
-    }
+    },
   },
   components: {
-    StillImage
+    StillImage,
   },
   computed: {
-    getters () {
+    getters() {
       return this.$store.getters
     },
     ...mapPiniaState(useListsStore, {
-      lists: getListEntries
+      lists: getListEntries,
     }),
     ...mapPiniaState(useAnnouncementsStore, {
-      supportsAnnouncements: store => store.supportsAnnouncements
+      supportsAnnouncements: (store) => store.supportsAnnouncements,
     }),
     ...mapPiniaState(useBookmarkFoldersStore, {
       bookmarks: getBookmarkFolderEntries,
     }),
     ...mapPiniaState(useServerSideStorageStore, {
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedNavItems)
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedNavItems),
     }),
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      followRequestCount: state => state.api.followRequests.length,
-      privateMode: state => state.instance.private,
-      federating: state => state.instance.federating,
-      pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable,
-      bubbleTimeline: state => state.instance.localBubbleInstances.length > 0
+      currentUser: (state) => state.users.currentUser,
+      followRequestCount: (state) => state.api.followRequests.length,
+      privateMode: (state) => state.instance.private,
+      federating: (state) => state.instance.federating,
+      pleromaChatMessagesAvailable: (state) =>
+        state.instance.pleromaChatMessagesAvailable,
+      bubbleTimeline: (state) => state.instance.localBubbleInstances.length > 0,
     }),
-    pinnedList () {
+    pinnedList() {
       if (!this.currentUser) {
-        return filterNavigation([
-          { ...TIMELINES.public, name: 'public' },
-          { ...TIMELINES.twkn, name: 'twkn' },
-          { ...ROOT_ITEMS.about, name: 'about' }
-        ],
-        {
-          hasChats: this.pleromaChatMessagesAvailable,
-          hasAnnouncements: this.supportsAnnouncements,
-          isFederating: this.federating,
-          isPrivate: this.privateMode,
-          currentUser: this.currentUser,
-          supportsBubbleTimeline: this.bubbleTimeline,
-          supportsBookmarkFolders: this.bookmarks
-        })
+        return filterNavigation(
+          [
+            { ...TIMELINES.public, name: 'public' },
+            { ...TIMELINES.twkn, name: 'twkn' },
+            { ...ROOT_ITEMS.about, name: 'about' },
+          ],
+          {
+            hasChats: this.pleromaChatMessagesAvailable,
+            hasAnnouncements: this.supportsAnnouncements,
+            isFederating: this.federating,
+            isPrivate: this.privateMode,
+            currentUser: this.currentUser,
+            supportsBubbleTimeline: this.bubbleTimeline,
+            supportsBookmarkFolders: this.bookmarks,
+          },
+        )
       }
       return filterNavigation(
         [
-          ...Object
-            .entries({ ...TIMELINES })
+          ...Object.entries({ ...TIMELINES })
             .filter(([k]) => this.pinnedItems.has(k))
             .map(([k, v]) => ({ ...v, name: k })),
           ...this.lists.filter((k) => this.pinnedItems.has(k.name)),
           ...this.bookmarks.filter((k) => this.pinnedItems.has(k.name)),
-          ...Object
-            .entries({ ...ROOT_ITEMS })
+          ...Object.entries({ ...ROOT_ITEMS })
             .filter(([k]) => this.pinnedItems.has(k))
-            .map(([k, v]) => ({ ...v, name: k }))
+            .map(([k, v]) => ({ ...v, name: k })),
         ],
         {
           hasChats: this.pleromaChatMessagesAvailable,
@@ -107,11 +117,11 @@ const NavPanel = {
           supportsBookmarkFolders: this.bookmarks,
           isFederating: this.federating,
           isPrivate: this.privateMode,
-          currentUser: this.currentUser
-        }
+          currentUser: this.currentUser,
+        },
       ).slice(0, this.limit)
-    }
-  }
+    },
+  },
 }
 
 export default NavPanel
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 8052e3a73..1feef0cf2 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -10,7 +10,10 @@ import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserPopover from '../user_popover/user_popover.vue'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
-import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
+import {
+  highlightClass,
+  highlightStyle,
+} from '../../services/user_highlighter/user_highlighter.js'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -23,7 +26,7 @@ import {
   faUser,
   faSuitcaseRolling,
   faExpandAlt,
-  faCompressAlt
+  faCompressAlt,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -36,17 +39,17 @@ library.add(
   faEyeSlash,
   faSuitcaseRolling,
   faExpandAlt,
-  faCompressAlt
+  faCompressAlt,
 )
 
 const Notification = {
-  data () {
+  data() {
     return {
       selecting: false,
       statusExpanded: false,
       unmuted: false,
       showingApproveConfirmDialog: false,
-      showingDenyConfirmDialog: false
+      showingDenyConfirmDialog: false,
     }
   },
   props: ['notification'],
@@ -61,141 +64,158 @@ const Notification = {
     RichContent,
     UserPopover,
     UserLink,
-    ConfirmModal
+    ConfirmModal,
   },
-  mounted () {
+  mounted() {
     document.addEventListener('selectionchange', this.onContentSelect)
   },
-  unmounted () {
+  unmounted() {
     document.removeEventListener('selectionchange', this.onContentSelect)
   },
   methods: {
-    toggleStatusExpanded () {
+    toggleStatusExpanded() {
       if (!this.expandable) return
       this.statusExpanded = !this.statusExpanded
     },
-    onContentSelect () {
+    onContentSelect() {
       const { isCollapsed, anchorNode, offsetNode } = document.getSelection()
       if (isCollapsed) {
         this.selecting = false
         return
       }
-      const within = this.$refs.root.contains(anchorNode) || this.$refs.root.contains(offsetNode)
+      const within =
+        this.$refs.root.contains(anchorNode) ||
+        this.$refs.root.contains(offsetNode)
       if (within) {
         this.selecting = true
       } else {
         this.selecting = false
       }
     },
-    onContentClick (e) {
-      if (!this.selecting && !e.target.closest('a') && !e.target.closest('button')) {
+    onContentClick(e) {
+      if (
+        !this.selecting &&
+        !e.target.closest('a') &&
+        !e.target.closest('button')
+      ) {
         this.toggleStatusExpanded()
       }
     },
-    generateUserProfileLink (user) {
-      return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
+    generateUserProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.screen_name,
+        this.$store.state.instance.restrictedNicknames,
+      )
     },
-    getUser (notification) {
+    getUser(notification) {
       return this.$store.state.users.usersObject[notification.from_profile.id]
     },
-    interacted () {
+    interacted() {
       this.$emit('interacted')
     },
-    toggleMute () {
+    toggleMute() {
       this.unmuted = !this.unmuted
     },
-    showApproveConfirmDialog () {
+    showApproveConfirmDialog() {
       this.showingApproveConfirmDialog = true
     },
-    hideApproveConfirmDialog () {
+    hideApproveConfirmDialog() {
       this.showingApproveConfirmDialog = false
     },
-    showDenyConfirmDialog () {
+    showDenyConfirmDialog() {
       this.showingDenyConfirmDialog = true
     },
-    hideDenyConfirmDialog () {
+    hideDenyConfirmDialog() {
       this.showingDenyConfirmDialog = false
     },
-    approveUser () {
+    approveUser() {
       if (this.shouldConfirmApprove) {
         this.showApproveConfirmDialog()
       } else {
         this.doApprove()
       }
     },
-    doApprove () {
+    doApprove() {
       this.$emit('interacted')
       this.$store.state.api.backendInteractor.approveUser({ id: this.user.id })
       this.$store.dispatch('removeFollowRequest', this.user)
-      this.$store.dispatch('markSingleNotificationAsSeen', { id: this.notification.id })
+      this.$store.dispatch('markSingleNotificationAsSeen', {
+        id: this.notification.id,
+      })
       this.$store.dispatch('updateNotification', {
         id: this.notification.id,
-        updater: notification => {
+        updater: (notification) => {
           notification.type = 'follow'
-        }
+        },
       })
       this.hideApproveConfirmDialog()
     },
-    denyUser () {
+    denyUser() {
       if (this.shouldConfirmDeny) {
         this.showDenyConfirmDialog()
       } else {
         this.doDeny()
       }
     },
-    doDeny () {
+    doDeny() {
       this.$emit('interacted')
-      this.$store.state.api.backendInteractor.denyUser({ id: this.user.id })
+      this.$store.state.api.backendInteractor
+        .denyUser({ id: this.user.id })
         .then(() => {
-          this.$store.dispatch('dismissNotificationLocal', { id: this.notification.id })
+          this.$store.dispatch('dismissNotificationLocal', {
+            id: this.notification.id,
+          })
           this.$store.dispatch('removeFollowRequest', this.user)
         })
       this.hideDenyConfirmDialog()
-    }
+    },
   },
   computed: {
-    userClass () {
+    userClass() {
       return highlightClass(this.notification.from_profile)
     },
-    userStyle () {
+    userStyle() {
       const highlight = this.$store.getters.mergedConfig.highlight
       const user = this.notification.from_profile
       return highlightStyle(highlight[user.screen_name])
     },
-    expandable () {
-      return (new Set(['like', 'pleroma:emoji_reaction', 'repeat', 'poll'])).has(this.notification.type)
+    expandable() {
+      return new Set(['like', 'pleroma:emoji_reaction', 'repeat', 'poll']).has(
+        this.notification.type,
+      )
     },
-    user () {
+    user() {
       return this.$store.getters.findUser(this.notification.from_profile.id)
     },
-    userProfileLink () {
+    userProfileLink() {
       return this.generateUserProfileLink(this.user)
     },
-    targetUser () {
+    targetUser() {
       return this.$store.getters.findUser(this.notification.target.id)
     },
-    targetUserProfileLink () {
+    targetUserProfileLink() {
       return this.generateUserProfileLink(this.targetUser)
     },
-    needMute () {
+    needMute() {
       return this.$store.getters.relationship(this.user.id).muting
     },
-    isStatusNotification () {
+    isStatusNotification() {
       return isStatusNotification(this.notification.type)
     },
-    mergedConfig () {
+    mergedConfig() {
       return this.$store.getters.mergedConfig
     },
-    shouldConfirmApprove () {
+    shouldConfirmApprove() {
       return this.mergedConfig.modalOnApproveFollow
     },
-    shouldConfirmDeny () {
+    shouldConfirmDeny() {
       return this.mergedConfig.modalOnDenyFollow
     },
     ...mapState({
-      currentUser: state => state.users.currentUser
-    })
-  }
+      currentUser: (state) => state.users.currentUser,
+    }),
+  },
 }
 
 export default Notification
diff --git a/src/components/notification/notification.style.js b/src/components/notification/notification.style.js
index 05c1f6f23..49e28cf2e 100644
--- a/src/components/notification/notification.style.js
+++ b/src/components/notification/notification.style.js
@@ -7,7 +7,7 @@ export default {
     'Icon',
     'Border',
     'Avatar',
-    'PollGraph'
+    'PollGraph',
   ],
-  defaultRules: []
+  defaultRules: [],
 }
diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue
index 0b740ea0a..af4f412cd 100644
--- a/src/components/notifications/notification_filters.vue
+++ b/src/components/notifications/notification_filters.vue
@@ -110,27 +110,25 @@ import Popover from '../popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faFilter
-)
+library.add(faFilter)
 
 export default {
   components: { Popover },
   computed: {
-    filters () {
+    filters() {
       return this.$store.getters.mergedConfig.notificationVisibility
-    }
+    },
   },
   methods: {
-    toggleNotificationFilter (type) {
+    toggleNotificationFilter(type) {
       this.$store.dispatch('setOption', {
         name: 'notificationVisibility',
         value: {
           ...this.filters,
-          [type]: !this.filters[type]
-        }
+          [type]: !this.filters[type],
+        },
       })
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index ced97d57f..1decc6646 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -10,19 +10,19 @@ import {
   filteredNotificationsFromStore,
   unseenNotificationsFromStore,
   countExtraNotifications,
-  ACTIONABLE_NOTIFICATION_TYPES
+  ACTIONABLE_NOTIFICATION_TYPES,
 } from '../../services/notification_utils/notification_utils.js'
 import FaviconService from '../../services/favicon_service/favicon_service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch, faArrowUp, faMinus } from '@fortawesome/free-solid-svg-icons'
+import {
+  faCircleNotch,
+  faArrowUp,
+  faMinus,
+} from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 
-library.add(
-  faCircleNotch,
-  faArrowUp,
-  faMinus
-)
+library.add(faCircleNotch, faArrowUp, faMinus)
 
 const DEFAULT_SEEN_TO_DISPLAY_COUNT = 30
 
@@ -30,7 +30,7 @@ const Notifications = {
   components: {
     Notification,
     NotificationFilters,
-    ExtraNotifications
+    ExtraNotifications,
   },
   props: {
     // Disables panel styles, unread mark, potentially other notification-related actions
@@ -41,93 +41,110 @@ const Notifications = {
     // Do not show extra notifications
     noExtra: {
       type: Boolean,
-      default: false
+      default: false,
     },
     // Disable teleporting (i.e. for /users/user/notifications)
-    disableTeleport: Boolean
+    disableTeleport: Boolean,
   },
-  data () {
+  data() {
     return {
       showScrollTop: false,
       bottomedOut: false,
       // How many seen notifications to display in the list. The more there are,
       // the heavier the page becomes. This count is increased when loading
       // older notifications, and cut back to default whenever hitting "Read!".
-      seenToDisplayCount: DEFAULT_SEEN_TO_DISPLAY_COUNT
+      seenToDisplayCount: DEFAULT_SEEN_TO_DISPLAY_COUNT,
     }
   },
-  provide () {
+  provide() {
     return {
-      popoversZLayer: computed(() => this.popoversZLayer)
+      popoversZLayer: computed(() => this.popoversZLayer),
     }
   },
   computed: {
-    mainClass () {
+    mainClass() {
       return this.minimalMode ? '' : 'panel panel-default'
     },
-    notifications () {
+    notifications() {
       return notificationsFromStore(this.$store)
     },
-    error () {
+    error() {
       return this.$store.state.notifications.error
     },
-    unseenNotifications () {
+    unseenNotifications() {
       return unseenNotificationsFromStore(this.$store)
     },
-    filteredNotifications () {
+    filteredNotifications() {
       if (this.unseenAtTop) {
         return [
-          ...filteredNotificationsFromStore(this.$store).filter(n => this.shouldShowUnseen(n)),
-          ...filteredNotificationsFromStore(this.$store).filter(n => !this.shouldShowUnseen(n))
+          ...filteredNotificationsFromStore(this.$store).filter((n) =>
+            this.shouldShowUnseen(n),
+          ),
+          ...filteredNotificationsFromStore(this.$store).filter(
+            (n) => !this.shouldShowUnseen(n),
+          ),
         ]
       } else {
         return filteredNotificationsFromStore(this.$store, this.filterMode)
       }
     },
-    unseenCountBadgeText () {
+    unseenCountBadgeText() {
       return `${this.unseenCount ? this.unseenCount : ''}${this.extraNotificationsCount ? '*' : ''}`
     },
-    unseenCount () {
+    unseenCount() {
       return this.unseenNotifications.length
     },
-    ignoreInactionableSeen () { return this.$store.getters.mergedConfig.ignoreInactionableSeen },
-    extraNotificationsCount () {
+    ignoreInactionableSeen() {
+      return this.$store.getters.mergedConfig.ignoreInactionableSeen
+    },
+    extraNotificationsCount() {
       return countExtraNotifications(this.$store)
     },
-    unseenCountTitle () {
-      return this.unseenNotifications.length + (this.unreadChatCount) + this.unreadAnnouncementCount
+    unseenCountTitle() {
+      return (
+        this.unseenNotifications.length +
+        this.unreadChatCount +
+        this.unreadAnnouncementCount
+      )
     },
-    loading () {
+    loading() {
       return this.$store.state.notifications.loading
     },
-    noHeading () {
+    noHeading() {
       const { layoutType } = useInterfaceStore()
       return this.minimalMode || layoutType === 'mobile'
     },
-    teleportTarget () {
+    teleportTarget() {
       const { layoutType } = useInterfaceStore()
       const map = {
         wide: '#notifs-column',
-        mobile: '#mobile-notifications'
+        mobile: '#mobile-notifications',
       }
       return map[layoutType] || '#notifs-sidebar'
     },
-    popoversZLayer () {
+    popoversZLayer() {
       const { layoutType } = useInterfaceStore()
       return layoutType === 'mobile' ? 'navbar' : null
     },
-    notificationsToDisplay () {
-      return this.filteredNotifications.slice(0, this.unseenCount + this.seenToDisplayCount)
+    notificationsToDisplay() {
+      return this.filteredNotifications.slice(
+        0,
+        this.unseenCount + this.seenToDisplayCount,
+      )
     },
-    noSticky () { return this.$store.getters.mergedConfig.disableStickyHeaders },
-    unseenAtTop () { return this.$store.getters.mergedConfig.unseenAtTop },
-    showExtraNotifications () {
+    noSticky() {
+      return this.$store.getters.mergedConfig.disableStickyHeaders
+    },
+    unseenAtTop() {
+      return this.$store.getters.mergedConfig.unseenAtTop
+    },
+    showExtraNotifications() {
       return !this.noExtra
     },
     ...mapState(useAnnouncementsStore, ['unreadAnnouncementCount']),
-    ...mapGetters(['unreadChatCount'])
+    ...mapGetters(['unreadChatCount']),
   },
-  mounted () {
+  mounted() {
     this.scrollerRef = this.$refs.root.closest('.column.-scrollable')
     if (!this.scrollerRef) {
       this.scrollerRef = this.$refs.root.closest('.mobile-notifications')
@@ -137,12 +154,12 @@ const Notifications = {
     }
     this.scrollerRef.addEventListener('scroll', this.updateScrollPosition)
   },
-  unmounted () {
+  unmounted() {
     if (!this.scrollerRef) return
     this.scrollerRef.removeEventListener('scroll', this.updateScrollPosition)
   },
   watch: {
-    unseenCountTitle (count) {
+    unseenCountTitle(count) {
       if (count > 0) {
         FaviconService.drawFaviconBadge()
         useInterfaceStore().setPageTitle(`(${count})`)
@@ -151,10 +168,13 @@ const Notifications = {
         useInterfaceStore().setPageTitle('')
       }
     },
-    teleportTarget () {
+    teleportTarget() {
       // handle scroller change
       this.$nextTick(() => {
-        this.scrollerRef.removeEventListener('scroll', this.updateScrollPosition)
+        this.scrollerRef.removeEventListener(
+          'scroll',
+          this.updateScrollPosition,
+        )
         this.scrollerRef = this.$refs.root.closest('.column.-scrollable')
         if (!this.scrollerRef) {
           this.scrollerRef = this.$refs.root.closest('.mobile-notifications')
@@ -162,17 +182,18 @@ const Notifications = {
         this.scrollerRef.addEventListener('scroll', this.updateScrollPosition)
         this.updateScrollPosition()
       })
-    }
+    },
   },
   methods: {
-    scrollToTop () {
+    scrollToTop() {
       const scrollable = this.scrollerRef
       scrollable.scrollTo({ top: this.$refs.root.offsetTop })
     },
-    updateScrollPosition () {
-      this.showScrollTop = this.$refs.root.offsetTop < this.scrollerRef.scrollTop
+    updateScrollPosition() {
+      this.showScrollTop =
+        this.$refs.root.offsetTop < this.scrollerRef.scrollTop
     },
-    shouldShowUnseen (notification) {
+    shouldShowUnseen(notification) {
       if (notification.seen) return false
 
       const actionable = ACTIONABLE_NOTIFICATION_TYPES.has(notification.type)
@@ -182,26 +203,29 @@ const Notifications = {
      * everything else (likes/repeats/reacts) cannot be acted and therefore we just clear
      * the "seen" status upon any clicks on them
      */
-    notificationClicked (notification) {
+    notificationClicked(notification) {
       const { id } = notification
       this.$store.dispatch('notificationClicked', { id })
     },
-    notificationInteracted (notification) {
+    notificationInteracted(notification) {
       const { id } = notification
       this.$store.dispatch('markSingleNotificationAsSeen', { id })
     },
-    markAsSeen () {
+    markAsSeen() {
       this.$store.dispatch('markNotificationsAsSeen')
       this.seenToDisplayCount = DEFAULT_SEEN_TO_DISPLAY_COUNT
     },
-    fetchOlderNotifications () {
+    fetchOlderNotifications() {
       if (this.loading) {
         return
       }
 
       const seenCount = this.filteredNotifications.length - this.unseenCount
       if (this.seenToDisplayCount < seenCount) {
-        this.seenToDisplayCount = Math.min(this.seenToDisplayCount + 20, seenCount)
+        this.seenToDisplayCount = Math.min(
+          this.seenToDisplayCount + 20,
+          seenCount,
+        )
         return
       } else if (this.seenToDisplayCount > seenCount) {
         this.seenToDisplayCount = seenCount
@@ -210,19 +234,21 @@ const Notifications = {
       const store = this.$store
       const credentials = store.state.users.currentUser.credentials
       store.commit('setNotificationsLoading', { value: true })
-      notificationsFetcher.fetchAndUpdate({
-        store,
-        credentials,
-        older: true
-      }).then(notifs => {
-        store.commit('setNotificationsLoading', { value: false })
-        if (notifs.length === 0) {
-          this.bottomedOut = true
-        }
-        this.seenToDisplayCount += notifs.length
-      })
-    }
-  }
+      notificationsFetcher
+        .fetchAndUpdate({
+          store,
+          credentials,
+          older: true,
+        })
+        .then((notifs) => {
+          store.commit('setNotificationsLoading', { value: false })
+          if (notifs.length === 0) {
+            this.bottomedOut = true
+          }
+          this.seenToDisplayCount += notifs.length
+        })
+    },
+  },
 }
 
 export default Notifications
diff --git a/src/components/oauth_callback/oauth_callback.js b/src/components/oauth_callback/oauth_callback.js
index 02e4c9ffc..b28276ee0 100644
--- a/src/components/oauth_callback/oauth_callback.js
+++ b/src/components/oauth_callback/oauth_callback.js
@@ -3,23 +3,25 @@ import { useOAuthStore } from 'src/stores/oauth.js'
 
 const oac = {
   props: ['code'],
-  mounted () {
+  mounted() {
     if (this.code) {
       const oauthStore = useOAuthStore()
       const { clientId, clientSecret } = oauthStore
 
-      oauth.getToken({
-        clientId,
-        clientSecret,
-        instance: this.$store.state.instance.server,
-        code: this.code
-      }).then((result) => {
-        oauthStore.setToken(result.access_token)
-        this.$store.dispatch('loginUser', result.access_token)
-        this.$router.push({ name: 'friends' })
-      })
+      oauth
+        .getToken({
+          clientId,
+          clientSecret,
+          instance: this.$store.state.instance.server,
+          code: this.code,
+        })
+        .then((result) => {
+          oauthStore.setToken(result.access_token)
+          this.$store.dispatch('loginUser', result.access_token)
+          this.$router.push({ name: 'friends' })
+        })
     }
-  }
+  },
 }
 
 export default oac
diff --git a/src/components/opacity_input/opacity_input.vue b/src/components/opacity_input/opacity_input.vue
index 19de233d7..b8012741f 100644
--- a/src/components/opacity_input/opacity_input.vue
+++ b/src/components/opacity_input/opacity_input.vue
@@ -36,16 +36,14 @@
 import Checkbox from '../checkbox/checkbox.vue'
 export default {
   components: {
-    Checkbox
+    Checkbox,
   },
-  props: [
-    'name', 'label', 'modelValue', 'fallback', 'disabled'
-  ],
+  props: ['name', 'label', 'modelValue', 'fallback', 'disabled'],
   emits: ['update:modelValue'],
   computed: {
-    present () {
+    present() {
       return typeof this.modelValue !== 'undefined'
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/optional_router_link/optional_router_link.vue b/src/components/optional_router_link/optional_router_link.vue
index d56ad268a..b0d553801 100644
--- a/src/components/optional_router_link/optional_router_link.vue
+++ b/src/components/optional_router_link/optional_router_link.vue
@@ -18,6 +18,6 @@
 
 <script>
 export default {
-  props: ['to']
+  props: ['to'],
 }
 </script>
diff --git a/src/components/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index 3040696d0..66914cc82 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -50,21 +50,15 @@ import { computed } from 'vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
 import {
   newImporter,
-  newExporter
+  newExporter,
 } from 'src/services/export_import/export_import.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faFileImport,
-  faFileExport
-} from '@fortawesome/free-solid-svg-icons'
+import { faFileImport, faFileExport } from '@fortawesome/free-solid-svg-icons'
 
 import { useInterfaceStore } from 'src/stores/interface'
 
-library.add(
-  faFileImport,
-  faFileExport
-)
+library.add(faFileImport, faFileExport)
 
 const paletteKeys = [
   'bg',
@@ -76,30 +70,31 @@ const paletteKeys = [
   'cBlue',
   'cGreen',
   'cOrange',
-  'wallpaper'
+  'wallpaper',
 ]
 
 const props = defineProps(['modelValue', 'compact', 'apply', 'disabled'])
 const emit = defineEmits(['update:modelValue', 'applyPalette'])
-const getExportedObject = () => paletteKeys.reduce((acc, key) => {
-  const value = props.modelValue[key]
-  if (value == null) {
-    return acc
-  } else {
-    return { ...acc, [key]: props.modelValue[key] }
-  }
-}, {})
+const getExportedObject = () =>
+  paletteKeys.reduce((acc, key) => {
+    const value = props.modelValue[key]
+    if (value == null) {
+      return acc
+    } else {
+      return { ...acc, [key]: props.modelValue[key] }
+    }
+  }, {})
 
 const paletteExporter = newExporter({
   filename: 'pleroma_palette',
   extension: 'json',
-  getExportedObject
+  getExportedObject,
 })
 const paletteImporter = newImporter({
   accept: '.json',
-  onImport (parsed) {
+  onImport(parsed) {
     emit('update:modelValue', parsed)
-  }
+  },
 })
 
 const exportPalette = () => {
@@ -136,7 +131,7 @@ const fallback = (key) => {
 const updatePalette = (paletteKey, value) => {
   emit('update:modelValue', {
     ...props.modelValue,
-    [paletteKey]: value
+    [paletteKey]: value,
   })
 }
 </script>
diff --git a/src/components/panel.style.js b/src/components/panel.style.js
index 2c8956ae1..ff8c2bf3b 100644
--- a/src/components/panel.style.js
+++ b/src/components/panel.style.js
@@ -9,15 +9,9 @@ export default {
     'PanelHeader',
     'Post',
     'Notification',
-    'MenuItem'
-  ],
-  validInnerComponentsLite: [
-    'Text',
-    'Link',
-    'Icon',
-    'Border',
-    'PanelHeader'
+    'MenuItem',
   ],
+  validInnerComponentsLite: ['Text', 'Link', 'Icon', 'Border', 'PanelHeader'],
   defaultRules: [
     {
       directives: {
@@ -25,23 +19,25 @@ export default {
         background: '--bg',
         roundness: 3,
         blur: '5px',
-        shadow: [{
-          x: 0,
-          y: 0,
-          blur: 3,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.5
-        },
-        {
-          x: 0,
-          y: 4,
-          blur: 6,
-          spread: 3,
-          color: '#000000',
-          alpha: 0.3
-        }]
-      }
-    }
-  ]
+        shadow: [
+          {
+            x: 0,
+            y: 0,
+            blur: 3,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.5,
+          },
+          {
+            x: 0,
+            y: 4,
+            blur: 6,
+            spread: 3,
+            color: '#000000',
+            alpha: 0.3,
+          },
+        ],
+      },
+    },
+  ],
 }
diff --git a/src/components/panel_header.style.js b/src/components/panel_header.style.js
index 4e5f97760..67673e1bf 100644
--- a/src/components/panel_header.style.js
+++ b/src/components/panel_header.style.js
@@ -7,7 +7,7 @@ export default {
     'Icon',
     'Button',
     'ButtonUnstyled',
-    'Alert'
+    'Alert',
   ],
   defaultRules: [
     {
@@ -15,24 +15,26 @@ export default {
       directives: {
         backgroundNoCssColor: 'yes',
         background: '--fg',
-        shadow: [{
-          x: 0,
-          y: 1,
-          blur: 3,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.4
-        },
-        {
-          x: 0,
-          y: 1,
-          blur: 0,
-          spread: 0,
-          color: '#ffffff',
-          alpha: 0.2,
-          inset: true
-        }]
-      }
-    }
-  ]
+        shadow: [
+          {
+            x: 0,
+            y: 1,
+            blur: 3,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.4,
+          },
+          {
+            x: 0,
+            y: 1,
+            blur: 0,
+            spread: 0,
+            color: '#ffffff',
+            alpha: 0.2,
+            inset: true,
+          },
+        ],
+      },
+    },
+  ],
 }
diff --git a/src/components/panel_loading/panel_loading.vue b/src/components/panel_loading/panel_loading.vue
index 7a8321220..df29e5df0 100644
--- a/src/components/panel_loading/panel_loading.vue
+++ b/src/components/panel_loading/panel_loading.vue
@@ -15,9 +15,7 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
 export default {}
 </script>
diff --git a/src/components/password_reset/password_reset.js b/src/components/password_reset/password_reset.js
index 3d94f5e72..62b8fe521 100644
--- a/src/components/password_reset/password_reset.js
+++ b/src/components/password_reset/password_reset.js
@@ -1,34 +1,30 @@
 import { mapState } from 'vuex'
 import passwordResetApi from '../../services/new_api/password_reset.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes
-)
+library.add(faTimes)
 
 const passwordReset = {
   data: () => ({
     user: {
-      email: ''
+      email: '',
     },
     isPending: false,
     success: false,
     throttled: false,
-    error: null
+    error: null,
   }),
   computed: {
     ...mapState({
       signedIn: (state) => !!state.users.currentUser,
-      instance: state => state.instance
+      instance: (state) => state.instance,
     }),
-    mailerEnabled () {
+    mailerEnabled() {
       return this.instance.mailerEnabled
-    }
+    },
   },
-  created () {
+  created() {
     if (this.signedIn) {
       this.$router.push({ name: 'root' })
     }
@@ -36,36 +32,38 @@ const passwordReset = {
   props: {
     passwordResetRequested: {
       default: false,
-      type: Boolean
-    }
+      type: Boolean,
+    },
   },
   methods: {
-    dismissError () {
+    dismissError() {
       this.error = null
     },
-    submit () {
+    submit() {
       this.isPending = true
       const email = this.user.email
       const instance = this.instance.server
 
-      passwordResetApi({ instance, email }).then(({ status }) => {
-        this.isPending = false
-        this.user.email = ''
+      passwordResetApi({ instance, email })
+        .then(({ status }) => {
+          this.isPending = false
+          this.user.email = ''
 
-        if (status === 204) {
-          this.success = true
-          this.error = null
-        } else if (status === 429) {
-          this.throttled = true
-          this.error = this.$t('password_reset.too_many_requests')
-        }
-      }).catch(() => {
-        this.isPending = false
-        this.user.email = ''
-        this.error = this.$t('general.generic_error')
-      })
-    }
-  }
+          if (status === 204) {
+            this.success = true
+            this.error = null
+          } else if (status === 429) {
+            this.throttled = true
+            this.error = this.$t('password_reset.too_many_requests')
+          }
+        })
+        .catch(() => {
+          this.isPending = false
+          this.user.email = ''
+          this.error = this.$t('general.generic_error')
+        })
+    },
+  },
 }
 
 export default passwordReset
diff --git a/src/components/pinch_zoom/pinch_zoom.js b/src/components/pinch_zoom/pinch_zoom.js
index 82670ddfa..448f90e4b 100644
--- a/src/components/pinch_zoom/pinch_zoom.js
+++ b/src/components/pinch_zoom/pinch_zoom.js
@@ -2,12 +2,12 @@ import PinchZoom from '@kazvmoe-infra/pinch-zoom-element'
 
 export default {
   methods: {
-    setTransform ({ scale, x, y }) {
+    setTransform({ scale, x, y }) {
       this.$el.setTransform({ scale, x, y })
-    }
+    },
   },
-  created () {
+  created() {
     // Make lint happy
-    (() => PinchZoom)()
-  }
+    ;(() => PinchZoom)()
+  },
 }
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index a1b7808f2..50d135268 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -10,83 +10,85 @@ export default {
   components: {
     Timeago,
     RichContent,
-    Checkbox
+    Checkbox,
   },
-  data () {
+  data() {
     return {
       loading: false,
       choices: [],
-      randomSeed: genRandomSeed()
+      randomSeed: genRandomSeed(),
     }
   },
-  created () {
+  created() {
     if (!usePollsStore().pollsObject[this.pollId]) {
       usePollsStore().mergeOrAddPoll(this.basePoll)
     }
     usePollsStore().trackPoll(this.pollId)
   },
-  unmounted () {
+  unmounted() {
     usePollsStore().untrackPoll(this.pollId)
   },
   computed: {
-    pollId () {
+    pollId() {
       return this.basePoll.id
     },
-    poll () {
+    poll() {
       const storePoll = usePollsStore().pollsObject[this.pollId]
       return storePoll || {}
     },
-    options () {
+    options() {
       return (this.poll && this.poll.options) || []
     },
-    expiresAt () {
+    expiresAt() {
       return (this.poll && this.poll.expires_at) || null
     },
-    expired () {
+    expired() {
       return (this.poll && this.poll.expired) || false
     },
-    expirationLabel () {
+    expirationLabel() {
       if (this.$store.getters.mergedConfig.useAbsoluteTimeFormat) {
         return this.expired ? 'polls.expired_at' : 'polls.expires_at'
       } else {
         return this.expired ? 'polls.expired' : 'polls.expires_in'
       }
     },
-    loggedIn () {
+    loggedIn() {
       return this.$store.state.users.currentUser
     },
-    showResults () {
+    showResults() {
       return this.poll.voted || this.expired || !this.loggedIn
     },
-    totalVotesCount () {
+    totalVotesCount() {
       return this.poll.votes_count
     },
-    containerClass () {
+    containerClass() {
       return {
-        loading: this.loading
+        loading: this.loading,
       }
     },
-    choiceIndices () {
+    choiceIndices() {
       // Convert array of booleans into an array of indices of the
       // items that were 'true', so [true, false, false, true] becomes
       // [0, 3].
       return this.choices
         .map((entry, index) => entry && index)
-        .filter(value => typeof value === 'number')
+        .filter((value) => typeof value === 'number')
     },
-    isDisabled () {
+    isDisabled() {
       const noChoice = this.choiceIndices.length === 0
       return this.loading || noChoice
-    }
+    },
   },
   methods: {
-    percentageForOption (count) {
-      return this.totalVotesCount === 0 ? 0 : Math.round(count / this.totalVotesCount * 100)
+    percentageForOption(count) {
+      return this.totalVotesCount === 0
+        ? 0
+        : Math.round((count / this.totalVotesCount) * 100)
     },
-    resultTitle (option) {
+    resultTitle(option) {
       return `${option.votes_count}/${this.totalVotesCount} ${this.$t('polls.votes')}`
     },
-    activateOption (index, value) {
+    activateOption(index, value) {
       let result
       if (this.poll.multiple) {
         result = this.choices || this.options.map(() => false)
@@ -96,17 +98,21 @@ export default {
       result[index] = value
       this.choices = result
     },
-    optionId (index) {
+    optionId(index) {
       return `poll${this.poll.id}-${index}`
     },
-    vote () {
+    vote() {
       if (this.choiceIndices.length === 0) return
       this.loading = true
-      usePollsStore().votePoll(
-        { id: this.statusId, pollId: this.poll.id, choices: this.choiceIndices }
-      ).then(() => {
-        this.loading = false
-      })
-    }
-  }
+      usePollsStore()
+        .votePoll({
+          id: this.statusId,
+          pollId: this.poll.id,
+          choices: this.choiceIndices,
+        })
+        .then(() => {
+          this.loading = false
+        })
+    },
+  },
 }
diff --git a/src/components/poll/poll_form.js b/src/components/poll/poll_form.js
index 7660db0c2..55a7442c2 100644
--- a/src/components/poll/poll_form.js
+++ b/src/components/poll/poll_form.js
@@ -2,34 +2,32 @@ import * as DateUtils from 'src/services/date_utils/date_utils.js'
 import { pollFallback } from 'src/services/poll/poll.service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import Select from '../select/select.vue'
-import {
-  faTimes,
-  faPlus
-} from '@fortawesome/free-solid-svg-icons'
+import { faTimes, faPlus } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes,
-  faPlus
-)
+library.add(faTimes, faPlus)
 
 export default {
   components: {
-    Select
+    Select,
   },
   name: 'PollForm',
   props: {
     visible: {},
     params: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
   computed: {
     pollType: {
-      get () { return pollFallback(this.params, 'pollType') },
-      set (newVal) { this.params.pollType = newVal }
+      get() {
+        return pollFallback(this.params, 'pollType')
+      },
+      set(newVal) {
+        this.params.pollType = newVal
+      },
     },
-    options () {
+    options() {
       const hasOptions = !!this.params.options
       if (!hasOptions) {
         this.params.options = pollFallback(this.params, 'options')
@@ -37,54 +35,62 @@ export default {
       return this.params.options
     },
     expiryAmount: {
-      get () { return pollFallback(this.params, 'expiryAmount') },
-      set (newVal) { this.params.expiryAmount = newVal }
+      get() {
+        return pollFallback(this.params, 'expiryAmount')
+      },
+      set(newVal) {
+        this.params.expiryAmount = newVal
+      },
     },
     expiryUnit: {
-      get () { return pollFallback(this.params, 'expiryUnit') },
-      set (newVal) { this.params.expiryUnit = newVal }
+      get() {
+        return pollFallback(this.params, 'expiryUnit')
+      },
+      set(newVal) {
+        this.params.expiryUnit = newVal
+      },
     },
-    pollLimits () {
+    pollLimits() {
       return this.$store.state.instance.pollLimits
     },
-    maxOptions () {
+    maxOptions() {
       return this.pollLimits.max_options
     },
-    maxLength () {
+    maxLength() {
       return this.pollLimits.max_option_chars
     },
-    expiryUnits () {
+    expiryUnits() {
       const allUnits = ['minutes', 'hours', 'days']
       const expiry = this.convertExpiryFromUnit
       return allUnits.filter(
-        unit => this.pollLimits.max_expiration >= expiry(unit, 1)
+        (unit) => this.pollLimits.max_expiration >= expiry(unit, 1),
       )
     },
-    minExpirationInCurrentUnit () {
+    minExpirationInCurrentUnit() {
       return Math.ceil(
         this.convertExpiryToUnit(
           this.expiryUnit,
-          this.pollLimits.min_expiration
-        )
+          this.pollLimits.min_expiration,
+        ),
       )
     },
-    maxExpirationInCurrentUnit () {
+    maxExpirationInCurrentUnit() {
       return Math.floor(
         this.convertExpiryToUnit(
           this.expiryUnit,
-          this.pollLimits.max_expiration
-        )
+          this.pollLimits.max_expiration,
+        ),
       )
-    }
+    },
   },
   methods: {
-    clear () {
+    clear() {
       this.pollType = 'single'
       this.options = ['', '']
       this.expiryAmount = 10
       this.expiryUnit = 'minutes'
     },
-    nextOption (index) {
+    nextOption(index) {
       const element = this.$el.querySelector(`#poll-${index + 1}`)
       if (element) {
         element.focus()
@@ -98,30 +104,34 @@ export default {
         }
       }
     },
-    addOption () {
+    addOption() {
       if (this.options.length < this.maxOptions) {
         this.options.push('')
         return true
       }
       return false
     },
-    deleteOption (index) {
+    deleteOption(index) {
       if (this.options.length > 2) {
         this.options.splice(index, 1)
       }
     },
-    convertExpiryToUnit (unit, amount) {
+    convertExpiryToUnit(unit, amount) {
       // Note: we want seconds and not milliseconds
       return DateUtils.secondsToUnit(unit, amount)
     },
-    convertExpiryFromUnit (unit, amount) {
+    convertExpiryFromUnit(unit, amount) {
       return DateUtils.unitToSeconds(unit, amount)
     },
-    expiryAmountChange () {
-      this.expiryAmount =
-        Math.max(this.minExpirationInCurrentUnit, this.expiryAmount)
-      this.expiryAmount =
-        Math.min(this.maxExpirationInCurrentUnit, this.expiryAmount)
-    }
-  }
+    expiryAmountChange() {
+      this.expiryAmount = Math.max(
+        this.minExpirationInCurrentUnit,
+        this.expiryAmount,
+      )
+      this.expiryAmount = Math.min(
+        this.maxExpirationInCurrentUnit,
+        this.expiryAmount,
+      )
+    },
+  },
 }
diff --git a/src/components/poll/poll_graph.style.js b/src/components/poll/poll_graph.style.js
index 247a266a2..69e2fd3ad 100644
--- a/src/components/poll/poll_graph.style.js
+++ b/src/components/poll/poll_graph.style.js
@@ -5,8 +5,8 @@ export default {
     {
       directives: {
         background: '--accent',
-        opacity: 0.5
-      }
-    }
-  ]
+        opacity: 0.5,
+      },
+    },
+  ],
 }
diff --git a/src/components/popover.style.js b/src/components/popover.style.js
index 455b5f5e0..22c3e43d2 100644
--- a/src/components/popover.style.js
+++ b/src/components/popover.style.js
@@ -3,25 +3,25 @@ export default {
   selector: '.popover',
   lazy: true,
   variants: {
-    modal: '.modal'
+    modal: '.modal',
   },
-  validInnerComponents: [
-    'MenuItem'
-  ],
+  validInnerComponents: ['MenuItem'],
   defaultRules: [
     {
       directives: {
         background: '--bg',
         blur: '10px',
-        shadow: [{
-          x: 2,
-          y: 2,
-          blur: 3,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.5
-        }]
-      }
-    }
-  ]
+        shadow: [
+          {
+            x: 2,
+            y: 2,
+            blur: 3,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.5,
+          },
+        ],
+      },
+    },
+  ],
 }
diff --git a/src/components/popover/popover.js b/src/components/popover/popover.js
index e8e857918..3b83bd58f 100644
--- a/src/components/popover/popover.js
+++ b/src/components/popover/popover.js
@@ -57,15 +57,16 @@ const Popover = {
 
     triggerAttrs: {
       type: Object,
-      default: {}
-    }
+      default: {},
+    },
   },
-  inject: { // override popover z layer
+  inject: {
+    // override popover z layer
     popoversZLayer: {
-      default: ''
-    }
+      default: '',
+    },
   },
-  data () {
+  data() {
     return {
       // lockReEntry is a flag that is set when mouse cursor is leaving the popover's content
       // so that if mouse goes back into popover it won't be re-shown again to prevent annoyance
@@ -83,14 +84,16 @@ const Popover = {
       graceTimeout: null,
       parentPopover: null,
       disableClickOutside: false,
-      childrenShown: new Set()
+      childrenShown: new Set(),
     }
   },
   computed: {
-    allTriggerAttrs () {
+    allTriggerAttrs() {
       if (process.env.NODE_ENV === 'development') {
         if ('aria-hidden' in this.triggerAttrs) {
-          throw new Error('Do not use aria-hidden in triggerAttrs. Instead set hideTrigger to true')
+          throw new Error(
+            'Do not use aria-hidden in triggerAttrs. Instead set hideTrigger to true',
+          )
         }
       }
 
@@ -104,18 +107,20 @@ const Popover = {
       }
 
       return attrs
-    }
+    },
   },
   methods: {
-    setAnchorEl (el) {
+    setAnchorEl(el) {
       this.anchorEl = el
       this.updateStyles()
     },
-    containerBoundingClientRect () {
-      const container = this.boundToSelector ? this.$el.closest(this.boundToSelector) : this.$el.offsetParent
+    containerBoundingClientRect() {
+      const container = this.boundToSelector
+        ? this.$el.closest(this.boundToSelector)
+        : this.$el.offsetParent
       return container.getBoundingClientRect()
     },
-    updateStyles () {
+    updateStyles() {
       if (this.hidden) {
         this.styles = {}
         return
@@ -123,7 +128,10 @@ const Popover = {
 
       // Popover will be anchored around this element, trigger ref is the container, so
       // its children are what are inside the slot. Expect only one v-slot:trigger.
-      const anchorEl = this.anchorEl || (this.$refs.trigger && this.$refs.trigger.children[0]) || this.$el
+      const anchorEl =
+        this.anchorEl ||
+        (this.$refs.trigger && this.$refs.trigger.children[0]) ||
+        this.$el
       // SVGs don't have offsetWidth/Height, use fallback
       const anchorHeight = anchorEl.offsetHeight || anchorEl.clientHeight
       const anchorWidth = anchorEl.offsetWidth || anchorEl.clientWidth
@@ -138,7 +146,7 @@ const Popover = {
       // Screen position of the origin point for popover = center of the anchor
       const origin = {
         x: anchorScreenBox.left + anchorWidth * 0.5,
-        y: anchorScreenBox.top + anchorHeight * 0.5
+        y: anchorScreenBox.top + anchorHeight * 0.5,
       }
       const content = this.$refs.content
       const overlayCenter = this.overlayCenters
@@ -146,7 +154,8 @@ const Popover = {
         : null
 
       // Minor optimization, don't call a slow reflow call if we don't have to
-      const parentScreenBox = this.boundTo &&
+      const parentScreenBox =
+        this.boundTo &&
         (this.boundTo.x === 'container' || this.boundTo.y === 'container') &&
         this.containerBoundingClientRect()
 
@@ -154,25 +163,27 @@ const Popover = {
 
       // What are the screen bounds for the popover? Viewport vs container
       // when using viewport, using default margin values to dodge the navbar
-      const xBounds = this.boundTo && this.boundTo.x === 'container'
-        ? {
-            min: parentScreenBox.left + (margin.left || 0),
-            max: parentScreenBox.right - (margin.right || 0)
-          }
-        : {
-            min: 0 + (margin.left || 10),
-            max: window.innerWidth - (margin.right || 10)
-          }
+      const xBounds =
+        this.boundTo && this.boundTo.x === 'container'
+          ? {
+              min: parentScreenBox.left + (margin.left || 0),
+              max: parentScreenBox.right - (margin.right || 0),
+            }
+          : {
+              min: 0 + (margin.left || 10),
+              max: window.innerWidth - (margin.right || 10),
+            }
 
-      const yBounds = this.boundTo && this.boundTo.y === 'container'
-        ? {
-            min: parentScreenBox.top + (margin.top || 0),
-            max: parentScreenBox.bottom - (margin.bottom || 0)
-          }
-        : {
-            min: 0 + (margin.top || 50),
-            max: window.innerHeight - (margin.bottom || 5)
-          }
+      const yBounds =
+        this.boundTo && this.boundTo.y === 'container'
+          ? {
+              min: parentScreenBox.top + (margin.top || 0),
+              max: parentScreenBox.bottom - (margin.bottom || 0),
+            }
+          : {
+              min: 0 + (margin.top || 50),
+              max: window.innerHeight - (margin.bottom || 5),
+            }
 
       let horizOffset = 0
       let vertOffset = 0
@@ -227,8 +238,12 @@ const Popover = {
         // Handle special cases, first force to displaying on top if there's no space on bottom,
         // regardless of what placement value was. Then check if there's no space on top, and
         // force to bottom, again regardless of what placement value was.
-        const topBoundary = origin.y - anchorHeight * 0.5 + (this.removePadding ? topPadding : 0)
-        const bottomBoundary = origin.y + anchorHeight * 0.5 - (this.removePadding ? bottomPadding : 0)
+        const topBoundary =
+          origin.y - anchorHeight * 0.5 + (this.removePadding ? topPadding : 0)
+        const bottomBoundary =
+          origin.y +
+          anchorHeight * 0.5 -
+          (this.removePadding ? bottomPadding : 0)
         if (bottomBoundary + content.offsetHeight > yBounds.max) usingTop = true
         if (topBoundary - content.offsetHeight < yBounds.min) usingTop = false
 
@@ -246,8 +261,10 @@ const Popover = {
         // Handle special cases, first force to displaying on left if there's no space on right,
         // regardless of what placement value was. Then check if there's no space on right, and
         // force to left, again regardless of what placement value was.
-        const leftBoundary = origin.x - anchorWidth * 0.5 + (this.removePadding ? leftPadding : 0)
-        const rightBoundary = origin.x + anchorWidth * 0.5 - (this.removePadding ? rightPadding : 0)
+        const leftBoundary =
+          origin.x - anchorWidth * 0.5 + (this.removePadding ? leftPadding : 0)
+        const rightBoundary =
+          origin.x + anchorWidth * 0.5 - (this.removePadding ? rightPadding : 0)
         if (rightBoundary + content.offsetWidth > xBounds.max) usingLeft = true
         if (leftBoundary - content.offsetWidth < xBounds.min) usingLeft = false
 
@@ -262,17 +279,18 @@ const Popover = {
 
       this.styles = {
         left: `${Math.round(translateX)}px`,
-        top: `${Math.round(translateY)}px`
+        top: `${Math.round(translateY)}px`,
       }
 
       if (this.popoversZLayer) {
-        this.styles['--ZI_popover_override'] = `var(--ZI_${this.popoversZLayer}_popovers)`
+        this.styles['--ZI_popover_override'] =
+          `var(--ZI_${this.popoversZLayer}_popovers)`
       }
       if (parentScreenBox) {
         this.styles.maxWidth = `${Math.round(parentScreenBox.width)}px`
       }
     },
-    showPopover () {
+    showPopover() {
       if (this.disabled) return
       this.disableClickOutside = true
       setTimeout(() => {
@@ -291,7 +309,7 @@ const Popover = {
         this.updateStyles()
       })
     },
-    hidePopover () {
+    hidePopover() {
       if (this.disabled) return
       if (!this.hidden) this.$emit('close')
       this.hidden = true
@@ -302,12 +320,12 @@ const Popover = {
       this.scrollable?.removeEventListener('scroll', this.onScroll)
       this.scrollable?.removeEventListener('resize', this.onResize)
     },
-    resizePopover () {
+    resizePopover() {
       setTimeout(() => {
         this.updateStyles()
       }, 1)
     },
-    onMouseenter () {
+    onMouseenter() {
       if (this.trigger === 'hover') {
         this.lockReEntry = false
         clearTimeout(this.graceTimeout)
@@ -315,12 +333,12 @@ const Popover = {
         this.showPopover()
       }
     },
-    onMouseleave () {
+    onMouseleave() {
       if (this.trigger === 'hover' && this.childrenShown.size === 0) {
         this.graceTimeout = setTimeout(() => this.hidePopover(), 1)
       }
     },
-    onMouseenterContent () {
+    onMouseenterContent() {
       if (this.trigger === 'hover' && !this.lockReEntry) {
         this.lockReEntry = true
         clearTimeout(this.graceTimeout)
@@ -328,12 +346,12 @@ const Popover = {
         this.showPopover()
       }
     },
-    onMouseleaveContent () {
+    onMouseleaveContent() {
       if (this.trigger === 'hover' && this.childrenShown.size === 0) {
         this.graceTimeout = setTimeout(() => this.hidePopover(), 1)
       }
     },
-    onClick () {
+    onClick() {
       if (this.trigger === 'click') {
         if (this.hidden) {
           this.showPopover()
@@ -342,7 +360,7 @@ const Popover = {
         }
       }
     },
-    onClickOutside (e) {
+    onClickOutside(e) {
       if (this.disableClickOutside) return
       if (this.hidden) return
       if (this.$refs.content && this.$refs.content.contains(e.target)) return
@@ -351,35 +369,42 @@ const Popover = {
       this.hidePopover()
       if (this.parentPopover) this.parentPopover.onClickOutside(e)
     },
-    onScroll () {
+    onScroll() {
       this.updateStyles()
     },
-    onResize () {
+    onResize() {
       const content = this.$refs.content
       if (!content) return
-      if (this.oldSize.width !== content.offsetWidth || this.oldSize.height !== content.offsetHeight) {
+      if (
+        this.oldSize.width !== content.offsetWidth ||
+        this.oldSize.height !== content.offsetHeight
+      ) {
         this.updateStyles()
-        this.oldSize = { width: content.offsetWidth, height: content.offsetHeight }
+        this.oldSize = {
+          width: content.offsetWidth,
+          height: content.offsetHeight,
+        }
       }
     },
-    onChildPopoverState (childRef, state) {
+    onChildPopoverState(childRef, state) {
       if (state) {
         this.childrenShown.add(childRef)
       } else {
         this.childrenShown.delete(childRef)
       }
-    }
+    },
   },
-  updated () {
+  updated() {
     // Monitor changes to content size, update styles only when content sizes have changed,
     // that should be the only time we need to move the popover box if we don't care about scroll
     // or resize
     this.onResize()
   },
-  mounted () {
+  mounted() {
     this.teleport = true
-    let scrollable = this.$refs.trigger.closest('.column.-scrollable') ||
-        this.$refs.trigger.closest('.mobile-notifications')
+    let scrollable =
+      this.$refs.trigger.closest('.column.-scrollable') ||
+      this.$refs.trigger.closest('.mobile-notifications')
     if (!scrollable) scrollable = window
     this.scrollable = scrollable
     let parent = this.$parent
@@ -388,9 +413,9 @@ const Popover = {
     }
     this.parentPopover = parent
   },
-  beforeUnmount () {
+  beforeUnmount() {
     this.hidePopover()
-  }
+  },
 }
 
 export default Popover
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 238be88df..4fbcfce66 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -30,7 +30,7 @@ import {
   faCircleNotch,
   faChevronDown,
   faChevronLeft,
-  faChevronRight
+  faChevronRight,
 } from '@fortawesome/free-solid-svg-icons'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
@@ -45,7 +45,7 @@ library.add(
   faCircleNotch,
   faChevronDown,
   faChevronLeft,
-  faChevronRight
+  faChevronRight,
 )
 
 const buildMentionsString = ({ user, attentions = [] }, currentUser) => {
@@ -117,7 +117,7 @@ const PostStatusForm = {
     'emojiPickerPlacement',
     'optimisticPosting',
     'profileMention',
-    'draftId'
+    'draftId',
   ],
   emits: [
     'posted',
@@ -126,7 +126,7 @@ const PostStatusForm = {
     'mediaplay',
     'mediapause',
     'can-close',
-    'update'
+    'update',
   ],
   components: {
     MediaUpload,
@@ -139,9 +139,9 @@ const PostStatusForm = {
     StatusContent,
     Gallery,
     DraftCloser,
-    Popover
+    Popover,
   },
-  mounted () {
+  mounted() {
     this.updateIdempotencyKey()
     this.resize(this.$refs.textarea)
 
@@ -154,28 +154,41 @@ const PostStatusForm = {
       this.$refs.textarea.focus()
     }
   },
-  data () {
+  data() {
     const preset = this.$route.query.message
     let statusText = preset || ''
 
     const { scopeCopy } = this.$store.getters.mergedConfig
 
-    const [statusType, refId] = typeAndRefId({ replyTo: this.replyTo, profileMention: this.profileMention && this.repliedUser?.id, statusId: this.statusId })
+    const [statusType, refId] = typeAndRefId({
+      replyTo: this.replyTo,
+      profileMention: this.profileMention && this.repliedUser?.id,
+      statusId: this.statusId,
+    })
 
     // If we are starting a new post, do not associate it with old drafts
-    let statusParams = !this.disableDraft && (this.draftId || statusType !== 'new') ? this.getDraft(statusType, refId) : null
+    let statusParams =
+      !this.disableDraft && (this.draftId || statusType !== 'new')
+        ? this.getDraft(statusType, refId)
+        : null
 
     if (!statusParams) {
       if (statusType === 'reply' || statusType === 'mention') {
         const currentUser = this.$store.state.users.currentUser
-        statusText = buildMentionsString({ user: this.repliedUser, attentions: this.attentions }, currentUser)
+        statusText = buildMentionsString(
+          { user: this.repliedUser, attentions: this.attentions },
+          currentUser,
+        )
       }
 
-      const scope = ((this.copyMessageScope && scopeCopy) || this.copyMessageScope === 'direct')
-        ? this.copyMessageScope
-        : this.$store.state.users.currentUser.default_scope
+      const scope =
+        (this.copyMessageScope && scopeCopy) ||
+        this.copyMessageScope === 'direct'
+          ? this.copyMessageScope
+          : this.$store.state.users.currentUser.default_scope
 
-      const { postContentType: contentType, sensitiveByDefault } = this.$store.getters.mergedConfig
+      const { postContentType: contentType, sensitiveByDefault } =
+        this.$store.getters.mergedConfig
 
       statusParams = {
         type: statusType,
@@ -189,7 +202,7 @@ const PostStatusForm = {
         mediaDescriptions: {},
         visibility: scope,
         contentType,
-        quoting: false
+        quoting: false,
       }
 
       if (statusType === 'edit') {
@@ -205,7 +218,7 @@ const PostStatusForm = {
           hasPoll: false,
           mediaDescriptions: this.statusMediaDescriptions || {},
           visibility: this.statusScope || scope,
-          contentType: statusContentType
+          contentType: statusContentType,
         }
       }
     }
@@ -226,101 +239,109 @@ const PostStatusForm = {
       emojiInputShown: false,
       idempotencyKey: '',
       saveInhibited: true,
-      saveable: false
+      saveable: false,
     }
   },
   computed: {
-    users () {
+    users() {
       return this.$store.state.users.users
     },
-    userDefaultScope () {
+    userDefaultScope() {
       return this.$store.state.users.currentUser.default_scope
     },
-    showAllScopes () {
+    showAllScopes() {
       return !this.mergedConfig.minimalScopesMode
     },
-    hideExtraActions () {
+    hideExtraActions() {
       return this.disableDraft || this.hideDraft
     },
-    emojiUserSuggestor () {
+    emojiUserSuggestor() {
       return suggestor({
         emoji: [
           ...this.$store.getters.standardEmojiList,
-          ...this.$store.state.instance.customEmoji
+          ...this.$store.state.instance.customEmoji,
         ],
-        store: this.$store
+        store: this.$store,
       })
     },
-    emojiSuggestor () {
+    emojiSuggestor() {
       return suggestor({
         emoji: [
           ...this.$store.getters.standardEmojiList,
-          ...this.$store.state.instance.customEmoji
-        ]
+          ...this.$store.state.instance.customEmoji,
+        ],
       })
     },
-    emoji () {
+    emoji() {
       return this.$store.getters.standardEmojiList || []
     },
-    customEmoji () {
+    customEmoji() {
       return this.$store.state.instance.customEmoji || []
     },
-    statusLength () {
+    statusLength() {
       return this.newStatus.status.length
     },
-    spoilerTextLength () {
+    spoilerTextLength() {
       return this.newStatus.spoilerText.length
     },
-    statusLengthLimit () {
+    statusLengthLimit() {
       return this.$store.state.instance.textlimit
     },
-    hasStatusLengthLimit () {
+    hasStatusLengthLimit() {
       return this.statusLengthLimit > 0
     },
-    charactersLeft () {
-      return this.statusLengthLimit - (this.statusLength + this.spoilerTextLength)
+    charactersLeft() {
+      return (
+        this.statusLengthLimit - (this.statusLength + this.spoilerTextLength)
+      )
     },
-    isOverLengthLimit () {
-      return this.hasStatusLengthLimit && (this.charactersLeft < 0)
+    isOverLengthLimit() {
+      return this.hasStatusLengthLimit && this.charactersLeft < 0
     },
-    minimalScopesMode () {
+    minimalScopesMode() {
       return this.$store.state.instance.minimalScopesMode
     },
-    alwaysShowSubject () {
+    alwaysShowSubject() {
       return this.mergedConfig.alwaysShowSubjectInput
     },
-    postFormats () {
+    postFormats() {
       return this.$store.state.instance.postFormats || []
     },
-    safeDMEnabled () {
+    safeDMEnabled() {
       return this.$store.state.instance.safeDM
     },
-    pollsAvailable () {
-      return this.$store.state.instance.pollsAvailable &&
+    pollsAvailable() {
+      return (
+        this.$store.state.instance.pollsAvailable &&
         this.$store.state.instance.pollLimits.max_options >= 2 &&
         this.disablePolls !== true
+      )
     },
-    hideScopeNotice () {
-      return this.disableNotice || this.$store.getters.mergedConfig.hideScopeNotice
+    hideScopeNotice() {
+      return (
+        this.disableNotice || this.$store.getters.mergedConfig.hideScopeNotice
+      )
     },
-    pollContentError () {
-      return this.pollFormVisible &&
-        this.newStatus.poll &&
-        this.newStatus.poll.error
+    pollContentError() {
+      return (
+        this.pollFormVisible && this.newStatus.poll && this.newStatus.poll.error
+      )
     },
-    showPreview () {
+    showPreview() {
       return !this.disablePreview && (!!this.preview || this.previewLoading)
     },
-    emptyStatus () {
-      return this.newStatus.status.trim() === '' && this.newStatus.files.length === 0
+    emptyStatus() {
+      return (
+        this.newStatus.status.trim() === '' && this.newStatus.files.length === 0
+      )
     },
-    uploadFileLimitReached () {
+    uploadFileLimitReached() {
       return this.newStatus.files.length >= this.fileLimit
     },
-    isEdit () {
+    isEdit() {
       return typeof this.statusId !== 'undefined' && this.statusId.trim() !== ''
     },
-    quotable () {
+    quotable() {
       if (!this.$store.state.instance.quotingAvailable) {
         return false
       }
@@ -329,14 +350,17 @@ const PostStatusForm = {
         return false
       }
 
-      const repliedStatus = this.$store.state.statuses.allStatusesObject[this.replyTo]
+      const repliedStatus =
+        this.$store.state.statuses.allStatusesObject[this.replyTo]
       if (!repliedStatus) {
         return false
       }
 
-      if (repliedStatus.visibility === 'public' ||
-          repliedStatus.visibility === 'unlisted' ||
-          repliedStatus.visibility === 'local') {
+      if (
+        repliedStatus.visibility === 'public' ||
+        repliedStatus.visibility === 'unlisted' ||
+        repliedStatus.visibility === 'local'
+      ) {
         return true
       } else if (repliedStatus.visibility === 'private') {
         return repliedStatus.user.id === this.$store.state.users.currentUser.id
@@ -344,16 +368,16 @@ const PostStatusForm = {
 
       return false
     },
-    debouncedMaybeAutoSaveDraft () {
+    debouncedMaybeAutoSaveDraft() {
       return debounce(this.maybeAutoSaveDraft, 3000)
     },
-    pollFormVisible () {
+    pollFormVisible() {
       return this.newStatus.hasPoll
     },
-    shouldAutoSaveDraft () {
+    shouldAutoSaveDraft() {
       return this.$store.getters.mergedConfig.autoSaveDraft
     },
-    autoSaveState () {
+    autoSaveState() {
       if (this.saveable) {
         return this.$t('post_status.auto_save_saving')
       } else if (this.newStatus.id) {
@@ -362,35 +386,39 @@ const PostStatusForm = {
         return this.$t('post_status.auto_save_nothing_new')
       }
     },
-    safeToSaveDraft () {
+    safeToSaveDraft() {
       return (
-        this.newStatus.status ||
-        this.newStatus.spoilerText ||
-        this.newStatus.files?.length ||
-        this.newStatus.hasPoll
-      ) && this.saveable
+        (this.newStatus.status ||
+          this.newStatus.spoilerText ||
+          this.newStatus.files?.length ||
+          this.newStatus.hasPoll) &&
+        this.saveable
+      )
     },
-    hasEmptyDraft () {
-      return this.newStatus.id && !(
-        this.newStatus.status ||
+    hasEmptyDraft() {
+      return (
+        this.newStatus.id &&
+        !(
+          this.newStatus.status ||
           this.newStatus.spoilerText ||
           this.newStatus.files?.length ||
           this.newStatus.hasPoll
+        )
       )
     },
     ...mapGetters(['mergedConfig']),
     ...mapState(useInterfaceStore, {
-      mobileLayout: store => store.mobileLayout
-    })
+      mobileLayout: (store) => store.mobileLayout,
+    }),
   },
   watch: {
     newStatus: {
       deep: true,
-      handler () {
+      handler() {
         this.statusChanged()
-      }
+      },
     },
-    saveable (val) {
+    saveable(val) {
       // https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event#usage_notes
       // MDN says we'd better add the beforeunload event listener only when needed, and remove it when it's no longer needed
       if (val) {
@@ -398,22 +426,22 @@ const PostStatusForm = {
       } else {
         this.removeBeforeUnloadListener()
       }
-    }
+    },
   },
-  beforeUnmount () {
+  beforeUnmount() {
     this.maybeAutoSaveDraft()
     this.removeBeforeUnloadListener()
   },
   methods: {
     ...mapActions(useMediaViewerStore, ['increment']),
-    statusChanged () {
+    statusChanged() {
       this.autoPreview()
       this.updateIdempotencyKey()
       this.debouncedMaybeAutoSaveDraft()
       this.saveable = true
       this.saveInhibited = false
     },
-    clearStatus () {
+    clearStatus() {
       const newStatus = this.newStatus
       this.saveInhibited = true
       this.newStatus = {
@@ -425,7 +453,7 @@ const PostStatusForm = {
         poll: {},
         hasPoll: false,
         mediaDescriptions: {},
-        quoting: false
+        quoting: false,
       }
       this.$refs.mediaUpload && this.$refs.mediaUpload.clearFile()
       this.clearPollForm()
@@ -441,23 +469,36 @@ const PostStatusForm = {
       if (this.preview) this.previewStatus()
       this.saveable = false
     },
-    async postStatus (event, newStatus) {
-      if (this.posting && !this.optimisticPosting) { return }
-      if (this.disableSubmit) { return }
-      if (this.emojiInputShown) { return }
+    async postStatus(event, newStatus) {
+      if (this.posting && !this.optimisticPosting) {
+        return
+      }
+      if (this.disableSubmit) {
+        return
+      }
+      if (this.emojiInputShown) {
+        return
+      }
       if (this.submitOnEnter) {
         event.stopPropagation()
         event.preventDefault()
       }
 
-      if (this.optimisticPosting && (this.emptyStatus || this.isOverLengthLimit)) { return }
+      if (
+        this.optimisticPosting &&
+        (this.emptyStatus || this.isOverLengthLimit)
+      ) {
+        return
+      }
 
       if (this.emptyStatus) {
         this.error = this.$t('post_status.empty_status_error')
         return
       }
 
-      const poll = this.newStatus.hasPoll ? pollFormToMasto(this.newStatus.poll) : {}
+      const poll = this.newStatus.hasPoll
+        ? pollFormToMasto(this.newStatus.poll)
+        : {}
       if (this.pollContentError) {
         this.error = this.pollContentError
         return
@@ -473,7 +514,9 @@ const PostStatusForm = {
         return
       }
 
-      const replyOrQuoteAttr = newStatus.quoting ? 'quoteId' : 'inReplyToStatusId'
+      const replyOrQuoteAttr = newStatus.quoting
+        ? 'quoteId'
+        : 'inReplyToStatusId'
 
       const postingOptions = {
         status: newStatus.status,
@@ -485,10 +528,12 @@ const PostStatusForm = {
         [replyOrQuoteAttr]: this.replyTo,
         contentType: newStatus.contentType,
         poll,
-        idempotencyKey: this.idempotencyKey
+        idempotencyKey: this.idempotencyKey,
       }
 
-      const postHandler = this.postHandler ? this.postHandler : statusPoster.postStatus
+      const postHandler = this.postHandler
+        ? this.postHandler
+        : statusPoster.postStatus
 
       postHandler(postingOptions).then((data) => {
         if (!data.error) {
@@ -501,7 +546,7 @@ const PostStatusForm = {
         this.posting = false
       })
     },
-    previewStatus () {
+    previewStatus() {
       if (this.emptyStatus && this.newStatus.spoilerText.trim() === '') {
         this.preview = { error: this.$t('post_status.preview_empty') }
         this.previewLoading = false
@@ -509,89 +554,100 @@ const PostStatusForm = {
       }
       const newStatus = this.newStatus
       this.previewLoading = true
-      const replyOrQuoteAttr = newStatus.quoting ? 'quoteId' : 'inReplyToStatusId'
-      statusPoster.postStatus({
-        status: newStatus.status,
-        spoilerText: newStatus.spoilerText || null,
-        visibility: newStatus.visibility,
-        sensitive: newStatus.nsfw,
-        media: [],
-        store: this.$store,
-        [replyOrQuoteAttr]: this.replyTo,
-        contentType: newStatus.contentType,
-        poll: {},
-        preview: true
-      }).then((data) => {
-        // Don't apply preview if not loading, because it means
-        // user has closed the preview manually.
-        if (!this.previewLoading) return
-        if (!data.error) {
-          this.preview = data
-        } else {
-          this.preview = { error: data.error }
-        }
-      }).catch((error) => {
-        this.preview = { error }
-      }).finally(() => {
-        this.previewLoading = false
-      })
+      const replyOrQuoteAttr = newStatus.quoting
+        ? 'quoteId'
+        : 'inReplyToStatusId'
+      statusPoster
+        .postStatus({
+          status: newStatus.status,
+          spoilerText: newStatus.spoilerText || null,
+          visibility: newStatus.visibility,
+          sensitive: newStatus.nsfw,
+          media: [],
+          store: this.$store,
+          [replyOrQuoteAttr]: this.replyTo,
+          contentType: newStatus.contentType,
+          poll: {},
+          preview: true,
+        })
+        .then((data) => {
+          // Don't apply preview if not loading, because it means
+          // user has closed the preview manually.
+          if (!this.previewLoading) return
+          if (!data.error) {
+            this.preview = data
+          } else {
+            this.preview = { error: data.error }
+          }
+        })
+        .catch((error) => {
+          this.preview = { error }
+        })
+        .finally(() => {
+          this.previewLoading = false
+        })
     },
-    debouncePreviewStatus: debounce(function () { this.previewStatus() }, 500),
-    autoPreview () {
+    debouncePreviewStatus: debounce(function () {
+      this.previewStatus()
+    }, 500),
+    autoPreview() {
       if (!this.preview) return
       this.previewLoading = true
       this.debouncePreviewStatus()
     },
-    closePreview () {
+    closePreview() {
       this.preview = null
       this.previewLoading = false
     },
-    togglePreview () {
+    togglePreview() {
       if (this.showPreview) {
         this.closePreview()
       } else {
         this.previewStatus()
       }
     },
-    addMediaFile (fileInfo) {
+    addMediaFile(fileInfo) {
       this.newStatus.files.push(fileInfo)
       this.$emit('resize', { delayed: true })
     },
-    removeMediaFile (fileInfo) {
+    removeMediaFile(fileInfo) {
       const index = this.newStatus.files.indexOf(fileInfo)
       this.newStatus.files.splice(index, 1)
       this.$emit('resize')
     },
-    editAttachment (fileInfo, newText) {
+    editAttachment(fileInfo, newText) {
       this.newStatus.mediaDescriptions[fileInfo.id] = newText
     },
-    shiftUpMediaFile (fileInfo) {
+    shiftUpMediaFile(fileInfo) {
       const { files } = this.newStatus
       const index = this.newStatus.files.indexOf(fileInfo)
       files.splice(index, 1)
       files.splice(index - 1, 0, fileInfo)
     },
-    shiftDnMediaFile (fileInfo) {
+    shiftDnMediaFile(fileInfo) {
       const { files } = this.newStatus
       const index = this.newStatus.files.indexOf(fileInfo)
       files.splice(index, 1)
       files.splice(index + 1, 0, fileInfo)
     },
-    uploadFailed (errString, templateArgs) {
+    uploadFailed(errString, templateArgs) {
       templateArgs = templateArgs || {}
-      this.error = this.$t('upload.error.base') + ' ' + this.$t('upload.error.' + errString, templateArgs)
+      this.error =
+        this.$t('upload.error.base') +
+        ' ' +
+        this.$t('upload.error.' + errString, templateArgs)
     },
-    startedUploadingFiles () {
+    startedUploadingFiles() {
       this.uploadingFiles = true
     },
-    finishedUploadingFiles () {
+    finishedUploadingFiles() {
       this.$emit('resize')
       this.uploadingFiles = false
     },
-    type (fileInfo) {
+    type(fileInfo) {
       return fileTypeService.fileType(fileInfo.mimetype)
     },
-    paste (e) {
+    paste(e) {
       this.autoPreview()
       this.resize(e)
       if (e.clipboardData.files.length > 0) {
@@ -603,7 +659,7 @@ const PostStatusForm = {
         this.dropFiles = [e.clipboardData.files[0]]
       }
     },
-    fileDrop (e) {
+    fileDrop(e) {
       if (e.dataTransfer && e.dataTransfer.types.includes('Files')) {
         e.preventDefault() // allow dropping text like before
         this.dropFiles = e.dataTransfer.files
@@ -611,7 +667,7 @@ const PostStatusForm = {
         this.showDropIcon = 'hide'
       }
     },
-    fileDragStop () {
+    fileDragStop() {
       // The false-setting is done with delay because just using leave-events
       // directly caused unwanted flickering, this is not perfect either but
       // much less noticable.
@@ -619,21 +675,23 @@ const PostStatusForm = {
       this.showDropIcon = 'fade'
       this.dropStopTimeout = setTimeout(() => (this.showDropIcon = 'hide'), 500)
     },
-    fileDrag (e) {
+    fileDrag(e) {
       e.dataTransfer.dropEffect = this.uploadFileLimitReached ? 'none' : 'copy'
       if (e.dataTransfer && e.dataTransfer.types.includes('Files')) {
         clearTimeout(this.dropStopTimeout)
         this.showDropIcon = 'show'
       }
     },
-    onEmojiInputInput () {
+    onEmojiInputInput() {
       this.$nextTick(() => {
         this.resize(this.$refs.textarea)
       })
     },
-    resize (e) {
+    resize(e) {
       const target = e.target || e
-      if (!(target instanceof window.Element)) { return }
+      if (!(target instanceof window.Element)) {
+        return
+      }
 
       // Reset to default height for empty form, nothing else to do here.
       if (target.value === '') {
@@ -648,12 +706,14 @@ const PostStatusForm = {
        * replies in notifs) or mobile post form. Note that getting and setting
        * scroll is different for `Window` and `Element`s
        */
-      const bottomBottomPaddingStr = window.getComputedStyle(bottomRef)['padding-bottom']
+      const bottomBottomPaddingStr =
+        window.getComputedStyle(bottomRef)['padding-bottom']
       const bottomBottomPadding = pxStringToNumber(bottomBottomPaddingStr)
 
-      const scrollerRef = this.$el.closest('.column.-scrollable') ||
-            this.$el.closest('.post-form-modal-view') ||
-            window
+      const scrollerRef =
+        this.$el.closest('.column.-scrollable') ||
+        this.$el.closest('.post-form-modal-view') ||
+        window
 
       // Getting info about padding we have to account for, removing 'px' part
       const topPaddingStr = window.getComputedStyle(target)['padding-top']
@@ -682,18 +742,20 @@ const PostStatusForm = {
        */
 
       // this part has to be BEFORE the content size update
-      const currentScroll = scrollerRef === window
-        ? scrollerRef.scrollY
-        : scrollerRef.scrollTop
-      const scrollerHeight = scrollerRef === window
-        ? scrollerRef.innerHeight
-        : scrollerRef.offsetHeight
+      const currentScroll =
+        scrollerRef === window ? scrollerRef.scrollY : scrollerRef.scrollTop
+      const scrollerHeight =
+        scrollerRef === window
+          ? scrollerRef.innerHeight
+          : scrollerRef.offsetHeight
       const scrollerBottomBorder = currentScroll + scrollerHeight
 
       // BEGIN content size update
       target.style.height = 'auto'
       const heightWithoutPadding = Math.floor(target.scrollHeight - vertPadding)
-      let newHeight = this.maxHeight ? Math.min(heightWithoutPadding, this.maxHeight) : heightWithoutPadding
+      let newHeight = this.maxHeight
+        ? Math.min(heightWithoutPadding, this.maxHeight)
+        : heightWithoutPadding
       // This is a bit of a hack to combat target.scrollHeight being different on every other input
       // on some browsers for whatever reason. Don't change the height if difference is 1px or less.
       if (Math.abs(newHeight - oldHeight) <= 1) {
@@ -705,7 +767,10 @@ const PostStatusForm = {
 
       // We check where the bottom border of form-bottom element is, this uses findOffset
       // to find offset relative to scrollable container (scroller)
-      const bottomBottomBorder = bottomRef.offsetHeight + findOffset(bottomRef, scrollerRef).top + bottomBottomPadding
+      const bottomBottomBorder =
+        bottomRef.offsetHeight +
+        findOffset(bottomRef, scrollerRef).top +
+        bottomBottomPadding
 
       const isBottomObstructed = scrollerBottomBorder < bottomBottomBorder
       const isFormBiggerThanScroller = scrollerHeight < formRef.offsetHeight
@@ -714,9 +779,13 @@ const PostStatusForm = {
       // Keep form-bottom always visible so that submit button is in view EXCEPT
       // if form element bigger than scroller and caret isn't at the end, so that
       // if you scroll up and edit middle of text you won't get scrolled back to bottom
-      const shouldScrollToBottom = isBottomObstructed &&
-            !(isFormBiggerThanScroller &&
-              this.$refs.textarea.selectionStart !== this.$refs.textarea.value.length)
+      const shouldScrollToBottom =
+        isBottomObstructed &&
+        !(
+          isFormBiggerThanScroller &&
+          this.$refs.textarea.selectionStart !==
+            this.$refs.textarea.value.length
+        )
       const totalDelta = shouldScrollToBottom ? bottomChangeDelta : 0
       const targetScroll = Math.round(currentScroll + totalDelta)
 
@@ -726,53 +795,60 @@ const PostStatusForm = {
         scrollerRef.scrollTop = targetScroll
       }
     },
-    clearError () {
+    clearError() {
       this.error = null
     },
-    changeVis (visibility) {
+    changeVis(visibility) {
       this.newStatus.visibility = visibility
     },
-    togglePollForm () {
+    togglePollForm() {
       this.newStatus.hasPoll = !this.newStatus.hasPoll
     },
-    setPoll (poll) {
+    setPoll(poll) {
       this.newStatus.poll = poll
     },
-    clearPollForm () {
+    clearPollForm() {
       if (this.$refs.pollForm) {
         this.$refs.pollForm.clear()
       }
     },
-    dismissScopeNotice () {
-      this.$store.dispatch('setOption', { name: 'hideScopeNotice', value: true })
+    dismissScopeNotice() {
+      this.$store.dispatch('setOption', {
+        name: 'hideScopeNotice',
+        value: true,
+      })
     },
-    setMediaDescription (id) {
+    setMediaDescription(id) {
       const description = this.newStatus.mediaDescriptions[id]
       if (!description || description.trim() === '') return
-      return statusPoster.setMediaDescription({ store: this.$store, id, description })
+      return statusPoster.setMediaDescription({
+        store: this.$store,
+        id,
+        description,
+      })
     },
-    setAllMediaDescriptions () {
-      const ids = this.newStatus.files.map(file => file.id)
-      return Promise.all(ids.map(id => this.setMediaDescription(id)))
+    setAllMediaDescriptions() {
+      const ids = this.newStatus.files.map((file) => file.id)
+      return Promise.all(ids.map((id) => this.setMediaDescription(id)))
     },
-    handleEmojiInputShow (value) {
+    handleEmojiInputShow(value) {
       this.emojiInputShown = value
     },
-    updateIdempotencyKey () {
+    updateIdempotencyKey() {
       this.idempotencyKey = Date.now().toString()
     },
-    openProfileTab () {
+    openProfileTab() {
       useInterfaceStore().openSettingsModalTab('profile')
     },
-    propsToNative (props) {
+    propsToNative(props) {
       return propsToNative(props)
     },
-    saveDraft () {
-      if (!this.disableDraft &&
-          !this.saveInhibited) {
+    saveDraft() {
+      if (!this.disableDraft && !this.saveInhibited) {
         if (this.safeToSaveDraft) {
-          return this.$store.dispatch('addOrSaveDraft', { draft: this.newStatus })
-            .then(id => {
+          return this.$store
+            .dispatch('addOrSaveDraft', { draft: this.newStatus })
+            .then((id) => {
               if (this.newStatus.id !== id) {
                 this.newStatus.id = id
               }
@@ -784,32 +860,34 @@ const PostStatusForm = {
             })
         } else if (this.hasEmptyDraft) {
           // There is a draft, but there is nothing in it, clear it
-          return this.abandonDraft()
-            .then(() => {
-              this.saveable = false
-              if (!this.shouldAutoSaveDraft) {
-                this.clearStatus()
-                this.$emit('draft-done')
-              }
-            })
+          return this.abandonDraft().then(() => {
+            this.saveable = false
+            if (!this.shouldAutoSaveDraft) {
+              this.clearStatus()
+              this.$emit('draft-done')
+            }
+          })
         }
       }
       return Promise.resolve()
     },
-    maybeAutoSaveDraft () {
+    maybeAutoSaveDraft() {
       if (this.shouldAutoSaveDraft) {
         this.saveDraft(false)
       }
     },
-    abandonDraft () {
+    abandonDraft() {
       return this.$store.dispatch('abandonDraft', { id: this.newStatus.id })
     },
-    getDraft (statusType, refId) {
+    getDraft(statusType, refId) {
       const maybeDraft = this.$store.state.drafts.drafts[this.draftId]
       if (this.draftId && maybeDraft) {
         return maybeDraft
       } else {
-        const existingDrafts = this.$store.getters.draftsByTypeAndRefId(statusType, refId)
+        const existingDrafts = this.$store.getters.draftsByTypeAndRefId(
+          statusType,
+          refId,
+        )
 
         if (existingDrafts.length) {
           return existingDrafts[0]
@@ -817,35 +895,35 @@ const PostStatusForm = {
       }
       // No draft available, fall back
     },
-    requestClose () {
+    requestClose() {
       if (!this.saveable) {
         this.$emit('can-close')
       } else {
         this.$refs.draftCloser.requestClose()
       }
     },
-    saveAndCloseDraft () {
+    saveAndCloseDraft() {
       this.saveDraft().then(() => {
         this.$emit('can-close')
       })
     },
-    discardAndCloseDraft () {
+    discardAndCloseDraft() {
       this.abandonDraft().then(() => {
         this.$emit('can-close')
       })
     },
-    addBeforeUnloadListener () {
+    addBeforeUnloadListener() {
       this._beforeUnloadListener ||= () => {
         this.saveDraft()
       }
       window.addEventListener('beforeunload', this._beforeUnloadListener)
     },
-    removeBeforeUnloadListener () {
+    removeBeforeUnloadListener() {
       if (this._beforeUnloadListener) {
         window.removeEventListener('beforeunload', this._beforeUnloadListener)
       }
-    }
-  }
+    },
+  },
 }
 
 export default PostStatusForm
diff --git a/src/components/post_status_modal/post_status_modal.js b/src/components/post_status_modal/post_status_modal.js
index ee6cd6444..0087bd292 100644
--- a/src/components/post_status_modal/post_status_modal.js
+++ b/src/components/post_status_modal/post_status_modal.js
@@ -6,29 +6,29 @@ import { usePostStatusStore } from 'src/stores/post_status'
 const PostStatusModal = {
   components: {
     PostStatusForm,
-    Modal
+    Modal,
   },
-  data () {
+  data() {
     return {
-      resettingForm: false
+      resettingForm: false,
     }
   },
   computed: {
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    modalActivated () {
+    modalActivated() {
       return usePostStatusStore().modalActivated
     },
-    isFormVisible () {
+    isFormVisible() {
       return this.isLoggedIn && !this.resettingForm && this.modalActivated
     },
-    params () {
+    params() {
       return usePostStatusStore().params || {}
-    }
+    },
   },
   watch: {
-    params (newVal, oldVal) {
+    params(newVal, oldVal) {
       if (get(newVal, 'repliedUser.id') !== get(oldVal, 'repliedUser.id')) {
         this.resettingForm = true
         this.$nextTick(() => {
@@ -36,21 +36,23 @@ const PostStatusModal = {
         })
       }
     },
-    isFormVisible (val) {
+    isFormVisible(val) {
       if (val) {
-        this.$nextTick(() => this.$el && this.$el.querySelector('textarea').focus())
+        this.$nextTick(
+          () => this.$el && this.$el.querySelector('textarea').focus(),
+        )
       }
-    }
+    },
   },
   methods: {
-    closeModal () {
+    closeModal() {
       usePostStatusStore().closePostStatusModal()
     },
-    resetAndClose () {
+    resetAndClose() {
       usePostStatusStore().resetPostStatusModal()
       usePostStatusStore().closePostStatusModal()
-    }
-  }
+    },
+  },
 }
 
 export default PostStatusModal
diff --git a/src/components/progress_button/progress_button.vue b/src/components/progress_button/progress_button.vue
index 283a51af5..318260409 100644
--- a/src/components/progress_button/progress_button.vue
+++ b/src/components/progress_button/progress_button.vue
@@ -16,23 +16,26 @@
 export default {
   props: {
     disabled: {
-      type: Boolean
+      type: Boolean,
     },
-    click: { // click event handler. Must return a promise
+    click: {
+      // click event handler. Must return a promise
       type: Function,
-      default: () => Promise.resolve()
-    }
+      default: () => Promise.resolve(),
+    },
   },
-  data () {
+  data() {
     return {
-      progress: false
+      progress: false,
     }
   },
   methods: {
-    onClick () {
+    onClick() {
       this.progress = true
-      this.click().then(() => { this.progress = false })
-    }
-  }
+      this.click().then(() => {
+        this.progress = false
+      })
+    },
+  },
 }
 </script>
diff --git a/src/components/public_and_external_timeline/public_and_external_timeline.js b/src/components/public_and_external_timeline/public_and_external_timeline.js
index bfcce6ae6..a4e1f0be7 100644
--- a/src/components/public_and_external_timeline/public_and_external_timeline.js
+++ b/src/components/public_and_external_timeline/public_and_external_timeline.js
@@ -1,17 +1,21 @@
 import Timeline from '../timeline/timeline.vue'
 const PublicAndExternalTimeline = {
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    timeline () { return this.$store.state.statuses.timelines.publicAndExternal }
+    timeline() {
+      return this.$store.state.statuses.timelines.publicAndExternal
+    },
   },
-  created () {
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'publicAndExternal' })
+  created() {
+    this.$store.dispatch('startFetchingTimeline', {
+      timeline: 'publicAndExternal',
+    })
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'publicAndExternal')
-  }
+  },
 }
 
 export default PublicAndExternalTimeline
diff --git a/src/components/public_timeline/public_timeline.js b/src/components/public_timeline/public_timeline.js
index 306935445..88b3b4f91 100644
--- a/src/components/public_timeline/public_timeline.js
+++ b/src/components/public_timeline/public_timeline.js
@@ -1,18 +1,19 @@
 import Timeline from '../timeline/timeline.vue'
 const PublicTimeline = {
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    timeline () { return this.$store.state.statuses.timelines.public }
+    timeline() {
+      return this.$store.state.statuses.timelines.public
+    },
   },
-  created () {
+  created() {
     this.$store.dispatch('startFetchingTimeline', { timeline: 'public' })
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'public')
-  }
-
+  },
 }
 
 export default PublicTimeline
diff --git a/src/components/quick_filter_settings/quick_filter_settings.js b/src/components/quick_filter_settings/quick_filter_settings.js
index f5e4721d0..cf59a8b7a 100644
--- a/src/components/quick_filter_settings/quick_filter_settings.js
+++ b/src/components/quick_filter_settings/quick_filter_settings.js
@@ -5,95 +5,126 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter, faFont, faWrench } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
-library.add(
-  faFilter,
-  faFont,
-  faWrench
-)
+library.add(faFilter, faFont, faWrench)
 
 const QuickFilterSettings = {
   props: {
     conversation: Boolean,
-    nested: Boolean
+    nested: Boolean,
   },
   components: {
-    Popover
+    Popover,
   },
   methods: {
-    setReplyVisibility (visibility) {
-      this.$store.dispatch('setOption', { name: 'replyVisibility', value: visibility })
+    setReplyVisibility(visibility) {
+      this.$store.dispatch('setOption', {
+        name: 'replyVisibility',
+        value: visibility,
+      })
       this.$store.dispatch('queueFlushAll')
     },
-    openTab (tab) {
+    openTab(tab) {
       useInterfaceStore().openSettingsModalTab(tab)
-    }
+    },
   },
   computed: {
     ...mapGetters(['mergedConfig']),
     ...mapState(useInterfaceStore, {
-      mobileLayout: state => state.layoutType === 'mobile'
+      mobileLayout: (state) => state.layoutType === 'mobile',
     }),
-    triggerAttrs () {
+    triggerAttrs() {
       if (this.mobileLayout) {
         return {}
       } else {
         return {
-          title: this.$t('timeline.quick_filter_settings')
+          title: this.$t('timeline.quick_filter_settings'),
         }
       }
     },
-    mainClass () {
+    mainClass() {
       if (this.mobileLayout) {
         return 'main-button'
       } else {
         return 'dropdown-item'
       }
     },
-    loggedIn () {
+    loggedIn() {
       return !!this.$store.state.users.currentUser
     },
     replyVisibilitySelf: {
-      get () { return this.mergedConfig.replyVisibility === 'self' },
-      set () { this.setReplyVisibility('self') }
+      get() {
+        return this.mergedConfig.replyVisibility === 'self'
+      },
+      set() {
+        this.setReplyVisibility('self')
+      },
     },
     replyVisibilityFollowing: {
-      get () { return this.mergedConfig.replyVisibility === 'following' },
-      set () { this.setReplyVisibility('following') }
+      get() {
+        return this.mergedConfig.replyVisibility === 'following'
+      },
+      set() {
+        this.setReplyVisibility('following')
+      },
     },
     replyVisibilityAll: {
-      get () { return this.mergedConfig.replyVisibility === 'all' },
-      set () { this.setReplyVisibility('all') }
+      get() {
+        return this.mergedConfig.replyVisibility === 'all'
+      },
+      set() {
+        this.setReplyVisibility('all')
+      },
     },
     hideMedia: {
-      get () { return this.mergedConfig.hideAttachments || this.mergedConfig.hideAttachmentsInConv },
-      set () {
+      get() {
+        return (
+          this.mergedConfig.hideAttachments ||
+          this.mergedConfig.hideAttachmentsInConv
+        )
+      },
+      set() {
         const value = !this.hideMedia
         this.$store.dispatch('setOption', { name: 'hideAttachments', value })
-        this.$store.dispatch('setOption', { name: 'hideAttachmentsInConv', value })
-      }
+        this.$store.dispatch('setOption', {
+          name: 'hideAttachmentsInConv',
+          value,
+        })
+      },
     },
     hideMutedPosts: {
-      get () { return this.mergedConfig.hideFilteredStatuses },
-      set () {
+      get() {
+        return this.mergedConfig.hideFilteredStatuses
+      },
+      set() {
         const value = !this.hideMutedPosts
-        this.$store.dispatch('setOption', { name: 'hideFilteredStatuses', value })
-      }
+        this.$store.dispatch('setOption', {
+          name: 'hideFilteredStatuses',
+          value,
+        })
+      },
     },
     muteBotStatuses: {
-      get () { return this.mergedConfig.muteBotStatuses },
-      set () {
+      get() {
+        return this.mergedConfig.muteBotStatuses
+      },
+      set() {
         const value = !this.muteBotStatuses
         this.$store.dispatch('setOption', { name: 'muteBotStatuses', value })
-      }
+      },
     },
     muteSensitiveStatuses: {
-      get () { return this.mergedConfig.muteSensitiveStatuses },
-      set () {
+      get() {
+        return this.mergedConfig.muteSensitiveStatuses
+      },
+      set() {
         const value = !this.muteSensitiveStatuses
-        this.$store.dispatch('setOption', { name: 'muteSensitiveStatuses', value })
-      }
-    }
-  }
+        this.$store.dispatch('setOption', {
+          name: 'muteSensitiveStatuses',
+          value,
+        })
+      },
+    },
+  },
 }
 
 export default QuickFilterSettings
diff --git a/src/components/quick_view_settings/quick_view_settings.js b/src/components/quick_view_settings/quick_view_settings.js
index 5c98e0f88..084ad4387 100644
--- a/src/components/quick_view_settings/quick_view_settings.js
+++ b/src/components/quick_view_settings/quick_view_settings.js
@@ -3,80 +3,106 @@ import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filt
 import { mapGetters } from 'vuex'
 import { mapState } from 'pinia'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faList, faFolderTree, faBars, faWrench } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
-
-library.add(
+import {
   faList,
   faFolderTree,
   faBars,
-  faWrench
-)
+  faWrench,
+} from '@fortawesome/free-solid-svg-icons'
+import { useInterfaceStore } from 'src/stores/interface'
+
+library.add(faList, faFolderTree, faBars, faWrench)
 
 const QuickViewSettings = {
   props: {
-    conversation: Boolean
+    conversation: Boolean,
   },
   components: {
     Popover,
-    QuickFilterSettings
+    QuickFilterSettings,
   },
   methods: {
-    setConversationDisplay (visibility) {
-      this.$store.dispatch('setOption', { name: 'conversationDisplay', value: visibility })
+    setConversationDisplay(visibility) {
+      this.$store.dispatch('setOption', {
+        name: 'conversationDisplay',
+        value: visibility,
+      })
     },
-    openTab (tab) {
+    openTab(tab) {
       useInterfaceStore().openSettingsModalTab(tab)
-    }
+    },
   },
   computed: {
     ...mapGetters(['mergedConfig']),
     ...mapState(useInterfaceStore, {
-      mobileLayout: state => state.layoutType === 'mobile'
+      mobileLayout: (state) => state.layoutType === 'mobile',
     }),
-    loggedIn () {
+    loggedIn() {
       return !!this.$store.state.users.currentUser
     },
     conversationDisplay: {
-      get () { return this.mergedConfig.conversationDisplay },
-      set (newVal) { this.setConversationDisplay(newVal) }
+      get() {
+        return this.mergedConfig.conversationDisplay
+      },
+      set(newVal) {
+        this.setConversationDisplay(newVal)
+      },
     },
     autoUpdate: {
-      get () { return this.mergedConfig.streaming },
-      set () {
+      get() {
+        return this.mergedConfig.streaming
+      },
+      set() {
         const value = !this.autoUpdate
         this.$store.dispatch('setOption', { name: 'streaming', value })
-      }
+      },
     },
     collapseWithSubjects: {
-      get () { return this.mergedConfig.collapseMessageWithSubject },
-      set () {
+      get() {
+        return this.mergedConfig.collapseMessageWithSubject
+      },
+      set() {
         const value = !this.collapseWithSubjects
-        this.$store.dispatch('setOption', { name: 'collapseMessageWithSubject', value })
-      }
+        this.$store.dispatch('setOption', {
+          name: 'collapseMessageWithSubject',
+          value,
+        })
+      },
     },
     showUserAvatars: {
-      get () { return this.mergedConfig.mentionLinkShowAvatar },
-      set () {
+      get() {
+        return this.mergedConfig.mentionLinkShowAvatar
+      },
+      set() {
         const value = !this.showUserAvatars
-        this.$store.dispatch('setOption', { name: 'mentionLinkShowAvatar', value })
-      }
+        this.$store.dispatch('setOption', {
+          name: 'mentionLinkShowAvatar',
+          value,
+        })
+      },
     },
     muteBotStatuses: {
-      get () { return this.mergedConfig.muteBotStatuses },
-      set () {
+      get() {
+        return this.mergedConfig.muteBotStatuses
+      },
+      set() {
         const value = !this.muteBotStatuses
         this.$store.dispatch('setOption', { name: 'muteBotStatuses', value })
-      }
+      },
     },
     muteSensitiveStatuses: {
-      get () { return this.mergedConfig.muteSensitiveStatuses },
-      set () {
+      get() {
+        return this.mergedConfig.muteSensitiveStatuses
+      },
+      set() {
         const value = !this.muteSensitiveStatuses
-        this.$store.dispatch('setOption', { name: 'muteSensitiveStatuses', value })
-      }
-    }
-  }
+        this.$store.dispatch('setOption', {
+          name: 'muteSensitiveStatuses',
+          value,
+        })
+      },
+    },
+  },
 }
 
 export default QuickViewSettings
diff --git a/src/components/quotes_timeline/quotes_timeline.js b/src/components/quotes_timeline/quotes_timeline.js
index a5f42da56..b9b3e8f10 100644
--- a/src/components/quotes_timeline/quotes_timeline.js
+++ b/src/components/quotes_timeline/quotes_timeline.js
@@ -1,26 +1,36 @@
 import Timeline from '../timeline/timeline.vue'
 
 const QuotesTimeline = {
-  created () {
+  created() {
     this.$store.commit('clearTimeline', { timeline: 'quotes' })
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'quotes', statusId: this.statusId })
+    this.$store.dispatch('startFetchingTimeline', {
+      timeline: 'quotes',
+      statusId: this.statusId,
+    })
   },
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    statusId () { return this.$route.params.id },
-    timeline () { return this.$store.state.statuses.timelines.quotes }
+    statusId() {
+      return this.$route.params.id
+    },
+    timeline() {
+      return this.$store.state.statuses.timelines.quotes
+    },
   },
   watch: {
-    statusId () {
+    statusId() {
       this.$store.commit('clearTimeline', { timeline: 'quotes' })
-      this.$store.dispatch('startFetchingTimeline', { timeline: 'quotes', statusId: this.statusId })
-    }
+      this.$store.dispatch('startFetchingTimeline', {
+        timeline: 'quotes',
+        statusId: this.statusId,
+      })
+    },
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'quotes')
-  }
+  },
 }
 
 export default QuotesTimeline
diff --git a/src/components/range_input/range_input.vue b/src/components/range_input/range_input.vue
index 2f8645c0b..91d3dcc3b 100644
--- a/src/components/range_input/range_input.vue
+++ b/src/components/range_input/range_input.vue
@@ -54,13 +54,22 @@
 <script>
 export default {
   props: [
-    'name', 'modelValue', 'fallback', 'disabled', 'label', 'max', 'min', 'step', 'hardMin', 'hardMax'
+    'name',
+    'modelValue',
+    'fallback',
+    'disabled',
+    'label',
+    'max',
+    'min',
+    'step',
+    'hardMin',
+    'hardMax',
   ],
   emits: ['update:modelValue'],
   computed: {
-    present () {
+    present() {
       return typeof this.modelValue !== 'undefined'
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index 53a678680..430ef597b 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -7,7 +7,9 @@ import { DAY } from 'src/services/date_utils/date_utils.js'
 import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
 
 const registration = {
-  setup () { return { v$: useVuelidate() } },
+  setup() {
+    return { v$: useVuelidate() }
+  },
   data: () => ({
     user: {
       email: '',
@@ -17,15 +19,15 @@ const registration = {
       confirm: '',
       birthday: '',
       reason: '',
-      language: ['']
+      language: [''],
     },
-    captcha: {}
+    captcha: {},
   }),
   components: {
     InterfaceLanguageSwitcher,
-    TermsOfServicePanel
+    TermsOfServicePanel,
   },
-  validations () {
+  validations() {
     return {
       user: {
         email: { required: requiredIf(() => this.accountActivationRequired) },
@@ -34,20 +36,23 @@ const registration = {
         password: { required },
         confirm: {
           required,
-          sameAs: sameAs(this.user.password)
+          sameAs: sameAs(this.user.password),
         },
         birthday: {
           required: requiredIf(() => this.birthdayRequired),
-          maxValue: value => {
-            return !this.birthdayRequired || new Date(value).getTime() <= this.birthdayMin.getTime()
-          }
+          maxValue: (value) => {
+            return (
+              !this.birthdayRequired ||
+              new Date(value).getTime() <= this.birthdayMin.getTime()
+            )
+          },
         },
         reason: { required: requiredIf(() => this.accountApprovalRequired) },
-        language: {}
-      }
+        language: {},
+      },
     }
   },
-  created () {
+  created() {
     if ((!this.registrationOpen && !this.token) || this.signedIn) {
       this.$router.push({ name: 'root' })
     }
@@ -55,14 +60,16 @@ const registration = {
     this.setCaptcha()
   },
   computed: {
-    token () { return this.$route.params.token },
-    bioPlaceholder () {
+    token() {
+      return this.$route.params.token
+    },
+    bioPlaceholder() {
       return this.replaceNewlines(this.$t('registration.bio_placeholder'))
     },
-    reasonPlaceholder () {
+    reasonPlaceholder() {
       return this.replaceNewlines(this.$t('registration.reason_placeholder'))
     },
-    birthdayMin () {
+    birthdayMin() {
       const minAge = this.birthdayMinAge
       const today = new Date()
       today.setUTCMilliseconds(0)
@@ -73,12 +80,20 @@ const registration = {
       minDate.setTime(today.getTime() - minAge * DAY)
       return minDate
     },
-    birthdayMinAttr () {
+    birthdayMinAttr() {
       return this.birthdayMin.toJSON().replace(/T.+$/, '')
     },
-    birthdayMinFormatted () {
-      const browserLocale = localeService.internalToBrowserLocale(this.$i18n.locale)
-      return this.user.birthday && new Date(Date.parse(this.birthdayMin)).toLocaleDateString(browserLocale, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' })
+    birthdayMinFormatted() {
+      const browserLocale = localeService.internalToBrowserLocale(
+        this.$i18n.locale,
+      )
+      return (
+        this.user.birthday &&
+        new Date(Date.parse(this.birthdayMin)).toLocaleDateString(
+          browserLocale,
+          { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' },
+        )
+      )
     },
     ...mapState({
       registrationOpen: (state) => state.instance.registrationOpen,
@@ -89,15 +104,17 @@ const registration = {
       hasSignUpNotice: (state) => !!state.users.signUpNotice.message,
       termsOfService: (state) => state.instance.tos,
       embeddedToS: (state) => state.instance.embeddedToS,
-      accountActivationRequired: (state) => state.instance.accountActivationRequired,
-      accountApprovalRequired: (state) => state.instance.accountApprovalRequired,
+      accountActivationRequired: (state) =>
+        state.instance.accountActivationRequired,
+      accountApprovalRequired: (state) =>
+        state.instance.accountApprovalRequired,
       birthdayRequired: (state) => state.instance.birthdayRequired,
-      birthdayMinAge: (state) => state.instance.birthdayMinAge
-    })
+      birthdayMinAge: (state) => state.instance.birthdayMinAge,
+    }),
   },
   methods: {
     ...mapActions(['signUp', 'getCaptcha']),
-    async submit () {
+    async submit() {
       this.user.nickname = this.user.username
       this.user.token = this.token
 
@@ -105,7 +122,9 @@ const registration = {
       this.user.captcha_token = this.captcha.token
       this.user.captcha_answer_data = this.captcha.answer_data
       if (this.user.language) {
-        this.user.language = localeService.internalToBackendLocaleMulti(this.user.language.filter(k => k))
+        this.user.language = localeService.internalToBackendLocaleMulti(
+          this.user.language.filter((k) => k),
+        )
       }
 
       this.v$.$touch()
@@ -124,13 +143,15 @@ const registration = {
         }
       }
     },
-    setCaptcha () {
-      this.getCaptcha().then(cpt => { this.captcha = cpt })
+    setCaptcha() {
+      this.getCaptcha().then((cpt) => {
+        this.captcha = cpt
+      })
     },
-    replaceNewlines (str) {
+    replaceNewlines(str) {
       return str.replace(/\s*\n\s*/g, ' \n')
-    }
-  }
+    },
+  },
 }
 
 export default registration
diff --git a/src/components/remote_follow/remote_follow.js b/src/components/remote_follow/remote_follow.js
index 951b59419..a583b6f09 100644
--- a/src/components/remote_follow/remote_follow.js
+++ b/src/components/remote_follow/remote_follow.js
@@ -1,9 +1,9 @@
 export default {
   props: ['user'],
   computed: {
-    subscribeUrl () {
+    subscribeUrl() {
       const serverUrl = new URL(this.user.statusnet_profile_url)
       return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/remote_user_resolver/remote_user_resolver.js b/src/components/remote_user_resolver/remote_user_resolver.js
index 9b5e511e0..430f56c84 100644
--- a/src/components/remote_user_resolver/remote_user_resolver.js
+++ b/src/components/remote_user_resolver/remote_user_resolver.js
@@ -1,14 +1,16 @@
 const RemoteUserResolver = {
   data: () => ({
-    error: false
+    error: false,
   }),
-  mounted () {
+  mounted() {
     this.redirect()
   },
   methods: {
-    redirect () {
-      const acct = this.$route.params.username + '@' + this.$route.params.hostname
-      this.$store.state.api.backendInteractor.fetchUser({ id: acct })
+    redirect() {
+      const acct =
+        this.$route.params.username + '@' + this.$route.params.hostname
+      this.$store.state.api.backendInteractor
+        .fetchUser({ id: acct })
         .then((externalUser) => {
           if (externalUser.error) {
             this.error = true
@@ -17,15 +19,15 @@ const RemoteUserResolver = {
             const id = externalUser.id
             this.$router.replace({
               name: 'external-user-profile',
-              params: { id }
+              params: { id },
             })
           }
         })
         .catch(() => {
           this.error = true
         })
-    }
-  }
+    },
+  },
 }
 
 export default RemoteUserResolver
diff --git a/src/components/remove_follower_button/remove_follower_button.js b/src/components/remove_follower_button/remove_follower_button.js
index 052a519ff..b8f195815 100644
--- a/src/components/remove_follower_button/remove_follower_button.js
+++ b/src/components/remove_follower_button/remove_follower_button.js
@@ -2,47 +2,49 @@ import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 
 export default {
   props: ['user', 'relationship'],
-  data () {
+  data() {
     return {
       inProgress: false,
-      showingConfirmRemoveFollower: false
+      showingConfirmRemoveFollower: false,
     }
   },
   components: {
-    ConfirmModal
+    ConfirmModal,
   },
   computed: {
-    label () {
+    label() {
       if (this.inProgress) {
         return this.$t('user_card.follow_progress')
       } else {
         return this.$t('user_card.remove_follower')
       }
     },
-    shouldConfirmRemoveUserFromFollowers () {
+    shouldConfirmRemoveUserFromFollowers() {
       return this.$store.getters.mergedConfig.modalOnRemoveUserFromFollowers
-    }
+    },
   },
   methods: {
-    showConfirmRemoveUserFromFollowers () {
+    showConfirmRemoveUserFromFollowers() {
       this.showingConfirmRemoveFollower = true
     },
-    hideConfirmRemoveUserFromFollowers () {
+    hideConfirmRemoveUserFromFollowers() {
       this.showingConfirmRemoveFollower = false
     },
-    onClick () {
+    onClick() {
       if (!this.shouldConfirmRemoveUserFromFollowers) {
         this.doRemoveUserFromFollowers()
       } else {
         this.showConfirmRemoveUserFromFollowers()
       }
     },
-    doRemoveUserFromFollowers () {
+    doRemoveUserFromFollowers() {
       this.inProgress = true
-      this.$store.dispatch('removeUserFromFollowers', this.relationship.id).then(() => {
-        this.inProgress = false
-      })
+      this.$store
+        .dispatch('removeUserFromFollowers', this.relationship.id)
+        .then(() => {
+          this.inProgress = false
+        })
       this.hideConfirmRemoveUserFromFollowers()
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/report/report.js b/src/components/report/report.js
index 6e9f21eea..2b31ad116 100644
--- a/src/components/report/report.js
+++ b/src/components/report/report.js
@@ -6,32 +6,38 @@ import RichContent from 'src/components/rich_content/rich_content.jsx'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 const Report = {
-  props: [
-    'reportId'
-  ],
+  props: ['reportId'],
   components: {
     Select,
     StatusContent,
     Timeago,
-    RichContent
+    RichContent,
   },
   computed: {
-    report () {
+    report() {
       return useReportsStore().reports[this.reportId] || {}
     },
     state: {
-      get: function () { return this.report.state },
-      set: function (val) { this.setReportState(val) }
-    }
+      get: function () {
+        return this.report.state
+      },
+      set: function (val) {
+        this.setReportState(val)
+      },
+    },
   },
   methods: {
-    generateUserProfileLink (user) {
-      return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
+    generateUserProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.screen_name,
+        this.$store.state.instance.restrictedNicknames,
+      )
     },
-    setReportState (state) {
+    setReportState(state) {
       return useReportsStore().setReportState({ id: this.report.id, state })
-    }
-  }
+    },
+  },
 }
 
 export default Report
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 5adc2443a..778a30192 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -1,5 +1,9 @@
 import { unescape, flattenDeep } from 'lodash'
-import { getTagName, processTextForEmoji, getAttrs } from 'src/services/html_converter/utility.service.js'
+import {
+  getTagName,
+  processTextForEmoji,
+  getAttrs,
+} from 'src/services/html_converter/utility.service.js'
 import { convertHtmlToTree } from 'src/services/html_converter/html_tree_converter.service.js'
 import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
 import StillImageEmojiPopover from 'src/components/still-image/still-image-emoji-popover.vue'
@@ -27,7 +31,7 @@ const MAYBE_LINE_BREAKING_ELEMENTS = [
   'h2',
   'h3',
   'h4',
-  'h5'
+  'h5',
 ]
 
 /**
@@ -52,46 +56,46 @@ export default {
   name: 'RichContent',
   components: {
     MentionsLine,
-    HashtagLink
+    HashtagLink,
   },
   props: {
     // Original html content
     html: {
       required: true,
-      type: String
+      type: String,
     },
     attentions: {
       required: false,
-      default: () => []
+      default: () => [],
     },
     // Emoji object, as in status.emojis, note the "s" at the end...
     emoji: {
       required: true,
-      type: Array
+      type: Array,
     },
     // Whether to handle links or not (posts: yes, everything else: no)
     handleLinks: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Meme arrows
     greentext: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Faint style (for notifs)
     faint: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Collapse newlines
     collapse: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     /* Content comes from current instance
      *
@@ -103,11 +107,11 @@ export default {
     isLocal: {
       required: false,
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
   // NEVER EVER TOUCH DATA INSIDE RENDER
-  render () {
+  render() {
     // Pre-process HTML
     const { newHtml: html } = preProcessPerLine(this.html, this.greentext)
     let currentMentions = null // Current chain of mentions, we group all mentions together
@@ -124,10 +128,7 @@ export default {
     let tagsIndex = 0
 
     const renderImage = (tag) => {
-      return <StillImage
-        {...getAttrs(tag)}
-        class="img"
-      />
+      return <StillImage {...getAttrs(tag)} class="img" />
     }
 
     const renderHashtag = (attrs, children, encounteredTextReverse) => {
@@ -137,12 +138,14 @@ export default {
         lastTags.push(linkData)
       }
       const { url, tag, content } = linkData
-      return <HashtagLink url={url} tag={tag} content={content}/>
+      return <HashtagLink url={url} tag={tag} content={content} />
     }
 
     const renderMention = (attrs, children) => {
       const linkData = getLinkData(attrs, children, mentionIndex++)
-      linkData.notifying = this.attentions.some(a => a.statusnet_profile_url === linkData.url)
+      linkData.notifying = this.attentions.some(
+        (a) => a.statusnet_profile_url === linkData.url,
+      )
       writtenMentions.push(linkData)
       if (currentMentions === null) {
         currentMentions = []
@@ -152,7 +155,7 @@ export default {
         invisibleMentions.push(linkData)
       }
       if (currentMentions.length === 1) {
-        return <MentionsLine mentions={ currentMentions } />
+        return <MentionsLine mentions={currentMentions} />
       } else {
         return ''
       }
@@ -171,26 +174,28 @@ export default {
           // in MentionsLine
           lastSpacing = item
           // Don't remove last space in a container (fixes poast mentions)
-          return (index !== array.length - 1) && (currentMentions !== null) ? item.trim() : item
+          return index !== array.length - 1 && currentMentions !== null
+            ? item.trim()
+            : item
         }
 
         currentMentions = null
         if (item.includes(':')) {
-          item = ['', processTextForEmoji(
-            item,
-            this.emoji,
-            ({ shortcode, url }) => {
-              return <StillImageEmojiPopover
-                class="emoji img"
-                src={url}
-                title={`:${shortcode}:`}
-                alt={`:${shortcode}:`}
-
-                shortcode={shortcode}
-                isLocal={this.isLocal}
-              />
-            }
-          )]
+          item = [
+            '',
+            processTextForEmoji(item, this.emoji, ({ shortcode, url }) => {
+              return (
+                <StillImageEmojiPopover
+                  class="emoji img"
+                  src={url}
+                  title={`:${shortcode}:`}
+                  alt={`:${shortcode}:`}
+                  shortcode={shortcode}
+                  isLocal={this.isLocal}
+                />
+              )
+            }),
+          ]
         }
         return item
       }
@@ -209,18 +214,24 @@ export default {
          * we have a tag right next to mentions
          */
         const mentionsLinePadding =
-              // Padding is only needed if we just finished parsing mentions
-              previouslyMentions &&
-              // Don't add padding if content is string and has padding already
-              !(children && typeof children[0] === 'string' && children[0].match(/^\s/))
-                ? lastSpacing
-                : ''
+          // Padding is only needed if we just finished parsing mentions
+          previouslyMentions &&
+          // Don't add padding if content is string and has padding already
+          !(
+            children &&
+            typeof children[0] === 'string' &&
+            children[0].match(/^\s/)
+          )
+            ? lastSpacing
+            : ''
         if (MAYBE_LINE_BREAKING_ELEMENTS.includes(Tag)) {
           // all the elements that can cause a line change
           currentMentions = null
-        } else if (Tag === 'img') { // replace images with StillImage
+        } else if (Tag === 'img') {
+          // replace images with StillImage
           return ['', [mentionsLinePadding, renderImage(opener)], '']
-        } else if (Tag === 'a' && this.handleLinks) { // replace mentions with MentionLink
+        } else if (Tag === 'a' && this.handleLinks) {
+          // replace mentions with MentionLink
           if (fullAttrs.class && fullAttrs.class.includes('mention')) {
             // Handling mentions here
             return renderMention(attrs, children)
@@ -228,7 +239,11 @@ export default {
             currentMentions = null
           }
         } else if (Tag === 'span') {
-          if (this.handleLinks && fullAttrs.class && fullAttrs.class.includes('h-card')) {
+          if (
+            this.handleLinks &&
+            fullAttrs.class &&
+            fullAttrs.class.includes('h-card')
+          ) {
             return ['', children.map(processItem), '']
           }
         }
@@ -236,11 +251,8 @@ export default {
         if (children !== undefined) {
           return [
             '',
-            [
-              mentionsLinePadding,
-              [opener, children.map(processItem), closer]
-            ],
-            ''
+            [mentionsLinePadding, [opener, children.map(processItem), closer]],
+            '',
           ]
         } else {
           return ['', [mentionsLinePadding, item], '']
@@ -262,23 +274,25 @@ export default {
         const [opener, children] = item
         const Tag = opener === '' ? '' : getTagName(opener)
         switch (Tag) {
-          case 'a': { // replace mentions with MentionLink
+          case 'a': {
+            // replace mentions with MentionLink
             if (!this.handleLinks) break
             const fullAttrs = getAttrs(opener, () => true)
             const attrs = getAttrs(opener, () => true)
             // should only be this
             if (
               (fullAttrs.class && fullAttrs.class.includes('hashtag')) || // Pleroma style
-                (fullAttrs.rel === 'tag') // Mastodon style
+              fullAttrs.rel === 'tag' // Mastodon style
             ) {
               return renderHashtag(attrs, children, encounteredTextReverse)
             } else {
               attrs.target = '_blank'
-              const newChildren = [...children].reverse().map(processItemReverse).reverse()
+              const newChildren = [...children]
+                .reverse()
+                .map(processItemReverse)
+                .reverse()
 
-              return <a {...attrs}>
-                { newChildren }
-              </a>
+              return <a {...attrs}>{newChildren}</a>
             }
           }
           case '':
@@ -290,11 +304,9 @@ export default {
           const newChildren = Array.isArray(children)
             ? [...children].reverse().map(processItemReverse).reverse()
             : children
-          return <Tag {...getAttrs(opener)}>
-            { newChildren }
-          </Tag>
+          return <Tag {...getAttrs(opener)}>{newChildren}</Tag>
         } else {
-          return <Tag/>
+          return <Tag />
         }
       }
       return item
@@ -306,30 +318,29 @@ export default {
     // DO NOT USE SLOTS they cause a re-render feedback loop here.
     // slots updated -> rerender -> emit -> update up the tree -> rerender -> ...
     // at least until vue3?
-    const result =
-    <span class={['RichContent', this.faint ? '-faint' : '']}>
-      {
-        this.collapse
-          ? pass2.map(x => {
-            if (!Array.isArray(x)) return x.replace(/\n/g, ' ')
-            return x.map(y => y.type === 'br' ? ' ' : y)
-          })
-          : pass2
-      }
-    </span>
+    const result = (
+      <span class={['RichContent', this.faint ? '-faint' : '']}>
+        {this.collapse
+          ? pass2.map((x) => {
+              if (!Array.isArray(x)) return x.replace(/\n/g, ' ')
+              return x.map((y) => (y.type === 'br' ? ' ' : y))
+            })
+          : pass2}
+      </span>
+    )
 
     const event = {
       lastTags,
       writtenMentions,
       writtenTags,
-      invisibleMentions
+      invisibleMentions,
     }
 
     // DO NOT MOVE TO UPDATE. BAD IDEA.
     this.$emit('parseReady', event)
 
     return result
-  }
+  },
 }
 
 const getLinkData = (attrs, children, index) => {
@@ -346,7 +357,7 @@ const getLinkData = (attrs, children, index) => {
     url: attrs.href,
     tag: attrs['data-tag'],
     content: flattenDeep(children).join(''),
-    textContent
+    textContent,
   }
 }
 
@@ -362,31 +373,36 @@ export const preProcessPerLine = (html, greentext) => {
   const greentextHandle = new Set(['p', 'div'])
 
   const lines = convertHtmlToLines(html)
-  const newHtml = lines.reverse().map((item, index, array) => {
-    if (!item.text) return item
-    const string = item.text
+  const newHtml = lines
+    .reverse()
+    .map((item, index, array) => {
+      if (!item.text) return item
+      const string = item.text
 
-    // Greentext stuff
-    if (
-      // Only if greentext is engaged
-      greentext &&
+      // Greentext stuff
+      if (
+        // Only if greentext is engaged
+        greentext &&
         // Only handle p's and divs. Don't want to affect blockquotes, code etc
-        item.level.every(l => greentextHandle.has(l)) &&
+        item.level.every((l) => greentextHandle.has(l)) &&
         // Only if line begins with '>' or '<'
         (string.includes('&gt;') || string.includes('&lt;'))
-    ) {
-      const cleanedString = string.replace(/<[^>]+?>/gi, '') // remove all tags
-        .replace(/@\w+/gi, '') // remove mentions (even failed ones)
-        .trim()
-      if (cleanedString.startsWith('&gt;')) {
-        return `<span class='greentext'>${string}</span>`
-      } else if (cleanedString.startsWith('&lt;')) {
-        return `<span class='cyantext'>${string}</span>`
+      ) {
+        const cleanedString = string
+          .replace(/<[^>]+?>/gi, '') // remove all tags
+          .replace(/@\w+/gi, '') // remove mentions (even failed ones)
+          .trim()
+        if (cleanedString.startsWith('&gt;')) {
+          return `<span class='greentext'>${string}</span>`
+        } else if (cleanedString.startsWith('&lt;')) {
+          return `<span class='cyantext'>${string}</span>`
+        }
       }
-    }
 
-    return string
-  }).reverse().join('')
+      return string
+    })
+    .reverse()
+    .join('')
 
   return { newHtml }
 }
diff --git a/src/components/root.style.js b/src/components/root.style.js
index 5075e33c8..54c4c6095 100644
--- a/src/components/root.style.js
+++ b/src/components/root.style.js
@@ -27,8 +27,8 @@ export default {
 
         // Selection colors
         '--selectionBackground': 'color | --accent',
-        '--selectionText': 'color | $textColor(--accent --text no-preserve)'
-      }
-    }
-  ]
+        '--selectionText': 'color | $textColor(--accent --text no-preserve)',
+      },
+    },
+  ],
 }
diff --git a/src/components/roundness_input/roundness_input.vue b/src/components/roundness_input/roundness_input.vue
index 1da71ca79..04b623e86 100644
--- a/src/components/roundness_input/roundness_input.vue
+++ b/src/components/roundness_input/roundness_input.vue
@@ -36,16 +36,14 @@
 import Checkbox from '../checkbox/checkbox.vue'
 export default {
   components: {
-    Checkbox
+    Checkbox,
   },
-  props: [
-    'name', 'label', 'modelValue', 'fallback', 'disabled'
-  ],
+  props: ['name', 'label', 'modelValue', 'fallback', 'disabled'],
   emits: ['update:modelValue'],
   computed: {
-    present () {
+    present() {
       return typeof this.modelValue !== 'undefined'
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/scope_selector/scope_selector.js b/src/components/scope_selector/scope_selector.js
index 462892cb6..bc644d743 100644
--- a/src/components/scope_selector/scope_selector.js
+++ b/src/components/scope_selector/scope_selector.js
@@ -3,88 +3,90 @@ import {
   faEnvelope,
   faLock,
   faLockOpen,
-  faGlobe
+  faGlobe,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faEnvelope,
-  faGlobe,
-  faLock,
-  faLockOpen
-)
+library.add(faEnvelope, faGlobe, faLock, faLockOpen)
 
 const ScopeSelector = {
   props: {
     showAll: {
       required: true,
-      type: Boolean
+      type: Boolean,
     },
     userDefault: {
       required: true,
-      type: String
+      type: String,
     },
     originalScope: {
       required: false,
-      type: String
+      type: String,
     },
     initialScope: {
       required: false,
-      type: String
+      type: String,
     },
     onScopeChange: {
       required: true,
-      type: Function
+      type: Function,
     },
     unstyled: {
       required: false,
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
-  data () {
+  data() {
     return {
-      currentScope: this.initialScope
+      currentScope: this.initialScope,
     }
   },
   computed: {
-    showNothing () {
-      return !this.showPublic && !this.showUnlisted && !this.showPrivate && !this.showDirect
+    showNothing() {
+      return (
+        !this.showPublic &&
+        !this.showUnlisted &&
+        !this.showPrivate &&
+        !this.showDirect
+      )
     },
-    showPublic () {
+    showPublic() {
       return this.originalScope !== 'direct' && this.shouldShow('public')
     },
-    showUnlisted () {
+    showUnlisted() {
       return this.originalScope !== 'direct' && this.shouldShow('unlisted')
     },
-    showPrivate () {
+    showPrivate() {
       return this.originalScope !== 'direct' && this.shouldShow('private')
     },
-    showDirect () {
+    showDirect() {
       return this.shouldShow('direct')
     },
-    css () {
+    css() {
       const style = this.unstyled ? 'button-unstyled' : 'button-default'
       return {
         public: [style, { toggled: this.currentScope === 'public' }],
         unlisted: [style, { toggled: this.currentScope === 'unlisted' }],
         private: [style, { toggled: this.currentScope === 'private' }],
-        direct: [style, { toggled: this.currentScope === 'direct' }]
+        direct: [style, { toggled: this.currentScope === 'direct' }],
       }
-    }
+    },
   },
   methods: {
-    shouldShow (scope) {
-      return this.showAll ||
+    shouldShow(scope) {
+      return (
+        this.showAll ||
         this.currentScope === scope ||
         this.originalScope === scope ||
         this.userDefault === scope ||
         scope === 'direct'
+      )
     },
-    changeVis (scope) {
+    changeVis(scope) {
       this.currentScope = scope
       this.onScopeChange && this.onScopeChange(scope)
-    }
-  }
+    },
+  },
 }
 
 export default ScopeSelector
diff --git a/src/components/screen_reader_notice/screen_reader_notice.js b/src/components/screen_reader_notice/screen_reader_notice.js
index 794b855ac..b834be531 100644
--- a/src/components/screen_reader_notice/screen_reader_notice.js
+++ b/src/components/screen_reader_notice/screen_reader_notice.js
@@ -2,20 +2,22 @@ const ScreenReaderNotice = {
   props: {
     ariaLive: {
       type: String,
-      default: 'assertive'
-    }
+      default: 'assertive',
+    },
   },
-  data () {
+  data() {
     return {
-      currentText: ''
+      currentText: '',
     }
   },
   methods: {
-    announce (text) {
+    announce(text) {
       this.currentText = text
-      setTimeout(() => { this.currentText = '' }, 1000)
-    }
-  }
+      setTimeout(() => {
+        this.currentText = ''
+      }, 1000)
+    },
+  },
 }
 
 export default ScreenReaderNotice
diff --git a/src/components/scroll_top_button/scroll_top_button.js b/src/components/scroll_top_button/scroll_top_button.js
index bdc45b9b4..e4b908f0b 100644
--- a/src/components/scroll_top_button/scroll_top_button.js
+++ b/src/components/scroll_top_button/scroll_top_button.js
@@ -3,16 +3,16 @@ const ScrollTopButton = {
     fast: {
       type: Boolean,
       required: false,
-      default: false
-    }
+      default: false,
+    },
   },
   methods: {
     scrollToTop() {
-      const speed = this.fast ? 'instant' : 'smooth';
+      const speed = this.fast ? 'instant' : 'smooth'
 
       window.scrollTo({ top: 0, behavior: speed })
-    }
-  }
+    },
+  },
 }
 
 export default ScrollTopButton
diff --git a/src/components/scrollbar.style.js b/src/components/scrollbar.style.js
index 1168f67d8..fbe952076 100644
--- a/src/components/scrollbar.style.js
+++ b/src/components/scrollbar.style.js
@@ -1,12 +1,16 @@
 export default {
   name: 'Scrollbar',
-  selector: ['::-webkit-scrollbar-button', '::-webkit-scrollbar-thumb', '::-webkit-resizer'],
+  selector: [
+    '::-webkit-scrollbar-button',
+    '::-webkit-scrollbar-thumb',
+    '::-webkit-resizer',
+  ],
   notEditable: true, // for now
   defaultRules: [
     {
       directives: {
-        background: '--wallpaper'
-      }
-    }
-  ]
+        background: '--wallpaper',
+      },
+    },
+  ],
 }
diff --git a/src/components/scrollbar_element.style.js b/src/components/scrollbar_element.style.js
index ef1ea8136..6f238e1f8 100644
--- a/src/components/scrollbar_element.style.js
+++ b/src/components/scrollbar_element.style.js
@@ -5,7 +5,7 @@ const border = (top, shadow) => ({
   spread: 0,
   color: shadow ? '#000000' : '#FFFFFF',
   alpha: 0.2,
-  inset: true
+  inset: true,
 })
 
 const buttonInsetFakeBorders = [border(true, false), border(false, true)]
@@ -16,7 +16,7 @@ const buttonOuterShadow = {
   blur: 2,
   spread: 0,
   color: '#000000',
-  alpha: 1
+  alpha: 1,
 }
 
 const hoverGlow = {
@@ -25,7 +25,7 @@ const hoverGlow = {
   blur: 4,
   spread: 0,
   color: '--text',
-  alpha: 1
+  alpha: 1,
 }
 
 export default {
@@ -35,68 +35,66 @@ export default {
   states: {
     pressed: ':active',
     hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(:disabled)',
-    disabled: ':disabled'
+    disabled: ':disabled',
   },
-  validInnerComponents: [
-    'Text'
-  ],
+  validInnerComponents: ['Text'],
   defaultRules: [
     {
       directives: {
         background: '--fg',
         shadow: [buttonOuterShadow, ...buttonInsetFakeBorders],
-        roundness: 3
-      }
+        roundness: 3,
+      },
     },
     {
       state: ['hover'],
       directives: {
-        shadow: [hoverGlow, ...buttonInsetFakeBorders]
-      }
+        shadow: [hoverGlow, ...buttonInsetFakeBorders],
+      },
     },
     {
       state: ['pressed'],
       directives: {
-        shadow: [buttonOuterShadow, ...inputInsetFakeBorders]
-      }
+        shadow: [buttonOuterShadow, ...inputInsetFakeBorders],
+      },
     },
     {
       state: ['hover', 'pressed'],
       directives: {
-        shadow: [hoverGlow, ...inputInsetFakeBorders]
-      }
+        shadow: [hoverGlow, ...inputInsetFakeBorders],
+      },
     },
     {
       state: ['toggled'],
       directives: {
         background: '--accent,-24.2',
-        shadow: [buttonOuterShadow, ...inputInsetFakeBorders]
-      }
+        shadow: [buttonOuterShadow, ...inputInsetFakeBorders],
+      },
     },
     {
       state: ['toggled', 'hover'],
       directives: {
         background: '--accent,-24.2',
-        shadow: [hoverGlow, ...inputInsetFakeBorders]
-      }
+        shadow: [hoverGlow, ...inputInsetFakeBorders],
+      },
     },
     {
       state: ['disabled'],
       directives: {
         background: '$blend(--inheritedBackground 0.25 --parent)',
-        shadow: [...buttonInsetFakeBorders]
-      }
+        shadow: [...buttonInsetFakeBorders],
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'Button',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
-    }
-  ]
+        textOpacityMode: 'blend',
+      },
+    },
+  ],
 }
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 877d6f300..275672a15 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -4,28 +4,20 @@ import Status from '../status/status.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import map from 'lodash/map'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch,
-  faSearch
-} from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
 import { uniqBy } from 'lodash'
 
-library.add(
-  faCircleNotch,
-  faSearch
-)
+library.add(faCircleNotch, faSearch)
 
 const Search = {
   components: {
     FollowCard,
     Conversation,
     Status,
-    TabSwitcher
+    TabSwitcher,
   },
-  props: [
-    'query'
-  ],
-  data () {
+  props: ['query'],
+  data() {
     return {
       loaded: false,
       loading: false,
@@ -37,36 +29,37 @@ const Search = {
 
       statusesOffset: 0,
       lastStatusFetchCount: 0,
-      lastQuery: ''
+      lastQuery: '',
     }
   },
   computed: {
-    users () {
-      return this.userIds.map(userId => this.$store.getters.findUser(userId))
+    users() {
+      return this.userIds.map((userId) => this.$store.getters.findUser(userId))
     },
-    visibleStatuses () {
+    visibleStatuses() {
       const allStatusesObject = this.$store.state.statuses.allStatusesObject
 
-      return this.statuses.filter(status =>
-        allStatusesObject[status.id] && !allStatusesObject[status.id].deleted
+      return this.statuses.filter(
+        (status) =>
+          allStatusesObject[status.id] && !allStatusesObject[status.id].deleted,
       )
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.search(this.query)
   },
   watch: {
-    query (newValue) {
+    query(newValue) {
       this.searchTerm = newValue
       this.search(newValue)
-    }
+    },
   },
   methods: {
-    newQuery (query) {
+    newQuery(query) {
       this.$router.push({ name: 'search', query: { query } })
       this.$refs.searchInput.focus()
     },
-    search (query, searchType = null) {
+    search(query, searchType = null) {
       if (!query) {
         this.loading = false
         return
@@ -83,8 +76,14 @@ const Search = {
         this.lastStatusFetchCount = 0
       }
 
-      this.$store.dispatch('search', { q: query, resolve: true, offset: this.statusesOffset, type: searchType })
-        .then(data => {
+      this.$store
+        .dispatch('search', {
+          q: query,
+          resolve: true,
+          offset: this.statusesOffset,
+          type: searchType,
+        })
+        .then((data) => {
           this.loading = false
 
           const oldLength = this.statuses.length
@@ -104,14 +103,14 @@ const Search = {
           this.lastQuery = query
         })
     },
-    resultCount (tabName) {
+    resultCount(tabName) {
       const length = this[tabName].length
       return length === 0 ? '' : ` (${length})`
     },
-    onResultTabSwitch (key) {
+    onResultTabSwitch(key) {
       this.currenResultTab = key
     },
-    getActiveTab () {
+    getActiveTab() {
       if (this.visibleStatuses.length > 0) {
         return 'statuses'
       } else if (this.users.length > 0) {
@@ -122,10 +121,10 @@ const Search = {
 
       return 'statuses'
     },
-    lastHistoryRecord (hashtag) {
+    lastHistoryRecord(hashtag) {
       return hashtag.history && hashtag.history[0]
-    }
-  }
+    },
+  },
 }
 
 export default Search
diff --git a/src/components/search_bar/search_bar.js b/src/components/search_bar/search_bar.js
index 3b297f098..b270077e8 100644
--- a/src/components/search_bar/search_bar.js
+++ b/src/components/search_bar/search_bar.js
@@ -1,33 +1,27 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faTimes,
-  faSearch
-} from '@fortawesome/free-solid-svg-icons'
+import { faTimes, faSearch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes,
-  faSearch
-)
+library.add(faTimes, faSearch)
 
 const SearchBar = {
   data: () => ({
     searchTerm: undefined,
     hidden: true,
-    error: false
+    error: false,
   }),
   watch: {
     $route: function (route) {
       if (route.name === 'search') {
         this.searchTerm = route.query.query
       }
-    }
+    },
   },
   methods: {
-    find (searchTerm) {
+    find(searchTerm) {
       this.$router.push({ name: 'search', query: { query: searchTerm } })
       this.$refs.searchInput.focus()
     },
-    toggleHidden () {
+    toggleHidden() {
       this.hidden = !this.hidden
       this.$emit('toggled', this.hidden)
       this.$nextTick(() => {
@@ -35,8 +29,8 @@ const SearchBar = {
           this.$refs.searchInput.focus()
         }
       })
-    }
-  }
+    },
+  },
 }
 
 export default SearchBar
diff --git a/src/components/select/select.js b/src/components/select/select.js
index 34d64fd22..9bf9f7e23 100644
--- a/src/components/select/select.js
+++ b/src/components/select/select.js
@@ -1,19 +1,9 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faChevronDown
-} from '@fortawesome/free-solid-svg-icons'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faChevronDown
-)
+library.add(faChevronDown)
 
 export default {
   emits: ['update:modelValue'],
-  props: [
-    'modelValue',
-    'disabled',
-    'unstyled',
-    'kind',
-    'attrs'
-  ]
+  props: ['modelValue', 'disabled', 'unstyled', 'kind', 'attrs'],
 }
diff --git a/src/components/select/select_motion.vue b/src/components/select/select_motion.vue
index 45e278fc6..21262c256 100644
--- a/src/components/select/select_motion.vue
+++ b/src/components/select/select_motion.vue
@@ -54,20 +54,20 @@ import { computed, defineEmits, defineProps, nextTick } from 'vue'
 const props = defineProps({
   modelValue: {
     type: Array,
-    required: true
+    required: true,
   },
   selectedId: {
     type: Number,
-    required: true
+    required: true,
   },
   disabled: {
     type: Boolean,
-    default: false
+    default: false,
   },
   getAddValue: {
     type: Function,
-    required: true
-  }
+    required: true,
+  },
 })
 
 const emit = defineEmits(['update:modelValue', 'update:selectedId'])
@@ -116,7 +116,10 @@ const del = async () => {
 
   emit('update:modelValue', newModel)
   await nextTick()
-  emit('update:selectedId', newModel.length === 0 ? undefined : Math.max(props.selectedId - 1, 0))
+  emit(
+    'update:selectedId',
+    newModel.length === 0 ? undefined : Math.max(props.selectedId - 1, 0),
+  )
 }
 </script>
 
diff --git a/src/components/selectable_list/selectable_list.js b/src/components/selectable_list/selectable_list.js
index 10980d46a..a8a7dd9e0 100644
--- a/src/components/selectable_list/selectable_list.js
+++ b/src/components/selectable_list/selectable_list.js
@@ -4,45 +4,45 @@ import Checkbox from '../checkbox/checkbox.vue'
 const SelectableList = {
   components: {
     List,
-    Checkbox
+    Checkbox,
   },
   props: {
     items: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     getKey: {
       type: Function,
-      default: item => item.id
-    }
+      default: (item) => item.id,
+    },
   },
-  data () {
+  data() {
     return {
-      selected: []
+      selected: [],
     }
   },
   computed: {
-    allKeys () {
+    allKeys() {
       return this.items.map(this.getKey)
     },
-    filteredSelected () {
-      return this.allKeys.filter(key => this.selected.indexOf(key) !== -1)
+    filteredSelected() {
+      return this.allKeys.filter((key) => this.selected.indexOf(key) !== -1)
     },
-    allSelected () {
+    allSelected() {
       return this.filteredSelected.length === this.items.length
     },
-    noneSelected () {
+    noneSelected() {
       return this.filteredSelected.length === 0
     },
-    someSelected () {
+    someSelected() {
       return !this.allSelected && !this.noneSelected
-    }
+    },
   },
   methods: {
-    isSelected (item) {
+    isSelected(item) {
       return this.filteredSelected.indexOf(this.getKey(item)) !== -1
     },
-    toggle (checked, item) {
+    toggle(checked, item) {
       const key = this.getKey(item)
       const oldChecked = this.isSelected(key)
       if (checked !== oldChecked) {
@@ -53,14 +53,14 @@ const SelectableList = {
         }
       }
     },
-    toggleAll (value) {
+    toggleAll(value) {
       if (value) {
         this.selected = this.allKeys.slice(0)
       } else {
         this.selected = []
       }
-    }
-  }
+    },
+  },
 }
 
 export default SelectableList
diff --git a/src/components/settings_modal/admin_tabs/auth_tab.js b/src/components/settings_modal/admin_tabs/auth_tab.js
index a078291e6..d287257d5 100644
--- a/src/components/settings_modal/admin_tabs/auth_tab.js
+++ b/src/components/settings_modal/admin_tabs/auth_tab.js
@@ -11,10 +11,10 @@ import MapSetting from '../helpers/map_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const AuthTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -26,14 +26,16 @@ const AuthTab = {
     AttachmentSetting,
     GroupSetting,
     ListSetting,
-    MapSetting
+    MapSetting,
   },
   computed: {
     ...SharedComputedObject(),
-    LDAPEnabled () {
-      return this.$store.state.adminSettings.draft[':pleroma'][':ldap'][':enabled']
+    LDAPEnabled() {
+      return this.$store.state.adminSettings.draft[':pleroma'][':ldap'][
+        ':enabled'
+      ]
     },
-  }
+  },
 }
 
 export default AuthTab
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index 7c137e35f..950e5d2ac 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -16,15 +16,10 @@ import {
   faArrowsRotate,
   faFolderOpen,
   faServer,
-  faDownload
+  faDownload,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faArrowsRotate,
-  faFolderOpen,
-  faDownload,
-  faServer
-)
+library.add(faArrowsRotate, faFolderOpen, faDownload, faServer)
 
 const EmojiTab = {
   components: {
@@ -36,14 +31,14 @@ const EmojiTab = {
     Popover,
     ConfirmModal,
     ModifiedIndicator,
-    EmojiEditingPopover
+    EmojiEditingPopover,
   },
 
-  data () {
+  data() {
     return {
-      knownLocalPacks: { },
-      knownRemotePacks: { },
-      editedMetadata: { },
+      knownLocalPacks: {},
+      knownRemotePacks: {},
+      editedMetadata: {},
       packName: '',
       newPackName: '',
       deleteModalVisible: false,
@@ -51,20 +46,20 @@ const EmojiTab = {
       remotePackDownloadAs: '',
 
       remotePackURL: '',
-      remotePackFile: null
+      remotePackFile: null,
     }
   },
 
-  provide () {
+  provide() {
     return { emojiAddr: this.emojiAddr }
   },
 
   computed: {
     ...SharedComputedObject(),
-    pack () {
+    pack() {
       return this.packName !== '' ? this.knownPacks[this.packName] : undefined
     },
-    packMeta () {
+    packMeta() {
       if (this.packName === '') return {}
       if (this.editedMetadata[this.packName] === undefined) {
         this.editedMetadata[this.packName] = clone(this.pack.pack)
@@ -72,31 +67,36 @@ const EmojiTab = {
 
       return this.editedMetadata[this.packName]
     },
-    knownPacks () {
+    knownPacks() {
       // Copy the object itself but not the children, so they are still passed by reference and modified
       const result = clone(this.knownLocalPacks)
       for (const instName in this.knownRemotePacks) {
         for (const instPack in this.knownRemotePacks[instName]) {
-          result[`${instPack}@${instName}`] = this.knownRemotePacks[instName][instPack]
+          result[`${instPack}@${instName}`] =
+            this.knownRemotePacks[instName][instPack]
         }
       }
 
       return result
     },
-    downloadWillReplaceLocal () {
-      return (this.remotePackDownloadAs.trim() === '' && this.pack.remote && this.pack.remote.baseName in this.knownLocalPacks) ||
-             (this.remotePackDownloadAs in this.knownLocalPacks)
-    }
+    downloadWillReplaceLocal() {
+      return (
+        (this.remotePackDownloadAs.trim() === '' &&
+          this.pack.remote &&
+          this.pack.remote.baseName in this.knownLocalPacks) ||
+        this.remotePackDownloadAs in this.knownLocalPacks
+      )
+    },
   },
 
   methods: {
-    reloadEmoji () {
+    reloadEmoji() {
       this.$store.state.api.backendInteractor.reloadEmoji()
     },
-    importFromFS () {
+    importFromFS() {
       this.$store.state.api.backendInteractor.importEmojiFromFS()
     },
-    emojiAddr (name) {
+    emojiAddr(name) {
       if (this.pack.remote !== undefined) {
         // Remote pack
         return `${this.pack.remote.instance}/emoji/${encodeURIComponent(this.pack.remote.baseName)}/${name}`
@@ -105,115 +105,141 @@ const EmojiTab = {
       }
     },
 
-    createEmojiPack () {
-      this.$store.state.api.backendInteractor.createEmojiPack(
-        { name: this.newPackName }
-      ).then(resp => resp.json()).then(resp => {
-        if (resp === 'ok') {
-          return this.refreshPackList()
-        } else {
-          this.displayError(resp.error)
-          return Promise.reject(resp)
-        }
-      }).then(() => {
-        this.packName = this.newPackName
-        this.newPackName = ''
-      })
+    createEmojiPack() {
+      this.$store.state.api.backendInteractor
+        .createEmojiPack({ name: this.newPackName })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp === 'ok') {
+            return this.refreshPackList()
+          } else {
+            this.displayError(resp.error)
+            return Promise.reject(resp)
+          }
+        })
+        .then(() => {
+          this.packName = this.newPackName
+          this.newPackName = ''
+        })
     },
-    deleteEmojiPack () {
-      this.$store.state.api.backendInteractor.deleteEmojiPack(
-        { name: this.packName }
-      ).then(resp => resp.json()).then(resp => {
-        if (resp === 'ok') {
-          return this.refreshPackList()
-        } else {
-          this.displayError(resp.error)
-          return Promise.reject(resp)
-        }
-      }).then(() => {
-        delete this.editedMetadata[this.packName]
+    deleteEmojiPack() {
+      this.$store.state.api.backendInteractor
+        .deleteEmojiPack({ name: this.packName })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp === 'ok') {
+            return this.refreshPackList()
+          } else {
+            this.displayError(resp.error)
+            return Promise.reject(resp)
+          }
+        })
+        .then(() => {
+          delete this.editedMetadata[this.packName]
 
-        this.deleteModalVisible = false
-        this.packName = ''
-      })
+          this.deleteModalVisible = false
+          this.packName = ''
+        })
     },
 
-    metaEdited (prop) {
+    metaEdited(prop) {
       if (!this.pack) return
 
       const def = this.pack.pack[prop] || ''
       const edited = this.packMeta[prop] || ''
       return edited !== def
     },
-    savePackMetadata () {
-      this.$store.state.api.backendInteractor.saveEmojiPackMetadata({ name: this.packName, newData: this.packMeta }).then(
-        resp => resp.json()
-      ).then(resp => {
-        if (resp.error !== undefined) {
-          this.displayError(resp.error)
-          return
-        }
+    savePackMetadata() {
+      this.$store.state.api.backendInteractor
+        .saveEmojiPackMetadata({ name: this.packName, newData: this.packMeta })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp.error !== undefined) {
+            this.displayError(resp.error)
+            return
+          }
 
-        // Update actual pack data
-        this.pack.pack = resp
-        // Delete edited pack data, should auto-update itself
-        delete this.editedMetadata[this.packName]
-      })
+          // Update actual pack data
+          this.pack.pack = resp
+          // Delete edited pack data, should auto-update itself
+          delete this.editedMetadata[this.packName]
+        })
     },
 
-    updatePackFiles (newFiles, packName) {
+    updatePackFiles(newFiles, packName) {
       this.knownPacks[packName].files = newFiles
       this.sortPackFiles(packName)
     },
 
-    loadPacksPaginated (listFunction) {
+    loadPacksPaginated(listFunction) {
       const pageSize = 25
       const allPacks = {}
 
-      return listFunction({ instance: this.remotePackInstance, page: 1, pageSize: 0 })
-        .then(data => data.json())
-        .then(data => {
-          if (data.error !== undefined) { return Promise.reject(data.error) }
+      return listFunction({
+        instance: this.remotePackInstance,
+        page: 1,
+        pageSize: 0,
+      })
+        .then((data) => data.json())
+        .then((data) => {
+          if (data.error !== undefined) {
+            return Promise.reject(data.error)
+          }
 
           let resultingPromise = Promise.resolve({})
           for (let i = 0; i < Math.ceil(data.count / pageSize); i++) {
-            resultingPromise = resultingPromise.then(() => listFunction({ instance: this.remotePackInstance, page: i, pageSize })
-            ).then(data => data.json()).then(pageData => {
-              if (pageData.error !== undefined) { return Promise.reject(pageData.error) }
+            resultingPromise = resultingPromise
+              .then(() =>
+                listFunction({
+                  instance: this.remotePackInstance,
+                  page: i,
+                  pageSize,
+                }),
+              )
+              .then((data) => data.json())
+              .then((pageData) => {
+                if (pageData.error !== undefined) {
+                  return Promise.reject(pageData.error)
+                }
 
-              assign(allPacks, pageData.packs)
-            })
+                assign(allPacks, pageData.packs)
+              })
           }
 
           return resultingPromise
         })
         .then(() => allPacks)
-        .catch(data => {
+        .catch((data) => {
           this.displayError(data)
         })
     },
 
-    refreshPackList () {
-      this.loadPacksPaginated(this.$store.state.api.backendInteractor.listEmojiPacks)
-        .then(allPacks => {
-          this.knownLocalPacks = allPacks
-          for (const name of Object.keys(this.knownLocalPacks)) {
-            this.sortPackFiles(name)
-          }
-        })
+    refreshPackList() {
+      this.loadPacksPaginated(
+        this.$store.state.api.backendInteractor.listEmojiPacks,
+      ).then((allPacks) => {
+        this.knownLocalPacks = allPacks
+        for (const name of Object.keys(this.knownLocalPacks)) {
+          this.sortPackFiles(name)
+        }
+      })
     },
-    listRemotePacks () {
-      this.loadPacksPaginated(this.$store.state.api.backendInteractor.listRemoteEmojiPacks)
-        .then(allPacks => {
+    listRemotePacks() {
+      this.loadPacksPaginated(
+        this.$store.state.api.backendInteractor.listRemoteEmojiPacks,
+      )
+        .then((allPacks) => {
           let inst = this.remotePackInstance
-          if (!inst.startsWith('http')) { inst = 'https://' + inst }
+          if (!inst.startsWith('http')) {
+            inst = 'https://' + inst
+          }
           const instUrl = new URL(inst)
           inst = instUrl.host
 
           for (const packName in allPacks) {
             allPacks[packName].remote = {
               baseName: packName,
-              instance: instUrl.origin
+              instance: instUrl.origin,
             }
           }
 
@@ -222,89 +248,101 @@ const EmojiTab = {
             this.sortPackFiles(`${pack}@${inst}`)
           }
         })
-        .catch(data => {
+        .catch((data) => {
           this.displayError(data)
         })
     },
-    downloadRemotePack () {
+    downloadRemotePack() {
       if (this.remotePackDownloadAs.trim() === '') {
         this.remotePackDownloadAs = this.pack.remote.baseName
       }
 
-      this.$store.state.api.backendInteractor.downloadRemoteEmojiPack({
-        instance: this.pack.remote.instance, packName: this.pack.remote.baseName, as: this.remotePackDownloadAs
-      })
-        .then(data => data.json())
-        .then(resp => {
+      this.$store.state.api.backendInteractor
+        .downloadRemoteEmojiPack({
+          instance: this.pack.remote.instance,
+          packName: this.pack.remote.baseName,
+          as: this.remotePackDownloadAs,
+        })
+        .then((data) => data.json())
+        .then((resp) => {
           if (resp === 'ok') {
             return this.refreshPackList()
           } else {
             this.displayError(resp.error)
             return Promise.reject(resp)
           }
-        }).then(() => {
+        })
+        .then(() => {
           this.packName = this.remotePackDownloadAs
           this.remotePackDownloadAs = ''
         })
     },
-    downloadRemoteURLPack () {
-      this.$store.state.api.backendInteractor.downloadRemoteEmojiPackZIP({
-        url: this.remotePackURL, packName: this.newPackName
-      })
-        .then(data => data.json())
-        .then(resp => {
+    downloadRemoteURLPack() {
+      this.$store.state.api.backendInteractor
+        .downloadRemoteEmojiPackZIP({
+          url: this.remotePackURL,
+          packName: this.newPackName,
+        })
+        .then((data) => data.json())
+        .then((resp) => {
           if (resp === 'ok') {
             return this.refreshPackList()
           } else {
             this.displayError(resp.error)
             return Promise.reject(resp)
           }
-        }).then(() => {
+        })
+        .then(() => {
           this.packName = this.newPackName
           this.newPackName = ''
           this.remotePackURL = ''
         })
     },
-    downloadRemoteFilePack () {
-      this.$store.state.api.backendInteractor.downloadRemoteEmojiPackZIP({
-        file: this.remotePackFile[0], packName: this.newPackName
-      })
-        .then(data => data.json())
-        .then(resp => {
+    downloadRemoteFilePack() {
+      this.$store.state.api.backendInteractor
+        .downloadRemoteEmojiPackZIP({
+          file: this.remotePackFile[0],
+          packName: this.newPackName,
+        })
+        .then((data) => data.json())
+        .then((resp) => {
           if (resp === 'ok') {
             return this.refreshPackList()
           } else {
             this.displayError(resp.error)
             return Promise.reject(resp)
           }
-        }).then(() => {
+        })
+        .then(() => {
           this.packName = this.newPackName
           this.newPackName = ''
           this.remotePackURL = ''
         })
     },
 
-    displayError (msg) {
+    displayError(msg) {
       useInterfaceStore().pushGlobalNotice({
         messageKey: 'admin_dash.emoji.error',
         messageArgs: [msg],
-        level: 'error'
+        level: 'error',
       })
     },
-    sortPackFiles (nameOfPack) {
+    sortPackFiles(nameOfPack) {
       // Sort by key
-      const sorted = Object.keys(this.knownPacks[nameOfPack].files).sort().reduce((acc, key) => {
-        if (key.length === 0) return acc
-        acc[key] = this.knownPacks[nameOfPack].files[key]
-        return acc
-      }, {})
+      const sorted = Object.keys(this.knownPacks[nameOfPack].files)
+        .sort()
+        .reduce((acc, key) => {
+          if (key.length === 0) return acc
+          acc[key] = this.knownPacks[nameOfPack].files[key]
+          return acc
+        }, {})
       this.knownPacks[nameOfPack].files = sorted
-    }
+    },
   },
 
-  mounted () {
+  mounted() {
     this.refreshPackList()
-  }
+  },
 }
 
 export default EmojiTab
diff --git a/src/components/settings_modal/admin_tabs/federation_tab.js b/src/components/settings_modal/admin_tabs/federation_tab.js
index 97b4e0040..55d708a92 100644
--- a/src/components/settings_modal/admin_tabs/federation_tab.js
+++ b/src/components/settings_modal/admin_tabs/federation_tab.js
@@ -10,10 +10,10 @@ import MapSetting from '../helpers/map_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const FederationTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -24,11 +24,11 @@ const FederationTab = {
     ListSetting,
     ListTupleSetting,
     GroupSetting,
-    MapSetting
+    MapSetting,
   },
   computed: {
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+  },
 }
 
 export default FederationTab
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.js b/src/components/settings_modal/admin_tabs/frontends_tab.js
index c63e76214..befe6fbad 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.js
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.js
@@ -9,24 +9,20 @@ import { useInterfaceStore } from 'src/stores/interface'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
+import { faGlobe } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faGlobe
-)
+library.add(faGlobe)
 
 const FrontendsTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
-  data () {
+  data() {
     return {
-      working: false
+      working: false,
     }
   },
   components: {
@@ -36,26 +32,26 @@ const FrontendsTab = {
     StringSetting,
     GroupSetting,
     PanelLoading,
-    Popover
+    Popover,
   },
-  created () {
+  created() {
     if (this.user.rights.admin) {
       this.$store.dispatch('loadFrontendsStuff')
     }
   },
   computed: {
     ...SharedComputedObject(),
-    frontends () {
+    frontends() {
       return this.$store.state.adminSettings.frontends
-    }
+    },
   },
   methods: {
-    canInstall (frontend) {
-      const fe = this.frontends.find(f => f.name === frontend.name)
+    canInstall(frontend) {
+      const fe = this.frontends.find((f) => f.name === frontend.name)
       if (!fe) return false
       return fe.refs.includes(frontend.ref)
     },
-    getSuggestedRef (frontend) {
+    getSuggestedRef(frontend) {
       if (this.adminDraft) {
         const defaultFe = this.adminDraft[':pleroma'][':frontends'][':primary']
         if (defaultFe?.name === frontend.name && this.canInstall(defaultFe)) {
@@ -67,13 +63,14 @@ const FrontendsTab = {
         return frontend.refs[0]
       }
     },
-    update (frontend, suggestRef) {
+    update(frontend, suggestRef) {
       const ref = suggestRef || this.getSuggestedRef(frontend)
       const { name } = frontend
       const payload = { name, ref }
 
       this.working = true
-      this.$store.state.api.backendInteractor.installFrontend({ payload })
+      this.$store.state.api.backendInteractor
+        .installFrontend({ payload })
         .finally(() => {
           this.working = false
         })
@@ -86,29 +83,32 @@ const FrontendsTab = {
               messageKey: 'admin_dash.frontend.failure_installing_frontend',
               messageArgs: {
                 version: name + '/' + ref,
-                reason: reason.error
+                reason: reason.error,
               },
-              timeout: 5000
+              timeout: 5000,
             })
           } else {
             useInterfaceStore().pushGlobalNotice({
               level: 'success',
               messageKey: 'admin_dash.frontend.success_installing_frontend',
               messageArgs: {
-                version: name + '/' + ref
+                version: name + '/' + ref,
               },
-              timeout: 2000
+              timeout: 2000,
             })
           }
         })
     },
-    setDefault (frontend, suggestRef) {
+    setDefault(frontend, suggestRef) {
       const ref = suggestRef || this.getSuggestedRef(frontend)
       const { name } = frontend
 
-      this.$store.commit('updateAdminDraft', { path: [':pleroma', ':frontends', ':primary'], value: { name, ref } })
-    }
-  }
+      this.$store.commit('updateAdminDraft', {
+        path: [':pleroma', ':frontends', ':primary'],
+        value: { name, ref },
+      })
+    },
+  },
 }
 
 export default FrontendsTab
diff --git a/src/components/settings_modal/admin_tabs/http_tab.js b/src/components/settings_modal/admin_tabs/http_tab.js
index 82e2bb010..010a95869 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.js
+++ b/src/components/settings_modal/admin_tabs/http_tab.js
@@ -13,10 +13,10 @@ import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { get } from 'lodash'
 
 const HTTPTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -29,18 +29,23 @@ const HTTPTab = {
     GroupSetting,
     ListSetting,
     TupleSetting,
-    ProxySetting
+    ProxySetting,
   },
   computed: {
     ...SharedComputedObject(),
-    sslOptions () {
-      const desc = get(this.$store.state.adminSettings.descriptions, ':pleroma.:http.:adapter.:ssl_options.:versions')
-      return new Set(desc.suggestions.map(option => ({
-        label: option.replace(':tlsv', 'TLS v'),
-        value: option
-      })))
+    sslOptions() {
+      const desc = get(
+        this.$store.state.adminSettings.descriptions,
+        ':pleroma.:http.:adapter.:ssl_options.:versions',
+      )
+      return new Set(
+        desc.suggestions.map((option) => ({
+          label: option.replace(':tlsv', 'TLS v'),
+          value: option,
+        })),
+      )
     },
-  }
+  },
 }
 
 export default HTTPTab
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.js b/src/components/settings_modal/admin_tabs/instance_tab.js
index ddbd58a88..d0e90ecf0 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.js
+++ b/src/components/settings_modal/admin_tabs/instance_tab.js
@@ -13,10 +13,10 @@ import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { get } from 'lodash'
 
 const InstanceTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -29,25 +29,40 @@ const InstanceTab = {
     ListSetting,
     PWAManifestIconsSetting,
     MapSetting,
-    GroupSetting
+    GroupSetting,
   },
   computed: {
     ...SharedComputedObject(),
-    providersOptions () {
-      const desc = get(this.$store.state.adminSettings.descriptions, [':pleroma', 'Pleroma.Web.Metadata', ':providers'])
-      return new Set(desc.suggestions.map(option => ({
-        label: option.replace('Pleroma.Web.Metadata.Providers.', ''),
-        value: option
-      })))
+    providersOptions() {
+      const desc = get(this.$store.state.adminSettings.descriptions, [
+        ':pleroma',
+        'Pleroma.Web.Metadata',
+        ':providers',
+      ])
+      return new Set(
+        desc.suggestions.map((option) => ({
+          label: option.replace('Pleroma.Web.Metadata.Providers.', ''),
+          value: option,
+        })),
+      )
     },
-    limitLocalContentOptions () {
-      const desc = get(this.$store.state.adminSettings.descriptions, [':pleroma', ':instance', ':limit_to_local_content'])
-      return new Set(desc.suggestions.map(option => ({
-        label: option !== 'false' ? this.$t('admin_dash.instance.' + option) : this.$t('general.no'),
-        value: option
-      })))
-    }
-  }
+    limitLocalContentOptions() {
+      const desc = get(this.$store.state.adminSettings.descriptions, [
+        ':pleroma',
+        ':instance',
+        ':limit_to_local_content',
+      ])
+      return new Set(
+        desc.suggestions.map((option) => ({
+          label:
+            option !== 'false'
+              ? this.$t('admin_dash.instance.' + option)
+              : this.$t('general.no'),
+          value: option,
+        })),
+      )
+    },
+  },
 }
 
 export default InstanceTab
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.js b/src/components/settings_modal/admin_tabs/job_queues_tab.js
index b0f583c55..c59c743b6 100644
--- a/src/components/settings_modal/admin_tabs/job_queues_tab.js
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.js
@@ -10,10 +10,10 @@ import ListSetting from '../helpers/list_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const JobQueuesTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -24,11 +24,11 @@ const JobQueuesTab = {
     TupleSetting,
     AttachmentSetting,
     GroupSetting,
-    ListSetting
+    ListSetting,
   },
   computed: {
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+  },
 }
 
 export default JobQueuesTab
diff --git a/src/components/settings_modal/admin_tabs/limits_tab.js b/src/components/settings_modal/admin_tabs/limits_tab.js
index c1126f49c..e5b784289 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.js
+++ b/src/components/settings_modal/admin_tabs/limits_tab.js
@@ -10,11 +10,11 @@ const LimitsTab = {
     BooleanSetting,
     ChoiceSetting,
     IntegerSetting,
-    StringSetting
+    StringSetting,
   },
   computed: {
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+  },
 }
 
 export default LimitsTab
diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
index 026b099a5..1ecbc9409 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.js
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -12,10 +12,10 @@ import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { get } from 'lodash'
 
 const LinksTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -26,84 +26,109 @@ const LinksTab = {
     AttachmentSetting,
     GroupSetting,
     ListSetting,
-    Checkbox
+    Checkbox,
   },
   computed: {
-    classIsPresent () {
-      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][':class'] !== false
+    classIsPresent() {
+      return (
+        this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][
+          ':class'
+        ] !== false
+      )
     },
-    relIsPresent () {
-      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][':rel'] !== false
+    relIsPresent() {
+      return (
+        this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][
+          ':rel'
+        ] !== false
+      )
     },
-    truncateIsPresent () {
-      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][':truncate'] !== false
+    truncateIsPresent() {
+      return (
+        this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Formatter'][
+          ':truncate'
+        ] !== false
+      )
     },
-    truncateDescription () {
-      return get(this.$store.state.adminSettings.descriptions, [':pleroma', 'Pleroma.Formatter', ':truncate'])
+    truncateDescription() {
+      return get(this.$store.state.adminSettings.descriptions, [
+        ':pleroma',
+        'Pleroma.Formatter',
+        ':truncate',
+      ])
     },
-    ttlSettersOptions () {
-      const desc = get(this.$store.state.adminSettings.descriptions, ':pleroma.:rich_media.:ttl_setters')
-      return new Set(desc.suggestions.map(option => ({
-        label: option.replace('Pleroma.Web.RichMedia.Parser.TTL.', ''),
-        value: option
-      })))
+    ttlSettersOptions() {
+      const desc = get(
+        this.$store.state.adminSettings.descriptions,
+        ':pleroma.:rich_media.:ttl_setters',
+      )
+      return new Set(
+        desc.suggestions.map((option) => ({
+          label: option.replace('Pleroma.Web.RichMedia.Parser.TTL.', ''),
+          value: option,
+        })),
+      )
     },
-    parsersOptions () {
-      const desc = get(this.$store.state.adminSettings.descriptions, ':pleroma.:rich_media.:parsers')
-      return new Set(desc.suggestions.map(option => ({
-        label: option.replace('Pleroma.Web.RichMedia.Parsers.', ''),
-        value: option
-      })))
+    parsersOptions() {
+      const desc = get(
+        this.$store.state.adminSettings.descriptions,
+        ':pleroma.:rich_media.:parsers',
+      )
+      return new Set(
+        desc.suggestions.map((option) => ({
+          label: option.replace('Pleroma.Web.RichMedia.Parsers.', ''),
+          value: option,
+        })),
+      )
     },
-    validateTLDOptions () {
-      return [{
-        label: this.$t('general.yes'),
-        value: true
-      }, {
-        label: this.$t('general.no'),
-        value: false
-      }, {
-        label: this.$t('admin_dash.links.no_scheme'),
-        value: ':no_scheme'
-      }]
+    validateTLDOptions() {
+      return [
+        {
+          label: this.$t('general.yes'),
+          value: true,
+        },
+        {
+          label: this.$t('general.no'),
+          value: false,
+        },
+        {
+          label: this.$t('admin_dash.links.no_scheme'),
+          value: ':no_scheme',
+        },
+      ]
     },
-    mediaProxyEnabled () {
-      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':enabled']
+    mediaProxyEnabled() {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][
+        ':enabled'
+      ]
     },
-    mediaInvalidationProvider () {
-      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':invalidation'][':provider']
+    mediaInvalidationProvider() {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][
+        ':invalidation'
+      ][':provider']
     },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
   },
   methods: {
-    checkRel (e) {
-      this.$store.commit(
-        'updateAdminDraft',
-        {
-          path: [':pleroma','Pleroma.Formatter',':rel'],
-          value: e ? '' : false
-        }
-      )
+    checkRel(e) {
+      this.$store.commit('updateAdminDraft', {
+        path: [':pleroma', 'Pleroma.Formatter', ':rel'],
+        value: e ? '' : false,
+      })
     },
-    checkClass (e) {
-      this.$store.commit(
-        'updateAdminDraft',
-        {
-          path: [':pleroma','Pleroma.Formatter',':class'],
-          value: e ? '' : false
-        }
-      )
+    checkClass(e) {
+      this.$store.commit('updateAdminDraft', {
+        path: [':pleroma', 'Pleroma.Formatter', ':class'],
+        value: e ? '' : false,
+      })
     },
-    checkTruncate (e) {
-      this.$store.commit(
-        'updateAdminDraft',
-        {
-          path: [':pleroma','Pleroma.Formatter',':truncate'],
-          value: e ? 20 : false
-        }
-      )
-    }
-  }
+    checkTruncate(e) {
+      this.$store.commit('updateAdminDraft', {
+        path: [':pleroma', 'Pleroma.Formatter', ':truncate'],
+        value: e ? 20 : false,
+      })
+    },
+  },
 }
 
 export default LinksTab
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.js b/src/components/settings_modal/admin_tabs/mailer_tab.js
index f6cd854b4..424451ec4 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.js
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.js
@@ -9,10 +9,10 @@ import AttachmentSetting from '../helpers/attachment_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const MailerTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -22,44 +22,50 @@ const MailerTab = {
     StringSetting,
     AttachmentSetting,
     ColorSetting,
-    GroupSetting
+    GroupSetting,
   },
   computed: {
-    adaptersLabels () {
+    adaptersLabels() {
       const prefix = 'Swoosh.Adapters.'
       const descriptions = this.$store.state.adminSettings.descriptions
-      const options = descriptions[':pleroma']['Pleroma.Emails.Mailer'][':adapter'].suggestions
+      const options =
+        descriptions[':pleroma']['Pleroma.Emails.Mailer'][':adapter']
+          .suggestions
 
-      return Object.fromEntries(options.map(value => [
-        value, value.replace(prefix, '')
-      ]))
+      return Object.fromEntries(
+        options.map((value) => [value, value.replace(prefix, '')]),
+      )
     },
-    startTLSLabels () {
+    startTLSLabels() {
       return {
         ':always': this.$t('admin_dash.generic_enforcement.always'),
         ':if_available': this.$t('admin_dash.generic_enforcement.if_available'),
-        ':never': this.$t('admin_dash.generic_enforcement.never')
+        ':never': this.$t('admin_dash.generic_enforcement.never'),
       }
       // return Object.fromEntries(options.map(value => [
       //   value, value.replace(prefix, '')
       // ]))
     },
-    adapter () {
-      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Emails.Mailer'][':adapter']
+    adapter() {
+      return this.$store.state.adminSettings.draft[':pleroma'][
+        'Pleroma.Emails.Mailer'
+      ][':adapter']
     },
-    mailerEnabled () {
-      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Emails.Mailer'][':enabled']
+    mailerEnabled() {
+      return this.$store.state.adminSettings.draft[':pleroma'][
+        'Pleroma.Emails.Mailer'
+      ][':enabled']
     },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
   },
   methods: {
-    adapterHasKey (key) {
+    adapterHasKey(key) {
       const descriptions = this.$store.state.adminSettings.descriptions
       const mailerStuff = descriptions[':pleroma']['Pleroma.Emails.Mailer']
       const adapterStuff = mailerStuff[':subgroup,' + this.adapter]
       return Object.hasOwn(adapterStuff, key)
-    }
-  }
+    },
+  },
 }
 
 export default MailerTab
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.js b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
index af82593bc..279a606c5 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.js
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
@@ -9,10 +9,10 @@ import ListSetting from '../helpers/list_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const MediaProxyTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -22,17 +22,21 @@ const MediaProxyTab = {
     StringSetting,
     AttachmentSetting,
     GroupSetting,
-    ListSetting
+    ListSetting,
   },
   computed: {
-    mediaProxyEnabled () {
-      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':enabled']
+    mediaProxyEnabled() {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][
+        ':enabled'
+      ]
     },
-    mediaInvalidationProvider () {
-      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][':invalidation'][':provider']
+    mediaInvalidationProvider() {
+      return this.$store.state.adminSettings.draft[':pleroma'][':media_proxy'][
+        ':invalidation'
+      ][':provider']
     },
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+  },
 }
 
 export default MediaProxyTab
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.js b/src/components/settings_modal/admin_tabs/monitoring_tab.js
index 8593b9d69..056f67589 100644
--- a/src/components/settings_modal/admin_tabs/monitoring_tab.js
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.js
@@ -8,19 +8,15 @@ import ListSetting from '../helpers/list_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe
-} from '@fortawesome/free-solid-svg-icons'
+import { faGlobe } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faGlobe
-)
+library.add(faGlobe)
 
 const MonitoringTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -30,13 +26,12 @@ const MonitoringTab = {
     StringSetting,
     AttachmentSetting,
     GroupSetting,
-    ListSetting
+    ListSetting,
   },
   computed: {
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
   },
-  methods: {
-  }
+  methods: {},
 }
 
 export default MonitoringTab
diff --git a/src/components/settings_modal/admin_tabs/other_tab.js b/src/components/settings_modal/admin_tabs/other_tab.js
index dc6550d27..a7b3ea30a 100644
--- a/src/components/settings_modal/admin_tabs/other_tab.js
+++ b/src/components/settings_modal/admin_tabs/other_tab.js
@@ -12,10 +12,10 @@ import MapSetting from '../helpers/map_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const OtherTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -28,11 +28,11 @@ const OtherTab = {
     ListSetting,
     PWAManifestIconsSetting,
     MapSetting,
-    GroupSetting
+    GroupSetting,
   },
   computed: {
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+  },
 }
 
 export default OtherTab
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.js b/src/components/settings_modal/admin_tabs/posts_tab.js
index d9f213594..0a6ceaeee 100644
--- a/src/components/settings_modal/admin_tabs/posts_tab.js
+++ b/src/components/settings_modal/admin_tabs/posts_tab.js
@@ -12,10 +12,10 @@ import MapSetting from '../helpers/map_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const PostsTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -28,11 +28,11 @@ const PostsTab = {
     ListSetting,
     PWAManifestIconsSetting,
     MapSetting,
-    GroupSetting
+    GroupSetting,
   },
   computed: {
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+  },
 }
 
 export default PostsTab
diff --git a/src/components/settings_modal/admin_tabs/rates_tab.js b/src/components/settings_modal/admin_tabs/rates_tab.js
index c602dcc8a..812c25b00 100644
--- a/src/components/settings_modal/admin_tabs/rates_tab.js
+++ b/src/components/settings_modal/admin_tabs/rates_tab.js
@@ -3,18 +3,18 @@ import RateSetting from '../helpers/rate_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const RatesTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
     RateSetting,
   },
   computed: {
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+  },
 }
 
 export default RatesTab
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.js b/src/components/settings_modal/admin_tabs/registrations_tab.js
index 3ce6c8044..e01114c78 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.js
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.js
@@ -10,10 +10,10 @@ import ListSetting from '../helpers/list_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const RegistrationsTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
   components: {
@@ -24,11 +24,11 @@ const RegistrationsTab = {
     TupleSetting,
     AttachmentSetting,
     GroupSetting,
-    ListSetting
+    ListSetting,
   },
   computed: {
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+  },
 }
 
 export default RegistrationsTab
diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.js b/src/components/settings_modal/admin_tabs/uploads_tab.js
index 40a184db1..a3e9c5d5e 100644
--- a/src/components/settings_modal/admin_tabs/uploads_tab.js
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.js
@@ -6,41 +6,47 @@ import StringSetting from '../helpers/string_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const UploadsTab = {
-  provide () {
+  provide() {
     return {
       defaultDraftMode: true,
-      defaultSource: 'admin'
+      defaultSource: 'admin',
     }
   },
-  data () {
+  data() {
     return {
-      uploaders: [{
-        key: 'Pleroma.Uploaders.Local',
-        value: 'Pleroma.Uploaders.Local',
-        label: this.$t('admin_dash.uploads.local_uploader')
-      }, {
-        key: 'Pleroma.Uploaders.IPFS',
-        value: 'Pleroma.Uploaders.IPFS',
-        label: 'IPFS'
-      }, {
-        key: 'Pleroma.Uploaders.S3',
-        value: 'Pleroma.Uploaders.S3',
-        label: 'S3'
-      }]
+      uploaders: [
+        {
+          key: 'Pleroma.Uploaders.Local',
+          value: 'Pleroma.Uploaders.Local',
+          label: this.$t('admin_dash.uploads.local_uploader'),
+        },
+        {
+          key: 'Pleroma.Uploaders.IPFS',
+          value: 'Pleroma.Uploaders.IPFS',
+          label: 'IPFS',
+        },
+        {
+          key: 'Pleroma.Uploaders.S3',
+          value: 'Pleroma.Uploaders.S3',
+          label: 'S3',
+        },
+      ],
     }
   },
   components: {
     BooleanSetting,
     ChoiceSetting,
     IntegerSetting,
-    StringSetting
+    StringSetting,
   },
   computed: {
-    uploader () {
-      return this.$store.state.adminSettings.draft[':pleroma']['Pleroma.Upload'][':uploader']
+    uploader() {
+      return this.$store.state.adminSettings.draft[':pleroma'][
+        'Pleroma.Upload'
+      ][':uploader']
     },
-    ...SharedComputedObject()
-  }
+    ...SharedComputedObject(),
+  },
 }
 
 export default UploadsTab
diff --git a/src/components/settings_modal/helpers/attachment_setting.js b/src/components/settings_modal/helpers/attachment_setting.js
index c4c04b2b6..cc9ce5e5f 100644
--- a/src/components/settings_modal/helpers/attachment_setting.js
+++ b/src/components/settings_modal/helpers/attachment_setting.js
@@ -11,34 +11,36 @@ export default {
     acceptTypes: {
       type: String,
       required: false,
-      default: 'image/*'
-    }
+      default: 'image/*',
+    },
   },
   components: {
     ...Setting.components,
     MediaUpload,
-    Attachment
+    Attachment,
   },
   computed: {
     ...Setting.computed,
-    attachment () {
+    attachment() {
       const path = this.realDraftMode ? this.draft : this.state
       // The "server" part is primarily for local dev, but could be useful for alt-domain or multiuser usage.
-      const url = path.includes('://') ? path : this.$store.state.instance.server + path
+      const url = path.includes('://')
+        ? path
+        : this.$store.state.instance.server + path
       return {
         mimetype: fileTypeExt(url),
-        url
+        url,
       }
-    }
+    },
   },
   methods: {
     ...Setting.methods,
-    setMediaFile (fileInfo) {
+    setMediaFile(fileInfo) {
       if (this.realDraftMode) {
         this.draft = fileInfo.url
       } else {
         this.configSink(this.path, fileInfo.url)
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/boolean_setting.js b/src/components/settings_modal/helpers/boolean_setting.js
index 199d3d0f0..e7b56f58c 100644
--- a/src/components/settings_modal/helpers/boolean_setting.js
+++ b/src/components/settings_modal/helpers/boolean_setting.js
@@ -5,27 +5,27 @@ export default {
   ...Setting,
   props: {
     ...Setting.props,
-    indeterminateState: [String, Object]
+    indeterminateState: [String, Object],
   },
   components: {
     ...Setting.components,
-    Checkbox
+    Checkbox,
   },
   computed: {
     ...Setting.computed,
-    isIndeterminate () {
+    isIndeterminate() {
       return this.visibleState === this.indeterminateState
-    }
+    },
   },
   methods: {
     ...Setting.methods,
-    getValue (e) {
+    getValue(e) {
       // Basic tri-state toggle implementation
       if (!!this.indeterminateState && !e && this.visibleState === true) {
         // If we have indeterminate state, switching from true to false first goes through indeterminate
         return this.indeterminateState
       }
       return e
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/choice_setting.js b/src/components/settings_modal/helpers/choice_setting.js
index 10e043082..e5bc8420e 100644
--- a/src/components/settings_modal/helpers/choice_setting.js
+++ b/src/components/settings_modal/helpers/choice_setting.js
@@ -5,50 +5,50 @@ export default {
   ...Setting,
   components: {
     ...Setting.components,
-    Select
+    Select,
   },
   props: {
     ...Setting.props,
     overrideOptions: {
       type: Boolean,
-      required: false
+      required: false,
     },
     options: {
       type: Array,
-      required: false
+      required: false,
     },
     optionLabelMap: {
       type: Object,
       required: false,
-      default: {}
-    }
+      default: {},
+    },
   },
   computed: {
     ...Setting.computed,
-    realOptions () {
+    realOptions() {
       if (this.overrideOptions) {
         return this.options
       }
       if (this.realSource === 'admin') {
         if (
           !this.backendDescriptionSuggestions?.length ||
-            this.backendDescriptionSuggestions?.length === 0
+          this.backendDescriptionSuggestions?.length === 0
         ) {
           return this.options
         }
-        return this.backendDescriptionSuggestions.map(x => ({
+        return this.backendDescriptionSuggestions.map((x) => ({
           key: x,
           value: x,
-          label: this.optionLabelMap[x] || x
+          label: this.optionLabelMap[x] || x,
         }))
       }
       return this.options
-    }
+    },
   },
   methods: {
     ...Setting.methods,
-    getValue (e) {
+    getValue(e) {
       return e
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/color_setting.js b/src/components/settings_modal/helpers/color_setting.js
index 40fa038fe..8cbacc147 100644
--- a/src/components/settings_modal/helpers/color_setting.js
+++ b/src/components/settings_modal/helpers/color_setting.js
@@ -5,12 +5,12 @@ export default {
   ...Setting,
   components: {
     ...Setting.components,
-    ColorInput
+    ColorInput,
   },
   methods: {
     ...Setting.methods,
-    getValue (e) {
+    getValue(e) {
       return e
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index b07ea1ec4..b30508a90 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -61,13 +61,11 @@ import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faWrench
-)
+library.add(faWrench)
 
 export default {
   components: { Popover },
-  props: ['changed']
+  props: ['changed'],
 }
 </script>
 
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index d25b02da2..fd5f8fa2a 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -160,53 +160,53 @@ export default {
   props: {
     placement: {
       type: String,
-      required: true
+      required: true,
     },
 
     newUpload: Boolean,
 
     title: {
       type: String,
-      required: true
+      required: true,
     },
     packName: {
       type: String,
-      required: true
+      required: true,
     },
     shortcode: {
       type: String,
       // Only exists when this is not a new upload
-      default: ''
+      default: '',
     },
     file: {
       type: String,
       // Only exists when this is not a new upload
-      default: ''
+      default: '',
     },
 
     // Only exists for emojis from remote packs
     remote: {
       type: Object,
-      default: undefined
+      default: undefined,
     },
     knownLocalPacks: {
       type: Object,
-      default: undefined
-    }
+      default: undefined,
+    },
   },
   emits: ['updatePackFiles', 'displayError'],
-  data () {
+  data() {
     return {
       uploadFile: [],
       uploadURL: '',
       editedShortcode: this.shortcode,
       editedFile: this.file,
       deleteModalVisible: false,
-      copyToPack: ''
+      copyToPack: '',
     }
   },
   computed: {
-    emojiPreview () {
+    emojiPreview() {
       if (this.newUpload && this.uploadFile.length > 0) {
         return URL.createObjectURL(this.uploadFile[0])
       } else if (this.newUpload && this.uploadURL !== '') {
@@ -217,73 +217,92 @@ export default {
 
       return null
     },
-    isEdited () {
-      return !this.newUpload && (this.editedShortcode !== this.shortcode || this.editedFile !== this.file)
+    isEdited() {
+      return (
+        !this.newUpload &&
+        (this.editedShortcode !== this.shortcode ||
+          this.editedFile !== this.file)
+      )
     },
     saveButtonDisabled() {
       if (this.remote === undefined)
-        return this.newUpload ? (this.uploadURL === "" && this.uploadFile.length == 0) : !this.isEdited
-      else
-        return this.copyToPack === ""
-    }
+        return this.newUpload
+          ? this.uploadURL === '' && this.uploadFile.length == 0
+          : !this.isEdited
+      else return this.copyToPack === ''
+    },
   },
   methods: {
-    saveEditedEmoji () {
+    saveEditedEmoji() {
       if (!this.isEdited) return
 
-      this.$store.state.api.backendInteractor.updateEmojiFile(
-        { packName: this.packName, shortcode: this.shortcode, newShortcode: this.editedShortcode, newFilename: this.editedFile, force: false }
-      ).then(resp => {
-        if (resp.error !== undefined) {
-          this.$emit('displayError', resp.error)
-          return Promise.reject(resp.error)
-        }
+      this.$store.state.api.backendInteractor
+        .updateEmojiFile({
+          packName: this.packName,
+          shortcode: this.shortcode,
+          newShortcode: this.editedShortcode,
+          newFilename: this.editedFile,
+          force: false,
+        })
+        .then((resp) => {
+          if (resp.error !== undefined) {
+            this.$emit('displayError', resp.error)
+            return Promise.reject(resp.error)
+          }
 
-        return resp.json()
-      }).then(resp => this.$emit('updatePackFiles', resp))
+          return resp.json()
+        })
+        .then((resp) => this.$emit('updatePackFiles', resp))
     },
-    uploadEmoji () {
+    uploadEmoji() {
       let packName = this.remote === undefined ? this.packName : this.copyToPack
-      this.$store.state.api.backendInteractor.addNewEmojiFile({
-        packName: packName,
-        file: this.remote === undefined
-            ? (this.uploadURL !== "" ? this.uploadURL : this.uploadFile[0])
-            : this.emojiAddr(this.file),
-        shortcode: this.editedShortcode,
-        filename: this.editedFile
-      }).then(resp => resp.json()).then(resp => {
-        if (resp.error !== undefined) {
-          this.$emit('displayError', resp.error)
-          return
-        }
+      this.$store.state.api.backendInteractor
+        .addNewEmojiFile({
+          packName: packName,
+          file:
+            this.remote === undefined
+              ? this.uploadURL !== ''
+                ? this.uploadURL
+                : this.uploadFile[0]
+              : this.emojiAddr(this.file),
+          shortcode: this.editedShortcode,
+          filename: this.editedFile,
+        })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp.error !== undefined) {
+            this.$emit('displayError', resp.error)
+            return
+          }
 
-        this.$emit('updatePackFiles', resp, packName)
-        this.$refs.emojiPopover.hidePopover()
+          this.$emit('updatePackFiles', resp, packName)
+          this.$refs.emojiPopover.hidePopover()
 
-        this.editedFile = ''
-        this.editedShortcode = ''
-        this.uploadFile = []
-      })
+          this.editedFile = ''
+          this.editedShortcode = ''
+          this.uploadFile = []
+        })
     },
-    revertEmoji () {
+    revertEmoji() {
       this.editedFile = this.file
       this.editedShortcode = this.shortcode
     },
-    deleteEmoji () {
+    deleteEmoji() {
       this.deleteModalVisible = false
 
-      this.$store.state.api.backendInteractor.deleteEmojiFile(
-        { packName: this.packName, shortcode: this.shortcode }
-      ).then(resp => resp.json()).then(resp => {
-        if (resp.error !== undefined) {
-          this.$emit('displayError', resp.error)
-          return
-        }
+      this.$store.state.api.backendInteractor
+        .deleteEmojiFile({ packName: this.packName, shortcode: this.shortcode })
+        .then((resp) => resp.json())
+        .then((resp) => {
+          if (resp.error !== undefined) {
+            this.$emit('displayError', resp.error)
+            return
+          }
 
-        this.$emit('updatePackFiles', resp, this.packName)
-      })
-    }
-  }
+          this.$emit('updatePackFiles', resp, this.packName)
+        })
+    },
+  },
 }
 </script>
 
diff --git a/src/components/settings_modal/helpers/float_setting.vue b/src/components/settings_modal/helpers/float_setting.vue
index 15edb3c3e..a1c495cd1 100644
--- a/src/components/settings_modal/helpers/float_setting.vue
+++ b/src/components/settings_modal/helpers/float_setting.vue
@@ -10,7 +10,7 @@
 import NumberSetting from './number_setting.vue'
 export default {
   components: {
-    NumberSetting
-  }
+    NumberSetting,
+  },
 }
 </script>
diff --git a/src/components/settings_modal/helpers/help_indicator.vue b/src/components/settings_modal/helpers/help_indicator.vue
index c48f97b70..2ce804cba 100644
--- a/src/components/settings_modal/helpers/help_indicator.vue
+++ b/src/components/settings_modal/helpers/help_indicator.vue
@@ -22,12 +22,10 @@ import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleQuestion
-)
+library.add(faCircleQuestion)
 
 export default {
-  components: { Popover }
+  components: { Popover },
 }
 </script>
 
diff --git a/src/components/settings_modal/helpers/integer_setting.vue b/src/components/settings_modal/helpers/integer_setting.vue
index 8206c0c45..e9b227645 100644
--- a/src/components/settings_modal/helpers/integer_setting.vue
+++ b/src/components/settings_modal/helpers/integer_setting.vue
@@ -11,7 +11,7 @@
 import NumberSetting from './number_setting.vue'
 export default {
   components: {
-    NumberSetting
-  }
+    NumberSetting,
+  },
 }
 </script>
diff --git a/src/components/settings_modal/helpers/list_setting.js b/src/components/settings_modal/helpers/list_setting.js
index def6064d0..c1d504cd5 100644
--- a/src/components/settings_modal/helpers/list_setting.js
+++ b/src/components/settings_modal/helpers/list_setting.js
@@ -3,43 +3,43 @@ import Setting from './setting.js'
 
 export default {
   ...Setting,
-  data () {
+  data() {
     return {
       newValue: '',
     }
   },
   components: {
     ...Setting.components,
-    Checkbox
+    Checkbox,
   },
   props: {
     ...Setting.props,
     ignoreSuggestions: {
       required: false,
-      type: Boolean
+      type: Boolean,
     },
     overrideAvailableOptions: {
       required: false,
-      type: Boolean
+      type: Boolean,
     },
     options: {
       required: false,
-      type: Set
+      type: Set,
     },
     allowNew: {
       required: false,
       type: Boolean,
-      default: true
+      default: true,
     },
     forceNew: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   computed: {
     ...Setting.computed,
-    showNew () {
+    showNew() {
       if (this.forceNew) return true
       if (!this.allowNew) return false
 
@@ -52,10 +52,10 @@ export default {
         return true
       }
     },
-    valueSet () {
+    valueSet() {
       return new Set(this.visibleState)
     },
-    suggestionsSet () {
+    suggestionsSet() {
       const suggestions = this.backendDescriptionSuggestions
       if (suggestions) {
         return new Set(suggestions)
@@ -63,14 +63,14 @@ export default {
         return new Set()
       }
     },
-    extraEntries () {
+    extraEntries() {
       if (this.ignoreSuggestions) return [...this.valueSet.values()]
       if (!this.suggestionsSet) return []
       return [...this.valueSet.values()].filter((x) => {
         return !this.builtinEntriesValueSet.has(x)
       })
     },
-    builtinEntries () {
+    builtinEntries() {
       if (this.ignoreSuggestions) return []
       if (this.overrideAvailableOptions) {
         return [...this.options]
@@ -80,19 +80,19 @@ export default {
       const builtins = [...this.suggestionsSet.values()]
       return builtins.map((option) => ({
         label: option,
-        value: option
+        value: option,
       }))
     },
-    builtinEntriesValueSet () {
-      return new Set(this.builtinEntries.map(x => x.value))
-    }
+    builtinEntriesValueSet() {
+      return new Set(this.builtinEntries.map((x) => x.value))
+    },
   },
   methods: {
     ...Setting.methods,
-    optionPresent (option) {
+    optionPresent(option) {
       return this.valueSet.has(option)
     },
-    getValue ({ event, value, index, eventType }) {
+    getValue({ event, value, index, eventType }) {
       switch (eventType) {
         case 'toggle': {
           this.newValue = ''
@@ -128,6 +128,6 @@ export default {
           return [...pre, string, ...post]
         }
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/list_tuple_setting.js b/src/components/settings_modal/helpers/list_tuple_setting.js
index 2cbd93788..33cc725b1 100644
--- a/src/components/settings_modal/helpers/list_tuple_setting.js
+++ b/src/components/settings_modal/helpers/list_tuple_setting.js
@@ -2,14 +2,14 @@ import ListSetting from './list_setting.js'
 
 export default {
   ...ListSetting,
-  data () {
+  data() {
     return {
-      newValue: ['','']
+      newValue: ['', ''],
     }
   },
   methods: {
     ...ListSetting.methods,
-    getValue ({ event, index, eventType, tuple }) {
+    getValue({ event, index, eventType, tuple }) {
       switch (eventType) {
         case 'add': {
           if (!this.newValue[0] || !this.newValue[1]) return this.visibleState
@@ -39,6 +39,6 @@ export default {
           }
         }
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/map_setting.js b/src/components/settings_modal/helpers/map_setting.js
index ad93ceacf..8615c90ca 100644
--- a/src/components/settings_modal/helpers/map_setting.js
+++ b/src/components/settings_modal/helpers/map_setting.js
@@ -7,28 +7,31 @@ export default {
     allowNew: {
       required: false,
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
-  data () {
+  data() {
     return {
-      newValue: ['',''] // avoiding extra complexity by just using an array instead of an object
+      newValue: ['', ''], // avoiding extra complexity by just using an array instead of an object
     }
   },
   computed: {
     ...Setting.computed,
     // state that we'll show in the UI, i.e. transforming map into list
-    displayState () {
+    displayState() {
       return Object.entries(this.visibleState)
-    }
+    },
   },
   methods: {
     ...Setting.methods,
-    getValue ({ event, key, eventType, isKey }) {
+    getValue({ event, key, eventType, isKey }) {
       switch (eventType) {
         case 'add': {
           if (key === '') return this.visibleState
-          const res = {...this.visibleState, ...Object.fromEntries([this.newValue])}
+          const res = {
+            ...this.visibleState,
+            ...Object.fromEntries([this.newValue]),
+          }
           this.newValue = ['', '']
           return res
         }
@@ -36,35 +39,35 @@ export default {
         case 'remove': {
           // initial state for this type is empty array
           if (Array.isArray(this.visibleState)) return this.visibleState
-          const newEntries = Object.entries(this.visibleState).filter(([k]) => k !== key)
+          const newEntries = Object.entries(this.visibleState).filter(
+            ([k]) => k !== key,
+          )
 
-          if (newEntries.length === 0 ) return []
+          if (newEntries.length === 0) return []
           return Object.fromEntries(newEntries)
         }
 
         case 'edit': {
           const string = event.target.value
-          const newEntries = Object
-            .entries(this.visibleState)
-            .map(([k, v]) => {
-              if (isKey) {
-                if (k === key) {
-                  return [string, v]
-                } else {
-                  return [k, v]
-                }
+          const newEntries = Object.entries(this.visibleState).map(([k, v]) => {
+            if (isKey) {
+              if (k === key) {
+                return [string, v]
               } else {
-                if (k === key) {
-                  return [k, string]
-                } else {
-                  return [k, v]
-                }
+                return [k, v]
               }
-            })
+            } else {
+              if (k === key) {
+                return [k, string]
+              } else {
+                return [k, v]
+              }
+            }
+          })
 
           return Object.fromEntries(newEntries)
         }
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/modified_indicator.vue b/src/components/settings_modal/helpers/modified_indicator.vue
index a747cebd2..e58d8a6af 100644
--- a/src/components/settings_modal/helpers/modified_indicator.vue
+++ b/src/components/settings_modal/helpers/modified_indicator.vue
@@ -27,9 +27,7 @@ import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faWrench
-)
+library.add(faWrench)
 
 export default {
   components: { Popover },
@@ -37,9 +35,9 @@ export default {
     changed: Boolean,
     messageKey: {
       type: String,
-      default: 'settings.setting_changed'
-    }
-  }
+      default: 'settings.setting_changed',
+    },
+  },
 }
 </script>
 
diff --git a/src/components/settings_modal/helpers/number_setting.js b/src/components/settings_modal/helpers/number_setting.js
index afbf5ed58..e037ece28 100644
--- a/src/components/settings_modal/helpers/number_setting.js
+++ b/src/components/settings_modal/helpers/number_setting.js
@@ -7,33 +7,33 @@ export default {
     min: {
       type: Number,
       required: false,
-      default: 1
+      default: 1,
     },
     max: {
       type: Number,
       required: false,
-      default: 1
+      default: 1,
     },
     step: {
       type: Number,
       required: false,
-      default: 1
+      default: 1,
     },
     truncate: {
       type: Number,
       required: false,
-      default: 1
-    }
+      default: 1,
+    },
   },
   methods: {
     ...Setting.methods,
-    getValue (e) {
+    getValue(e) {
       if (!this.truncate === 1) {
         return parseInt(e.target.value)
       } else if (this.truncate > 1) {
         return Math.trunc(e.target.value / this.truncate) * this.truncate
       }
       return parseFloat(e.target.value)
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/profile_setting_indicator.vue b/src/components/settings_modal/helpers/profile_setting_indicator.vue
index d160781b1..a90dbf8fc 100644
--- a/src/components/settings_modal/helpers/profile_setting_indicator.vue
+++ b/src/components/settings_modal/helpers/profile_setting_indicator.vue
@@ -27,13 +27,11 @@ import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faServer } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faServer
-)
+library.add(faServer)
 
 export default {
   components: { Popover },
-  props: ['isProfile']
+  props: ['isProfile'],
 }
 </script>
 
diff --git a/src/components/settings_modal/helpers/proxy_setting.js b/src/components/settings_modal/helpers/proxy_setting.js
index ca717b60b..4195b8430 100644
--- a/src/components/settings_modal/helpers/proxy_setting.js
+++ b/src/components/settings_modal/helpers/proxy_setting.js
@@ -1,18 +1,19 @@
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Setting from './setting.js'
 
-const getUrl = state => state?.tuple ? state.tuple[1] + ':' + state.tuple[2] : state
-const getSocks = state => state?.tuple
+const getUrl = (state) =>
+  state?.tuple ? state.tuple[1] + ':' + state.tuple[2] : state
+const getSocks = (state) => state?.tuple
 
 export default {
   ...Setting,
-  data () {
+  data() {
     return {
       urlField: '',
-      socksField: false
+      socksField: false,
     }
   },
-  created () {
+  created() {
     Setting.created()
     this.urlField = getUrl(this.realDraftMode ? this.draft : this.state)
     this.socksField = getSocks(this.realDraftMode ? this.draft : this.state)
@@ -20,23 +21,23 @@ export default {
   computed: {
     ...Setting.computed,
     // state that we'll show in the UI, i.e. transforming map into list
-    displayState () {
+    displayState() {
       if (this.visibleState?.tuple) {
         return this.visibleState.tuple[1] + ':' + this.visibleState.tuple[2]
       }
       return this.visibleState
     },
-    socksState () {
+    socksState() {
       return getSocks(this.visibleState)
-    }
+    },
   },
   components: {
     ...Setting.components,
-    Checkbox
+    Checkbox,
   },
   methods: {
     ...Setting.methods,
-    getValue ({ event, isProxy}) {
+    getValue({ event, isProxy }) {
       if (isProxy) {
         this.socksField = event
       } else {
@@ -44,10 +45,10 @@ export default {
       }
 
       if (this.socksField) {
-        return { tuple: [ ':socks5', ...this.urlField.split(':') ] }
+        return { tuple: [':socks5', ...this.urlField.split(':')] }
       } else {
         return this.urlField
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
index 9986f6f39..30530f642 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
@@ -12,60 +12,62 @@ export default {
     ...Setting.components,
     Select,
     Attachment,
-    MediaUpload
+    MediaUpload,
   },
   computed: {
     ...Setting.computed,
-    purposeOptions () {
-      return ['any','monochrome','maskable'].map(value => ({
+    purposeOptions() {
+      return ['any', 'monochrome', 'maskable'].map((value) => ({
         value,
         key: value,
-        label: this.$t('admin_dash.instance.pwa.icon.' + value)
+        label: this.$t('admin_dash.instance.pwa.icon.' + value),
       }))
-    }
+    },
   },
   methods: {
     ...Setting.methods,
-    attachment (e) {
+    attachment(e) {
       const path = e[':src']
       if (!path) {
         return {
           mimetype: '',
-          url: ''
+          url: '',
         }
       }
-      const url = path.includes('://') ? path : this.$store.state.instance.server + path
+      const url = path.includes('://')
+        ? path
+        : this.$store.state.instance.server + path
 
       return {
         mimetype: fileTypeExt(url),
-        url
+        url,
       }
     },
-    setMediaFile ({ event, index }) {
+    setMediaFile({ event, index }) {
       this.update({
         event: {
           target: {
-            value: event.url
+            value: event.url,
           },
         },
         index,
         eventType: 'edit',
-        field: ':src'
+        field: ':src',
       })
     },
-    setPurpose ({ event, index }) {
+    setPurpose({ event, index }) {
       this.update({
         event: {
           target: {
-            value: event
+            value: event,
           },
         },
         index,
         eventType: 'edit',
-        field: ':purpose'
+        field: ':purpose',
       })
     },
-    getValue ({ event, field, index, eventType }) {
+    getValue({ event, field, index, eventType }) {
       switch (eventType) {
         case 'add': {
           const res = [...this.visibleState, {}]
@@ -85,7 +87,7 @@ export default {
           const item = clone(this.visibleState[index])
           const string = event.target.value
 
-          if (!string)  {
+          if (!string) {
             delete item[field]
           } else {
             item[field] = string
@@ -94,6 +96,6 @@ export default {
           return [...pre, item, ...post]
         }
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/rate_setting.js b/src/components/settings_modal/helpers/rate_setting.js
index 7425cdba3..0c37abb87 100644
--- a/src/components/settings_modal/helpers/rate_setting.js
+++ b/src/components/settings_modal/helpers/rate_setting.js
@@ -3,40 +3,40 @@ import Setting from './setting.js'
 
 export default {
   ...Setting,
-  data () {
+  data() {
     return {
       newValue: '',
     }
   },
   components: {
     ...Setting.components,
-    Checkbox
+    Checkbox,
   },
   props: {
-    ...Setting.props
+    ...Setting.props,
   },
   computed: {
     ...Setting.computed,
-    isSeparate () {
+    isSeparate() {
       // [[a1, b1], [a2, b2]] vs [a, b]
       return Array.isArray(this.visibleState[0])
     },
-    normalizedState () {
+    normalizedState() {
       if (this.isSeparate) {
-        return this.visibleState.map(y => y.map(x => Number(x) || 0))
+        return this.visibleState.map((y) => y.map((x) => Number(x) || 0))
       } else {
-        return [this.visibleState.map(x => Number(x) || 0)]
+        return [this.visibleState.map((x) => Number(x) || 0)]
       }
-    }
+    },
   },
   methods: {
     ...Setting.methods,
-    getValue ({ event, side, index, eventType }) {
+    getValue({ event, side, index, eventType }) {
       if (eventType === 'edit') {
         const value = Number(event.target.value)
         if (Number.isNaN(value)) return this.visibleState
 
-        const newVal = [...this.normalizedState.map(x => [...x])]
+        const newVal = [...this.normalizedState.map((x) => [...x])]
         newVal[side][index] = value
         return newVal
       }
@@ -48,6 +48,6 @@ export default {
           return [this.normalizedState[0]]
         }
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index b1b9bf7e7..0459dff60 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -7,119 +7,126 @@ export default {
   components: {
     ModifiedIndicator,
     DraftButtons,
-    ProfileSettingIndicator
+    ProfileSettingIndicator,
   },
   props: {
     modelValue: {
       type: String,
-      default: null
+      default: null,
     },
     path: {
       type: [String, Array],
-      required: false
+      required: false,
     },
     showDescription: {
       type: Boolean,
-      required: false
+      required: false,
     },
     descriptionPathOverride: {
       type: [String, Array],
-      required: false
+      required: false,
     },
     suggestions: {
       type: [String, Array],
-      required: false
+      required: false,
     },
     subgroup: {
       type: String,
-      required: false
+      required: false,
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: false,
     },
     parentPath: {
-      type: [String, Array]
+      type: [String, Array],
     },
     parentInvert: {
       type: Boolean,
-      default: false
+      default: false,
     },
     expert: {
       type: [Number, String],
-      default: 0
+      default: 0,
     },
     source: {
       type: String,
-      default: undefined
+      default: undefined,
     },
-    hideDraftButtons: { // this is for the weird backend hybrid (Boolean|String or Boolean|Number) settings
+    hideDraftButtons: {
+      // this is for the weird backend hybrid (Boolean|String or Boolean|Number) settings
       required: false,
-      type: Boolean
+      type: Boolean,
     },
     hideLabel: {
-      type: Boolean
+      type: Boolean,
     },
     hideDescription: {
-      type: Boolean
+      type: Boolean,
     },
     swapDescriptionAndLabel: {
-      type: Boolean
+      type: Boolean,
     },
     backendDescriptionPath: {
-      type: [String, Array]
+      type: [String, Array],
     },
     overrideBackendDescription: {
-      type: Boolean
+      type: Boolean,
     },
     overrideBackendDescriptionLabel: {
-      type: [Boolean, String]
+      type: [Boolean, String],
     },
     draftMode: {
       type: Boolean,
-      default: undefined
+      default: undefined,
     },
     timedApplyMode: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   inject: {
     defaultSource: {
-      default: 'default'
+      default: 'default',
     },
     defaultDraftMode: {
-      default: false
-    }
+      default: false,
+    },
   },
-  data () {
+  data() {
     return {
-      localDraft: null
+      localDraft: null,
     }
   },
-  created () {
-    if (this.realDraftMode && (this.realSource !== 'admin' || this.path == null)) {
+  created() {
+    if (
+      this.realDraftMode &&
+      (this.realSource !== 'admin' || this.path == null)
+    ) {
       this.draft = cloneDeep(this.state)
     }
   },
   computed: {
     draft: {
-      get () {
+      get() {
         if (this.realSource === 'admin' || this.path == null) {
           return get(this.$store.state.adminSettings.draft, this.canonPath)
         } else {
           return this.localDraft
         }
       },
-      set (value) {
+      set(value) {
         if (this.realSource === 'admin' || this.path == null) {
-          this.$store.commit('updateAdminDraft', { path: this.canonPath, value })
+          this.$store.commit('updateAdminDraft', {
+            path: this.canonPath,
+            value,
+          })
         } else {
           this.localDraft = value
         }
-      }
+      },
     },
-    state () {
+    state() {
       if (this.path == null) {
         return this.modelValue
       }
@@ -130,71 +137,93 @@ export default {
         return value
       }
     },
-    visibleState () {
+    visibleState() {
       return this.realDraftMode ? this.draft : this.state
     },
-    realSource () {
+    realSource() {
       return this.source || this.defaultSource
     },
-    realDraftMode () {
-      return typeof this.draftMode === 'undefined' ? this.defaultDraftMode : this.draftMode
+    realDraftMode() {
+      return typeof this.draftMode === 'undefined'
+        ? this.defaultDraftMode
+        : this.draftMode
     },
-    backendDescription () {
-      return get(this.$store.state.adminSettings.descriptions, this.descriptionPath)
+    backendDescription() {
+      return get(
+        this.$store.state.adminSettings.descriptions,
+        this.descriptionPath,
+      )
     },
-    backendDescriptionLabel () {
+    backendDescriptionLabel() {
       if (this.realSource !== 'admin') return ''
-      if (this.overrideBackendDescriptionLabel !== '' && typeof this.overrideBackendDescriptionLabel === 'string') {
+      if (
+        this.overrideBackendDescriptionLabel !== '' &&
+        typeof this.overrideBackendDescriptionLabel === 'string'
+      ) {
         return this.overrideBackendDescriptionLabel
       }
       if (!this.backendDescription || this.overrideBackendDescriptionLabel) {
-        return this.$t([
-          'admin_dash',
-          'temp_overrides',
-          ...this.canonPath.map(p => p.replace(/\./g, '_DOT_')),
-          'label'
-        ].join('.'))
+        return this.$t(
+          [
+            'admin_dash',
+            'temp_overrides',
+            ...this.canonPath.map((p) => p.replace(/\./g, '_DOT_')),
+            'label',
+          ].join('.'),
+        )
       } else {
         return this.swapDescriptionAndLabel
           ? this.backendDescription?.description
           : this.backendDescription?.label
       }
     },
-    backendDescriptionDescription () {
+    backendDescriptionDescription() {
       if (this.description) return this.description
       if (this.realSource !== 'admin') return ''
       if (this.hideDescription) return null
       if (!this.backendDescription || this.overrideBackendDescription) {
-        return this.$t([
-          'admin_dash',
-          'temp_overrides',
-          ...this.canonPath.map(p => p.replace(/\./g, '_DOT_')),
-          'description'
-        ].join('.'))
+        return this.$t(
+          [
+            'admin_dash',
+            'temp_overrides',
+            ...this.canonPath.map((p) => p.replace(/\./g, '_DOT_')),
+            'description',
+          ].join('.'),
+        )
       } else {
         return this.swapDescriptionAndLabel
           ? this.backendDescription?.label
           : this.backendDescription?.description
       }
     },
-    backendDescriptionSuggestions () {
+    backendDescriptionSuggestions() {
       return this.backendDescription?.suggestions || this.suggestions
     },
-    shouldBeDisabled () {
+    shouldBeDisabled() {
       if (this.path == null) {
         return this.disabled
       }
       let parentValue = null
       if (this.parentPath !== undefined && this.realSource === 'admin') {
         if (this.realDraftMode) {
-          parentValue = get(this.$store.state.adminSettings.draft, this.parentPath)
+          parentValue = get(
+            this.$store.state.adminSettings.draft,
+            this.parentPath,
+          )
         } else {
           parentValue = get(this.configSource, this.parentPath)
         }
       }
-      return this.disabled || (parentValue !== null ? (this.parentInvert ? parentValue : !parentValue) : false)
+      return (
+        this.disabled ||
+        (parentValue !== null
+          ? this.parentInvert
+            ? parentValue
+            : !parentValue
+          : false)
+      )
     },
-    configSource () {
+    configSource() {
       switch (this.realSource) {
         case 'profile':
           return this.$store.state.profileConfig
@@ -204,24 +233,31 @@ export default {
           return this.$store.getters.mergedConfig
       }
     },
-    configSink () {
+    configSink() {
       if (this.path == null) {
         return (k, v) => this.$emit('update:modelValue', v)
       }
       switch (this.realSource) {
         case 'profile':
-          return (k, v) => this.$store.dispatch('setProfileOption', { name: k, value: v })
+          return (k, v) =>
+            this.$store.dispatch('setProfileOption', { name: k, value: v })
         case 'admin':
-          return (k, v) => this.$store.dispatch('pushAdminSetting', { path: k, value: v })
+          return (k, v) =>
+            this.$store.dispatch('pushAdminSetting', { path: k, value: v })
         default:
           if (this.timedApplyMode) {
-            return (k, v) => this.$store.dispatch('setOptionTemporarily', { name: k, value: v })
+            return (k, v) =>
+              this.$store.dispatch('setOptionTemporarily', {
+                name: k,
+                value: v,
+              })
           } else {
-            return (k, v) => this.$store.dispatch('setOption', { name: k, value: v })
+            return (k, v) =>
+              this.$store.dispatch('setOption', { name: k, value: v })
           }
       }
     },
-    defaultState () {
+    defaultState() {
       switch (this.realSource) {
         case 'profile':
           return {}
@@ -229,10 +265,10 @@ export default {
           return get(this.$store.getters.defaultConfig, this.path)
       }
     },
-    isProfileSetting () {
+    isProfileSetting() {
       return this.realSource === 'profile'
     },
-    isChanged () {
+    isChanged() {
       if (this.path == null) return false
       switch (this.realSource) {
         case 'profile':
@@ -242,24 +278,24 @@ export default {
           return this.state !== this.defaultState
       }
     },
-    canonPath () {
+    canonPath() {
       if (this.path == null) return null
       return Array.isArray(this.path) ? this.path : this.path.split('.')
     },
-    descriptionPath () {
+    descriptionPath() {
       if (this.path == null) return null
       if (this.descriptionPathOverride) return this.descriptionPathOverride
       const path = Array.isArray(this.path) ? this.path : this.path.split('.')
       if (this.subgroup) {
         return [
-            ...path.slice(0, path.length - 1),
-            ':subgroup,' + this.subgroup,
-            ...path.slice(path.length - 1)
+          ...path.slice(0, path.length - 1),
+          ':subgroup,' + this.subgroup,
+          ...path.slice(path.length - 1),
         ]
       }
       return path
     },
-    isDirty () {
+    isDirty() {
       if (this.path == null) return false
       if (this.realSource === 'admin' && this.canonPath.length > 3) {
         return false // should not show draft buttons for "grouped" values
@@ -267,47 +303,59 @@ export default {
         return this.realDraftMode && !isEqual(this.draft, this.state)
       }
     },
-    canHardReset () {
-      return this.realSource === 'admin' && this.$store.state.adminSettings.modifiedPaths?.has(this.canonPath.join(' -> '))
+    canHardReset() {
+      return (
+        this.realSource === 'admin' &&
+        this.$store.state.adminSettings.modifiedPaths?.has(
+          this.canonPath.join(' -> '),
+        )
+      )
     },
-    matchesExpertLevel () {
+    matchesExpertLevel() {
       const settingExpertLevel = this.expert || 0
       const userToggleExpert = this.$store.state.config.expertLevel || 0
 
       return settingExpertLevel <= userToggleExpert
-    }
+    },
   },
   methods: {
-    getValue (e) {
+    getValue(e) {
       return e.target.value
     },
-    update (e) {
+    update(e) {
       if (this.realDraftMode) {
         this.draft = this.getValue(e)
       } else {
         this.configSink(this.path, this.getValue(e))
       }
     },
-    commitDraft () {
+    commitDraft() {
       if (this.realDraftMode) {
         this.configSink(this.path, this.draft)
       }
     },
-    reset () {
+    reset() {
       if (this.realDraftMode) {
         this.draft = cloneDeep(this.state)
       } else {
-        set(this.$store.getters.mergedConfig, this.path, cloneDeep(this.defaultState))
+        set(
+          this.$store.getters.mergedConfig,
+          this.path,
+          cloneDeep(this.defaultState),
+        )
       }
     },
-    hardReset () {
+    hardReset() {
       switch (this.realSource) {
         case 'admin':
-          return this.$store.dispatch('resetAdminSetting', { path: this.path })
-            .then(() => { this.draft = this.state })
+          return this.$store
+            .dispatch('resetAdminSetting', { path: this.path })
+            .then(() => {
+              this.draft = this.state
+            })
         default:
           console.warn('Hard reset not implemented yet!')
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/shared_computed_object.js b/src/components/settings_modal/helpers/shared_computed_object.js
index bb3d36ac4..b8197b639 100644
--- a/src/components/settings_modal/helpers/shared_computed_object.js
+++ b/src/components/settings_modal/helpers/shared_computed_object.js
@@ -1,19 +1,19 @@
 const SharedComputedObject = () => ({
-  user () {
+  user() {
     return this.$store.state.users.currentUser
   },
-  expertLevel () {
+  expertLevel() {
     return this.$store.getters.mergedConfig.expertLevel > 0
   },
-  mergedConfig () {
+  mergedConfig() {
     return this.$store.getters.mergedConfig
   },
-  adminConfig () {
+  adminConfig() {
     return this.$store.state.adminSettings.config
   },
-  adminDraft () {
+  adminDraft() {
     return this.$store.state.adminSettings.draft
-  }
+  },
 })
 
 export default SharedComputedObject
diff --git a/src/components/settings_modal/helpers/string_setting.js b/src/components/settings_modal/helpers/string_setting.js
index b368cfc8c..327654ff1 100644
--- a/src/components/settings_modal/helpers/string_setting.js
+++ b/src/components/settings_modal/helpers/string_setting.js
@@ -1,5 +1,5 @@
 import Setting from './setting.js'
 
 export default {
-  ...Setting
+  ...Setting,
 }
diff --git a/src/components/settings_modal/helpers/tuple_setting.js b/src/components/settings_modal/helpers/tuple_setting.js
index f6f4753c0..88019c901 100644
--- a/src/components/settings_modal/helpers/tuple_setting.js
+++ b/src/components/settings_modal/helpers/tuple_setting.js
@@ -4,13 +4,13 @@ export default {
   ...Setting,
   methods: {
     ...Setting.methods,
-    getValue ({ e, side }) {
+    getValue({ e, side }) {
       const [a, b] = this.visibleState || []
       if (side === 0) {
-        return { tuple: [e.target.value, b]}
+        return { tuple: [e.target.value, b] }
       } else {
-        return { tuple: [a, e.target.value]}
+        return { tuple: [a, e.target.value] }
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/unit_setting.js b/src/components/settings_modal/helpers/unit_setting.js
index daeddd813..99f4ac38e 100644
--- a/src/components/settings_modal/helpers/unit_setting.js
+++ b/src/components/settings_modal/helpers/unit_setting.js
@@ -1,7 +1,23 @@
 import Select from 'src/components/select/select.vue'
 import Setting from './setting.js'
 
-export const allCssUnits = ['cm', 'mm', 'in', 'px', 'pt', 'pc', 'em', 'ex', 'ch', 'rem', 'vw', 'vh', 'vmin', 'vmax', '%']
+export const allCssUnits = [
+  'cm',
+  'mm',
+  'in',
+  'px',
+  'pt',
+  'pc',
+  'em',
+  'ex',
+  'ch',
+  'rem',
+  'vw',
+  'vh',
+  'vmin',
+  'vmax',
+  '%',
+]
 export const defaultHorizontalUnits = ['px', 'rem', 'vw']
 export const defaultVerticalUnits = ['px', 'rem', 'vh']
 
@@ -9,47 +25,51 @@ export default {
   ...Setting,
   components: {
     ...Setting.components,
-    Select
+    Select,
   },
   props: {
     ...Setting.props,
     min: Number,
     units: {
       type: Array,
-      default: () => allCssUnits
+      default: () => allCssUnits,
     },
     unitSet: {
       type: String,
-      default: 'none'
+      default: 'none',
     },
     step: {
       type: Number,
-      default: 1
+      default: 1,
     },
     resetDefault: {
       type: Object,
-      default: null
-    }
+      default: null,
+    },
   },
   computed: {
     ...Setting.computed,
-    stateUnit () {
-      return typeof this.state === 'string' ? this.state.replace(/[0-9,.]+/, '') : ''
+    stateUnit() {
+      return typeof this.state === 'string'
+        ? this.state.replace(/[0-9,.]+/, '')
+        : ''
+    },
+    stateValue() {
+      return typeof this.state === 'string'
+        ? this.state.replace(/[^0-9,.]+/, '')
+        : ''
     },
-    stateValue () {
-      return typeof this.state === 'string' ? this.state.replace(/[^0-9,.]+/, '') : ''
-    }
   },
   methods: {
     ...Setting.methods,
-    getUnitString (value) {
+    getUnitString(value) {
       if (this.unitSet === 'none') return value
       return this.$t(['settings', 'units', this.unitSet, value].join('.'))
     },
-    updateValue (e) {
+    updateValue(e) {
       this.configSink(this.path, parseFloat(e.target.value) + this.stateUnit)
     },
-    updateUnit (e) {
+    updateUnit(e) {
       let value = this.stateValue
       const newUnit = e.target.value
       if (this.resetDefault) {
@@ -59,6 +79,6 @@ export default {
         }
       }
       this.configSink(this.path, value + newUnit)
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index de0e1af26..8f9112438 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -8,7 +8,7 @@ import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import './vertical_tab_switcher.scss'
 import { useInterfaceStore } from 'src/stores/interface'
 
-const findFirstUsable = (slots) => slots.findIndex(_ => _.props)
+const findFirstUsable = (slots) => slots.findIndex((_) => _.props)
 
 export default {
   name: 'VerticalTabSwitcher',
@@ -16,30 +16,30 @@ export default {
     renderOnlyFocused: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     onSwitch: {
       required: false,
       type: Function,
-      default: undefined
+      default: undefined,
     },
     activeTab: {
       required: false,
       type: String,
-      default: undefined
+      default: undefined,
     },
     bodyScrollLock: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     parentCollapsed: {
       required: false,
       type: Boolean,
-      default: null
-    }
+      default: null,
+    },
   },
-  data () {
+  data() {
     return {
       active: findFirstUsable(this.slots()),
       resizeHandler: null,
@@ -47,82 +47,89 @@ export default {
     }
   },
   computed: {
-    activeIndex () {
+    activeIndex() {
       // In case of controlled component
       if (this.activeTab) {
-        return this.slots().findIndex(slot => slot && slot.props && this.activeTab === slot.props.key)
+        return this.slots().findIndex(
+          (slot) => slot && slot.props && this.activeTab === slot.props.key,
+        )
       } else {
         return this.active
       }
     },
-    isActive () {
-      return tabName => {
-        const isWanted = slot => slot.props && slot.props['data-tab-name'] === tabName
+    isActive() {
+      return (tabName) => {
+        const isWanted = (slot) =>
+          slot.props && slot.props['data-tab-name'] === tabName
         return this.$slots.default().findIndex(isWanted) === this.activeIndex
       }
     },
     ...mapPiniaState(useInterfaceStore, {
-      mobileLayout: store => store.layoutType === 'mobile'
+      mobileLayout: (store) => store.layoutType === 'mobile',
     }),
   },
-  beforeUpdate () {
+  beforeUpdate() {
     const currentSlot = this.slots()[this.active]
     if (!currentSlot.props) {
       this.active = findFirstUsable(this.slots())
     }
   },
   methods: {
-    clickTab (index) {
+    clickTab(index) {
       return (e) => {
         e.preventDefault()
         this.setTab(index)
       }
     },
-    setTab (index) {
+    setTab(index) {
       if (typeof this.onSwitch === 'function') {
         this.onSwitch.call(null, this.slots()[index].key)
       }
       this.active = index
       this.changeNavSide('content')
     },
-    changeNavSide (side) {
+    changeNavSide(side) {
       if (this.navSide !== side) {
         this.navSide = side
       }
     },
     // DO NOT put it to computed, it doesn't work (caching?)
-    slots () {
+    slots() {
       if (this.$slots.default()[0].type === Fragment) {
         return this.$slots.default()[0].children
       }
       return this.$slots.default()
-    }
+    },
   },
-  render () {
-    const tabs = this.slots()
-      .map((slot, index) => {
-        const props = slot.props
-        if (!props) return
-        const classesTab = ['vertical-tab', 'menu-item']
-        if (this.activeIndex === index && useInterfaceStore().layoutType !== 'mobile') {
-          classesTab.push('-active')
-        }
-        return (
-          <button
-            disabled={props.disabled}
-            onClick={this.clickTab(index)}
-            class={classesTab.join(' ')}
-            type="button"
-            role="tab"
-            title={props.label}
-          >
-            {!props.icon ? '' : (<FAIcon class="tab-icon" size="1x" fixed-width icon={props.icon}/>)}
-            <span class="text">
-              {props.label}
-            </span>
-          </button>
-        )
-      })
+  render() {
+    const tabs = this.slots().map((slot, index) => {
+      const props = slot.props
+      if (!props) return
+      const classesTab = ['vertical-tab', 'menu-item']
+      if (
+        this.activeIndex === index &&
+        useInterfaceStore().layoutType !== 'mobile'
+      ) {
+        classesTab.push('-active')
+      }
+      return (
+        <button
+          disabled={props.disabled}
+          onClick={this.clickTab(index)}
+          class={classesTab.join(' ')}
+          type="button"
+          role="tab"
+          title={props.label}
+        >
+          {!props.icon ? (
+            ''
+          ) : (
+            <FAIcon class="tab-icon" size="1x" fixed-width icon={props.icon} />
+          )}
+          <span class="text">{props.label}</span>
+        </button>
+      )
+    })
 
     const contents = this.slots().map((slot, index) => {
       const props = slot.props
@@ -134,9 +141,8 @@ export default {
         slot.props['delay-render'] = false
         delayRender = false
       }
-      const renderSlot = (!delayRender && (!this.renderOnlyFocused || active))
-        ? slot
-        : ''
+      const renderSlot =
+        !delayRender && (!this.renderOnlyFocused || active) ? slot : ''
 
       const headerClasses = ['tab-content-label']
       const header = (
@@ -147,17 +153,16 @@ export default {
             title={this.$t('nav.back')}
             class="button-unstyled"
           >
-            <FAIcon
-              size="lg"
-              class="back-button-icon"
-              icon="chevron-left"
-            />
+            <FAIcon size="lg" class="back-button-icon" icon="chevron-left" />
           </button>
           {props.label}
         </h2>
       )
 
-      const wrapperClasses = ['tab-content-wrapper', active ? '-active' : '-hidden' ]
+      const wrapperClasses = [
+        'tab-content-wrapper',
+        active ? '-active' : '-hidden',
+      ]
       const contentClasses = ['tab-content']
       if (props['full-width'] || props['full-width'] === '') {
         contentClasses.push('-full-width')
@@ -168,14 +173,10 @@ export default {
         wrapperClasses.push('-full-height')
       }
       return (
-        <div class={wrapperClasses} >
-          <div class="tab-mobile-header">
-            {header}
-          </div>
+        <div class={wrapperClasses}>
+          <div class="tab-mobile-header">{header}</div>
           <div class="tab-slot-wrapper">
-            <div class={contentClasses} >
-              {renderSlot}
-            </div>
+            <div class={contentClasses}>{renderSlot}</div>
           </div>
         </div>
       )
@@ -193,12 +194,8 @@ export default {
     }
 
     return (
-      <div ref="root" class={ rootClasses.join(' ') }>
-        <div
-          class="tabs"
-          role="tablist"
-          ref="nav"
-        >
+      <div ref="root" class={rootClasses.join(' ')}>
+        <div class="tabs" role="tablist" ref="nav">
           {tabs}
         </div>
         <div
@@ -211,5 +208,5 @@ export default {
         </div>
       </div>
     )
-  }
+  },
 }
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index 789ebd0ee..f51f2107a 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -10,17 +10,15 @@ import { cloneDeep, isEqual } from 'lodash'
 import { mapState, mapActions } from 'pinia'
 import {
   newImporter,
-  newExporter
+  newExporter,
 } from 'src/services/export_import/export_import.js'
 import {
   faTimes,
   faFileUpload,
   faFileDownload,
-  faChevronDown
+  faChevronDown,
 } from '@fortawesome/free-solid-svg-icons'
-import {
-  faWindowMinimize
-} from '@fortawesome/free-regular-svg-icons'
+import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
 const PLEROMAFE_SETTINGS_MAJOR_VERSION = 1
@@ -31,25 +29,25 @@ library.add(
   faWindowMinimize,
   faFileUpload,
   faFileDownload,
-  faChevronDown
+  faChevronDown,
 )
 
 const SettingsModal = {
-  data () {
+  data() {
     return {
       dataImporter: newImporter({
         validator: this.importValidator,
         onImport: this.onImport,
-        onImportFailure: this.onImportFailure
+        onImportFailure: this.onImportFailure,
       }),
       dataThemeExporter: newExporter({
         filename: 'pleromafe_settings.full',
-        getExportedObject: () => this.generateExport(true)
+        getExportedObject: () => this.generateExport(true),
       }),
       dataExporter: newExporter({
         filename: 'pleromafe_settings',
-        getExportedObject: () => this.generateExport()
-      })
+        getExportedObject: () => this.generateExport(),
+      }),
     }
   },
   components: {
@@ -62,29 +60,29 @@ const SettingsModal = {
       {
         loadingComponent: PanelLoading,
         errorComponent: AsyncComponentError,
-        delay: 0
-      }
+        delay: 0,
+      },
     ),
     SettingsModalAdminContent: getResettableAsyncComponent(
       () => import('./settings_modal_admin_content.vue'),
       {
         loadingComponent: PanelLoading,
         errorComponent: AsyncComponentError,
-        delay: 0
-      }
-    )
+        delay: 0,
+      },
+    ),
   },
   methods: {
-    closeModal () {
+    closeModal() {
       useInterfaceStore().closeSettingsModal()
     },
-    peekModal () {
+    peekModal() {
       useInterfaceStore().togglePeekSettingsModal()
     },
-    importValidator (data) {
+    importValidator(data) {
       if (!Array.isArray(data._pleroma_settings_version)) {
         return {
-          messageKey: 'settings.file_import_export.invalid_file'
+          messageKey: 'settings.file_import_export.invalid_file',
         }
       }
 
@@ -95,8 +93,8 @@ const SettingsModal = {
           messageKey: 'settings.file_export_import.errors.file_too_new',
           messageArgs: {
             fileMajor: major,
-            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION
-          }
+            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION,
+          },
         }
       }
 
@@ -105,94 +103,106 @@ const SettingsModal = {
           messageKey: 'settings.file_export_import.errors.file_too_old',
           messageArgs: {
             fileMajor: major,
-            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION
-          }
+            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION,
+          },
         }
       }
 
       if (minor > PLEROMAFE_SETTINGS_MINOR_VERSION) {
         useInterfaceStore().pushGlobalNotice({
           level: 'warning',
-          messageKey: 'settings.file_export_import.errors.file_slightly_new'
+          messageKey: 'settings.file_export_import.errors.file_slightly_new',
         })
       }
 
       return true
     },
-    onImportFailure (result) {
+    onImportFailure(result) {
       if (result.error) {
-        useInterfaceStore().pushGlobalNotice({ messageKey: 'settings.invalid_settings_imported', level: 'error' })
+        useInterfaceStore().pushGlobalNotice({
+          messageKey: 'settings.invalid_settings_imported',
+          level: 'error',
+        })
       } else {
-        useInterfaceStore().pushGlobalNotice({ ...result.validationResult, level: 'error' })
+        useInterfaceStore().pushGlobalNotice({
+          ...result.validationResult,
+          level: 'error',
+        })
       }
     },
-    onImport (data) {
-      if (data) { this.$store.dispatch('loadSettings', data) }
+    onImport(data) {
+      if (data) {
+        this.$store.dispatch('loadSettings', data)
+      }
     },
-    restore () {
+    restore() {
       this.dataImporter.importData()
     },
-    backup () {
+    backup() {
       this.dataExporter.exportData()
     },
-    backupWithTheme () {
+    backupWithTheme() {
       this.dataThemeExporter.exportData()
     },
-    generateExport (theme = false) {
+    generateExport(theme = false) {
       const { config } = this.$store.state
       let sample = config
       if (!theme) {
         const ignoreList = new Set([
           'customTheme',
           'customThemeSource',
-          'colors'
+          'colors',
         ])
         sample = Object.fromEntries(
-          Object
-            .entries(sample)
-            .filter(([key]) => !ignoreList.has(key))
+          Object.entries(sample).filter(([key]) => !ignoreList.has(key)),
         )
       }
       const clone = cloneDeep(sample)
       clone._pleroma_settings_version = [
         PLEROMAFE_SETTINGS_MAJOR_VERSION,
-        PLEROMAFE_SETTINGS_MINOR_VERSION
+        PLEROMAFE_SETTINGS_MINOR_VERSION,
       ]
       return clone
     },
-    resetAdminDraft () {
+    resetAdminDraft() {
       this.$store.commit('resetAdminDraft')
     },
-    pushAdminDraft () {
+    pushAdminDraft() {
       this.$store.dispatch('pushAdminDraft')
     },
-    ...mapActions(useInterfaceStore, ['temporaryChangesRevert', 'temporaryChangesConfirm'])
+    ...mapActions(useInterfaceStore, [
+      'temporaryChangesRevert',
+      'temporaryChangesConfirm',
+    ]),
   },
   computed: {
     ...mapState(useInterfaceStore, {
-      temporaryChangesCountdown: store => store.temporaryChangesCountdown,
-      currentSaveStateNotice: store => store.settings.currentSaveStateNotice,
-      modalActivated: store => store.settingsModalState !== 'hidden',
-      modalMode: store => store.settingsModalMode,
-      modalOpenedOnceUser: store => store.settingsModalLoadedUser,
-      modalOpenedOnceAdmin: store => store.settingsModalLoadedAdmin,
-      modalPeeked: store => store.settingsModalState === 'minimized'
+      temporaryChangesCountdown: (store) => store.temporaryChangesCountdown,
+      currentSaveStateNotice: (store) => store.settings.currentSaveStateNotice,
+      modalActivated: (store) => store.settingsModalState !== 'hidden',
+      modalMode: (store) => store.settingsModalMode,
+      modalOpenedOnceUser: (store) => store.settingsModalLoadedUser,
+      modalOpenedOnceAdmin: (store) => store.settingsModalLoadedAdmin,
+      modalPeeked: (store) => store.settingsModalState === 'minimized',
     }),
     expertLevel: {
-      get () {
+      get() {
         return this.$store.state.config.expertLevel > 0
       },
-      set (value) {
-        this.$store.dispatch('setOption', { name: 'expertLevel', value: value ? 1 : 0 })
-      }
+      set(value) {
+        this.$store.dispatch('setOption', {
+          name: 'expertLevel',
+          value: value ? 1 : 0,
+        })
+      },
     },
-    adminDraftAny () {
+    adminDraftAny() {
       return !isEqual(
         this.$store.state.adminSettings.config,
-        this.$store.state.adminSettings.draft
+        this.$store.state.adminSettings.draft,
       )
-    }
-  }
+    },
+  },
 }
 
 export default SettingsModal
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 77a3d6b81..f1902eae9 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -36,7 +36,7 @@ import {
   faUpload,
   faMessage,
   faEllipsis,
-  faGauge
+  faGauge,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -55,7 +55,7 @@ library.add(
   faUpload,
   faMessage,
   faEllipsis,
-  faGauge
+  faGauge,
 )
 
 const SettingsModalAdminContent = {
@@ -78,44 +78,46 @@ const SettingsModalAdminContent = {
     MonitoringTab,
     RatesTab,
     OtherTab,
-    PostsTab
+    PostsTab,
   },
   computed: {
-    user () {
+    user() {
       return this.$store.state.users.currentUser
     },
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    open () {
+    open() {
       return useInterfaceStore().settingsModalState !== 'hidden'
     },
-    bodyLock () {
+    bodyLock() {
       return useInterfaceStore().settingsModalState === 'visible'
     },
-    adminDbLoaded () {
+    adminDbLoaded() {
       return this.$store.state.adminSettings.loaded
     },
-    adminDescriptionsLoaded () {
+    adminDescriptionsLoaded() {
       return this.$store.state.adminSettings.descriptions !== null
     },
-    noDb () {
+    noDb() {
       return this.$store.state.adminSettings.dbConfigEnabled === false
-    }
+    },
   },
-  created () {
+  created() {
     if (this.user.rights.admin) {
       this.$store.dispatch('loadAdminStuff')
     }
   },
   methods: {
-    onOpen () {
+    onOpen() {
       const targetTab = useInterfaceStore().settingsModalTargetTab
       // We're being told to open in specific tab
       if (targetTab) {
-        const tabIndex = this.$refs.tabSwitcher.$slots.default().findIndex(elm => {
-          return elm.props && elm.props['data-tab-name'] === targetTab
-        })
+        const tabIndex = this.$refs.tabSwitcher.$slots
+          .default()
+          .findIndex((elm) => {
+            return elm.props && elm.props['data-tab-name'] === targetTab
+          })
         if (tabIndex >= 0) {
           this.$refs.tabSwitcher.setTab(tabIndex)
         }
@@ -123,16 +125,16 @@ const SettingsModalAdminContent = {
       // Clear the state of target tab, so that next time settings is opened
       // it doesn't force it.
       useInterfaceStore().clearSettingsModalTargetTab()
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.onOpen()
   },
   watch: {
     open: function (value) {
       if (value) this.onOpen()
-    }
-  }
+    },
+  },
 }
 
 export default SettingsModalAdminContent
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 51718ab26..201e3b8be 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -31,7 +31,7 @@ import {
   faCode,
   faBroom,
   faLock,
-  faColumns
+  faColumns,
 } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
@@ -49,7 +49,7 @@ library.add(
   faDownload,
   faPalette,
   faPaintBrush,
-  faCode
+  faCode,
 )
 
 const SettingsModalContent = {
@@ -70,36 +70,38 @@ const SettingsModalContent = {
     AppearanceTab,
     StyleTab,
     DeveloperTab,
-    OldThemeTab
+    OldThemeTab,
   },
   computed: {
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    open () {
+    open() {
       return useInterfaceStore().settingsModalState !== 'hidden'
     },
-    bodyLock () {
+    bodyLock() {
       return useInterfaceStore().settingsModalState === 'visible'
     },
-    expertLevel () {
+    expertLevel() {
       return this.$store.state.config.expertLevel
-    }
+    },
   },
-  data () {
+  data() {
     return {
       navCollapsed: false,
-      navHideHeader: false
+      navHideHeader: false,
     }
   },
   methods: {
-    onOpen () {
+    onOpen() {
       const targetTab = useInterfaceStore().settingsModalTargetTab
       // We're being told to open in specific tab
       if (targetTab) {
-        const tabIndex = this.$refs.tabSwitcher.$slots.default().findIndex(elm => {
-          return elm.props && elm.props['data-tab-name'] === targetTab
-        })
+        const tabIndex = this.$refs.tabSwitcher.$slots
+          .default()
+          .findIndex((elm) => {
+            return elm.props && elm.props['data-tab-name'] === targetTab
+          })
         if (tabIndex >= 0) {
           this.$refs.tabSwitcher.setTab(tabIndex)
         }
@@ -107,16 +109,16 @@ const SettingsModalContent = {
       // Clear the state of target tab, so that next time settings is opened
       // it doesn't force it.
       useInterfaceStore().clearSettingsModalTargetTab()
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.onOpen()
   },
   watch: {
     open: function (value) {
       if (value) this.onOpen()
-    }
-  }
+    },
+  },
 }
 
 export default SettingsModalContent
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index db37774aa..48fa839b8 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -9,11 +9,12 @@ import Preview from './old_theme_tab/theme_preview.vue'
 import { newImporter } from 'src/services/export_import/export_import.js'
 import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 import { init } from 'src/services/theme_data/theme_data_3.service.js'
-import {
-  getCssRules
-} from 'src/services/theme_data/css_utils.js'
+import { getCssRules } from 'src/services/theme_data/css_utils.js'
 import { deserialize } from 'src/services/theme_data/iss_deserializer.js'
-import { createStyleSheet, adoptStyleSheets } from 'src/services/style_setter/style_setter.js'
+import {
+  createStyleSheet,
+  adoptStyleSheets,
+} from 'src/services/style_setter/style_setter.js'
 import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
@@ -23,7 +24,7 @@ import { mapActions } from 'pinia'
 import { useInterfaceStore, normalizeThemeData } from 'src/stores/interface'
 
 const AppearanceTab = {
-  data () {
+  data() {
     return {
       availableThemesV3: [],
       availableThemesV2: [],
@@ -34,7 +35,7 @@ const AppearanceTab = {
         validator: this.importValidator,
         onImport: this.onImport,
         parser: this.importParser,
-        onImportFailure: this.onImportFailure
+        onImportFailure: this.onImportFailure,
       }),
       palettesKeys: [
         'bg',
@@ -44,19 +45,25 @@ const AppearanceTab = {
         'cRed',
         'cGreen',
         'cBlue',
-        'cOrange'
+        'cOrange',
       ],
       userPalette: {},
       intersectionObserver: null,
-      forcedRoundnessOptions: ['disabled', 'sharp', 'nonsharp', 'round'].map((mode, i) => ({
-        key: mode,
-        value: i - 1,
-        label: this.$t(`settings.style.themes3.hacks.forced_roundness_mode_${mode}`)
-      })),
+      forcedRoundnessOptions: ['disabled', 'sharp', 'nonsharp', 'round'].map(
+        (mode, i) => ({
+          key: mode,
+          value: i - 1,
+          label: this.$t(
+            `settings.style.themes3.hacks.forced_roundness_mode_${mode}`,
+          ),
+        }),
+      ),
       underlayOverrideModes: ['none', 'opaque', 'transparent'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.style.themes3.hacks.underlay_override_mode_${mode}`)
+        label: this.$t(
+          `settings.style.themes3.hacks.underlay_override_mode_${mode}`,
+        ),
       })),
       backgroundUploading: false,
       background: null,
@@ -71,9 +78,9 @@ const AppearanceTab = {
     UnitSetting,
     ProfileSettingIndicator,
     Preview,
-    PaletteEditor
+    PaletteEditor,
   },
-  mounted () {
+  mounted() {
     useInterfaceStore().getThemeData()
 
     const updateIndex = (resource) => {
@@ -87,120 +94,151 @@ const AppearanceTab = {
         promise = useInterfaceStore()[`fetch${capitalizedResource}sIndex`]()
       }
 
-      return promise.then(index => {
-        return Object
-          .entries(index)
-          .map(([k, func]) => [k, func()])
+      return promise.then((index) => {
+        return Object.entries(index).map(([k, func]) => [k, func()])
       })
     }
 
-    updateIndex('style').then(styles => {
-      styles.forEach(([key, stylePromise]) => stylePromise.then(data => {
-        const meta = data.find(x => x.component === '@meta')
-        this.availableThemesV3.push({ key, data, name: meta.directives.name, version: 'v3' })
-      }))
+    updateIndex('style').then((styles) => {
+      styles.forEach(([key, stylePromise]) =>
+        stylePromise.then((data) => {
+          const meta = data.find((x) => x.component === '@meta')
+          this.availableThemesV3.push({
+            key,
+            data,
+            name: meta.directives.name,
+            version: 'v3',
+          })
+        }),
+      )
     })
 
-    updateIndex('theme').then(themes => {
-      themes.forEach(([key, themePromise]) => themePromise.then(data => {
-        if (!data) {
-          console.warn(`Theme with key ${key} is empty or malformed`)
-        } else if (Array.isArray(data)) {
-          console.warn(`Theme with key ${key} is a v1 theme and should be moved to static/palettes/index.json`)
-        } else if (!data.source && !data.theme) {
-          console.warn(`Theme with key ${key} is malformed`)
-        } else {
-          this.availableThemesV2.push({ key, data, name: data.name, version: 'v2' })
-        }
-      }))
+    updateIndex('theme').then((themes) => {
+      themes.forEach(([key, themePromise]) =>
+        themePromise.then((data) => {
+          if (!data) {
+            console.warn(`Theme with key ${key} is empty or malformed`)
+          } else if (Array.isArray(data)) {
+            console.warn(
+              `Theme with key ${key} is a v1 theme and should be moved to static/palettes/index.json`,
+            )
+          } else if (!data.source && !data.theme) {
+            console.warn(`Theme with key ${key} is malformed`)
+          } else {
+            this.availableThemesV2.push({
+              key,
+              data,
+              name: data.name,
+              version: 'v2',
+            })
+          }
+        }),
+      )
     })
 
     this.userPalette = useInterfaceStore().paletteDataUsed || {}
 
-    updateIndex('palette').then(bundledPalettes => {
-      bundledPalettes.forEach(([key, palettePromise]) => palettePromise.then(v => {
-        let palette
-        if (Array.isArray(v)) {
-          const [
-            name,
-            bg,
-            fg,
-            text,
-            link,
-            cRed = '#FF0000',
-            cGreen = '#00FF00',
-            cBlue = '#0000FF',
-            cOrange = '#E3FF00'
-          ] = v
-          palette = { key, name, bg, fg, text, link, cRed, cBlue, cGreen, cOrange }
-        } else {
-          palette = { key, ...v }
-        }
-        if (!palette.key.startsWith('style.')) {
-          this.bundledPalettes.push(palette)
-        }
-      }))
+    updateIndex('palette').then((bundledPalettes) => {
+      bundledPalettes.forEach(([key, palettePromise]) =>
+        palettePromise.then((v) => {
+          let palette
+          if (Array.isArray(v)) {
+            const [
+              name,
+              bg,
+              fg,
+              text,
+              link,
+              cRed = '#FF0000',
+              cGreen = '#00FF00',
+              cBlue = '#0000FF',
+              cOrange = '#E3FF00',
+            ] = v
+            palette = {
+              key,
+              name,
+              bg,
+              fg,
+              text,
+              link,
+              cRed,
+              cBlue,
+              cGreen,
+              cOrange,
+            }
+          } else {
+            palette = { key, ...v }
+          }
+          if (!palette.key.startsWith('style.')) {
+            this.bundledPalettes.push(palette)
+          }
+        }),
+      )
     })
 
     this.previewTheme('stock', 'v3')
 
     if (window.IntersectionObserver) {
-      this.intersectionObserver = new IntersectionObserver((entries, observer) => {
-        entries.forEach(({ target, isIntersecting }) => {
-          if (!isIntersecting) return
-          const theme = this.availableStyles.find(x => x.key === target.dataset.themeKey)
-          this.$nextTick(() => {
-            if (theme) this.previewTheme(theme.key, theme.version, theme.data)
+      this.intersectionObserver = new IntersectionObserver(
+        (entries, observer) => {
+          entries.forEach(({ target, isIntersecting }) => {
+            if (!isIntersecting) return
+            const theme = this.availableStyles.find(
+              (x) => x.key === target.dataset.themeKey,
+            )
+            this.$nextTick(() => {
+              if (theme) this.previewTheme(theme.key, theme.version, theme.data)
+            })
+            observer.unobserve(target)
           })
-          observer.unobserve(target)
-        })
-      }, {
-        root: this.$refs.themeList
-      })
+        },
+        {
+          root: this.$refs.themeList,
+        },
+      )
     } else {
-      this.availableStyles.forEach(theme => this.previewTheme(theme.key, theme.version, theme.data))
+      this.availableStyles.forEach((theme) =>
+        this.previewTheme(theme.key, theme.version, theme.data),
+      )
     }
   },
-  updated () {
+  updated() {
     this.$nextTick(() => {
-      this.$refs.themeList.querySelectorAll('.theme-preview').forEach(node => {
-        this.intersectionObserver.observe(node)
-      })
+      this.$refs.themeList
+        .querySelectorAll('.theme-preview')
+        .forEach((node) => {
+          this.intersectionObserver.observe(node)
+        })
     })
   },
   watch: {
-    paletteDataUsed () {
+    paletteDataUsed() {
       this.userPalette = this.paletteDataUsed || {}
-    }
+    },
   },
   computed: {
-    isDefaultBackground () {
-      return !(this.$store.state.users.currentUser.background_image)
+    isDefaultBackground() {
+      return !this.$store.state.users.currentUser.background_image
     },
-    switchInProgress () {
+    switchInProgress() {
       return useInterfaceStore().themeChangeInProgress
     },
-    paletteDataUsed () {
+    paletteDataUsed() {
       return useInterfaceStore().paletteDataUsed
     },
-    availableStyles () {
-      return [
-        ...this.availableThemesV3,
-        ...this.availableThemesV2
-      ]
+    availableStyles() {
+      return [...this.availableThemesV3, ...this.availableThemesV2]
     },
-    availablePalettes () {
-      return [
-        ...this.bundledPalettes,
-        ...this.stylePalettes
-      ]
+    availablePalettes() {
+      return [...this.bundledPalettes, ...this.stylePalettes]
     },
-    stylePalettes () {
+    stylePalettes() {
       const ruleset = useInterfaceStore().styleDataUsed || []
       if (!ruleset && ruleset.length === 0) return
-      const meta = ruleset.find(x => x.component === '@meta')
-      const result = ruleset.filter(x => x.component.startsWith('@palette'))
-        .map(x => {
+      const meta = ruleset.find((x) => x.component === '@meta')
+      const result = ruleset
+        .filter((x) => x.component.startsWith('@palette'))
+        .map((x) => {
           const { variant, directives } = x
           const {
             bg,
@@ -212,7 +250,7 @@ const AppearanceTab = {
             cBlue,
             cGreen,
             cOrange,
-            wallpaper
+            wallpaper,
           } = directives
 
           const result = {
@@ -227,94 +265,103 @@ const AppearanceTab = {
             cBlue,
             cGreen,
             cOrange,
-            wallpaper
+            wallpaper,
           }
           return Object.fromEntries(Object.entries(result).filter(([, v]) => v))
         })
       return result
     },
-    noIntersectionObserver () {
+    noIntersectionObserver() {
       return !window.IntersectionObserver
     },
-    instanceWallpaper () {
+    instanceWallpaper() {
       this.$store.state.instance.background
     },
-    instanceWallpaperUsed () {
-      return this.$store.state.instance.background &&
+    instanceWallpaperUsed() {
+      return (
+        this.$store.state.instance.background &&
         !this.$store.state.users.currentUser.background_image
+      )
     },
-    customThemeVersion () {
+    customThemeVersion() {
       const { themeVersion } = useInterfaceStore()
       return themeVersion
     },
-    isCustomThemeUsed () {
+    isCustomThemeUsed() {
       const { customTheme, customThemeSource } = this.mergedConfig
       return customTheme != null || customThemeSource != null
     },
-    isCustomStyleUsed () {
+    isCustomStyleUsed() {
       const { styleCustomData } = this.mergedConfig
       return styleCustomData != null
     },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
   },
   methods: {
-    importFile () {
+    importFile() {
       this.fileImporter.importData()
     },
-    importParser (file, filename) {
+    importParser(file, filename) {
       if (filename.endsWith('.json')) {
         return JSON.parse(file)
       } else if (filename.endsWith('.iss')) {
         return deserialize(file)
       }
     },
-    onImport (parsed, filename) {
+    onImport(parsed, filename) {
       if (filename.endsWith('.json')) {
         useInterfaceStore().setThemeCustom(parsed.source || parsed.theme)
       } else if (filename.endsWith('.iss')) {
         useInterfaceStore().setStyleCustom(parsed)
       }
     },
-    onImportFailure (result) {
+    onImportFailure(result) {
       console.error('Failure importing theme:', result)
-      useInterfaceStore().pushGlobalNotice({ messageKey: 'settings.invalid_theme_imported', level: 'error' })
+      useInterfaceStore().pushGlobalNotice({
+        messageKey: 'settings.invalid_theme_imported',
+        level: 'error',
+      })
     },
-    importValidator (parsed, filename) {
+    importValidator(parsed, filename) {
       if (filename.endsWith('.json')) {
         const version = parsed._pleroma_theme_version
         return version >= 1 || version <= 2
       } else if (filename.endsWith('.iss')) {
         if (!Array.isArray(parsed)) return false
         if (parsed.length < 1) return false
-        if (parsed.find(x => x.component === '@meta') == null) return false
+        if (parsed.find((x) => x.component === '@meta') == null) return false
         return true
       }
     },
-    isThemeActive (key) {
-      return key === (this.mergedConfig.theme || this.$store.state.instance.theme)
+    isThemeActive(key) {
+      return (
+        key === (this.mergedConfig.theme || this.$store.state.instance.theme)
+      )
     },
-    isStyleActive (key) {
-      return key === (this.mergedConfig.style || this.$store.state.instance.style)
+    isStyleActive(key) {
+      return (
+        key === (this.mergedConfig.style || this.$store.state.instance.style)
+      )
     },
-    isPaletteActive (key) {
-      return key === (this.mergedConfig.palette || this.$store.state.instance.palette)
+    isPaletteActive(key) {
+      return (
+        key ===
+        (this.mergedConfig.palette || this.$store.state.instance.palette)
+      )
     },
-    ...mapActions(useInterfaceStore, [
-      'setStyle',
-      'setTheme'
-    ]),
-    setPalette (name, data) {
+    ...mapActions(useInterfaceStore, ['setStyle', 'setTheme']),
+    setPalette(name, data) {
       useInterfaceStore().setPalette(name)
       this.userPalette = data
     },
-    setPaletteCustom (data) {
+    setPaletteCustom(data) {
       useInterfaceStore().setPaletteCustom(data)
       this.userPalette = data
     },
-    resetTheming () {
+    resetTheming() {
       useInterfaceStore().setStyle('stock')
     },
-    previewTheme (key, version, input) {
+    previewTheme(key, version, input) {
       let theme3
       if (this.compilationCache[key]) {
         theme3 = this.compilationCache[key]
@@ -327,10 +374,10 @@ const AppearanceTab = {
             ultimateBackgroundColor: '#000000',
             liteMode: true,
             debug: true,
-            onlyNormalState: true
+            onlyNormalState: true,
           })
         } else if (version === 'v3') {
-          const palette = input.find(x => x.component === '@palette')
+          const palette = input.find((x) => x.component === '@palette')
           let paletteRule
           if (palette) {
             const { directives } = palette
@@ -339,21 +386,20 @@ const AppearanceTab = {
             paletteRule = {
               component: 'Root',
               directives: Object.fromEntries(
-                Object
-                  .entries(directives)
+                Object.entries(directives)
                   .filter(([k]) => k && k !== 'name')
-                  .map(([k, v]) => ['--' + k, 'color | ' + v])
-              )
+                  .map(([k, v]) => ['--' + k, 'color | ' + v]),
+              ),
             }
           } else {
             paletteRule = null
           }
 
           theme3 = init({
-            inputRuleset: [...input, paletteRule].filter(x => x),
+            inputRuleset: [...input, paletteRule].filter((x) => x),
             ultimateBackgroundColor: '#000000',
             liteMode: true,
-            onlyNormalState: true
+            onlyNormalState: true,
           })
         }
       } else {
@@ -361,7 +407,7 @@ const AppearanceTab = {
           inputRuleset: [],
           ultimateBackgroundColor: '#000000',
           liteMode: true,
-          onlyNormalState: true
+          onlyNormalState: true,
         })
       }
 
@@ -369,22 +415,29 @@ const AppearanceTab = {
         this.compilationCache[key] = theme3
       }
 
-
       const sheet = createStyleSheet('appearance-tab-previews', 90)
-      sheet.addRule([
-        '#theme-preview-', key, ' {\n',
-        getCssRules(theme3.eager).join('\n'),
-        '\n}'
-      ].join(''))
+      sheet.addRule(
+        [
+          '#theme-preview-',
+          key,
+          ' {\n',
+          getCssRules(theme3.eager).join('\n'),
+          '\n}',
+        ].join(''),
+      )
       sheet.ready = true
       adoptStyleSheets()
     },
-    uploadFile (slot, e) {
+    uploadFile(slot, e) {
       const file = e.target.files[0]
-      if (!file) { return }
+      if (!file) {
+        return
+      }
       if (file.size > this.$store.state.instance[slot + 'limit']) {
         const filesize = fileSizeFormatService.fileSizeFormat(file.size)
-        const allowedsize = fileSizeFormatService.fileSizeFormat(this.$store.state.instance[slot + 'limit'])
+        const allowedsize = fileSizeFormatService.fileSizeFormat(
+          this.$store.state.instance[slot + 'limit'],
+        )
         useInterfaceStore().pushGlobalNotice({
           messageKey: 'upload.error.message',
           messageArgs: [
@@ -392,10 +445,10 @@ const AppearanceTab = {
               filesize: filesize.num,
               filesizeunit: filesize.unit,
               allowedsize: allowedsize.num,
-              allowedsizeunit: allowedsize.unit
-            })
+              allowedsizeunit: allowedsize.unit,
+            }),
           ],
-          level: 'error'
+          level: 'error',
         })
         return
       }
@@ -408,29 +461,36 @@ const AppearanceTab = {
       }
       reader.readAsDataURL(file)
     },
-    resetBackground () {
-      const confirmed = window.confirm(this.$t('settings.reset_background_confirm'))
+    resetBackground() {
+      const confirmed = window.confirm(
+        this.$t('settings.reset_background_confirm'),
+      )
       if (confirmed) {
         this.submitBackground('')
       }
     },
-    resetUploadedBackground () {
+    resetUploadedBackground() {
       this.backgroundPreview = null
     },
-    submitBackground (background) {
-      if (!this.backgroundPreview && background !== '') { return }
+    submitBackground(background) {
+      if (!this.backgroundPreview && background !== '') {
+        return
+      }
 
       this.backgroundUploading = true
-      this.$store.state.api.backendInteractor.updateProfileImages({ background })
+      this.$store.state.api.backendInteractor
+        .updateProfileImages({ background })
         .then((data) => {
           this.$store.commit('addNewUsers', [data])
           this.$store.commit('setCurrentUser', data)
           this.backgroundPreview = null
         })
         .catch(this.displayUploadError)
-        .finally(() => { this.backgroundUploading = false })
+        .finally(() => {
+          this.backgroundUploading = false
+        })
     },
-  }
+  },
 }
 
 export default AppearanceTab
diff --git a/src/components/settings_modal/tabs/clutter_tab.js b/src/components/settings_modal/tabs/clutter_tab.js
index d4edf8f66..e33031d6b 100644
--- a/src/components/settings_modal/tabs/clutter_tab.js
+++ b/src/components/settings_modal/tabs/clutter_tab.js
@@ -1,6 +1,6 @@
 import { mapState, mapActions } from 'pinia'
 import { mapState as mapVuexState } from 'vuex'
-import { v4 as uuidv4 } from 'uuid';
+import { v4 as uuidv4 } from 'uuid'
 
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
@@ -14,7 +14,6 @@ import Select from 'src/components/select/select.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
-
 const ClutterTab = {
   components: {
     BooleanSetting,
@@ -23,23 +22,23 @@ const ClutterTab = {
     IntegerSetting,
     Checkbox,
     Select,
-    HelpIndicator
+    HelpIndicator,
   },
   computed: {
-    instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
+    instanceSpecificPanelPresent() {
+      return this.$store.state.instance.showInstanceSpecificPanel
+    },
     ...SharedComputedObject(),
-    ...mapState(
-      useServerSideStorageStore,
-      {
-        muteFilters: store => Object.entries(store.prefsStorage.simple.muteFilters),
-        muteFiltersObject: store => store.prefsStorage.simple.muteFilters
-      }
-    ),
+    ...mapState(useServerSideStorageStore, {
+      muteFilters: (store) =>
+        Object.entries(store.prefsStorage.simple.muteFilters),
+      muteFiltersObject: (store) => store.prefsStorage.simple.muteFilters,
+    }),
     ...mapVuexState({
-      blockExpirationSupported: state => state.instance.blockExpiration
+      blockExpirationSupported: (state) => state.instance.blockExpiration,
     }),
     onMuteDefaultActionLv1: {
-      get () {
+      get() {
         const value = this.$store.state.config.onMuteDefaultAction
         if (value === 'ask' || value === 'forever') {
           return value
@@ -47,16 +46,19 @@ const ClutterTab = {
           return 'temporarily'
         }
       },
-      set (value) {
+      set(value) {
         let realValue = value
         if (value !== 'ask' && value !== 'forever') {
           realValue = '14d'
         }
-        this.$store.dispatch('setOption', { name: 'onMuteDefaultAction', value: realValue })
-      }
+        this.$store.dispatch('setOption', {
+          name: 'onMuteDefaultAction',
+          value: realValue,
+        })
+      },
     },
     onBlockDefaultActionLv1: {
-      get () {
+      get() {
         const value = this.$store.state.config.onBlockDefaultAction
         if (value === 'ask' || value === 'forever') {
           return value
@@ -64,29 +66,36 @@ const ClutterTab = {
           return 'temporarily'
         }
       },
-      set (value) {
+      set(value) {
         let realValue = value
         if (value !== 'ask' && value !== 'forever') {
           realValue = '14d'
         }
-        this.$store.dispatch('setOption', { name: 'onBlockDefaultAction', value: realValue })
-      }
+        this.$store.dispatch('setOption', {
+          name: 'onBlockDefaultAction',
+          value: realValue,
+        })
+      },
     },
-    muteFiltersDraft () {
+    muteFiltersDraft() {
       return Object.entries(this.muteFiltersDraftObject)
     },
-    muteFiltersExpired () {
+    muteFiltersExpired() {
       const now = Date.now()
-      return Object
-        .entries(this.muteFiltersDraftObject)
-        .filter(([, { expires }]) => expires != null && expires <= now)
-    }
+      return Object.entries(this.muteFiltersDraftObject).filter(
+        ([, { expires }]) => expires != null && expires <= now,
+      )
+    },
   },
   methods: {
-    ...mapActions(useServerSideStorageStore, ['setPreference', 'unsetPreference', 'pushServerSideStorage']),
-    getDatetimeLocal (timestamp) {
+    ...mapActions(useServerSideStorageStore, [
+      'setPreference',
+      'unsetPreference',
+      'pushServerSideStorage',
+    ]),
+    getDatetimeLocal(timestamp) {
       const date = new Date(timestamp)
-      const fmt = new Intl.NumberFormat("en-US", {minimumIntegerDigits: 2})
+      const fmt = new Intl.NumberFormat('en-US', { minimumIntegerDigits: 2 })
       const datetime = [
         date.getFullYear(),
         '-',
@@ -96,11 +105,11 @@ const ClutterTab = {
         'T',
         fmt.format(date.getHours()),
         ':',
-        fmt.format(date.getMinutes())
+        fmt.format(date.getMinutes()),
       ].join('')
       return datetime
     },
-    checkRegexValid (id) {
+    checkRegexValid(id) {
       const filter = this.muteFiltersObject[id]
       if (filter.type !== 'regexp') return true
       if (filter.type !== 'user_regexp') return true
@@ -114,19 +123,21 @@ const ClutterTab = {
       }
       return valid
     },
-    createFilter (filter = {
-      type: 'word',
-      value: '',
-      name: 'New Filter',
-      enabled: true,
-      expires: null,
-      hide: false,
-    }) {
+    createFilter(
+      filter = {
+        type: 'word',
+        value: '',
+        name: 'New Filter',
+        enabled: true,
+        expires: null,
+        hide: false,
+      },
+    ) {
       const newId = uuidv4()
 
       filter.order = this.muteFilters.length + 2
       this.muteFiltersDraftObject[newId] = filter
-      this.setPreference({ path: 'simple.muteFilters.' + newId , value: filter })
+      this.setPreference({ path: 'simple.muteFilters.' + newId, value: filter })
       this.pushServerSideStorage()
     },
     exportFilter(id) {
@@ -137,23 +148,23 @@ const ClutterTab = {
     importFilter() {
       this.filterImporter.importData()
     },
-    copyFilter (id) {
+    copyFilter(id) {
       const filter = { ...this.muteFiltersDraftObject[id] }
       const newId = uuidv4()
 
       this.muteFiltersDraftObject[newId] = filter
-      this.setPreference({ path: 'simple.muteFilters.' + newId , value: filter })
+      this.setPreference({ path: 'simple.muteFilters.' + newId, value: filter })
       this.pushServerSideStorage()
     },
-    deleteFilter (id) {
+    deleteFilter(id) {
       delete this.muteFiltersDraftObject[id]
-      this.unsetPreference({ path: 'simple.muteFilters.' + id , value: null })
+      this.unsetPreference({ path: 'simple.muteFilters.' + id, value: null })
       this.pushServerSideStorage()
     },
-    purgeExpiredFilters () {
+    purgeExpiredFilters() {
       this.muteFiltersExpired.forEach(([id]) => {
         delete this.muteFiltersDraftObject[id]
-        this.unsetPreference({ path: 'simple.muteFilters.' + id , value: null })
+        this.unsetPreference({ path: 'simple.muteFilters.' + id, value: null })
       })
       this.pushServerSideStorage()
     },
@@ -177,17 +188,20 @@ const ClutterTab = {
       this.muteFiltersDraftDirty[id] = true
     },
     saveFilter(id) {
-      this.setPreference({ path: 'simple.muteFilters.' + id , value: this.muteFiltersDraftObject[id] })
+      this.setPreference({
+        path: 'simple.muteFilters.' + id,
+        value: this.muteFiltersDraftObject[id],
+      })
       this.pushServerSideStorage()
       this.muteFiltersDraftDirty[id] = false
     },
   },
   // Updating nested properties
   watch: {
-    replyVisibility () {
+    replyVisibility() {
       this.$store.dispatch('queueFlushAll')
-    }
-  }
+    },
+  },
 }
 
 export default ClutterTab
diff --git a/src/components/settings_modal/tabs/composing_tab.js b/src/components/settings_modal/tabs/composing_tab.js
index 7efbe7047..581b4d71b 100644
--- a/src/components/settings_modal/tabs/composing_tab.js
+++ b/src/components/settings_modal/tabs/composing_tab.js
@@ -21,69 +21,78 @@ import {
   faMessage,
   faPenAlt,
   faDatabase,
-  faSliders
+  faSliders,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faGlobe,
-  faMessage,
-  faPenAlt,
-  faDatabase,
-  faSliders
-)
+library.add(faGlobe, faMessage, faPenAlt, faDatabase, faSliders)
 
 const ComposingTab = {
   props: {
     parentCollapsed: {
       required: true,
-      type: Boolean
-    }
+      type: Boolean,
+    },
   },
-  data () {
+  data() {
     return {
-      subjectLineOptions: ['email', 'noop', 'masto'].map(mode => ({
+      subjectLineOptions: ['email', 'noop', 'masto'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.subject_line_${mode === 'masto' ? 'mastodon' : mode}`)
+        label: this.$t(
+          `settings.subject_line_${mode === 'masto' ? 'mastodon' : mode}`,
+        ),
       })),
-      conversationDisplayOptions: ['tree', 'linear'].map(mode => ({
+      conversationDisplayOptions: ['tree', 'linear'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.conversation_display_${mode}`)
+        label: this.$t(`settings.conversation_display_${mode}`),
       })),
-      absoluteTime12hOptions: ['24h', '12h'].map(mode => ({
+      absoluteTime12hOptions: ['24h', '12h'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.absolute_time_format_12h_${mode}`)
+        label: this.$t(`settings.absolute_time_format_12h_${mode}`),
       })),
-      conversationOtherRepliesButtonOptions: ['below', 'inside'].map(mode => ({
+      conversationOtherRepliesButtonOptions: ['below', 'inside'].map(
+        (mode) => ({
+          key: mode,
+          value: mode,
+          label: this.$t(`settings.conversation_other_replies_button_${mode}`),
+        }),
+      ),
+      mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(
+        (mode) => ({
+          key: mode,
+          value: mode,
+          label: this.$t(`settings.mention_link_display_${mode}`),
+        }),
+      ),
+      userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.conversation_other_replies_button_${mode}`)
+        label: this.$t(`settings.user_popover_avatar_action_${mode}`),
       })),
-      mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(mode => ({
+      unsavedPostActionOptions: ['save', 'discard', 'confirm'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.mention_link_display_${mode}`)
-      })),
-      userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.user_popover_avatar_action_${mode}`)
-      })),
-      unsavedPostActionOptions: ['save', 'discard', 'confirm'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.unsaved_post_action_${mode}`)
+        label: this.$t(`settings.unsaved_post_action_${mode}`),
       })),
       loopSilentAvailable:
-      // Firefox
-      Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
-      // Chrome-likes
-      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
-      // Future spec, still not supported in Nightly 63 as of 08/2018
-      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks'),
-      emailLanguage: this.$store.state.users.currentUser.language || ['']
+        // Firefox
+        Object.getOwnPropertyDescriptor(
+          HTMLVideoElement.prototype,
+          'mozHasAudio',
+        ) ||
+        // Chrome-likes
+        Object.getOwnPropertyDescriptor(
+          HTMLMediaElement.prototype,
+          'webkitAudioDecodedByteCount',
+        ) ||
+        // Future spec, still not supported in Nightly 63 as of 08/2018
+        Object.getOwnPropertyDescriptor(
+          HTMLMediaElement.prototype,
+          'audioTracks',
+        ),
+      emailLanguage: this.$store.state.users.currentUser.language || [''],
     }
   },
   components: {
@@ -96,61 +105,68 @@ const ComposingTab = {
     ProfileSettingIndicator,
     ScopeSelector,
     Select,
-    FontControl
+    FontControl,
   },
   computed: {
-    postFormats () {
+    postFormats() {
       return this.$store.state.instance.postFormats || []
     },
-    postContentOptions () {
-      return this.postFormats.map(format => ({
+    postContentOptions() {
+      return this.postFormats.map((format) => ({
         key: format,
         value: format,
-        label: this.$t(`post_status.content_type["${format}"]`)
+        label: this.$t(`post_status.content_type["${format}"]`),
       }))
     },
     language: {
-      get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
+      get: function () {
+        return this.$store.getters.mergedConfig.interfaceLanguage
+      },
       set: function (val) {
-        this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
-      }
+        this.$store.dispatch('setOption', {
+          name: 'interfaceLanguage',
+          value: val,
+        })
+      },
     },
     ...SharedComputedObject(),
     ...mapState({
-      blockExpirationSupported: state => state.instance.blockExpiration,
-    })
+      blockExpirationSupported: (state) => state.instance.blockExpiration,
+    }),
   },
   methods: {
-    changeDefaultScope (value) {
+    changeDefaultScope(value) {
       this.$store.dispatch('setProfileOption', { name: 'defaultScope', value })
     },
-    clearCache (key) {
+    clearCache(key) {
       clearCache(key)
         .then(() => {
           this.$store.dispatch('settingsSaved', { success: true })
         })
-        .catch(error => {
+        .catch((error) => {
           this.$store.dispatch('settingsSaved', { error })
         })
     },
-    tooSmall () {
+    tooSmall() {
       this.$emit('tooSmall')
     },
-    tooBig () {
+    tooBig() {
       this.$emit('tooBig')
     },
-    getNavMode () {
+    getNavMode() {
       return this.$refs.tabSwitcher.getNavMode()
     },
-    clearAssetCache () {
+    clearAssetCache() {
       this.clearCache(cacheKey)
     },
-    clearEmojiCache () {
+    clearEmojiCache() {
       this.clearCache(emojiCacheKey)
     },
-    updateProfile () {
+    updateProfile() {
       const params = {
-        language: localeService.internalToBackendLocaleMulti(this.emailLanguage)
+        language: localeService.internalToBackendLocaleMulti(
+          this.emailLanguage,
+        ),
       }
 
       this.$store.state.api.backendInteractor
@@ -160,19 +176,19 @@ const ComposingTab = {
           this.$store.commit('setCurrentUser', user)
         })
     },
-    updateFont (key, value) {
+    updateFont(key, value) {
       this.$store.dispatch('setOption', {
         name: 'theme3hacks',
         value: {
           ...this.mergedConfig.theme3hacks,
           fonts: {
             ...this.mergedConfig.theme3hacks.fonts,
-            [key]: value
-          }
-        }
+            [key]: value,
+          },
+        },
       })
     },
-  }
+  },
 }
 
 export default ComposingTab
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.js b/src/components/settings_modal/tabs/data_import_export_tab.js
index 4304e59c0..5b089350f 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.js
+++ b/src/components/settings_modal/tabs/data_import_export_tab.js
@@ -5,81 +5,84 @@ import { mapState } from 'vuex'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
 
 const DataImportExportTab = {
-  data () {
+  data() {
     return {
       activeTab: 'profile',
       newDomainToMute: '',
       listBackupsError: false,
       addBackupError: false,
       addedBackup: false,
-      backups: []
+      backups: [],
     }
   },
-  created () {
+  created() {
     useOAuthTokensStore().fetchTokens()
     this.fetchBackups()
   },
   components: {
     Importer,
     Exporter,
-    Checkbox
+    Checkbox,
   },
   computed: {
     ...mapState({
       backendInteractor: (state) => state.api.backendInteractor,
-      user: (state) => state.users.currentUser
-    })
+      user: (state) => state.users.currentUser,
+    }),
   },
   methods: {
-    getFollowsContent () {
-      return this.backendInteractor.exportFriends({ id: this.user.id })
+    getFollowsContent() {
+      return this.backendInteractor
+        .exportFriends({ id: this.user.id })
         .then(this.generateExportableUsersContent)
     },
-    getBlocksContent () {
-      return this.backendInteractor.fetchBlocks()
+    getBlocksContent() {
+      return this.backendInteractor
+        .fetchBlocks()
         .then(this.generateExportableUsersContent)
     },
-    getMutesContent () {
-      return this.backendInteractor.fetchMutes()
+    getMutesContent() {
+      return this.backendInteractor
+        .fetchMutes()
         .then(this.generateExportableUsersContent)
     },
-    importFollows (file) {
-      return this.backendInteractor.importFollows({ file })
-        .then((status) => {
-          if (!status) {
-            throw new Error('failed')
-          }
-        })
-    },
-    importBlocks (file) {
-      return this.backendInteractor.importBlocks({ file })
-        .then((status) => {
-          if (!status) {
-            throw new Error('failed')
-          }
-        })
-    },
-    importMutes (file) {
-      return this.backendInteractor.importMutes({ file })
-        .then((status) => {
-          if (!status) {
-            throw new Error('failed')
-          }
-        })
-    },
-    generateExportableUsersContent (users) {
-      // Get addresses
-      return users.map((user) => {
-        // check is it's a local user
-        if (user && user.is_local) {
-          // append the instance address
-          return user.screen_name + '@' + location.hostname
+    importFollows(file) {
+      return this.backendInteractor.importFollows({ file }).then((status) => {
+        if (!status) {
+          throw new Error('failed')
         }
-        return user.screen_name
-      }).join('\n')
+      })
     },
-    addBackup () {
-      this.$store.state.api.backendInteractor.addBackup()
+    importBlocks(file) {
+      return this.backendInteractor.importBlocks({ file }).then((status) => {
+        if (!status) {
+          throw new Error('failed')
+        }
+      })
+    },
+    importMutes(file) {
+      return this.backendInteractor.importMutes({ file }).then((status) => {
+        if (!status) {
+          throw new Error('failed')
+        }
+      })
+    },
+    generateExportableUsersContent(users) {
+      // Get addresses
+      return users
+        .map((user) => {
+          // check is it's a local user
+          if (user && user.is_local) {
+            // append the instance address
+            return user.screen_name + '@' + location.hostname
+          }
+          return user.screen_name
+        })
+        .join('\n')
+    },
+    addBackup() {
+      this.$store.state.api.backendInteractor
+        .addBackup()
         .then(() => {
           this.addedBackup = true
           this.addBackupError = false
@@ -90,8 +93,9 @@ const DataImportExportTab = {
         })
         .then(() => this.fetchBackups())
     },
-    fetchBackups () {
-      this.$store.state.api.backendInteractor.listBackups()
+    fetchBackups() {
+      this.$store.state.api.backendInteractor
+        .listBackups()
         .then((res) => {
           this.backups = res
           this.listBackupsError = false
@@ -99,8 +103,8 @@ const DataImportExportTab = {
         .catch((error) => {
           this.listBackupsError = error.error
         })
-    }
-  }
+    },
+  },
 }
 
 export default DataImportExportTab
diff --git a/src/components/settings_modal/tabs/developer_tab.js b/src/components/settings_modal/tabs/developer_tab.js
index f8f21e9f4..6416f717a 100644
--- a/src/components/settings_modal/tabs/developer_tab.js
+++ b/src/components/settings_modal/tabs/developer_tab.js
@@ -4,43 +4,44 @@ import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
 
-const pleromaFeCommitUrl = 'https://git.pleroma.social/pleroma/pleroma-fe/commit/'
+const pleromaFeCommitUrl =
+  'https://git.pleroma.social/pleroma/pleroma-fe/commit/'
 
 const VersionTab = {
-  data () {
+  data() {
     const instance = this.$store.state.instance
     return {
       backendVersion: instance.backendVersion,
       backendRepository: instance.backendRepository,
-      frontendVersion: instance.frontendVersion
+      frontendVersion: instance.frontendVersion,
     }
   },
   components: {
-    BooleanSetting
+    BooleanSetting,
   },
   computed: {
-    frontendVersionLink () {
+    frontendVersionLink() {
       return pleromaFeCommitUrl + this.frontendVersion
     },
     ...SharedComputedObject(),
   },
   methods: {
-    clearAssetCache () {
+    clearAssetCache() {
       this.clearCache(cacheKey)
     },
-    clearEmojiCache () {
+    clearEmojiCache() {
       this.clearCache(emojiCacheKey)
     },
-    clearCache (key) {
+    clearCache(key) {
       clearCache(key)
         .then(() => {
           this.$store.dispatch('settingsSaved', { success: true })
         })
-        .catch(error => {
+        .catch((error) => {
           this.$store.dispatch('settingsSaved', { error })
         })
-    }
-  }
+    },
+  },
 }
 
 export default VersionTab
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index 594ce3f58..150b22ac6 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -1,14 +1,14 @@
 import { cloneDeep } from 'lodash'
 import { mapState, mapActions } from 'pinia'
 import { mapState as mapVuexState } from 'vuex'
-import { v4 as uuidv4 } from 'uuid';
+import { v4 as uuidv4 } from 'uuid'
 
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import { useInterfaceStore } from 'src/stores/interface'
 
 import {
   newImporter,
-  newExporter
+  newExporter,
 } from 'src/services/export_import/export_import.js'
 
 import BooleanSetting from '../helpers/boolean_setting.vue'
@@ -24,27 +24,29 @@ import SharedComputedObject from '../helpers/shared_computed_object.js'
 const SUPPORTED_TYPES = new Set(['word', 'regexp', 'user', 'user_regexp'])
 
 const FilteringTab = {
-  data () {
+  data() {
     return {
-      replyVisibilityOptions: ['all', 'following', 'self'].map(mode => ({
+      replyVisibilityOptions: ['all', 'following', 'self'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.reply_visibility_${mode}`)
+        label: this.$t(`settings.reply_visibility_${mode}`),
       })),
-      muteBlockLv1Options: ['ask', 'forever', 'temporarily'].map(mode => ({
+      muteBlockLv1Options: ['ask', 'forever', 'temporarily'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`user_card.mute_block_${mode}`)
+        label: this.$t(`user_card.mute_block_${mode}`),
       })),
-      muteFiltersDraftObject: cloneDeep(useServerSideStorageStore().prefsStorage.simple.muteFilters),
+      muteFiltersDraftObject: cloneDeep(
+        useServerSideStorageStore().prefsStorage.simple.muteFilters,
+      ),
       muteFiltersDraftDirty: Object.fromEntries(
         Object.entries(
-          useServerSideStorageStore().prefsStorage.simple.muteFilters
-        ).map(([k]) => [k, false])
+          useServerSideStorageStore().prefsStorage.simple.muteFilters,
+        ).map(([k]) => [k, false]),
       ),
       exportedFilter: null,
       filterImporter: newImporter({
-        validator (parsed) {
+        validator(parsed) {
           if (Array.isArray(parsed)) return false
           if (!SUPPORTED_TYPES.has(parsed.type)) return false
           return true
@@ -55,7 +57,7 @@ const FilteringTab = {
             expires = null,
             hide = false,
             name = '',
-            value = ''
+            value = '',
           } = data
 
           this.createFilter({
@@ -63,22 +65,21 @@ const FilteringTab = {
             expires,
             hide,
             name,
-            value
+            value,
           })
         },
-        onImportFailure (result) {
+        onImportFailure(result) {
           console.error('Failure importing filter:', result)
-          useInterfaceStore()
-            .pushGlobalNotice({
-              messageKey: 'settings.filter.import_failure',
-              level: 'error'
-            })
-        }
+          useInterfaceStore().pushGlobalNotice({
+            messageKey: 'settings.filter.import_failure',
+            level: 'error',
+          })
+        },
       }),
       filterExporter: newExporter({
         filename: 'pleromafe_mute-filter',
-        getExportedObject: () => this.exportedFilter
-      })
+        getExportedObject: () => this.exportedFilter,
+      }),
     }
   },
   components: {
@@ -88,23 +89,23 @@ const FilteringTab = {
     IntegerSetting,
     Checkbox,
     Select,
-    HelpIndicator
+    HelpIndicator,
   },
   computed: {
-    instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
+    instanceSpecificPanelPresent() {
+      return this.$store.state.instance.showInstanceSpecificPanel
+    },
     ...SharedComputedObject(),
-    ...mapState(
-      useServerSideStorageStore,
-      {
-        muteFilters: store => Object.entries(store.prefsStorage.simple.muteFilters),
-        muteFiltersObject: store => store.prefsStorage.simple.muteFilters
-      }
-    ),
+    ...mapState(useServerSideStorageStore, {
+      muteFilters: (store) =>
+        Object.entries(store.prefsStorage.simple.muteFilters),
+      muteFiltersObject: (store) => store.prefsStorage.simple.muteFilters,
+    }),
     ...mapVuexState({
-      blockExpirationSupported: state => state.instance.blockExpiration
+      blockExpirationSupported: (state) => state.instance.blockExpiration,
     }),
     onMuteDefaultActionLv1: {
-      get () {
+      get() {
         const value = this.$store.state.config.onMuteDefaultAction
         if (value === 'ask' || value === 'forever') {
           return value
@@ -112,16 +113,19 @@ const FilteringTab = {
           return 'temporarily'
         }
       },
-      set (value) {
+      set(value) {
         let realValue = value
         if (value !== 'ask' && value !== 'forever') {
           realValue = '14d'
         }
-        this.$store.dispatch('setOption', { name: 'onMuteDefaultAction', value: realValue })
-      }
+        this.$store.dispatch('setOption', {
+          name: 'onMuteDefaultAction',
+          value: realValue,
+        })
+      },
     },
     onBlockDefaultActionLv1: {
-      get () {
+      get() {
         const value = this.$store.state.config.onBlockDefaultAction
         if (value === 'ask' || value === 'forever') {
           return value
@@ -129,29 +133,36 @@ const FilteringTab = {
           return 'temporarily'
         }
       },
-      set (value) {
+      set(value) {
         let realValue = value
         if (value !== 'ask' && value !== 'forever') {
           realValue = '14d'
         }
-        this.$store.dispatch('setOption', { name: 'onBlockDefaultAction', value: realValue })
-      }
+        this.$store.dispatch('setOption', {
+          name: 'onBlockDefaultAction',
+          value: realValue,
+        })
+      },
     },
-    muteFiltersDraft () {
+    muteFiltersDraft() {
       return Object.entries(this.muteFiltersDraftObject)
     },
-    muteFiltersExpired () {
+    muteFiltersExpired() {
       const now = Date.now()
-      return Object
-        .entries(this.muteFiltersDraftObject)
-        .filter(([, { expires }]) => expires != null && expires <= now)
-    }
+      return Object.entries(this.muteFiltersDraftObject).filter(
+        ([, { expires }]) => expires != null && expires <= now,
+      )
+    },
   },
   methods: {
-    ...mapActions(useServerSideStorageStore, ['setPreference', 'unsetPreference', 'pushServerSideStorage']),
-    getDatetimeLocal (timestamp) {
+    ...mapActions(useServerSideStorageStore, [
+      'setPreference',
+      'unsetPreference',
+      'pushServerSideStorage',
+    ]),
+    getDatetimeLocal(timestamp) {
       const date = new Date(timestamp)
-      const fmt = new Intl.NumberFormat("en-US", {minimumIntegerDigits: 2})
+      const fmt = new Intl.NumberFormat('en-US', { minimumIntegerDigits: 2 })
       const datetime = [
         date.getFullYear(),
         '-',
@@ -161,11 +172,11 @@ const FilteringTab = {
         'T',
         fmt.format(date.getHours()),
         ':',
-        fmt.format(date.getMinutes())
+        fmt.format(date.getMinutes()),
       ].join('')
       return datetime
     },
-    checkRegexValid (id) {
+    checkRegexValid(id) {
       const filter = this.muteFiltersObject[id]
       if (filter.type !== 'regexp') return true
       if (filter.type !== 'user_regexp') return true
@@ -179,19 +190,21 @@ const FilteringTab = {
       }
       return valid
     },
-    createFilter (filter = {
-      type: 'word',
-      value: '',
-      name: 'New Filter',
-      enabled: true,
-      expires: null,
-      hide: false,
-    }) {
+    createFilter(
+      filter = {
+        type: 'word',
+        value: '',
+        name: 'New Filter',
+        enabled: true,
+        expires: null,
+        hide: false,
+      },
+    ) {
       const newId = uuidv4()
 
       filter.order = this.muteFilters.length + 2
       this.muteFiltersDraftObject[newId] = filter
-      this.setPreference({ path: 'simple.muteFilters.' + newId , value: filter })
+      this.setPreference({ path: 'simple.muteFilters.' + newId, value: filter })
       this.pushServerSideStorage()
     },
     exportFilter(id) {
@@ -202,23 +215,23 @@ const FilteringTab = {
     importFilter() {
       this.filterImporter.importData()
     },
-    copyFilter (id) {
+    copyFilter(id) {
       const filter = { ...this.muteFiltersDraftObject[id] }
       const newId = uuidv4()
 
       this.muteFiltersDraftObject[newId] = filter
-      this.setPreference({ path: 'simple.muteFilters.' + newId , value: filter })
+      this.setPreference({ path: 'simple.muteFilters.' + newId, value: filter })
       this.pushServerSideStorage()
     },
-    deleteFilter (id) {
+    deleteFilter(id) {
       delete this.muteFiltersDraftObject[id]
-      this.unsetPreference({ path: 'simple.muteFilters.' + id , value: null })
+      this.unsetPreference({ path: 'simple.muteFilters.' + id, value: null })
       this.pushServerSideStorage()
     },
-    purgeExpiredFilters () {
+    purgeExpiredFilters() {
       this.muteFiltersExpired.forEach(([id]) => {
         delete this.muteFiltersDraftObject[id]
-        this.unsetPreference({ path: 'simple.muteFilters.' + id , value: null })
+        this.unsetPreference({ path: 'simple.muteFilters.' + id, value: null })
       })
       this.pushServerSideStorage()
     },
@@ -242,17 +255,20 @@ const FilteringTab = {
       this.muteFiltersDraftDirty[id] = true
     },
     saveFilter(id) {
-      this.setPreference({ path: 'simple.muteFilters.' + id , value: this.muteFiltersDraftObject[id] })
+      this.setPreference({
+        path: 'simple.muteFilters.' + id,
+        value: this.muteFiltersDraftObject[id],
+      })
       this.pushServerSideStorage()
       this.muteFiltersDraftDirty[id] = false
     },
   },
   // Updating nested properties
   watch: {
-    replyVisibility () {
+    replyVisibility() {
       this.$store.dispatch('queueFlushAll')
-    }
-  }
+    },
+  },
 }
 
 export default FilteringTab
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 4d3b01c46..801d0aa26 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -16,17 +16,17 @@ const GeneralTab = {
   props: {
     parentCollapsed: {
       required: true,
-      type: Boolean
-    }
+      type: Boolean,
+    },
   },
-  data () {
+  data() {
     return {
-      absoluteTime12hOptions: ['24h', '12h'].map(mode => ({
+      absoluteTime12hOptions: ['24h', '12h'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.absolute_time_format_12h_${mode}`)
+        label: this.$t(`settings.absolute_time_format_12h_${mode}`),
       })),
-      emailLanguage: this.$store.state.users.currentUser.language || ['']
+      emailLanguage: this.$store.state.users.currentUser.language || [''],
     }
   },
   components: {
@@ -36,24 +36,31 @@ const GeneralTab = {
     FloatSetting,
     FontControl,
     InterfaceLanguageSwitcher,
-    ProfileSettingIndicator
+    ProfileSettingIndicator,
   },
   computed: {
     language: {
-      get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
+      get: function () {
+        return this.$store.getters.mergedConfig.interfaceLanguage
+      },
       set: function (val) {
-        this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
-      }
+        this.$store.dispatch('setOption', {
+          name: 'interfaceLanguage',
+          value: val,
+        })
+      },
     },
     ...SharedComputedObject(),
     ...mapState({
-      blockExpirationSupported: state => state.instance.blockExpiration,
-    })
+      blockExpirationSupported: (state) => state.instance.blockExpiration,
+    }),
   },
   methods: {
-    updateProfile () {
+    updateProfile() {
       const params = {
-        language: localeService.internalToBackendLocaleMulti(this.emailLanguage)
+        language: localeService.internalToBackendLocaleMulti(
+          this.emailLanguage,
+        ),
       }
 
       this.$store.state.api.backendInteractor
@@ -63,19 +70,19 @@ const GeneralTab = {
           this.$store.commit('setCurrentUser', user)
         })
     },
-    updateFont (key, value) {
+    updateFont(key, value) {
       this.$store.dispatch('setOption', {
         name: 'theme3hacks',
         value: {
           ...this.mergedConfig.theme3hacks,
           fonts: {
             ...this.mergedConfig.theme3hacks.fonts,
-            [key]: value
-          }
-        }
+            [key]: value,
+          },
+        },
       })
     },
-  }
+  },
 }
 
 export default GeneralTab
diff --git a/src/components/settings_modal/tabs/layout_tab.js b/src/components/settings_modal/tabs/layout_tab.js
index 48b6eb971..bc48bb62c 100644
--- a/src/components/settings_modal/tabs/layout_tab.js
+++ b/src/components/settings_modal/tabs/layout_tab.js
@@ -9,42 +9,49 @@ const GeneralTab = {
   props: {
     parentCollapsed: {
       required: true,
-      type: Boolean
-    }
+      type: Boolean,
+    },
   },
-  data () {
+  data() {
     return {
-      thirdColumnModeOptions: ['none', 'notifications', 'postform'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.third_column_mode_${mode}`)
-      }))
+      thirdColumnModeOptions: ['none', 'notifications', 'postform'].map(
+        (mode) => ({
+          key: mode,
+          value: mode,
+          label: this.$t(`settings.third_column_mode_${mode}`),
+        }),
+      ),
     }
   },
   components: {
     BooleanSetting,
     ChoiceSetting,
     UnitSetting,
-    ProfileSettingIndicator
+    ProfileSettingIndicator,
   },
   computed: {
-    postFormats () {
+    postFormats() {
       return this.$store.state.instance.postFormats || []
     },
-    instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
-    columns () {
+    instanceShoutboxPresent() {
+      return this.$store.state.instance.shoutAvailable
+    },
+    columns() {
       const mode = this.$store.getters.mergedConfig.thirdColumnMode
 
       const notif = mode === 'none' ? [] : ['notifs']
 
-      if (this.$store.getters.mergedConfig.sidebarRight || mode === 'postform') {
+      if (
+        this.$store.getters.mergedConfig.sidebarRight ||
+        mode === 'postform'
+      ) {
         return [...notif, 'content', 'sidebar']
       } else {
         return ['sidebar', 'content', ...notif]
       }
     },
     ...SharedComputedObject(),
-  }
+  },
 }
 
 export default GeneralTab
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index 36dc8a090..fbedad790 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -15,31 +15,33 @@ import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
 
 const BlockList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchBlocks'),
-  select: (props, $store) => get($store.state.users.currentUser, 'blockIds', []),
+  select: (props, $store) =>
+    get($store.state.users.currentUser, 'blockIds', []),
   destroy: () => {},
-  childPropName: 'items'
+  childPropName: 'items',
 })(SelectableList)
 
 const MuteList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchMutes'),
   select: (props, $store) => get($store.state.users.currentUser, 'muteIds', []),
   destroy: () => {},
-  childPropName: 'items'
+  childPropName: 'items',
 })(SelectableList)
 
 const DomainMuteList = withSubscription({
   fetch: (props, $store) => $store.dispatch('fetchDomainMutes'),
-  select: (props, $store) => get($store.state.users.currentUser, 'domainMutes', []),
-  childPropName: 'items'
+  select: (props, $store) =>
+    get($store.state.users.currentUser, 'domainMutes', []),
+  childPropName: 'items',
 })(SelectableList)
 
 const MutesAndBlocks = {
-  data () {
+  data() {
     return {
-      activeTab: 'profile'
+      activeTab: 'profile',
     }
   },
-  created () {
+  created() {
     useOAuthTokensStore().fetchTokens()
     this.$store.dispatch('getKnownDomains')
   },
@@ -53,87 +55,94 @@ const MutesAndBlocks = {
     DomainMuteCard,
     ProgressButton,
     Autosuggest,
-    Checkbox
+    Checkbox,
   },
   computed: {
-    knownDomains () {
+    knownDomains() {
       return this.$store.state.instance.knownDomains
     },
-    user () {
+    user() {
       return this.$store.state.users.currentUser
-    }
+    },
   },
   methods: {
-    importFollows (file) {
-      return this.$store.state.api.backendInteractor.importFollows({ file })
+    importFollows(file) {
+      return this.$store.state.api.backendInteractor
+        .importFollows({ file })
         .then((status) => {
           if (!status) {
             throw new Error('failed')
           }
         })
     },
-    importBlocks (file) {
-      return this.$store.state.api.backendInteractor.importBlocks({ file })
+    importBlocks(file) {
+      return this.$store.state.api.backendInteractor
+        .importBlocks({ file })
         .then((status) => {
           if (!status) {
             throw new Error('failed')
           }
         })
     },
-    generateExportableUsersContent (users) {
+    generateExportableUsersContent(users) {
       // Get addresses
-      return users.map((user) => {
-        // check is it's a local user
-        if (user && user.is_local) {
-          // append the instance address
-          return user.screen_name + '@' + location.hostname
-        }
-        return user.screen_name
-      }).join('\n')
+      return users
+        .map((user) => {
+          // check is it's a local user
+          if (user && user.is_local) {
+            // append the instance address
+            return user.screen_name + '@' + location.hostname
+          }
+          return user.screen_name
+        })
+        .join('\n')
     },
-    activateTab (tabName) {
+    activateTab(tabName) {
       this.activeTab = tabName
     },
-    filterUnblockedUsers (userIds) {
+    filterUnblockedUsers(userIds) {
       return reject(userIds, (userId) => {
         const relationship = this.$store.getters.relationship(this.userId)
         return relationship.blocking || userId === this.user.id
       })
     },
-    filterUnMutedUsers (userIds) {
+    filterUnMutedUsers(userIds) {
       return reject(userIds, (userId) => {
         const relationship = this.$store.getters.relationship(this.userId)
         return relationship.muting || userId === this.user.id
       })
     },
-    queryUserIds (query) {
-      return this.$store.dispatch('searchUsers', { query })
+    queryUserIds(query) {
+      return this.$store
+        .dispatch('searchUsers', { query })
         .then((users) => map(users, 'id'))
     },
-    blockUsers (ids) {
+    blockUsers(ids) {
       return this.$store.dispatch('blockUsers', ids)
     },
-    unblockUsers (ids) {
+    unblockUsers(ids) {
       return this.$store.dispatch('unblockUsers', ids)
     },
-    muteUsers (ids) {
+    muteUsers(ids) {
       return this.$store.dispatch('muteUsers', ids)
     },
-    unmuteUsers (ids) {
+    unmuteUsers(ids) {
       return this.$store.dispatch('unmuteUsers', ids)
     },
-    filterUnMutedDomains (urls) {
-      return urls.filter(url => !this.user.domainMutes.includes(url))
+    filterUnMutedDomains(urls) {
+      return urls.filter((url) => !this.user.domainMutes.includes(url))
     },
-    queryKnownDomains (query) {
+    queryKnownDomains(query) {
       return new Promise((resolve) => {
-        resolve(this.knownDomains.filter(url => url.toLowerCase().includes(query)))
+        resolve(
+          this.knownDomains.filter((url) => url.toLowerCase().includes(query)),
+        )
       })
     },
-    unmuteDomains (domains) {
+    unmuteDomains(domains) {
       return this.$store.dispatch('unmuteDomains', domains)
-    }
-  }
+    },
+  },
 }
 
 export default MutesAndBlocks
diff --git a/src/components/settings_modal/tabs/notifications_tab.js b/src/components/settings_modal/tabs/notifications_tab.js
index c53b5889d..c863a7b9f 100644
--- a/src/components/settings_modal/tabs/notifications_tab.js
+++ b/src/components/settings_modal/tabs/notifications_tab.js
@@ -2,32 +2,36 @@ import BooleanSetting from '../helpers/boolean_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const NotificationsTab = {
-  data () {
+  data() {
     return {
       activeTab: 'profile',
-      notificationSettings: this.$store.state.users.currentUser.notification_settings,
-      newDomainToMute: ''
+      notificationSettings:
+        this.$store.state.users.currentUser.notification_settings,
+      newDomainToMute: '',
     }
   },
   components: {
-    BooleanSetting
+    BooleanSetting,
   },
   computed: {
-    user () {
+    user() {
       return this.$store.state.users.currentUser
     },
-    canReceiveReports () {
-      if (!this.user) { return false }
+    canReceiveReports() {
+      if (!this.user) {
+        return false
+      }
       return this.user.privileges.includes('reports_manage_reports')
     },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
   },
   methods: {
-    updateNotificationSettings () {
-      this.$store.state.api.backendInteractor
-        .updateNotificationSettings({ settings: this.notificationSettings })
-    }
-  }
+    updateNotificationSettings() {
+      this.$store.state.api.backendInteractor.updateNotificationSettings({
+        settings: this.notificationSettings,
+      })
+    },
+  },
 }
 
 export default NotificationsTab
diff --git a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
index 4b558471f..abf658792 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
@@ -2,15 +2,13 @@ import {
   rgb2hex,
   hex2rgb,
   getContrastRatioLayers,
-  relativeLuminance
+  relativeLuminance,
 } from 'src/services/color_convert/color_convert.js'
 import {
   newImporter,
-  newExporter
+  newExporter,
 } from 'src/services/export_import/export_import.js'
-import {
-  SLOT_INHERITANCE
-} from 'src/services/theme_data/pleromafe.js'
+import { SLOT_INHERITANCE } from 'src/services/theme_data/pleromafe.js'
 import {
   CURRENT_VERSION,
   OPACITIES,
@@ -22,16 +20,19 @@ import {
   generateRadii,
   generateFonts,
   shadows2to3,
-  colors2to3
+  colors2to3,
 } from 'src/services/theme_data/theme_data.service.js'
 
 import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 import { init } from 'src/services/theme_data/theme_data_3.service.js'
 import {
   getCssRules,
-  getScopedVersion
+  getScopedVersion,
 } from 'src/services/theme_data/css_utils.js'
-import { createStyleSheet, adoptStyleSheets } from 'src/services/style_setter/style_setter.js'
+import {
+  createStyleSheet,
+  adoptStyleSheets,
+} from 'src/services/style_setter/style_setter.js'
 
 import ColorInput from 'src/components/color_input/color_input.vue'
 import RangeInput from 'src/components/range_input/range_input.vue'
@@ -55,8 +56,8 @@ const v1OnlyNames = [
   'cRed',
   'cGreen',
   'cBlue',
-  'cOrange'
-].map(_ => _ + 'ColorLocal')
+  'cOrange',
+].map((_) => _ + 'ColorLocal')
 
 const colorConvert = (color) => {
   if (color.startsWith('--') || color === 'transparent') {
@@ -67,16 +68,16 @@ const colorConvert = (color) => {
 }
 
 export default {
-  data () {
+  data() {
     return {
       themeImporter: newImporter({
         validator: this.importValidator,
         onImport: this.onImport,
-        onImportFailure: this.onImportFailure
+        onImportFailure: this.onImportFailure,
       }),
       themeExporter: newExporter({
         filename: 'pleroma_theme',
-        getExportedObject: () => this.exportedTheme
+        getExportedObject: () => this.exportedTheme,
       }),
       availableStyles: [],
       selected: '',
@@ -98,12 +99,18 @@ export default {
       keepFonts: false,
 
       ...Object.keys(SLOT_INHERITANCE)
-        .map(key => [key, ''])
-        .reduce((acc, [key, val]) => ({ ...acc, [key + 'ColorLocal']: val }), {}),
+        .map((key) => [key, ''])
+        .reduce(
+          (acc, [key, val]) => ({ ...acc, [key + 'ColorLocal']: val }),
+          {},
+        ),
 
       ...Object.keys(OPACITIES)
-        .map(key => [key, ''])
-        .reduce((acc, [key, val]) => ({ ...acc, [key + 'OpacityLocal']: val }), {}),
+        .map((key) => [key, ''])
+        .reduce(
+          (acc, [key, val]) => ({ ...acc, [key + 'OpacityLocal']: val }),
+          {},
+        ),
 
       shadowSelected: undefined,
       shadowsLocal: {},
@@ -117,10 +124,10 @@ export default {
       avatarAltRadiusLocal: '',
       attachmentRadiusLocal: '',
       tooltipRadiusLocal: '',
-      chatMessageRadiusLocal: ''
+      chatMessageRadiusLocal: '',
     }
   },
-  created () {
+  created() {
     const currentIndex = this.$store.state.instance.themesIndex
 
     let promise
@@ -130,50 +137,48 @@ export default {
       promise = useInterfaceStore().fetchThemesIndex()
     }
 
-    promise.then(themesIndex => {
-      Object
-        .values(themesIndex)
-        .forEach(themeFunc => {
-          themeFunc().then(themeData => themeData && this.availableStyles.push(themeData))
-        })
+    promise.then((themesIndex) => {
+      Object.values(themesIndex).forEach((themeFunc) => {
+        themeFunc().then(
+          (themeData) => themeData && this.availableStyles.push(themeData),
+        )
+      })
     })
   },
-  mounted () {
+  mounted() {
     if (typeof this.shadowSelected === 'undefined') {
       this.shadowSelected = this.shadowsAvailable[0]
     }
   },
   computed: {
-    themeWarningHelp () {
+    themeWarningHelp() {
       if (!this.themeWarning) return
       const t = this.$t
       const pre = 'settings.style.switcher.help.'
-      const {
-        origin,
-        themeEngineVersion,
-        type,
-        noActionsPossible
-      } = this.themeWarning
+      const { origin, themeEngineVersion, type, noActionsPossible } =
+        this.themeWarning
       if (origin === 'file') {
         // Loaded v2 theme from file
         if (themeEngineVersion === 2 && type === 'wrong_version') {
           return t(pre + 'v2_imported')
         }
         if (themeEngineVersion > CURRENT_VERSION) {
-          return t(pre + 'future_version_imported') + ' ' +
-            (
-              noActionsPossible
-                ? t(pre + 'snapshot_missing')
-                : t(pre + 'snapshot_present')
-            )
+          return (
+            t(pre + 'future_version_imported') +
+            ' ' +
+            (noActionsPossible
+              ? t(pre + 'snapshot_missing')
+              : t(pre + 'snapshot_present'))
+          )
         }
         if (themeEngineVersion < CURRENT_VERSION) {
-          return t(pre + 'future_version_imported') + ' ' +
-            (
-              noActionsPossible
-                ? t(pre + 'snapshot_missing')
-                : t(pre + 'snapshot_present')
-            )
+          return (
+            t(pre + 'future_version_imported') +
+            ' ' +
+            (noActionsPossible
+              ? t(pre + 'snapshot_missing')
+              : t(pre + 'snapshot_present'))
+          )
         }
       } else if (origin === 'localStorage') {
         if (type === 'snapshot_source_mismatch') {
@@ -185,38 +190,40 @@ export default {
         }
         // Admin downgraded FE
         if (themeEngineVersion > CURRENT_VERSION) {
-          return t(pre + 'fe_downgraded') + ' ' +
-            (
-              noActionsPossible
-                ? t(pre + 'migration_snapshot_ok')
-                : t(pre + 'migration_snapshot_gone')
-            )
+          return (
+            t(pre + 'fe_downgraded') +
+            ' ' +
+            (noActionsPossible
+              ? t(pre + 'migration_snapshot_ok')
+              : t(pre + 'migration_snapshot_gone'))
+          )
         }
         // Admin upgraded FE
         if (themeEngineVersion < CURRENT_VERSION) {
-          return t(pre + 'fe_upgraded') + ' ' +
-            (
-              noActionsPossible
-                ? t(pre + 'migration_snapshot_ok')
-                : t(pre + 'migration_snapshot_gone')
-            )
+          return (
+            t(pre + 'fe_upgraded') +
+            ' ' +
+            (noActionsPossible
+              ? t(pre + 'migration_snapshot_ok')
+              : t(pre + 'migration_snapshot_gone'))
+          )
         }
       }
     },
-    selectedVersion () {
+    selectedVersion() {
       return Array.isArray(this.selectedTheme) ? 1 : 2
     },
-    currentColors () {
+    currentColors() {
       return Object.keys(SLOT_INHERITANCE)
-        .map(key => [key, this[key + 'ColorLocal']])
+        .map((key) => [key, this[key + 'ColorLocal']])
         .reduce((acc, [key, val]) => ({ ...acc, [key]: val }), {})
     },
-    currentOpacity () {
+    currentOpacity() {
       return Object.keys(OPACITIES)
-        .map(key => [key, this[key + 'OpacityLocal']])
+        .map((key) => [key, this[key + 'OpacityLocal']])
         .reduce((acc, [key, val]) => ({ ...acc, [key]: val }), {})
     },
-    currentRadii () {
+    currentRadii() {
       return {
         btn: this.btnRadiusLocal,
         input: this.inputRadiusLocal,
@@ -226,11 +233,11 @@ export default {
         avatarAlt: this.avatarAltRadiusLocal,
         tooltip: this.tooltipRadiusLocal,
         attachment: this.attachmentRadiusLocal,
-        chatMessage: this.chatMessageRadiusLocal
+        chatMessage: this.chatMessageRadiusLocal,
       }
     },
     // This needs optimization maybe
-    previewContrast () {
+    previewContrast() {
       try {
         if (!this.previewTheme.colors.bg) return {}
         const colors = this.previewTheme.colors
@@ -243,113 +250,124 @@ export default {
           aaa: ratio >= 7,
           // same but for 18pt+ texts
           laa: ratio >= 3,
-          laaa: ratio >= 4.5
+          laaa: ratio >= 4.5,
         })
-        const colorsConverted = Object.entries(colors).reduce((acc, [key, value]) => ({ ...acc, [key]: colorConvert(value) }), {})
+        const colorsConverted = Object.entries(colors).reduce(
+          (acc, [key, value]) => ({ ...acc, [key]: colorConvert(value) }),
+          {},
+        )
 
-        const ratios = Object.entries(SLOT_INHERITANCE).reduce((acc, [key, value]) => {
-          const slotIsBaseText = key === 'text' || key === 'link'
-          const slotIsText = slotIsBaseText || (
-            typeof value === 'object' && value !== null && value.textColor
-          )
-          if (!slotIsText) return acc
-          const { layer, variant } = slotIsBaseText ? { layer: 'bg' } : value
-          const background = variant || layer
-          const opacitySlot = getOpacitySlot(background)
-          const textColors = [
-            key,
-            ...(background === 'bg' ? ['cRed', 'cGreen', 'cBlue', 'cOrange'] : [])
-          ]
+        const ratios = Object.entries(SLOT_INHERITANCE).reduce(
+          (acc, [key, value]) => {
+            const slotIsBaseText = key === 'text' || key === 'link'
+            const slotIsText =
+              slotIsBaseText ||
+              (typeof value === 'object' && value !== null && value.textColor)
+            if (!slotIsText) return acc
+            const { layer, variant } = slotIsBaseText ? { layer: 'bg' } : value
+            const background = variant || layer
+            const opacitySlot = getOpacitySlot(background)
+            const textColors = [
+              key,
+              ...(background === 'bg'
+                ? ['cRed', 'cGreen', 'cBlue', 'cOrange']
+                : []),
+            ]
 
-          const layers = getLayers(
-            layer,
-            variant || layer,
-            opacitySlot,
-            colorsConverted,
-            opacity
-          )
+            const layers = getLayers(
+              layer,
+              variant || layer,
+              opacitySlot,
+              colorsConverted,
+              opacity,
+            )
 
-          // Temporary patch for null-y value errors
-          if (layers.flat().some(v => v == null)) return acc
+            // Temporary patch for null-y value errors
+            if (layers.flat().some((v) => v == null)) return acc
 
-          return {
-            ...acc,
-            ...textColors.reduce((acc, textColorKey) => {
-              const newKey = slotIsBaseText
-                ? 'bg' + textColorKey[0].toUpperCase() + textColorKey.slice(1)
-                : textColorKey
-              return {
-                ...acc,
-                [newKey]: getContrastRatioLayers(
-                  colorsConverted[textColorKey],
-                  layers,
-                  colorsConverted[textColorKey]
-                )
-              }
-            }, {})
-          }
+            return {
+              ...acc,
+              ...textColors.reduce((acc, textColorKey) => {
+                const newKey = slotIsBaseText
+                  ? 'bg' + textColorKey[0].toUpperCase() + textColorKey.slice(1)
+                  : textColorKey
+                return {
+                  ...acc,
+                  [newKey]: getContrastRatioLayers(
+                    colorsConverted[textColorKey],
+                    layers,
+                    colorsConverted[textColorKey],
+                  ),
+                }
+              }, {}),
+            }
+          },
+          {},
+        )
+
+        return Object.entries(ratios).reduce((acc, [k, v]) => {
+          acc[k] = hints(v)
+          return acc
         }, {})
-
-        return Object.entries(ratios).reduce((acc, [k, v]) => { acc[k] = hints(v); return acc }, {})
       } catch (e) {
         console.warn('Failure computing contrasts', e)
         return {}
       }
     },
-    themeDataUsed () {
+    themeDataUsed() {
       return useInterfaceStore().themeDataUsed
     },
-    shadowsAvailable () {
+    shadowsAvailable() {
       return Object.keys(DEFAULT_SHADOWS).sort()
     },
     currentShadowOverriden: {
-      get () {
+      get() {
         return !!this.currentShadow
       },
-      set (val) {
+      set(val) {
         if (val) {
-          this.shadowsLocal[this.shadowSelected] = (this.currentShadowFallback || [])
-            .map(s => ({
-              name: null,
-              x: 0,
-              y: 0,
-              blur: 0,
-              spread: 0,
-              inset: false,
-              color: '#000000',
-              alpha: 1,
-              ...s
-            }))
+          this.shadowsLocal[this.shadowSelected] = (
+            this.currentShadowFallback || []
+          ).map((s) => ({
+            name: null,
+            x: 0,
+            y: 0,
+            blur: 0,
+            spread: 0,
+            inset: false,
+            color: '#000000',
+            alpha: 1,
+            ...s,
+          }))
         } else {
           delete this.shadowsLocal[this.shadowSelected]
         }
-      }
+      },
     },
-    currentShadowFallback () {
+    currentShadowFallback() {
       return (this.previewTheme.shadows || {})[this.shadowSelected]
     },
     currentShadow: {
-      get () {
+      get() {
         return this.shadowsLocal[this.shadowSelected]
       },
-      set (v) {
+      set(v) {
         this.shadowsLocal[this.shadowSelected] = v
-      }
+      },
     },
-    themeValid () {
+    themeValid() {
       return !this.shadowsInvalid && !this.colorsInvalid && !this.radiiInvalid
     },
-    exportedTheme () {
-      const saveEverything = (
+    exportedTheme() {
+      const saveEverything =
         !this.keepFonts &&
         !this.keepShadows &&
         !this.keepOpacity &&
         !this.keepRoundness &&
         !this.keepColor
-      )
 
       const source = {
-        themeEngineVersion: CURRENT_VERSION
+        themeEngineVersion: CURRENT_VERSION,
       }
 
       if (this.keepFonts || saveEverything) {
@@ -370,18 +388,20 @@ export default {
 
       const theme = {
         themeEngineVersion: CURRENT_VERSION,
-        ...this.previewTheme
+        ...this.previewTheme,
       }
 
       return {
         // To separate from other random JSON files and possible future source formats
-        _pleroma_theme_version: 2, theme, source
+        _pleroma_theme_version: 2,
+        theme,
+        source,
       }
     },
-    isActive () {
+    isActive() {
       const tabSwitcher = this.$parent
       return tabSwitcher ? tabSwitcher.isActive('theme') : false
-    }
+    },
   },
   components: {
     ColorInput,
@@ -393,70 +413,65 @@ export default {
     TabSwitcher,
     Preview,
     Checkbox,
-    Select
+    Select,
   },
   methods: {
-    loadTheme (
-      {
-        theme,
-        source,
-        _pleroma_theme_version: fileVersion
-      },
+    loadTheme(
+      { theme, source, _pleroma_theme_version: fileVersion },
       origin,
-      forceUseSource = false
+      forceUseSource = false,
     ) {
       this.dismissWarning()
-      const version = (origin === 'localStorage' && !theme.colors)
-        ? 'l1'
-        : fileVersion
+      const version =
+        origin === 'localStorage' && !theme.colors ? 'l1' : fileVersion
       const snapshotEngineVersion = (theme || {}).themeEngineVersion
       const themeEngineVersion = (source || {}).themeEngineVersion || 2
       const versionsMatch = themeEngineVersion === CURRENT_VERSION
-      const sourceSnapshotMismatch = (
+      const sourceSnapshotMismatch =
         theme !== undefined &&
-          source !== undefined &&
-          themeEngineVersion !== snapshotEngineVersion
-      )
+        source !== undefined &&
+        themeEngineVersion !== snapshotEngineVersion
       // Force loading of source if user requested it or if snapshot
       // is unavailable
       const forcedSourceLoad = (source && forceUseSource) || !theme
-      if (!(versionsMatch && !sourceSnapshotMismatch) &&
-          !forcedSourceLoad &&
-          version !== 'l1' &&
-          origin !== 'defaults'
+      if (
+        !(versionsMatch && !sourceSnapshotMismatch) &&
+        !forcedSourceLoad &&
+        version !== 'l1' &&
+        origin !== 'defaults'
       ) {
         if (sourceSnapshotMismatch && origin === 'localStorage') {
           this.themeWarning = {
             origin,
             themeEngineVersion,
-            type: 'snapshot_source_mismatch'
+            type: 'snapshot_source_mismatch',
           }
         } else if (!theme) {
           this.themeWarning = {
             origin,
             noActionsPossible: true,
             themeEngineVersion,
-            type: 'no_snapshot_old_version'
+            type: 'no_snapshot_old_version',
           }
         } else if (!versionsMatch) {
           this.themeWarning = {
             origin,
             noActionsPossible: !source,
             themeEngineVersion,
-            type: 'wrong_version'
+            type: 'wrong_version',
           }
         }
       }
       this.normalizeLocalState(theme, version, source, forcedSourceLoad)
     },
-    forceLoadLocalStorage () {
+    forceLoadLocalStorage() {
       this.loadThemeFromLocalStorage(true)
     },
-    dismissWarning () {
+    dismissWarning() {
       this.themeWarning = undefined
       this.tempImportFile = undefined
     },
-    forceLoad () {
+    forceLoad() {
       const { origin } = this.themeWarning
       switch (origin) {
         case 'localStorage':
@@ -468,7 +483,7 @@ export default {
       }
       this.dismissWarning()
     },
-    forceSnapshot () {
+    forceSnapshot() {
       const { origin } = this.themeWarning
       switch (origin) {
         case 'localStorage':
@@ -480,25 +495,25 @@ export default {
       }
       this.dismissWarning()
     },
-    loadThemeFromLocalStorage (confirmLoadSource = false) {
+    loadThemeFromLocalStorage(confirmLoadSource = false) {
       const theme = this.themeDataUsed?.source
       if (theme) {
         this.loadTheme(
           {
-            theme
+            theme,
           },
           'localStorage',
-          confirmLoadSource
+          confirmLoadSource,
         )
       }
     },
-    setCustomTheme () {
+    setCustomTheme() {
       useInterfaceStore().setThemeV2({
         customTheme: {
           ignore: true,
           themeFileVersion: this.selectedVersion,
           themeEngineVersion: CURRENT_VERSION,
-          ...this.previewTheme
+          ...this.previewTheme,
         },
         customThemeSource: {
           themeFileVersion: this.selectedVersion,
@@ -507,77 +522,84 @@ export default {
           fonts: this.fontsLocal,
           opacity: this.currentOpacity,
           colors: this.currentColors,
-          radii: this.currentRadii
-        }
+          radii: this.currentRadii,
+        },
       })
     },
-    updatePreviewColors () {
+    updatePreviewColors() {
       const result = generateColors({
         opacity: this.currentOpacity,
-        colors: this.currentColors
+        colors: this.currentColors,
       })
       this.previewTheme.colors = result.theme.colors
       this.previewTheme.opacity = result.theme.opacity
     },
-    updatePreviewShadows () {
+    updatePreviewShadows() {
       this.previewTheme.shadows = generateShadows(
         {
           shadows: this.shadowsLocal,
           opacity: this.previewTheme.opacity,
-          themeEngineVersion: this.engineVersion
+          themeEngineVersion: this.engineVersion,
         },
         this.previewTheme.colors,
-        relativeLuminance(this.previewTheme.colors.bg) < 0.5 ? 1 : -1
+        relativeLuminance(this.previewTheme.colors.bg) < 0.5 ? 1 : -1,
       ).theme.shadows
     },
-    importTheme () { this.themeImporter.importData() },
-    exportTheme () { this.themeExporter.exportData() },
-    onImport (parsed, forceSource = false) {
+    importTheme() {
+      this.themeImporter.importData()
+    },
+    exportTheme() {
+      this.themeExporter.exportData()
+    },
+    onImport(parsed, forceSource = false) {
       this.tempImportFile = parsed
       this.loadTheme(parsed, 'file', forceSource)
     },
-    onImportFailure () {
-      useInterfaceStore().pushGlobalNotice({ messageKey: 'settings.invalid_theme_imported', level: 'error' })
+    onImportFailure() {
+      useInterfaceStore().pushGlobalNotice({
+        messageKey: 'settings.invalid_theme_imported',
+        level: 'error',
+      })
     },
-    importValidator (parsed) {
+    importValidator(parsed) {
       const version = parsed._pleroma_theme_version
       return version >= 1 || version <= 2
     },
-    clearAll () {
+    clearAll() {
       this.loadThemeFromLocalStorage()
     },
 
     // Clears all the extra stuff when loading V1 theme
-    clearV1 () {
+    clearV1() {
       Object.keys(this.$data)
-        .filter(_ => _.endsWith('ColorLocal') || _.endsWith('OpacityLocal'))
-        .filter(_ => !v1OnlyNames.includes(_))
-        .forEach(key => {
+        .filter((_) => _.endsWith('ColorLocal') || _.endsWith('OpacityLocal'))
+        .filter((_) => !v1OnlyNames.includes(_))
+        .forEach((key) => {
           this.$data[key] = undefined
         })
     },
 
-    clearRoundness () {
+    clearRoundness() {
       Object.keys(this.$data)
-        .filter(_ => _.endsWith('RadiusLocal'))
-        .forEach(key => {
+        .filter((_) => _.endsWith('RadiusLocal'))
+        .forEach((key) => {
           this.$data[key] = undefined
         })
     },
 
-    clearOpacity () {
+    clearOpacity() {
       Object.keys(this.$data)
-        .filter(_ => _.endsWith('OpacityLocal'))
-        .forEach(key => {
+        .filter((_) => _.endsWith('OpacityLocal'))
+        .forEach((key) => {
           this.$data[key] = undefined
         })
     },
 
-    clearShadows () {
+    clearShadows() {
       this.shadowsLocal = {}
     },
 
-    clearFonts () {
+    clearFonts() {
       this.fontsLocal = {}
     },
 
@@ -594,7 +616,7 @@ export default {
      * @param {Boolean} source - by default source won't be used if version doesn't match since it might render differently
      *                           this allows importing source anyway
      */
-    normalizeLocalState (theme, version = 0, source, forceSource = false) {
+    normalizeLocalState(theme, version = 0, source, forceSource = false) {
       let input
       if (typeof source !== 'undefined') {
         if (forceSource || source?.themeEngineVersion === CURRENT_VERSION) {
@@ -618,11 +640,17 @@ export default {
       if (version === 0) {
         if (input.version) version = input.version
         // Old v1 naming: fg is text, btn is foreground
-        if (typeof colors.text === 'undefined' && typeof colors.fg !== 'undefined') {
+        if (
+          typeof colors.text === 'undefined' &&
+          typeof colors.fg !== 'undefined'
+        ) {
           version = 1
         }
         // New v2 naming: text is text, fg is foreground
-        if (typeof colors.text !== 'undefined' && typeof colors.fg !== 'undefined') {
+        if (
+          typeof colors.text !== 'undefined' &&
+          typeof colors.fg !== 'undefined'
+        ) {
           version = 2
         }
       }
@@ -648,7 +676,7 @@ export default {
             .add('cOrange')
         }
 
-        keys.forEach(key => {
+        keys.forEach((key) => {
           const color = colors[key]
           const hex = rgb2hex(colors[key])
           this[key + 'ColorLocal'] = hex === '#aN' ? color : hex
@@ -689,33 +717,32 @@ export default {
         this.fontsLocal = fonts
       }
     },
-    updateTheme3Preview () {
+    updateTheme3Preview() {
       const theme2 = convertTheme2To3(this.previewTheme)
       const theme3 = init({
         inputRuleset: theme2,
         ultimateBackgroundColor: '#000000',
-        liteMode: true
+        liteMode: true,
       })
 
       const sheet = createStyleSheet('theme-tab-overall-preview', 90)
-      const rule = getScopedVersion(
-        getCssRules(theme3.eager),
-        '&'
-      ).join('\n')
+      const rule = getScopedVersion(getCssRules(theme3.eager), '&').join('\n')
 
       sheet.clear()
       sheet.addRule('#theme-preview {\n' + rule + '\n}')
       sheet.ready = true
       adoptStyleSheets()
-    }
+    },
   },
   watch: {
-    themeDataUsed () {
+    themeDataUsed() {
       this.loadThemeFromLocalStorage()
     },
-    currentRadii () {
+    currentRadii() {
       try {
-        this.previewTheme.radii = generateRadii({ radii: this.currentRadii }).theme.radii
+        this.previewTheme.radii = generateRadii({
+          radii: this.currentRadii,
+        }).theme.radii
         this.radiiInvalid = false
       } catch (e) {
         this.radiiInvalid = true
@@ -723,7 +750,7 @@ export default {
       }
     },
     shadowsLocal: {
-      handler () {
+      handler() {
         try {
           this.updatePreviewShadows()
           this.shadowsInvalid = false
@@ -732,21 +759,23 @@ export default {
           console.warn(e)
         }
       },
-      deep: true
+      deep: true,
     },
     fontsLocal: {
-      handler () {
+      handler() {
         try {
-          this.previewTheme.fonts = generateFonts({ fonts: this.fontsLocal }).theme.fonts
+          this.previewTheme.fonts = generateFonts({
+            fonts: this.fontsLocal,
+          }).theme.fonts
           this.fontsInvalid = false
         } catch (e) {
           this.fontsInvalid = true
           console.warn(e)
         }
       },
-      deep: true
+      deep: true,
     },
-    currentColors () {
+    currentColors() {
       try {
         this.updatePreviewColors()
         this.colorsInvalid = false
@@ -755,23 +784,25 @@ export default {
         console.warn(e)
       }
     },
-    currentOpacity () {
+    currentOpacity() {
       try {
         this.updatePreviewColors()
       } catch (e) {
         console.warn(e)
       }
     },
-    selected () {
-      this.selectedTheme = Object.entries(this.availableStyles).find(([, s]) => {
-        if (Array.isArray(s)) {
-          return s[0] === this.selected
-        } else {
-          return s.name === this.selected
-        }
-      })[1]
+    selected() {
+      this.selectedTheme = Object.entries(this.availableStyles).find(
+        ([, s]) => {
+          if (Array.isArray(s)) {
+            return s[0] === this.selected
+          } else {
+            return s.name === this.selected
+          }
+        },
+      )[1]
     },
-    selectedTheme () {
+    selectedTheme() {
       this.dismissWarning()
       if (this.selectedVersion === 1) {
         if (!this.keepRoundness) {
@@ -799,8 +830,12 @@ export default {
           this.cOrangeColorLocal = this.selectedTheme[8]
         }
       } else if (this.selectedVersion >= 2) {
-        this.normalizeLocalState(this.selectedTheme.theme, 2, this.selectedTheme.source)
+        this.normalizeLocalState(
+          this.selectedTheme.theme,
+          2,
+          this.selectedTheme.source,
+        )
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
index df2d9f9e9..4c05b27c3 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
+++ b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
@@ -124,20 +124,15 @@ import {
   faTimes,
   faStar,
   faRetweet,
-  faReply
+  faReply,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes,
-  faStar,
-  faRetweet,
-  faReply
-)
+library.add(faTimes, faStar, faRetweet, faReply)
 
 export default {
   components: {
-    Checkbox
-  }
+    Checkbox,
+  },
 }
 </script>
 
diff --git a/src/components/settings_modal/tabs/posts_tab.js b/src/components/settings_modal/tabs/posts_tab.js
index 094583c15..ec0dd0659 100644
--- a/src/components/settings_modal/tabs/posts_tab.js
+++ b/src/components/settings_modal/tabs/posts_tab.js
@@ -10,43 +10,56 @@ const GeneralTab = {
   props: {
     parentCollapsed: {
       required: true,
-      type: Boolean
-    }
+      type: Boolean,
+    },
   },
-  data () {
+  data() {
     return {
-      conversationDisplayOptions: ['tree', 'linear'].map(mode => ({
+      conversationDisplayOptions: ['tree', 'linear'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.conversation_display_${mode}`)
+        label: this.$t(`settings.conversation_display_${mode}`),
       })),
-      conversationOtherRepliesButtonOptions: ['below', 'inside'].map(mode => ({
+      conversationOtherRepliesButtonOptions: ['below', 'inside'].map(
+        (mode) => ({
+          key: mode,
+          value: mode,
+          label: this.$t(`settings.conversation_other_replies_button_${mode}`),
+        }),
+      ),
+      mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(
+        (mode) => ({
+          key: mode,
+          value: mode,
+          label: this.$t(`settings.mention_link_display_${mode}`),
+        }),
+      ),
+      userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.conversation_other_replies_button_${mode}`)
+        label: this.$t(`settings.user_popover_avatar_action_${mode}`),
       })),
-      mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(mode => ({
+      unsavedPostActionOptions: ['save', 'discard', 'confirm'].map((mode) => ({
         key: mode,
         value: mode,
-        label: this.$t(`settings.mention_link_display_${mode}`)
-      })),
-      userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.user_popover_avatar_action_${mode}`)
-      })),
-      unsavedPostActionOptions: ['save', 'discard', 'confirm'].map(mode => ({
-        key: mode,
-        value: mode,
-        label: this.$t(`settings.unsaved_post_action_${mode}`)
+        label: this.$t(`settings.unsaved_post_action_${mode}`),
       })),
       loopSilentAvailable:
-      // Firefox
-      Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
-      // Chrome-likes
-      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
-      // Future spec, still not supported in Nightly 63 as of 08/2018
-      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks')
+        // Firefox
+        Object.getOwnPropertyDescriptor(
+          HTMLVideoElement.prototype,
+          'mozHasAudio',
+        ) ||
+        // Chrome-likes
+        Object.getOwnPropertyDescriptor(
+          HTMLMediaElement.prototype,
+          'webkitAudioDecodedByteCount',
+        ) ||
+        // Future spec, still not supported in Nightly 63 as of 08/2018
+        Object.getOwnPropertyDescriptor(
+          HTMLMediaElement.prototype,
+          'audioTracks',
+        ),
     }
   },
   components: {
@@ -54,25 +67,25 @@ const GeneralTab = {
     ChoiceSetting,
     IntegerSetting,
     FontControl,
-    ProfileSettingIndicator
+    ProfileSettingIndicator,
   },
   computed: {
     ...SharedComputedObject(),
   },
   methods: {
-    updateFont (key, value) {
+    updateFont(key, value) {
       this.$store.dispatch('setOption', {
         name: 'theme3hacks',
         value: {
           ...this.mergedConfig.theme3hacks,
           fonts: {
             ...this.mergedConfig.theme3hacks.fonts,
-            [key]: value
-          }
-        }
+            [key]: value,
+          },
+        },
       })
     },
-  }
+  },
 }
 
 export default GeneralTab
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index 9e13eed69..e6f1a68d2 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -8,17 +8,13 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faTimes,
   faPlus,
-  faCircleNotch
+  faCircleNotch,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faTimes,
-  faPlus,
-  faCircleNotch
-)
+library.add(faTimes, faPlus, faCircleNotch)
 
 const ProfileTab = {
-  data () {
+  data() {
     return {
       // Whether user is locked or not
       locked: this.$store.state.users.currentUser.locked,
@@ -28,18 +24,18 @@ const ProfileTab = {
     UserCard,
     Checkbox,
     BooleanSetting,
-    ProfileSettingIndicator
+    ProfileSettingIndicator,
   },
   computed: {
-    user () {
+    user() {
       return this.$store.state.users.currentUser
     },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
   },
   methods: {
-    updateProfile () {
+    updateProfile() {
       const params = {
-        locked: this.locked
+        locked: this.locked,
       }
 
       this.$store.state.api.backendInteractor
@@ -51,13 +47,13 @@ const ProfileTab = {
         .catch((error) => {
           this.displayUploadError(error)
         })
-    }
+    },
   },
   watch: {
-    locked () {
+    locked() {
       this.updateProfile()
-    }
-  }
+    },
+  },
 }
 
 export default ProfileTab
diff --git a/src/components/settings_modal/tabs/security_tab/confirm.js b/src/components/settings_modal/tabs/security_tab/confirm.js
index 0f4ddfc9b..050530240 100644
--- a/src/components/settings_modal/tabs/security_tab/confirm.js
+++ b/src/components/settings_modal/tabs/security_tab/confirm.js
@@ -2,8 +2,12 @@ const Confirm = {
   props: ['disabled'],
   data: () => ({}),
   methods: {
-    confirm () { this.$emit('confirm') },
-    cancel () { this.$emit('cancel') }
-  }
+    confirm() {
+      this.$emit('confirm')
+    },
+    cancel() {
+      this.$emit('cancel')
+    },
+  },
 }
 export default Confirm
diff --git a/src/components/settings_modal/tabs/security_tab/mfa.js b/src/components/settings_modal/tabs/security_tab/mfa.js
index b24a35cd4..7004a7bdc 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa.js
@@ -6,113 +6,124 @@ import { mapState } from 'vuex'
 
 const Mfa = {
   data: () => ({
-    settings: { // current settings of MFA
+    settings: {
+      // current settings of MFA
       available: false,
       enabled: false,
-      totp: false
+      totp: false,
     },
-    setupState: { // setup mfa
+    setupState: {
+      // setup mfa
       state: '', // state of setup. '' -> 'getBackupCodes' -> 'setupOTP' -> 'complete'
-      setupOTPState: '' // state of setup otp. '' -> 'prepare' -> 'confirm' -> 'complete'
+      setupOTPState: '', // state of setup otp. '' -> 'prepare' -> 'confirm' -> 'complete'
     },
     backupCodes: {
       getNewCodes: false,
       inProgress: false, //  progress of fetch codes
-      codes: []
+      codes: [],
     },
-    otpSettings: { // pre-setup setting of OTP. secret key, qrcode url.
+    otpSettings: {
+      // pre-setup setting of OTP. secret key, qrcode url.
       provisioning_uri: '',
-      key: ''
+      key: '',
     },
     currentPassword: null,
     otpConfirmToken: null,
     error: null,
-    readyInit: false
+    readyInit: false,
   }),
   components: {
     'recovery-codes': RecoveryCodes,
     'totp-item': TOTP,
     qrcode: VueQrcode,
-    confirm: Confirm
+    confirm: Confirm,
   },
   computed: {
-    canSetupOTP () {
+    canSetupOTP() {
       return (
-        (this.setupInProgress && this.backupCodesPrepared) ||
-          this.settings.enabled
-      ) && !this.settings.totp && !this.setupOTPInProgress
+        ((this.setupInProgress && this.backupCodesPrepared) ||
+          this.settings.enabled) &&
+        !this.settings.totp &&
+        !this.setupOTPInProgress
+      )
     },
-    setupInProgress () {
-      return this.setupState.state !== '' && this.setupState.state !== 'complete'
+    setupInProgress() {
+      return (
+        this.setupState.state !== '' && this.setupState.state !== 'complete'
+      )
     },
-    setupOTPInProgress () {
+    setupOTPInProgress() {
       return this.setupState.state === 'setupOTP' && !this.completedOTP
     },
-    prepareOTP () {
+    prepareOTP() {
       return this.setupState.setupOTPState === 'prepare'
     },
-    confirmOTP () {
+    confirmOTP() {
       return this.setupState.setupOTPState === 'confirm'
     },
-    completedOTP () {
+    completedOTP() {
       return this.setupState.setupOTPState === 'completed'
     },
-    backupCodesPrepared () {
+    backupCodesPrepared() {
       return !this.backupCodes.inProgress && this.backupCodes.codes.length > 0
     },
-    confirmNewBackupCodes () {
+    confirmNewBackupCodes() {
       return this.backupCodes.getNewCodes
     },
     ...mapState({
-      backendInteractor: (state) => state.api.backendInteractor
-    })
+      backendInteractor: (state) => state.api.backendInteractor,
+    }),
   },
 
   methods: {
-    activateOTP () {
+    activateOTP() {
       if (!this.settings.enabled) {
         this.setupState.state = 'getBackupcodes'
         this.fetchBackupCodes()
       }
     },
-    fetchBackupCodes () {
+    fetchBackupCodes() {
       this.backupCodes.inProgress = true
       this.backupCodes.codes = []
 
-      return this.backendInteractor.generateMfaBackupCodes()
-        .then((res) => {
-          this.backupCodes.codes = res.codes
-          this.backupCodes.inProgress = false
-        })
+      return this.backendInteractor.generateMfaBackupCodes().then((res) => {
+        this.backupCodes.codes = res.codes
+        this.backupCodes.inProgress = false
+      })
     },
-    getBackupCodes () { // get a new backup codes
+    getBackupCodes() {
+      // get a new backup codes
       this.backupCodes.getNewCodes = true
     },
-    confirmBackupCodes () { // confirm getting new backup codes
+    confirmBackupCodes() {
+      // confirm getting new backup codes
       this.fetchBackupCodes().then(() => {
         this.backupCodes.getNewCodes = false
       })
     },
-    cancelBackupCodes () { // cancel confirm form of new backup codes
+    cancelBackupCodes() {
+      // cancel confirm form of new backup codes
       this.backupCodes.getNewCodes = false
     },
 
     // Setup OTP
-    setupOTP () { // prepare setup OTP
+    setupOTP() {
+      // prepare setup OTP
       this.setupState.state = 'setupOTP'
       this.setupState.setupOTPState = 'prepare'
-      this.backendInteractor.mfaSetupOTP()
-        .then((res) => {
-          this.otpSettings = res
-          this.setupState.setupOTPState = 'confirm'
-        })
-    },
-    doConfirmOTP () { // handler confirm enable OTP
-      this.error = null
-      this.backendInteractor.mfaConfirmOTP({
-        token: this.otpConfirmToken,
-        password: this.currentPassword
+      this.backendInteractor.mfaSetupOTP().then((res) => {
+        this.otpSettings = res
+        this.setupState.setupOTPState = 'confirm'
       })
+    },
+    doConfirmOTP() {
+      // handler confirm enable OTP
+      this.error = null
+      this.backendInteractor
+        .mfaConfirmOTP({
+          token: this.otpConfirmToken,
+          password: this.currentPassword,
+        })
         .then((res) => {
           if (res.error) {
             this.error = res.error
@@ -122,14 +133,15 @@ const Mfa = {
         })
     },
 
-    completeSetup () {
+    completeSetup() {
       this.setupState.setupOTPState = 'complete'
       this.setupState.state = 'complete'
       this.currentPassword = null
       this.error = null
       this.fetchSettings()
     },
-    cancelSetup () { // cancel setup
+    cancelSetup() {
+      // cancel setup
       this.setupState.setupOTPState = ''
       this.setupState.state = ''
       this.currentPassword = null
@@ -138,18 +150,18 @@ const Mfa = {
     // end Setup OTP
 
     // fetch settings from server
-    async fetchSettings () {
+    async fetchSettings() {
       const result = await this.backendInteractor.settingsMFA()
       if (result.error) return
       this.settings = result.settings
       this.settings.available = true
       return result
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.fetchSettings().then(() => {
       this.readyInit = true
     })
-  }
+  },
 }
 export default Mfa
diff --git a/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js b/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js
index f0a984ecd..cdd9d8d06 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js
@@ -4,14 +4,20 @@ export default {
       type: Object,
       default: () => ({
         inProgress: false,
-        codes: []
-      })
-    }
+        codes: [],
+      }),
+    },
   },
   data: () => ({}),
   computed: {
-    inProgress () { return this.backupCodes.inProgress },
-    ready () { return this.backupCodes.codes.length > 0 },
-    displayTitle () { return this.inProgress || this.ready }
-  }
+    inProgress() {
+      return this.backupCodes.inProgress
+    },
+    ready() {
+      return this.backupCodes.codes.length > 0
+    },
+    displayTitle() {
+      return this.inProgress || this.ready
+    },
+  },
 }
diff --git a/src/components/settings_modal/tabs/security_tab/mfa_totp.js b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
index b0adb530d..8af4cbcc7 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa_totp.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
@@ -7,34 +7,38 @@ export default {
     error: false,
     currentPassword: '',
     deactivate: false,
-    inProgress: false // progress peform request to disable otp method
+    inProgress: false, // progress peform request to disable otp method
   }),
   components: {
-    confirm: Confirm
+    confirm: Confirm,
   },
   computed: {
-    isActivated () {
+    isActivated() {
       return this.settings.totp
     },
     ...mapState({
-      backendInteractor: (state) => state.api.backendInteractor
-    })
+      backendInteractor: (state) => state.api.backendInteractor,
+    }),
   },
   methods: {
-    doActivate () {
+    doActivate() {
       this.$emit('activate')
     },
-    cancelDeactivate () { this.deactivate = false },
-    doDeactivate () {
+    cancelDeactivate() {
+      this.deactivate = false
+    },
+    doDeactivate() {
       this.error = null
       this.deactivate = true
     },
-    confirmDeactivate () { // confirm deactivate TOTP method
+    confirmDeactivate() {
+      // confirm deactivate TOTP method
       this.error = null
       this.inProgress = true
-      this.backendInteractor.mfaDisableOTP({
-        password: this.currentPassword
-      })
+      this.backendInteractor
+        .mfaDisableOTP({
+          password: this.currentPassword,
+        })
         .then((res) => {
           this.inProgress = false
           if (res.error) {
@@ -44,6 +48,6 @@ export default {
           this.deactivate = false
           this.$emit('deactivate')
         })
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.js b/src/components/settings_modal/tabs/security_tab/security_tab.js
index 04e0328cd..06cd17306 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.js
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.js
@@ -5,7 +5,7 @@ import localeService from 'src/services/locale/locale.service.js'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
 
 const SecurityTab = {
-  data () {
+  data() {
     return {
       newEmail: '',
       changeEmailError: false,
@@ -25,41 +25,44 @@ const SecurityTab = {
       listAliasesError: false,
       addAliasTarget: '',
       addedAlias: false,
-      addAliasError: false
+      addAliasError: false,
     }
   },
-  created () {
+  created() {
     useOAuthTokensStore().fetchTokens()
     this.fetchAliases()
   },
   components: {
     ProgressButton,
     Mfa,
-    Checkbox
+    Checkbox,
   },
   computed: {
-    user () {
+    user() {
       return this.$store.state.users.currentUser
     },
-    pleromaExtensionsAvailable () {
+    pleromaExtensionsAvailable() {
       return this.$store.state.instance.pleromaExtensionsAvailable
     },
-    oauthTokens () {
-      return useOAuthTokensStore().tokens.map(oauthToken => {
+    oauthTokens() {
+      return useOAuthTokensStore().tokens.map((oauthToken) => {
         return {
           id: oauthToken.id,
           appName: oauthToken.app_name,
-          validUntil: new Date(oauthToken.valid_until).toLocaleDateString(localeService.internalToBrowserLocale(this.$i18n.locale))
+          validUntil: new Date(oauthToken.valid_until).toLocaleDateString(
+            localeService.internalToBrowserLocale(this.$i18n.locale),
+          ),
         }
       })
-    }
+    },
   },
   methods: {
-    confirmDelete () {
+    confirmDelete() {
       this.deletingAccount = true
     },
-    deleteAccount () {
-      this.$store.state.api.backendInteractor.deleteAccount({ password: this.deleteAccountConfirmPasswordInput })
+    deleteAccount() {
+      this.$store.state.api.backendInteractor
+        .deleteAccount({ password: this.deleteAccountConfirmPasswordInput })
         .then((res) => {
           if (res.status === 'success') {
             this.$store.dispatch('logout')
@@ -69,13 +72,14 @@ const SecurityTab = {
           }
         })
     },
-    changePassword () {
+    changePassword() {
       const params = {
         password: this.changePasswordInputs[0],
         newPassword: this.changePasswordInputs[1],
-        newPasswordConfirmation: this.changePasswordInputs[2]
+        newPasswordConfirmation: this.changePasswordInputs[2],
       }
-      this.$store.state.api.backendInteractor.changePassword(params)
+      this.$store.state.api.backendInteractor
+        .changePassword(params)
         .then((res) => {
           if (res.status === 'success') {
             this.changedPassword = true
@@ -87,12 +91,13 @@ const SecurityTab = {
           }
         })
     },
-    changeEmail () {
+    changeEmail() {
       const params = {
         email: this.newEmail,
-        password: this.changeEmailPassword
+        password: this.changeEmailPassword,
       }
-      this.$store.state.api.backendInteractor.changeEmail(params)
+      this.$store.state.api.backendInteractor
+        .changeEmail(params)
         .then((res) => {
           if (res.status === 'success') {
             this.changedEmail = true
@@ -103,12 +108,13 @@ const SecurityTab = {
           }
         })
     },
-    moveAccount () {
+    moveAccount() {
       const params = {
         targetAccount: this.moveAccountTarget,
-        password: this.moveAccountPassword
+        password: this.moveAccountPassword,
       }
-      this.$store.state.api.backendInteractor.moveAccount(params)
+      this.$store.state.api.backendInteractor
+        .moveAccount(params)
         .then((res) => {
           if (res.status === 'success') {
             this.movedAccount = true
@@ -119,12 +125,14 @@ const SecurityTab = {
           }
         })
     },
-    removeAlias (alias) {
-      this.$store.state.api.backendInteractor.deleteAlias({ alias })
+    removeAlias(alias) {
+      this.$store.state.api.backendInteractor
+        .deleteAlias({ alias })
         .then(() => this.fetchAliases())
     },
-    addAlias () {
-      this.$store.state.api.backendInteractor.addAlias({ alias: this.addAliasTarget })
+    addAlias() {
+      this.$store.state.api.backendInteractor
+        .addAlias({ alias: this.addAliasTarget })
         .then(() => {
           this.addedAlias = true
           this.addAliasError = false
@@ -136,8 +144,9 @@ const SecurityTab = {
         })
         .then(() => this.fetchAliases())
     },
-    fetchAliases () {
-      this.$store.state.api.backendInteractor.listAliases()
+    fetchAliases() {
+      this.$store.state.api.backendInteractor
+        .listAliases()
         .then((res) => {
           this.aliases = res.aliases
           this.listAliasesError = false
@@ -146,16 +155,16 @@ const SecurityTab = {
           this.listAliasesError = error.error
         })
     },
-    logout () {
+    logout() {
       this.$store.dispatch('logout')
       this.$router.replace('/')
     },
-    revokeToken (id) {
+    revokeToken(id) {
       if (window.confirm(`${this.$i18n.t('settings.revoke_token')}?`)) {
         useOAuthTokensStore().revokeToken(id)
       }
-    }
-  }
+    },
+  },
 }
 
 export default SecurityTab
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 35626a103..72ddefedd 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -1,4 +1,11 @@
-import { ref, reactive, computed, watch, provide, getCurrentInstance } from 'vue'
+import {
+  ref,
+  reactive,
+  computed,
+  watch,
+  provide,
+  getCurrentInstance,
+} from 'vue'
 import { useInterfaceStore } from 'src/stores/interface'
 import { get, set, unset, throttle } from 'lodash'
 
@@ -19,19 +26,28 @@ import Preview from '../old_theme_tab/theme_preview.vue'
 
 import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
-import { createStyleSheet, adoptStyleSheets } from 'src/services/style_setter/style_setter.js'
-import { init, findColor } from 'src/services/theme_data/theme_data_3.service.js'
+import {
+  createStyleSheet,
+  adoptStyleSheets,
+} from 'src/services/style_setter/style_setter.js'
+import {
+  init,
+  findColor,
+} from 'src/services/theme_data/theme_data_3.service.js'
 import { getCssRules } from 'src/services/theme_data/css_utils.js'
 import { serialize } from 'src/services/theme_data/iss_serializer.js'
-import { deserializeShadow, deserialize } from 'src/services/theme_data/iss_deserializer.js'
+import {
+  deserializeShadow,
+  deserialize,
+} from 'src/services/theme_data/iss_deserializer.js'
 import {
   rgb2hex,
   hex2rgb,
-  getContrastRatio
+  getContrastRatio,
 } from 'src/services/color_convert/color_convert.js'
 import {
   newImporter,
-  newExporter
+  newExporter,
 } from 'src/services/export_import/export_import.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -40,7 +56,7 @@ import {
   faFolderOpen,
   faFile,
   faArrowsRotate,
-  faCheck
+  faCheck,
 } from '@fortawesome/free-solid-svg-icons'
 
 // helper for debugging
@@ -48,15 +64,10 @@ import {
 const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
 
 // helper to make states comparable
-const normalizeStates = (states) => ['normal', ...(states?.filter(x => x !== 'normal') || [])].join(':')
+const normalizeStates = (states) =>
+  ['normal', ...(states?.filter((x) => x !== 'normal') || [])].join(':')
 
-library.add(
-  faFile,
-  faFloppyDisk,
-  faFolderOpen,
-  faArrowsRotate,
-  faCheck
-)
+library.add(faFile, faFloppyDisk, faFolderOpen, faArrowsRotate, faCheck)
 
 export default {
   components: {
@@ -74,18 +85,22 @@ export default {
     RoundnessInput,
     ContrastRatio,
     Preview,
-    VirtualDirectivesTab
+    VirtualDirectivesTab,
   },
-  setup () {
+  setup() {
     const exports = {}
     const interfaceStore = useInterfaceStore()
     // All rules that are made by editor
     const allEditedRules = ref(interfaceStore.styleDataUsed || {})
     const styleDataUsed = computed(() => interfaceStore.styleDataUsed)
 
-    watch([styleDataUsed], () => {
-      onImport(interfaceStore.styleDataUsed)
-    }, { once: true })
+    watch(
+      [styleDataUsed],
+      () => {
+        onImport(interfaceStore.styleDataUsed)
+      },
+      { once: true },
+    )
 
     exports.isActive = computed(() => {
       const tabSwitcher = getCurrentInstance().parent.ctx
@@ -105,7 +120,7 @@ export default {
         `  author: ${exports.author.value};`,
         `  license: ${exports.license.value};`,
         `  website: ${exports.website.value};`,
-        '}'
+        '}',
       ].join('\n')
     })
 
@@ -115,8 +130,8 @@ export default {
         name: exports.name.value,
         author: exports.author.value,
         license: exports.license.value,
-        website: exports.website.value
-      }
+        website: exports.website.value,
+      },
     }))
 
     // ## Palette stuff
@@ -131,7 +146,7 @@ export default {
         cRed: '#FF0000',
         cBlue: '#0095ff',
         cGreen: '#0fa00f',
-        cOrange: '#ffa500'
+        cOrange: '#ffa500',
       },
       {
         name: 'light',
@@ -144,8 +159,8 @@ export default {
         cRed: '#d31014',
         cGreen: '#0fa00f',
         cOrange: '#ffa500',
-        border: '#d8e6f9'
-      }
+        border: '#d8e6f9',
+      },
     ])
     exports.palettes = palettes
 
@@ -163,12 +178,12 @@ export default {
 
     const selectedPaletteId = ref(0)
     const selectedPalette = computed({
-      get () {
+      get() {
         return palettes[selectedPaletteId.value]
       },
-      set (newPalette) {
+      set(newPalette) {
         palettes[selectedPaletteId.value] = newPalette
-      }
+      },
     })
     exports.selectedPaletteId = selectedPaletteId
     exports.selectedPalette = selectedPalette
@@ -186,49 +201,50 @@ export default {
       cRed: '#FF0000',
       cBlue: '#0095ff',
       cGreen: '#0fa00f',
-      cOrange: '#ffa500'
+      cOrange: '#ffa500',
     })
 
     // Raw format
     const palettesRule = computed(() => {
-      return palettes.map(palette => {
+      return palettes.map((palette) => {
         const { name, ...rest } = palette
         return {
           component: '@palette',
           variant: name,
-          directives: Object
-            .entries(rest)
+          directives: Object.entries(rest)
             .filter(([k, v]) => v && k)
-            .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {})
+            .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {}),
         }
       })
     })
 
     // Text format
     const palettesOut = computed(() => {
-      return palettes.map(({ name, ...palette }) => {
-        const entries = Object
-          .entries(palette)
-          .filter(([k, v]) => v && k)
-          .map(([slot, data]) => `  ${slot}: ${data};`)
-          .join('\n')
+      return palettes
+        .map(({ name, ...palette }) => {
+          const entries = Object.entries(palette)
+            .filter(([k, v]) => v && k)
+            .map(([slot, data]) => `  ${slot}: ${data};`)
+            .join('\n')
 
-        return `@palette.${name} {\n${entries}\n}`
-      }).join('\n\n')
+          return `@palette.${name} {\n${entries}\n}`
+        })
+        .join('\n\n')
     })
 
     // ## Components stuff
     // Getting existing components
     const componentsContext = import.meta.glob(
       ['/src/**/*.style.js', '/src/**/*.style.json'],
-      { eager: true }
+      { eager: true },
     )
     const componentKeysAll = Object.keys(componentsContext)
     const componentsMap = new Map(
       componentKeysAll
-        .map(
-          key => [key, componentsContext[key].default]
-        ).filter(([, component]) => !component.virtual && !component.notEditable)
+        .map((key) => [key, componentsContext[key].default])
+        .filter(
+          ([, component]) => !component.virtual && !component.notEditable,
+        ),
     )
     exports.componentsMap = componentsMap
     const componentKeys = [...componentsMap.keys()]
@@ -238,16 +254,24 @@ export default {
     const selectedComponentKey = ref(componentsMap.keys().next().value)
     exports.selectedComponentKey = selectedComponentKey
 
-    const selectedComponent = computed(() => componentsMap.get(selectedComponentKey.value))
+    const selectedComponent = computed(() =>
+      componentsMap.get(selectedComponentKey.value),
+    )
     const selectedComponentName = computed(() => selectedComponent.value.name)
 
     // Selection basis
     exports.selectedComponentVariants = computed(() => {
-      return Object.keys({ normal: null, ...(selectedComponent.value.variants || {}) })
+      return Object.keys({
+        normal: null,
+        ...(selectedComponent.value.variants || {}),
+      })
     })
     exports.selectedComponentStates = computed(() => {
-      const all = Object.keys({ normal: null, ...(selectedComponent.value.states || {}) })
-      return all.filter(x => x !== 'normal')
+      const all = Object.keys({
+        normal: null,
+        ...(selectedComponent.value.states || {}),
+      })
+      return all.filter((x) => x !== 'normal')
     })
 
     // selection
@@ -269,51 +293,49 @@ export default {
       selectedState.clear()
     }
 
-    watch(
-      selectedComponentName,
-      updateSelectedComponent
-    )
+    watch(selectedComponentName, updateSelectedComponent)
 
     // ### Rules stuff aka meat and potatoes
     // The native structure of separate rules and the child -> parent
     // relation isn't very convenient for editor, we replace the array
     // and child -> parent structure with map and parent -> child structure
-    const rulesToEditorFriendly = (rules, root = {}) => rules.reduce((acc, rule) => {
-      const { parent: rParent, component: rComponent } = rule
-      const parent = rParent ?? rule
-      const hasChildren = !!rParent
-      const child = hasChildren ? rule : null
+    const rulesToEditorFriendly = (rules, root = {}) =>
+      rules.reduce((acc, rule) => {
+        const { parent: rParent, component: rComponent } = rule
+        const parent = rParent ?? rule
+        const hasChildren = !!rParent
+        const child = hasChildren ? rule : null
 
-      const {
-        component: pComponent,
-        variant: pVariant = 'normal',
-        state: pState = [] // no relation to Intel CPUs whatsoever
-      } = parent
-
-      const pPath = `${hasChildren ? pComponent : rComponent}.${pVariant}.${normalizeStates(pState)}`
-
-      let output = get(acc, pPath)
-      if (!output) {
-        set(acc, pPath, {})
-        output = get(acc, pPath)
-      }
-
-      if (hasChildren) {
-        output._children = output._children ?? {}
         const {
-          component: cComponent,
-          variant: cVariant = 'normal',
-          state: cState = [],
-          directives
-        } = child
+          component: pComponent,
+          variant: pVariant = 'normal',
+          state: pState = [], // no relation to Intel CPUs whatsoever
+        } = parent
 
-        const cPath = `${cComponent}.${cVariant}.${normalizeStates(cState)}`
-        set(output._children, cPath, { directives })
-      } else {
-        output.directives = parent.directives
-      }
-      return acc
-    }, root)
+        const pPath = `${hasChildren ? pComponent : rComponent}.${pVariant}.${normalizeStates(pState)}`
+
+        let output = get(acc, pPath)
+        if (!output) {
+          set(acc, pPath, {})
+          output = get(acc, pPath)
+        }
+
+        if (hasChildren) {
+          output._children = output._children ?? {}
+          const {
+            component: cComponent,
+            variant: cVariant = 'normal',
+            state: cState = [],
+            directives,
+          } = child
+
+          const cPath = `${cComponent}.${cVariant}.${normalizeStates(cState)}`
+          set(output._children, cPath, { directives })
+        } else {
+          output.directives = parent.directives
+        }
+        return acc
+      }, root)
 
     const editorFriendlyFallbackStructure = computed(() => {
       const root = {}
@@ -323,7 +345,7 @@ export default {
         const { defaultRules, name } = componentValue
         rulesToEditorFriendly(
           defaultRules.map((rule) => ({ ...rule, component: name })),
-          root
+          root,
         )
       })
 
@@ -333,79 +355,111 @@ export default {
     // Checking whether component can support some "directives" which
     // are actually virtual subcomponents, i.e. Text, Link etc
     exports.componentHas = (subComponent) => {
-      return !!selectedComponent.value.validInnerComponents?.find(x => x === subComponent)
+      return !!selectedComponent.value.validInnerComponents?.find(
+        (x) => x === subComponent,
+      )
     }
 
     // Path for lodash's get and set
     const getPath = (component, directive) => {
-      const pathSuffix = component ? `._children.${component}.normal.normal` : ''
+      const pathSuffix = component
+        ? `._children.${component}.normal.normal`
+        : ''
       const path = `${selectedComponentName.value}.${selectedVariant.value}.${normalizeStates([...selectedState])}${pathSuffix}.directives.${directive}`
       return path
     }
 
     // Templates for directives
-    const isElementPresent = (component, directive, defaultValue = '') => computed({
-      get () {
-        return get(allEditedRules.value, getPath(component, directive)) != null
-      },
-      set (value) {
-        if (value) {
-          const fallback = get(
-            editorFriendlyFallbackStructure.value,
-            getPath(component, directive)
+    const isElementPresent = (component, directive, defaultValue = '') =>
+      computed({
+        get() {
+          return (
+            get(allEditedRules.value, getPath(component, directive)) != null
           )
-          set(allEditedRules.value, getPath(component, directive), fallback ?? defaultValue)
-        } else {
-          unset(allEditedRules.value, getPath(component, directive))
-        }
-        exports.updateOverallPreview()
-      }
-    })
+        },
+        set(value) {
+          if (value) {
+            const fallback = get(
+              editorFriendlyFallbackStructure.value,
+              getPath(component, directive),
+            )
+            set(
+              allEditedRules.value,
+              getPath(component, directive),
+              fallback ?? defaultValue,
+            )
+          } else {
+            unset(allEditedRules.value, getPath(component, directive))
+          }
+          exports.updateOverallPreview()
+        },
+      })
 
-    const getEditedElement = (component, directive, postProcess = x => x) => computed({
-      get () {
-        let usedRule
-        const fallback = editorFriendlyFallbackStructure.value
-        const real = allEditedRules.value
-        const path = getPath(component, directive)
+    const getEditedElement = (component, directive, postProcess = (x) => x) =>
+      computed({
+        get() {
+          let usedRule
+          const fallback = editorFriendlyFallbackStructure.value
+          const real = allEditedRules.value
+          const path = getPath(component, directive)
 
-        usedRule = get(real, path) // get real
-        if (usedRule === '') {
-          return usedRule
-        }
-        if (!usedRule) {
-          usedRule = get(fallback, path)
-        }
+          usedRule = get(real, path) // get real
+          if (usedRule === '') {
+            return usedRule
+          }
+          if (!usedRule) {
+            usedRule = get(fallback, path)
+          }
 
-        return postProcess(usedRule)
-      },
-      set (value) {
-        if (value != null) {
-          set(allEditedRules.value, getPath(component, directive), value)
-        } else {
-          unset(allEditedRules.value, getPath(component, directive))
-        }
-        exports.updateOverallPreview()
-      }
-    })
+          return postProcess(usedRule)
+        },
+        set(value) {
+          if (value != null) {
+            set(allEditedRules.value, getPath(component, directive), value)
+          } else {
+            unset(allEditedRules.value, getPath(component, directive))
+          }
+          exports.updateOverallPreview()
+        },
+      })
 
     // All the editable stuff for the component
     exports.editedBackgroundColor = getEditedElement(null, 'background')
-    exports.isBackgroundColorPresent = isElementPresent(null, 'background', '#FFFFFF')
+    exports.isBackgroundColorPresent = isElementPresent(
+      null,
+      'background',
+      '#FFFFFF',
+    )
     exports.editedOpacity = getEditedElement(null, 'opacity')
     exports.isOpacityPresent = isElementPresent(null, 'opacity', 1)
     exports.editedRoundness = getEditedElement(null, 'roundness')
     exports.isRoundnessPresent = isElementPresent(null, 'roundness', '0')
     exports.editedTextColor = getEditedElement('Text', 'textColor')
-    exports.isTextColorPresent = isElementPresent('Text', 'textColor', '#000000')
+    exports.isTextColorPresent = isElementPresent(
+      'Text',
+      'textColor',
+      '#000000',
+    )
     exports.editedTextAuto = getEditedElement('Text', 'textAuto')
     exports.isTextAutoPresent = isElementPresent('Text', 'textAuto', '#000000')
     exports.editedLinkColor = getEditedElement('Link', 'textColor')
-    exports.isLinkColorPresent = isElementPresent('Link', 'textColor', '#000080')
+    exports.isLinkColorPresent = isElementPresent(
+      'Link',
+      'textColor',
+      '#000080',
+    )
     exports.editedIconColor = getEditedElement('Icon', 'textColor')
-    exports.isIconColorPresent = isElementPresent('Icon', 'textColor', '#909090')
+    exports.isIconColorPresent = isElementPresent(
+      'Icon',
+      'textColor',
+      '#909090',
+    )
     exports.editedBorderColor = getEditedElement('Border', 'textColor')
-    exports.isBorderColorPresent = isElementPresent('Border', 'textColor', '#909090')
+    exports.isBorderColorPresent = isElementPresent(
+      'Border',
+      'textColor',
+      '#909090',
+    )
 
     const getContrast = (bg, text) => {
       try {
@@ -422,7 +476,7 @@ export default {
           aaa: ratio >= 7,
           // same but for 18pt+ texts
           laa: ratio >= 3,
-          laaa: ratio >= 4.5
+          laaa: ratio >= 4.5,
         }
       } catch (e) {
         console.warn('Failure computing contrast', e)
@@ -431,7 +485,7 @@ export default {
     }
 
     const normalizeShadows = (shadows) => {
-      return shadows?.map(shadow => {
+      return shadows?.map((shadow) => {
         if (typeof shadow === 'object') {
           return shadow
         }
@@ -455,7 +509,8 @@ export default {
     const editedSubShadowId = ref(null)
     exports.editedSubShadowId = editedSubShadowId
     const editedSubShadow = computed(() => {
-      if (editedShadow.value == null || editedSubShadowId.value == null) return null
+      if (editedShadow.value == null || editedSubShadowId.value == null)
+        return null
       return editedShadow.value[editedSubShadowId.value]
     })
     exports.editedSubShadow = editedSubShadow
@@ -473,7 +528,7 @@ export default {
 
       newEditedShadow[editedSubShadowId.value] = {
         ...newEditedShadow[editedSubShadowId.value],
-        [axis]: value
+        [axis]: value,
       }
 
       editedShadow.value = newEditedShadow
@@ -513,12 +568,12 @@ export default {
               component,
               variant,
               state,
-              directives: stateData.directives || {}
+              directives: stateData.directives || {},
             }
 
             if (parent) {
               result.parent = {
-                component: parent
+                component: parent,
               }
             }
 
@@ -526,13 +581,15 @@ export default {
 
             // Currently we only support single depth for simplicity's sake
             if (!parent) {
-              Object.entries(stateData._children || {}).forEach(([cName, child]) => convert(cName, child, component))
+              Object.entries(stateData._children || {}).forEach(
+                ([cName, child]) => convert(cName, child, component),
+              )
             }
           })
         })
       }
 
-      [...componentsMap.values()].forEach(({ name }) => {
+      ;[...componentsMap.values()].forEach(({ name }) => {
         convert(name, allEditedRules.value[name])
       })
 
@@ -540,21 +597,20 @@ export default {
     })
 
     const allCustomVirtualDirectives = [...componentsMap.values()]
-      .map(c => {
-        return c
-          .defaultRules
-          .filter(c => c.component === 'Root')
-          .map(x => Object.entries(x.directives))
+      .map((c) => {
+        return c.defaultRules
+          .filter((c) => c.component === 'Root')
+          .map((x) => Object.entries(x.directives))
           .flat()
       })
-      .filter(x => x)
+      .filter((x) => x)
       .flat()
       .map(([name, value]) => {
         const [valType, valVal] = value.split('|')
         return {
           name: name.substring(2),
           valType: valType?.trim(),
-          value: valVal?.trim()
+          value: valVal?.trim(),
         }
       })
 
@@ -568,8 +624,11 @@ export default {
     const virtualDirectivesRule = computed(() => ({
       component: 'Root',
       directives: Object.fromEntries(
-        virtualDirectives.value.map(vd => [`--${vd.name}`, `${vd.valType} | ${vd.value}`])
-      )
+        virtualDirectives.value.map((vd) => [
+          `--${vd.name}`,
+          `${vd.valType} | ${vd.value}`,
+        ]),
+      ),
     }))
 
     // Text format
@@ -577,16 +636,19 @@ export default {
       return [
         'Root {',
         ...virtualDirectives.value
-          .filter(vd => vd.name && vd.valType && vd.value)
-          .map(vd => `  --${vd.name}: ${vd.valType} | ${vd.value};`),
-        '}'
+          .filter((vd) => vd.name && vd.valType && vd.value)
+          .map((vd) => `  --${vd.name}: ${vd.valType} | ${vd.value};`),
+        '}',
       ].join('\n')
     })
 
     exports.computeColor = (color) => {
       let computedColor
       try {
-        computedColor = findColor(color, { dynamicVars: dynamicVars.value, staticVars: staticVars.value })
+        computedColor = findColor(color, {
+          dynamicVars: dynamicVars.value,
+          staticVars: staticVars.value,
+        })
         if (computedColor) {
           return rgb2hex(computedColor)
         }
@@ -600,7 +662,7 @@ export default {
     exports.contrast = computed(() => {
       return getContrast(
         exports.computeColor(previewColors.value.background),
-        exports.computeColor(previewColors.value.text)
+        exports.computeColor(previewColors.value.text),
       )
     })
 
@@ -609,30 +671,38 @@ export default {
       filename: () => exports.name.value ?? 'pleroma_theme',
       mime: 'text/plain',
       extension: 'iss',
-      getExportedObject: () => exportStyleData.value
+      getExportedObject: () => exportStyleData.value,
     })
 
-    const onImport = parsed => {
-      const editorComponents = parsed.filter(x => x.component.startsWith('@'))
-      const rootComponent = parsed.find(x => x.component === 'Root')
-      const rules = parsed.filter(x => !x.component.startsWith('@') && x.component !== 'Root')
-      const metaIn = editorComponents.find(x => x.component === '@meta').directives
-      const palettesIn = editorComponents.filter(x => x.component === '@palette')
+    const onImport = (parsed) => {
+      const editorComponents = parsed.filter((x) => x.component.startsWith('@'))
+      const rootComponent = parsed.find((x) => x.component === 'Root')
+      const rules = parsed.filter(
+        (x) => !x.component.startsWith('@') && x.component !== 'Root',
+      )
+      const metaIn = editorComponents.find(
+        (x) => x.component === '@meta',
+      ).directives
+      const palettesIn = editorComponents.filter(
+        (x) => x.component === '@palette',
+      )
 
       exports.name.value = metaIn.name
       exports.license.value = metaIn.license
       exports.author.value = metaIn.author
       exports.website.value = metaIn.website
 
-      const newVirtualDirectives = Object
-        .entries(rootComponent.directives)
-        .map(([name, value]) => {
-          const [valType, valVal] = value.split('|').map(x => x.trim())
+      const newVirtualDirectives = Object.entries(rootComponent.directives).map(
+        ([name, value]) => {
+          const [valType, valVal] = value.split('|').map((x) => x.trim())
           return { name: name.substring(2), valType, value: valVal }
-        })
+        },
+      )
       virtualDirectives.value = newVirtualDirectives
 
-      onPalettesUpdate(palettesIn.map(x => ({ name: x.variant, ...x.directives })))
+      onPalettesUpdate(
+        palettesIn.map((x) => ({ name: x.variant, ...x.directives })),
+      )
 
       allEditedRules.value = rulesToEditorFriendly(rules)
 
@@ -641,12 +711,17 @@ export default {
 
     const styleImporter = newImporter({
       accept: '.iss',
-      parser (string) { return deserialize(string) },
-      onImportFailure (result) {
-        console.error('Failure importing style:', result)
-        useInterfaceStore().pushGlobalNotice({ messageKey: 'settings.invalid_theme_imported', level: 'error' })
+      parser(string) {
+        return deserialize(string)
       },
-      onImport
+      onImportFailure(result) {
+        console.error('Failure importing style:', result)
+        useInterfaceStore().pushGlobalNotice({
+          messageKey: 'settings.invalid_theme_imported',
+          level: 'error',
+        })
+      },
+      onImport,
     })
 
     // Raw format
@@ -654,7 +729,7 @@ export default {
       metaRule.value,
       ...palettesRule.value,
       virtualDirectivesRule.value,
-      ...editorFriendlyToOriginal.value
+      ...editorFriendlyToOriginal.value,
     ])
 
     // Text format
@@ -663,7 +738,7 @@ export default {
         metaOut.value,
         palettesOut.value,
         virtualDirectivesOut.value,
-        serialize(editorFriendlyToOriginal.value)
+        serialize(editorFriendlyToOriginal.value),
       ].join('\n\n')
     })
 
@@ -689,7 +764,9 @@ export default {
     watch([overallPreviewRules], () => {
       let css = null
       try {
-        css = getCssRules(overallPreviewRules.value).map(r => r.replace('html', '&'))
+        css = getCssRules(overallPreviewRules.value).map((r) =>
+          r.replace('html', '&'),
+        )
       } catch (e) {
         console.error(e)
         return
@@ -698,11 +775,9 @@ export default {
       const sheet = createStyleSheet('style-tab-overall-preview', 90)
 
       sheet.clear()
-      sheet.addRule([
-        '#edited-style-preview {\n',
-        css.join('\n'),
-        '\n}'
-      ].join(''))
+      sheet.addRule(
+        ['#edited-style-preview {\n', css.join('\n'), '\n}'].join(''),
+      )
       sheet.ready = true
       adoptStyleSheets()
     })
@@ -715,15 +790,14 @@ export default {
             {
               component: 'Root',
               directives: Object.fromEntries(
-                Object
-                  .entries(selectedPalette.value)
+                Object.entries(selectedPalette.value)
                   .filter(([k, v]) => k && v && k !== 'name')
-                  .map(([k, v]) => [`--${k}`, `color | ${v}`])
-              )
-            }
+                  .map(([k, v]) => [`--${k}`, `color | ${v}`]),
+              ),
+            },
           ],
           ultimateBackgroundColor: '#000000',
-          debug: true
+          debug: true,
         }).eager
       } catch (e) {
         console.error('Could not compile preview theme', e)
@@ -733,30 +807,32 @@ export default {
     //
     // Apart from "hover" we can't really show how component looks like in
     // certain states, so we have to fake them.
-    const simulatePseudoSelectors = (css, prefix) => css
-      .replace(prefix, '.preview-block')
-      .replace(':active', '.preview-active')
-      .replace(':hover', '.preview-hover')
-      .replace(':active', '.preview-active')
-      .replace(':focus', '.preview-focus')
-      .replace(':focus-within', '.preview-focus-within')
-      .replace(':disabled', '.preview-disabled')
+    const simulatePseudoSelectors = (css, prefix) =>
+      css
+        .replace(prefix, '.preview-block')
+        .replace(':active', '.preview-active')
+        .replace(':hover', '.preview-hover')
+        .replace(':active', '.preview-active')
+        .replace(':focus', '.preview-focus')
+        .replace(':focus-within', '.preview-focus-within')
+        .replace(':disabled', '.preview-disabled')
 
     const previewRules = computed(() => {
-      const filtered = overallPreviewRules.value.filter(r => {
+      const filtered = overallPreviewRules.value.filter((r) => {
         const componentMatch = r.component === selectedComponentName.value
-        const parentComponentMatch = r.parent?.component === selectedComponentName.value
+        const parentComponentMatch =
+          r.parent?.component === selectedComponentName.value
         if (!componentMatch && !parentComponentMatch) return false
         const rule = parentComponentMatch ? r.parent : r
         if (rule.component !== selectedComponentName.value) return false
         if (rule.variant !== selectedVariant.value) return false
-        const ruleState = new Set(rule.state.filter(x => x !== 'normal'))
-        const differenceA = [...ruleState].filter(x => !selectedState.has(x))
-        const differenceB = [...selectedState].filter(x => !ruleState.has(x))
-        return (differenceA.length + differenceB.length) === 0
+        const ruleState = new Set(rule.state.filter((x) => x !== 'normal'))
+        const differenceA = [...ruleState].filter((x) => !selectedState.has(x))
+        const differenceB = [...selectedState].filter((x) => !ruleState.has(x))
+        return differenceA.length + differenceB.length === 0
       })
       const sorted = [...filtered]
-        .filter(x => x.component === selectedComponentName.value)
+        .filter((x) => x.component === selectedComponentName.value)
         .sort((a, b) => {
           const aSelectorLength = a.selector.split(/ /g).length
           const bSelectorLength = b.selector.split(/ /g).length
@@ -765,27 +841,32 @@ export default {
 
       const prefix = sorted[0].selector
 
-      return filtered.filter(x => x.selector.startsWith(prefix))
+      return filtered.filter((x) => x.selector.startsWith(prefix))
     })
 
     exports.previewClass = computed(() => {
       const selectors = []
-      if (!!selectedComponent.value.variants?.normal || selectedVariant.value !== 'normal') {
+      if (
+        !!selectedComponent.value.variants?.normal ||
+        selectedVariant.value !== 'normal'
+      ) {
         selectors.push(selectedComponent.value.variants[selectedVariant.value])
       }
       if (selectedState.size > 0) {
-        selectedState.forEach(state => {
+        selectedState.forEach((state) => {
           const original = selectedComponent.value.states[state]
           selectors.push(simulatePseudoSelectors(original))
         })
       }
-      return selectors.map(x => x.substring(1)).join('')
+      return selectors.map((x) => x.substring(1)).join('')
     })
 
     exports.previewCss = computed(() => {
       try {
         const prefix = previewRules.value[0].selector
-        const scoped = getCssRules(previewRules.value).map(x => simulatePseudoSelectors(x, prefix))
+        const scoped = getCssRules(previewRules.value).map((x) =>
+          simulatePseudoSelectors(x, prefix),
+        )
         return scoped.join('\n')
       } catch (e) {
         console.error('Invalid ruleset', e)
@@ -798,7 +879,7 @@ export default {
     })
 
     const staticVars = computed(() => {
-      const rootComponent = overallPreviewRules.value.find(r => {
+      const rootComponent = overallPreviewRules.value.find((r) => {
         return r.component === 'Root'
       })
       const rootDirectivesEntries = Object.entries(rootComponent.directives)
@@ -807,7 +888,10 @@ export default {
         .filter(([k, v]) => k.startsWith('--') && v.startsWith('color | '))
         .map(([k, v]) => [k.substring(2), v.substring('color | '.length)])
         .forEach(([k, v]) => {
-          directives[k] = findColor(v, { dynamicVars: {}, staticVars: directives })
+          directives[k] = findColor(v, {
+            dynamicVars: {},
+            staticVars: directives,
+          })
         })
       return directives
     })
@@ -816,13 +900,18 @@ export default {
 
     const previewColors = computed(() => {
       const stacked = dynamicVars.value.stacked
-      const background = typeof stacked === 'string' ? stacked : rgb2hex(stacked)
+      const background =
+        typeof stacked === 'string' ? stacked : rgb2hex(stacked)
       return {
-        text: previewRules.value.find(r => r.component === 'Text')?.virtualDirectives['--text'],
-        link: previewRules.value.find(r => r.component === 'Link')?.virtualDirectives['--link'],
-        border: previewRules.value.find(r => r.component === 'Border')?.virtualDirectives['--border'],
-        icon: previewRules.value.find(r => r.component === 'Icon')?.virtualDirectives['--icon'],
-        background
+        text: previewRules.value.find((r) => r.component === 'Text')
+          ?.virtualDirectives['--text'],
+        link: previewRules.value.find((r) => r.component === 'Link')
+          ?.virtualDirectives['--link'],
+        border: previewRules.value.find((r) => r.component === 'Border')
+          ?.virtualDirectives['--border'],
+        icon: previewRules.value.find((r) => r.component === 'Icon')
+          ?.virtualDirectives['--icon'],
+        background,
       }
     })
     exports.previewColors = previewColors
@@ -836,11 +925,11 @@ export default {
         palettes,
         selectedPalette,
         selectedState,
-        selectedVariant
+        selectedVariant,
       ],
-      updateOverallPreview
+      updateOverallPreview,
     )
 
     return exports
-  }
+  },
 }
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
index d98dea615..be054fd68 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
@@ -16,11 +16,11 @@ export default {
     Select,
     SelectMotion,
     ShadowControl,
-    ColorInput
+    ColorInput,
   },
   props: ['modelValue'],
   emits: ['update:modelValue'],
-  setup (props, context) {
+  setup(props, context) {
     const exports = {}
     const emit = context.emit
 
@@ -32,23 +32,23 @@ export default {
     exports.selectedVirtualDirectiveId = selectedVirtualDirectiveId
 
     const selectedVirtualDirective = computed({
-      get () {
+      get() {
         return props.modelValue[selectedVirtualDirectiveId.value]
       },
-      set (value) {
+      set(value) {
         const newVD = [...props.modelValue]
         newVD[selectedVirtualDirectiveId.value] = value
 
         emit('update:modelValue', newVD)
-      }
+      },
     })
     exports.selectedVirtualDirective = selectedVirtualDirective
 
     exports.selectedVirtualDirectiveValType = computed({
-      get () {
+      get() {
         return props.modelValue[selectedVirtualDirectiveId.value].valType
       },
-      set (value) {
+      set(value) {
         const newValType = value
         let newValue
         switch (value) {
@@ -65,9 +65,9 @@ export default {
         props.modelValue[selectedVirtualDirectiveId.value] = {
           name: newName,
           value: newValue,
-          valType: newValType
+          valType: newValType,
         }
-      }
+      },
     })
 
     const draftVirtualDirectiveValid = ref(true)
@@ -83,7 +83,9 @@ export default {
             if (Array.isArray(directive.value)) {
               draftVirtualDirective.value = normalizeShadows(directive.value)
             } else {
-              const splitShadow = directive.value.split(/,/g).map(x => x.trim())
+              const splitShadow = directive.value
+                .split(/,/g)
+                .map((x) => x.trim())
               draftVirtualDirective.value = normalizeShadows(splitShadow)
             }
             break
@@ -96,7 +98,7 @@ export default {
             break
         }
       },
-      { immediate: true }
+      { immediate: true },
     )
 
     watch(
@@ -106,11 +108,12 @@ export default {
           switch (selectedVirtualDirective.value.valType) {
             case 'shadow': {
               props.modelValue[selectedVirtualDirectiveId.value].value =
-                directive.map(x => serializeShadow(x)).join(', ')
+                directive.map((x) => serializeShadow(x)).join(', ')
               break
             }
             default:
-              props.modelValue[selectedVirtualDirectiveId.value].value = directive
+              props.modelValue[selectedVirtualDirectiveId.value].value =
+                directive
           }
           draftVirtualDirectiveValid.value = true
         } catch (e) {
@@ -118,15 +121,15 @@ export default {
           draftVirtualDirectiveValid.value = false
         }
       },
-      { immediate: true }
+      { immediate: true },
     )
 
     exports.getNewVirtualDirective = () => ({
       name: 'newDirective',
       valType: 'generic',
-      value: 'foobar'
+      value: 'foobar',
     })
 
     return exports
-  }
+  },
 }
diff --git a/src/components/shadow_control/shadow_control.js b/src/components/shadow_control/shadow_control.js
index 1722454db..f0693599f 100644
--- a/src/components/shadow_control/shadow_control.js
+++ b/src/components/shadow_control/shadow_control.js
@@ -8,23 +8,24 @@ import ComponentPreview from 'src/components/component_preview/component_preview
 import { rgb2hex } from 'src/services/color_convert/color_convert.js'
 import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
 import { deserializeShadow } from 'src/services/theme_data/iss_deserializer.js'
-import { getCssShadow, getCssShadowFilter } from 'src/services/theme_data/css_utils.js'
-import { findShadow, findColor } from 'src/services/theme_data/theme_data_3.service.js'
+import {
+  getCssShadow,
+  getCssShadowFilter,
+} from 'src/services/theme_data/css_utils.js'
+import {
+  findShadow,
+  findColor,
+} from 'src/services/theme_data/theme_data_3.service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { throttle, flattenDeep } from 'lodash'
 import {
   faTimes,
   faChevronDown,
   faChevronUp,
-  faPlus
+  faPlus,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faChevronDown,
-  faChevronUp,
-  faTimes,
-  faPlus
-)
+library.add(faChevronDown, faChevronUp, faTimes, faPlus)
 
 const toModel = (input) => {
   if (typeof input === 'object') {
@@ -36,7 +37,7 @@ const toModel = (input) => {
       inset: false,
       color: '#000000',
       alpha: 1,
-      ...input
+      ...input,
     }
   } else if (typeof input === 'string') {
     return input
@@ -51,13 +52,13 @@ export default {
     'noPreview',
     'disabled',
     'staticVars',
-    'compact'
+    'compact',
   ],
   emits: ['update:modelValue', 'subShadowSelected'],
-  data () {
+  data() {
     return {
       selectedId: 0,
-      invalid: false
+      invalid: false,
     }
   },
   components: {
@@ -67,27 +68,27 @@ export default {
     SelectMotion,
     Checkbox,
     Popover,
-    ComponentPreview
+    ComponentPreview,
   },
   computed: {
     cValue: {
-      get () {
+      get() {
         return (this.modelValue ?? this.fallback ?? []).map(toModel)
       },
-      set (newVal) {
+      set(newVal) {
         this.$emit('update:modelValue', newVal)
-      }
+      },
     },
     selectedType: {
-      get () {
+      get() {
         return typeof this.selected
       },
-      set (newType) {
+      set(newType) {
         this.selected = toModel(newType === 'object' ? {} : '')
-      }
+      },
     },
     selected: {
-      get () {
+      get() {
         const selected = this.cValue[this.selectedId]
         if (selected && typeof selected === 'object') {
           return { ...selected }
@@ -96,24 +97,28 @@ export default {
         }
         return null
       },
-      set (value) {
+      set(value) {
         this.cValue[this.selectedId] = toModel(value)
         this.$emit('update:modelValue', this.cValue)
-      }
+      },
     },
-    present () {
+    present() {
       return this.selected != null && this.modelValue != null
     },
-    shadowsAreNull () {
+    shadowsAreNull() {
       return this.modelValue == null
     },
-    currentFallback () {
+    currentFallback() {
       return this.fallback?.[this.selectedId]
     },
-    getColorFallback () {
+    getColorFallback() {
       if (this.staticVars && this.selected?.color) {
         try {
-          const computedColor = findColor(this.selected.color, { dynamicVars: {}, staticVars: this.staticVars }, true)
+          const computedColor = findColor(
+            this.selected.color,
+            { dynamicVars: {}, staticVars: this.staticVars },
+            true,
+          )
           if (computedColor) return rgb2hex(computedColor)
           return null
         } catch (e) {
@@ -124,22 +129,30 @@ export default {
         return this.currentFallback?.color
       }
     },
-    style () {
+    style() {
       try {
         let result
-        const serialized = this.cValue.map(x => serializeShadow(x)).join(',')
+        const serialized = this.cValue.map((x) => serializeShadow(x)).join(',')
         serialized.split(/,/).map(deserializeShadow) // validate
-        const expandedShadow = flattenDeep(findShadow(this.cValue, { dynamicVars: {}, staticVars: this.staticVars }))
-        const fixedShadows = expandedShadow.map(x => ({ ...x, color: rgb2hex(x.color) }))
+        const expandedShadow = flattenDeep(
+          findShadow(this.cValue, {
+            dynamicVars: {},
+            staticVars: this.staticVars,
+          }),
+        )
+        const fixedShadows = expandedShadow.map((x) => ({
+          ...x,
+          color: rgb2hex(x.color),
+        }))
 
         if (this.separateInset) {
           result = {
             filter: getCssShadowFilter(fixedShadows),
-            boxShadow: getCssShadow(fixedShadows, true)
+            boxShadow: getCssShadow(fixedShadows, true),
           }
         } else {
           result = {
-            boxShadow: getCssShadow(fixedShadows)
+            boxShadow: getCssShadow(fixedShadows),
           }
         }
         this.invalid = false
@@ -148,23 +161,26 @@ export default {
         console.error('Invalid shadow', e)
         this.invalid = true
       }
-    }
+    },
   },
   watch: {
-    selected () {
+    selected() {
       this.$emit('subShadowSelected', this.selectedId)
-    }
+    },
   },
   methods: {
-    getNewSubshadow () {
+    getNewSubshadow() {
       return toModel(this.selected)
     },
-    onSelectChange (id) {
+    onSelectChange(id) {
       this.selectedId = id
     },
-    getSubshadowLabel (shadow, index) {
+    getSubshadowLabel(shadow, index) {
       if (typeof shadow === 'object') {
-        return shadow?.name ?? this.$t('settings.style.shadows.shadow_id', { value: index })
+        return (
+          shadow?.name ??
+          this.$t('settings.style.shadows.shadow_id', { value: index })
+        )
       } else if (typeof shadow === 'string') {
         return shadow || this.$t('settings.style.shadows.empty_expression')
       }
@@ -175,6 +191,6 @@ export default {
         this.cValue[this.selectedId].spread = 0
       }
       this.$emit('update:modelValue', this.cValue)
-    }, 100)
-  }
+    }, 100),
+  },
 }
diff --git a/src/components/shout_panel/shout_panel.js b/src/components/shout_panel/shout_panel.js
index af5e90364..72712ee50 100644
--- a/src/components/shout_panel/shout_panel.js
+++ b/src/components/shout_panel/shout_panel.js
@@ -1,54 +1,55 @@
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faBullhorn,
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { faBullhorn, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { useShoutStore } from 'src/stores/shout'
 
-library.add(
-  faBullhorn,
-  faTimes
-)
+library.add(faBullhorn, faTimes)
 
 const shoutPanel = {
   props: ['floating'],
-  data () {
+  data() {
     return {
       currentMessage: '',
       channel: null,
-      collapsed: true
+      collapsed: true,
     }
   },
   computed: {
-    messages () {
+    messages() {
       return useShoutStore().messages
-    }
+    },
   },
   methods: {
-    submit (message) {
+    submit(message) {
       useShoutStore().channel.push('new_msg', { text: message }, 10000)
       this.currentMessage = ''
     },
-    togglePanel () {
+    togglePanel() {
       this.collapsed = !this.collapsed
     },
-    userProfileLink (user) {
-      return generateProfileLink(user.id, user.username, this.$store.state.instance.restrictedNicknames)
-    }
+    userProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.username,
+        this.$store.state.instance.restrictedNicknames,
+      )
+    },
   },
   watch: {
-    messages () {
+    messages() {
       const scrollEl = this.$el.querySelector('.chat-window')
       if (!scrollEl) return
-      if (scrollEl.scrollTop + scrollEl.offsetHeight + 20 > scrollEl.scrollHeight) {
+      if (
+        scrollEl.scrollTop + scrollEl.offsetHeight + 20 >
+        scrollEl.scrollHeight
+      ) {
         this.$nextTick(() => {
           if (!scrollEl) return
           scrollEl.scrollTop = scrollEl.scrollHeight - scrollEl.offsetHeight
         })
       }
-    }
-  }
+    },
+  },
 }
 
 export default shoutPanel
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index 7dbd38cb5..80bf95796 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -19,7 +19,7 @@ import {
   faInfoCircle,
   faCompass,
   faList,
-  faFilePen
+  faFilePen,
 } from '@fortawesome/free-solid-svg-icons'
 import { useShoutStore } from 'src/stores/shout'
 import { useInterfaceStore } from 'src/stores/interface'
@@ -39,17 +39,20 @@ library.add(
   faInfoCircle,
   faCompass,
   faList,
-  faFilePen
+  faFilePen,
 )
 
 const SideDrawer = {
   props: ['logout'],
   data: () => ({
     closed: true,
-    closeGesture: undefined
+    closeGesture: undefined,
   }),
-  created () {
-    this.closeGesture = GestureService.swipeGesture(GestureService.DIRECTION_LEFT, this.toggleDrawer)
+  created() {
+    this.closeGesture = GestureService.swipeGesture(
+      GestureService.DIRECTION_LEFT,
+      this.toggleDrawer,
+    )
 
     if (this.currentUser && this.currentUser.locked) {
       this.$store.dispatch('startFetchingFollowRequests')
@@ -57,38 +60,40 @@ const SideDrawer = {
   },
   components: { UserCard },
   computed: {
-    currentUser () {
+    currentUser() {
       return this.$store.state.users.currentUser
     },
-    shout () { return useShoutStore().joined },
-    unseenNotifications () {
+    shout() {
+      return useShoutStore().joined
+    },
+    unseenNotifications() {
       return unseenNotificationsFromStore(this.$store)
     },
-    unseenNotificationsCount () {
+    unseenNotificationsCount() {
       return this.unseenNotifications.length
     },
-    suggestionsEnabled () {
+    suggestionsEnabled() {
       return this.$store.state.instance.suggestionsEnabled
     },
-    logo () {
+    logo() {
       return this.$store.state.instance.logo
     },
-    hideSitename () {
+    hideSitename() {
       return this.$store.state.instance.hideSitename
     },
-    sitename () {
+    sitename() {
       return this.$store.state.instance.name
     },
-    followRequestCount () {
+    followRequestCount() {
       return this.$store.state.api.followRequests.length
     },
-    privateMode () {
+    privateMode() {
       return this.$store.state.instance.private
     },
-    federating () {
+    federating() {
       return this.$store.state.instance.federating
     },
-    timelinesRoute () {
+    timelinesRoute() {
       let name
       if (useInterfaceStore().lastTimeline) {
         name = useInterfaceStore().lastTimeline
@@ -101,35 +106,36 @@ const SideDrawer = {
       }
     },
     ...mapPiniaState(useAnnouncementsStore, {
-      supportsAnnouncements: store => store.supportsAnnouncements,
-      unreadAnnouncementCount: 'unreadAnnouncementCount'
+      supportsAnnouncements: (store) => store.supportsAnnouncements,
+      unreadAnnouncementCount: 'unreadAnnouncementCount',
     }),
     ...mapState({
-      pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable
+      pleromaChatMessagesAvailable: (state) =>
+        state.instance.pleromaChatMessagesAvailable,
     }),
-    ...mapGetters(['unreadChatCount', 'draftCount'])
+    ...mapGetters(['unreadChatCount', 'draftCount']),
   },
   methods: {
-    toggleDrawer () {
+    toggleDrawer() {
       this.closed = !this.closed
     },
-    doLogout () {
+    doLogout() {
       this.logout()
       this.toggleDrawer()
     },
-    touchStart (e) {
+    touchStart(e) {
       GestureService.beginSwipe(e, this.closeGesture)
     },
-    touchMove (e) {
+    touchMove(e) {
       GestureService.updateSwipe(e, this.closeGesture)
     },
-    openSettingsModal () {
+    openSettingsModal() {
       useInterfaceStore().openSettingsModal('user')
     },
-    openAdminModal () {
+    openAdminModal() {
       useInterfaceStore().openSettingsModal('admin')
-    }
-  }
+    },
+  },
 }
 
 export default SideDrawer
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index 46a92ac78..26b34f38f 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -4,30 +4,32 @@ import { mapGetters, mapState } from 'vuex'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 const StaffPanel = {
-  created () {
+  created() {
     const nicknames = this.$store.state.instance.staffAccounts
-    nicknames.forEach(nickname => this.$store.dispatch('fetchUserIfMissing', nickname))
+    nicknames.forEach((nickname) =>
+      this.$store.dispatch('fetchUserIfMissing', nickname),
+    )
   },
   components: {
-    BasicUserCard
+    BasicUserCard,
   },
   computed: {
-    groupedStaffAccounts () {
-      const staffAccounts = map(this.staffAccounts, this.findUserByName).filter(_ => _)
+    groupedStaffAccounts() {
+      const staffAccounts = map(this.staffAccounts, this.findUserByName).filter(
+        (_) => _,
+      )
       const groupedStaffAccounts = groupBy(staffAccounts, 'role')
 
       return [
         { role: 'admin', users: groupedStaffAccounts.admin },
-        { role: 'moderator', users: groupedStaffAccounts.moderator }
-      ].filter(group => group.users)
+        { role: 'moderator', users: groupedStaffAccounts.moderator },
+      ].filter((group) => group.users)
     },
-    ...mapGetters([
-      'findUserByName'
-    ]),
+    ...mapGetters(['findUserByName']),
     ...mapState({
-      staffAccounts: state => state.instance.staffAccounts
-    })
-  }
+      staffAccounts: (state) => state.instance.staffAccounts,
+    }),
+  },
 }
 
 export default StaffPanel
diff --git a/src/components/status/post.style.js b/src/components/status/post.style.js
index 43e21a16e..a988aef76 100644
--- a/src/components/status/post.style.js
+++ b/src/components/status/post.style.js
@@ -2,7 +2,7 @@ export default {
   name: 'Post',
   selector: '.Status',
   states: {
-    selected: '.-focused'
+    selected: '.-focused',
   },
   validInnerComponents: [
     'Text',
@@ -10,19 +10,19 @@ export default {
     'Icon',
     'Border',
     'Avatar',
-    'PollGraph'
+    'PollGraph',
   ],
   defaultRules: [
     {
       directives: {
-        background: '--bg'
-      }
+        background: '--bg',
+      },
     },
     {
       state: ['selected'],
       directives: {
-        background: '--inheritedBackground, 10'
-      }
-    }
-  ]
+        background: '--inheritedBackground, 10',
+      },
+    },
+  ],
 }
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 4112ed44e..84a80ac07 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -13,7 +13,10 @@ import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
 import MentionLink from 'src/components/mention_link/mention_link.vue'
 import StatusActionButtons from 'src/components/status_action_buttons/status_action_buttons.vue'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
+import {
+  highlightClass,
+  highlightStyle,
+} from '../../services/user_highlighter/user_highlighter.js'
 import { muteFilterHits } from '../../services/status_parser/status_parser.js'
 import { unescape, uniqBy } from 'lodash'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
@@ -38,7 +41,7 @@ import {
   faChevronUp,
   faChevronDown,
   faAngleDoubleRight,
-  faPlay
+  faPlay,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -60,21 +63,26 @@ library.add(
   faChevronUp,
   faChevronDown,
   faAngleDoubleRight,
-  faPlay
+  faPlay,
 )
 
-const camelCase = name => name.charAt(0).toUpperCase() + name.slice(1)
+const camelCase = (name) => name.charAt(0).toUpperCase() + name.slice(1)
 
-const controlledOrUncontrolledGetters = list => list.reduce((res, name) => {
-  const camelized = camelCase(name)
-  const toggle = `controlledToggle${camelized}`
-  const controlledName = `controlled${camelized}`
-  const uncontrolledName = `uncontrolled${camelized}`
-  res[name] = function () {
-    return ((this.$data[toggle] !== undefined || this.$props[toggle] !== undefined) && this[toggle]) ? this[controlledName] : this[uncontrolledName]
-  }
-  return res
-}, {})
+const controlledOrUncontrolledGetters = (list) =>
+  list.reduce((res, name) => {
+    const camelized = camelCase(name)
+    const toggle = `controlledToggle${camelized}`
+    const controlledName = `controlled${camelized}`
+    const uncontrolledName = `uncontrolled${camelized}`
+    res[name] = function () {
+      return (this.$data[toggle] !== undefined ||
+        this.$props[toggle] !== undefined) &&
+        this[toggle]
+        ? this[controlledName]
+        : this[uncontrolledName]
+    }
+    return res
+  }, {})
 
 const controlledOrUncontrolledToggle = (obj, name) => {
   const camelized = camelCase(name)
@@ -114,7 +122,7 @@ const Status = {
     MentionsLine,
     UserPopover,
     UserLink,
-    StatusActionButtons
+    StatusActionButtons,
   },
   props: [
     'statusoid',
@@ -147,10 +155,10 @@ const Status = {
     'controlledToggleReplying',
     'controlledMediaPlaying',
     'controlledSetMediaPlaying',
-    'dive'
+    'dive',
   ],
   emits: ['interacted'],
-  data () {
+  data() {
     return {
       uncontrolledReplying: false,
       unmuted: false,
@@ -159,128 +167,164 @@ const Status = {
       suspendable: true,
       error: null,
       headTailLinks: null,
-      displayQuote: !this.inQuote
+      displayQuote: !this.inQuote,
     }
   },
   computed: {
     ...controlledOrUncontrolledGetters(['replying', 'mediaPlaying']),
-    showReasonMutedThread () {
+    showReasonMutedThread() {
       return (
-        this.status.thread_muted ||
-          (this.status.reblog && this.status.reblog.thread_muted)
-      ) && !this.inConversation
+        (this.status.thread_muted ||
+          (this.status.reblog && this.status.reblog.thread_muted)) &&
+        !this.inConversation
+      )
     },
-    repeaterClass () {
+    repeaterClass() {
       const user = this.statusoid.user
       return highlightClass(user)
     },
-    userClass () {
-      const user = this.retweet ? (this.statusoid.retweeted_status.user) : this.statusoid.user
+    userClass() {
+      const user = this.retweet
+        ? this.statusoid.retweeted_status.user
+        : this.statusoid.user
       return highlightClass(user)
     },
-    deleted () {
+    deleted() {
       return this.statusoid.deleted
     },
-    repeaterStyle () {
+    repeaterStyle() {
       const user = this.statusoid.user
       const highlight = this.mergedConfig.highlight
       return highlightStyle(highlight[user.screen_name])
     },
-    userStyle () {
+    userStyle() {
       if (this.noHeading) return
-      const user = this.retweet ? (this.statusoid.retweeted_status.user) : this.statusoid.user
+      const user = this.retweet
+        ? this.statusoid.retweeted_status.user
+        : this.statusoid.user
       const highlight = this.mergedConfig.highlight
       return highlightStyle(highlight[user.screen_name])
     },
-    userProfileLink () {
-      return this.generateUserProfileLink(this.status.user.id, this.status.user.screen_name)
+    userProfileLink() {
+      return this.generateUserProfileLink(
+        this.status.user.id,
+        this.status.user.screen_name,
+      )
     },
-    replyProfileLink () {
+    replyProfileLink() {
       if (this.isReply) {
-        const user = this.$store.getters.findUser(this.status.in_reply_to_user_id)
+        const user = this.$store.getters.findUser(
+          this.status.in_reply_to_user_id,
+        )
         // FIXME Why user not found sometimes???
         return user ? user.statusnet_profile_url : 'NOT_FOUND'
       }
     },
-    retweet () { return !!this.statusoid.retweeted_status },
-    retweeterUser () { return this.statusoid.user },
-    retweeter () { return this.statusoid.user.name || this.statusoid.user.screen_name_ui },
-    retweeterHtml () { return this.statusoid.user.name },
-    retweeterProfileLink () { return this.generateUserProfileLink(this.statusoid.user.id, this.statusoid.user.screen_name) },
-    status () {
+    retweet() {
+      return !!this.statusoid.retweeted_status
+    },
+    retweeterUser() {
+      return this.statusoid.user
+    },
+    retweeter() {
+      return this.statusoid.user.name || this.statusoid.user.screen_name_ui
+    },
+    retweeterHtml() {
+      return this.statusoid.user.name
+    },
+    retweeterProfileLink() {
+      return this.generateUserProfileLink(
+        this.statusoid.user.id,
+        this.statusoid.user.screen_name,
+      )
+    },
+    status() {
       if (this.retweet) {
         return this.statusoid.retweeted_status
       } else {
         return this.statusoid
       }
     },
-    statusFromGlobalRepository () {
+    statusFromGlobalRepository() {
       // NOTE: Consider to replace status with statusFromGlobalRepository
       return this.$store.state.statuses.allStatusesObject[this.status.id]
     },
-    loggedIn () {
+    loggedIn() {
       return !!this.currentUser
     },
-    muteFilterHits () {
+    muteFilterHits() {
       return muteFilterHits(
-        Object.values(useServerSideStorageStore().prefsStorage.simple.muteFilters),
-        this.status
+        Object.values(
+          useServerSideStorageStore().prefsStorage.simple.muteFilters,
+        ),
+        this.status,
       )
     },
-    botStatus () {
+    botStatus() {
       return this.status.user.actor_type === 'Service'
     },
-    showActorTypeIndicator () {
+    showActorTypeIndicator() {
       return !this.hideBotIndication
     },
-    sensitiveStatus () {
+    sensitiveStatus() {
       return this.status.nsfw
     },
-    mentionsLine () {
+    mentionsLine() {
       if (!this.headTailLinks) return []
-      const writtenSet = new Set(this.headTailLinks.writtenMentions.map(_ => _.url))
-      return this.status.attentions.filter(attn => {
-        // no reply user
-        return attn.id !== this.status.in_reply_to_user_id &&
-          // no self-replies
-          attn.statusnet_profile_url !== this.status.user.statusnet_profile_url &&
-          // don't include if mentions is written
-          !writtenSet.has(attn.statusnet_profile_url)
-      }).map(attn => ({
-        url: attn.statusnet_profile_url,
-        content: attn.screen_name,
-        userId: attn.id
-      }))
+      const writtenSet = new Set(
+        this.headTailLinks.writtenMentions.map((_) => _.url),
+      )
+      return this.status.attentions
+        .filter((attn) => {
+          // no reply user
+          return (
+            attn.id !== this.status.in_reply_to_user_id &&
+            // no self-replies
+            attn.statusnet_profile_url !==
+              this.status.user.statusnet_profile_url &&
+            // don't include if mentions is written
+            !writtenSet.has(attn.statusnet_profile_url)
+          )
+        })
+        .map((attn) => ({
+          url: attn.statusnet_profile_url,
+          content: attn.screen_name,
+          userId: attn.id,
+        }))
     },
-    hasMentionsLine () {
+    hasMentionsLine() {
       return this.mentionsLine.length > 0
     },
-    muteReasons () {
+    muteReasons() {
       return [
         this.userIsMuted ? 'user' : null,
         this.status.thread_muted ? 'thread' : null,
-        (this.muteFilterHits.length > 0) ? 'filtered' : null,
-        (this.muteBotStatuses && this.botStatus) ? 'bot' : null,
-        (this.muteSensitiveStatuses && this.sensitiveStatus) ? 'nsfw' : null
-      ].filter(_ => _)
+        this.muteFilterHits.length > 0 ? 'filtered' : null,
+        this.muteBotStatuses && this.botStatus ? 'bot' : null,
+        this.muteSensitiveStatuses && this.sensitiveStatus ? 'nsfw' : null,
+      ].filter((_) => _)
     },
-    muteLocalized () {
+    muteLocalized() {
       if (this.muteReasons.length === 0) return null
       const mainReason = () => {
         switch (this.muteReasons[0]) {
-          case 'user': return this.$t('status.muted_user')
-          case 'thread': return this.$t('status.thread_muted')
+          case 'user':
+            return this.$t('status.muted_user')
+          case 'thread':
+            return this.$t('status.thread_muted')
           case 'filtered':
             return this.$t(
               'status.muted_filters',
               {
                 name: this.muteFilterHits[0].name,
-                filterMore: this.muteFilterHits.length - 1
+                filterMore: this.muteFilterHits.length - 1,
               },
-              this.muteFilterHits.length
+              this.muteFilterHits.length,
             )
-          case 'bot': return this.$t('status.bot_muted')
-          case 'nsfw': return this.$t('status.sensitive_muted')
+          case 'bot':
+            return this.$t('status.bot_muted')
+          case 'nsfw':
+            return this.$t('status.sensitive_muted')
         }
       }
       if (this.muteReasons.length > 1) {
@@ -288,72 +332,74 @@ const Status = {
           'status.multi_reason_mute',
           {
             main: mainReason(),
-            numReasonsMore: this.muteReasons.length - 1
+            numReasonsMore: this.muteReasons.length - 1,
           },
-          this.muteReasons.length - 1
+          this.muteReasons.length - 1,
         )
       } else {
         return mainReason()
       }
     },
-    muted () {
+    muted() {
       if (this.statusoid.user.id === this.currentUser.id) return false
       return !this.unmuted && !this.shouldNotMute && this.muteReasons.length > 0
     },
-    userIsMuted () {
+    userIsMuted() {
       if (this.statusoid.user.id === this.currentUser.id) return false
       const { status } = this
       const { reblog } = status
       const relationship = this.$store.getters.relationship(status.user.id)
-      const relationshipReblog = reblog && this.$store.getters.relationship(reblog.user.id)
-      return (status.muted && !status.thread_muted) ||
+      const relationshipReblog =
+        reblog && this.$store.getters.relationship(reblog.user.id)
+      return (
+        (status.muted && !status.thread_muted) ||
         // Reprööt of a muted post according to BE
         (reblog && reblog.muted && !reblog.thread_muted) ||
         // Muted user
         relationship.muting ||
         // Muted user of a reprööt
         (relationshipReblog && relationshipReblog.muting)
+      )
     },
-    shouldNotMute () {
+    shouldNotMute() {
       if (this.isFocused) return true
       const { status } = this
       const { reblog } = status
       return (
-        (
-          this.inProfile && (
-            // Don't mute user's posts on user timeline (except reblogs)
-            (!reblog && status.user.id === this.profileUserId) ||
+        ((this.inProfile &&
+          // Don't mute user's posts on user timeline (except reblogs)
+          ((!reblog && status.user.id === this.profileUserId) ||
             // Same as above but also allow self-reblogs
-            (reblog && reblog.user.id === this.profileUserId)
-          )
-        ) ||
-        // Don't mute statuses in muted conversation when said conversation is opened
-        (this.inConversation && status.thread_muted)
+            (reblog && reblog.user.id === this.profileUserId))) ||
+          // Don't mute statuses in muted conversation when said conversation is opened
+          (this.inConversation && status.thread_muted)) &&
         // No excuses if post has muted words
-      ) && !this.muteFilterHits.length > 0
-    },
-    hideMutedUsers () {
-      return this.mergedConfig.hideMutedPosts
-    },
-    hideMutedThreads () {
-      return this.mergedConfig.hideMutedThreads
-    },
-    hideFilteredStatuses () {
-      return this.mergedConfig.hideFilteredStatuses
-    },
-    hideWordFilteredPosts () {
-      return this.mergedConfig.hideWordFilteredPosts
-    },
-    hideStatus () {
-      return (!this.shouldNotMute) && (
-        (this.muted && this.hideFilteredStatuses) ||
-        (this.userIsMuted && this.hideMutedUsers) ||
-        (this.status.thread_muted && this.hideMutedThreads) ||
-        (this.muteFilterHits.length > 0 && this.hideWordFilteredPosts) ||
-          (this.muteFilterHits.some(x => x.hide))
+        !this.muteFilterHits.length > 0
       )
     },
-    isFocused () {
+    hideMutedUsers() {
+      return this.mergedConfig.hideMutedPosts
+    },
+    hideMutedThreads() {
+      return this.mergedConfig.hideMutedThreads
+    },
+    hideFilteredStatuses() {
+      return this.mergedConfig.hideFilteredStatuses
+    },
+    hideWordFilteredPosts() {
+      return this.mergedConfig.hideWordFilteredPosts
+    },
+    hideStatus() {
+      return (
+        !this.shouldNotMute &&
+        ((this.muted && this.hideFilteredStatuses) ||
+          (this.userIsMuted && this.hideMutedUsers) ||
+          (this.status.thread_muted && this.hideMutedThreads) ||
+          (this.muteFilterHits.length > 0 && this.hideWordFilteredPosts) ||
+          this.muteFilterHits.some((x) => x.hide))
+      )
+    },
+    isFocused() {
       // retweet or root of an expanded conversation
       if (this.focused) {
         return true
@@ -363,18 +409,22 @@ const Status = {
       // use conversation highlight only when in conversation
       return this.status.id === this.highlight
     },
-    isReply () {
-      return !!(this.status.in_reply_to_status_id && this.status.in_reply_to_user_id)
+    isReply() {
+      return !!(
+        this.status.in_reply_to_status_id && this.status.in_reply_to_user_id
+      )
     },
-    replyToName () {
+    replyToName() {
       if (this.status.in_reply_to_screen_name) {
         return this.status.in_reply_to_screen_name
       } else {
-        const user = this.$store.getters.findUser(this.status.in_reply_to_user_id)
+        const user = this.$store.getters.findUser(
+          this.status.in_reply_to_user_id,
+        )
         return user && user.screen_name_ui
       }
     },
-    replySubject () {
+    replySubject() {
       if (!this.status.summary) return ''
       const decodedSummary = unescape(this.status.summary)
       const behavior = this.mergedConfig.subjectLineBehavior
@@ -387,70 +437,80 @@ const Status = {
         return ''
       }
     },
-    combinedFavsAndRepeatsUsers () {
+    combinedFavsAndRepeatsUsers() {
       // Use the status from the global status repository since favs and repeats are saved in it
       const combinedUsers = [].concat(
         this.statusFromGlobalRepository.favoritedBy,
-        this.statusFromGlobalRepository.rebloggedBy
+        this.statusFromGlobalRepository.rebloggedBy,
       )
       return uniqBy(combinedUsers, 'id')
     },
-    tags () {
+    tags() {
       // eslint-disable-next-line no-prototype-builtins
-      return this.status.tags.filter(tagObj => Object.hasOwn(tagObj, 'name')).map(tagObj => tagObj.name).join(' ')
+      return this.status.tags
+        .filter((tagObj) => Object.hasOwn(tagObj, 'name'))
+        .map((tagObj) => tagObj.name)
+        .join(' ')
     },
-    hidePostStats () {
+    hidePostStats() {
       return this.mergedConfig.hidePostStats
     },
-    shouldDisplayFavsAndRepeats () {
-      return !this.hidePostStats && this.isFocused && (this.combinedFavsAndRepeatsUsers.length > 0 || this.statusFromGlobalRepository.quotes_count)
+    shouldDisplayFavsAndRepeats() {
+      return (
+        !this.hidePostStats &&
+        this.isFocused &&
+        (this.combinedFavsAndRepeatsUsers.length > 0 ||
+          this.statusFromGlobalRepository.quotes_count)
+      )
     },
-    muteBotStatuses () {
+    muteBotStatuses() {
       return this.mergedConfig.muteBotStatuses
     },
-    muteSensitiveStatuses () {
+    muteSensitiveStatuses() {
       return this.mergedConfig.muteSensitiveStatuses
     },
-    hideBotIndication () {
+    hideBotIndication() {
       return this.mergedConfig.hideBotIndication
     },
-    currentUser () {
+    currentUser() {
       return this.$store.state.users.currentUser
     },
-    mergedConfig () {
+    mergedConfig() {
       return this.$store.getters.mergedConfig
     },
-    isSuspendable () {
+    isSuspendable() {
       return !this.replying && this.mediaPlaying.length === 0
     },
-    inThreadForest () {
+    inThreadForest() {
       return !!this.controlledThreadDisplayStatus
     },
-    threadShowing () {
+    threadShowing() {
       return this.controlledThreadDisplayStatus === 'showing'
     },
-    visibilityLocalized () {
+    visibilityLocalized() {
       return this.$i18n.t('general.scope_in_timeline.' + this.status.visibility)
     },
-    isEdited () {
+    isEdited() {
       return this.status.edited_at !== null
     },
-    editingAvailable () {
+    editingAvailable() {
       return this.$store.state.instance.editingAvailable
     },
-    hasVisibleQuote () {
+    hasVisibleQuote() {
       return this.status.quote_url && this.status.quote_visible
     },
-    hasInvisibleQuote () {
+    hasInvisibleQuote() {
       return this.status.quote_url && !this.status.quote_visible
     },
-    quotedStatus () {
-      return this.status.quote_id ? this.$store.state.statuses.allStatusesObject[this.status.quote_id] : undefined
+    quotedStatus() {
+      return this.status.quote_id
+        ? this.$store.state.statuses.allStatusesObject[this.status.quote_id]
+        : undefined
     },
-    shouldDisplayQuote () {
+    shouldDisplayQuote() {
       return this.quotedStatus && this.displayQuote
     },
-    scrobblePresent () {
+    scrobblePresent() {
       if (this.mergedConfig.hideScrobbles) return false
       if (!this.status.user?.latestScrobble) return false
       const value = this.mergedConfig.hideScrobblesAfter.match(/\d+/gs)[0]
@@ -473,12 +533,12 @@ const Status = {
       if (age > maxAge) return false
       return this.status.user.latestScrobble.artist
     },
-    scrobble () {
+    scrobble() {
       return this.status.user?.latestScrobble
-    }
+    },
   },
   methods: {
-    visibilityIcon (visibility) {
+    visibilityIcon(visibility) {
       switch (visibility) {
         case 'private':
           return 'lock'
@@ -492,14 +552,14 @@ const Status = {
           return 'globe'
       }
     },
-    showError (error) {
+    showError(error) {
       this.error = error
     },
-    clearError () {
+    clearError() {
       this.$emit('interacted')
       this.error = undefined
     },
-    toggleReplying () {
+    toggleReplying() {
       this.$emit('interacted')
       if (this.replying) {
         this.$refs.postStatusForm.requestClose()
@@ -507,39 +567,51 @@ const Status = {
         this.doToggleReplying()
       }
     },
-    doToggleReplying () {
+    doToggleReplying() {
       controlledOrUncontrolledToggle(this, 'replying')
     },
-    gotoOriginal (id) {
+    gotoOriginal(id) {
       if (this.inConversation) {
         this.$emit('goto', id)
       }
     },
-    toggleExpanded () {
+    toggleExpanded() {
       this.$emit('toggleExpanded')
     },
-    toggleMute () {
+    toggleMute() {
       this.unmuted = !this.unmuted
     },
-    toggleUserExpanded () {
+    toggleUserExpanded() {
       this.userExpanded = !this.userExpanded
     },
-    generateUserProfileLink (id, name) {
-      return generateProfileLink(id, name, this.$store.state.instance.restrictedNicknames)
+    generateUserProfileLink(id, name) {
+      return generateProfileLink(
+        id,
+        name,
+        this.$store.state.instance.restrictedNicknames,
+      )
     },
-    addMediaPlaying (id) {
-      controlledOrUncontrolledSet(this, 'mediaPlaying', this.mediaPlaying.concat(id))
+    addMediaPlaying(id) {
+      controlledOrUncontrolledSet(
+        this,
+        'mediaPlaying',
+        this.mediaPlaying.concat(id),
+      )
     },
-    removeMediaPlaying (id) {
-      controlledOrUncontrolledSet(this, 'mediaPlaying', this.mediaPlaying.filter(mediaId => mediaId !== id))
+    removeMediaPlaying(id) {
+      controlledOrUncontrolledSet(
+        this,
+        'mediaPlaying',
+        this.mediaPlaying.filter((mediaId) => mediaId !== id),
+      )
     },
-    setHeadTailLinks (headTailLinks) {
+    setHeadTailLinks(headTailLinks) {
       this.headTailLinks = headTailLinks
     },
-    toggleThreadDisplay () {
+    toggleThreadDisplay() {
       this.controlledToggleThreadDisplay()
     },
-    scrollIfHighlighted (highlightId) {
+    scrollIfHighlighted(highlightId) {
       if (this.$el.getBoundingClientRect == null) return
       const id = highlightId
       if (this.status.id === id) {
@@ -547,7 +619,7 @@ const Status = {
         if (rect.top < 100) {
           // Post is above screen, match its top to screen top
           window.scrollBy(0, rect.top - 100)
-        } else if (rect.height >= (window.innerHeight - 50)) {
+        } else if (rect.height >= window.innerHeight - 50) {
           // Post we want to see is taller than screen so match its top to screen top
           window.scrollBy(0, rect.top - 100)
         } else if (rect.bottom > window.innerHeight - 50) {
@@ -556,18 +628,17 @@ const Status = {
         }
       }
     },
-    toggleDisplayQuote () {
+    toggleDisplayQuote() {
       if (this.shouldDisplayQuote) {
         this.displayQuote = false
       } else if (!this.quotedStatus) {
-        this.$store.dispatch('fetchStatus', this.status.quote_id)
-          .then(() => {
-            this.displayQuote = true
-          })
+        this.$store.dispatch('fetchStatus', this.status.quote_id).then(() => {
+          this.displayQuote = true
+        })
       } else {
         this.displayQuote = true
       }
-    }
+    },
   },
   watch: {
     highlight: function (id) {
@@ -575,20 +646,28 @@ const Status = {
     },
     'status.repeat_num': function (num) {
       // refetch repeats when repeat_num is changed in any way
-      if (this.isFocused && this.statusFromGlobalRepository.rebloggedBy && this.statusFromGlobalRepository.rebloggedBy.length !== num) {
+      if (
+        this.isFocused &&
+        this.statusFromGlobalRepository.rebloggedBy &&
+        this.statusFromGlobalRepository.rebloggedBy.length !== num
+      ) {
         this.$store.dispatch('fetchRepeats', this.status.id)
       }
     },
     'status.fave_num': function (num) {
       // refetch favs when fave_num is changed in any way
-      if (this.isFocused && this.statusFromGlobalRepository.favoritedBy && this.statusFromGlobalRepository.favoritedBy.length !== num) {
+      if (
+        this.isFocused &&
+        this.statusFromGlobalRepository.favoritedBy &&
+        this.statusFromGlobalRepository.favoritedBy.length !== num
+      ) {
         this.$store.dispatch('fetchFavs', this.status.id)
       }
     },
     isSuspendable: function (val) {
       this.suspendable = val
-    }
-  }
+    },
+  },
 }
 
 export default Status
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index 8a65b9184..1edc57fc4 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -9,25 +9,22 @@ import {
   faCheck,
   faTimes,
   faWrench,
-
   faChevronRight,
   faChevronUp,
-
   faReply,
   faRetweet,
   faStar,
   faSmileBeam,
-
   faBookmark,
   faEyeSlash,
   faThumbtack,
   faShareAlt,
   faExternalLinkAlt,
-  faHistory
+  faHistory,
 } from '@fortawesome/free-solid-svg-icons'
 import {
   faStar as faStarRegular,
-  faBookmark as faBookmarkRegular
+  faBookmark as faBookmarkRegular,
 } from '@fortawesome/free-regular-svg-icons'
 
 library.add(
@@ -52,7 +49,7 @@ library.add(
   faThumbtack,
   faShareAlt,
   faExternalLinkAlt,
-  faHistory
+  faHistory,
 )
 
 export default {
@@ -65,66 +62,73 @@ export default {
     'getClass',
     'getComponent',
     'doAction',
-    'outerClose'
-  ],
-  emits: [
-    'interacted'
+    'outerClose',
   ],
+  emits: ['interacted'],
   components: {
     StatusBookmarkFolderMenu,
     EmojiPicker,
-    Popover
+    Popover,
   },
   data: () => ({
-    animationState: false
+    animationState: false,
   }),
   computed: {
-    buttonClass () {
+    buttonClass() {
       return [
         this.button.name + '-button',
         {
           '-with-extra': this.button.name === 'bookmark',
           '-extra': this.extra,
-          '-quick': !this.extra
-        }
+          '-quick': !this.extra,
+        },
       ]
     },
-    userIsMuted () {
+    userIsMuted() {
       return this.$store.getters.relationship(this.status.user.id).muting
     },
-    threadIsMuted () {
+    threadIsMuted() {
       return this.status.thread_muted
     },
-    hideCustomEmoji () {
+    hideCustomEmoji() {
       return !this.$store.state.instance.pleromaCustomEmojiReactionsAvailable
     },
-    buttonInnerClass () {
+    buttonInnerClass() {
       return [
         this.button.name + '-button',
         {
           'main-button': this.extra,
           'button-unstyled': !this.extra,
           '-active': this.button.active?.(this.funcArg),
-          disabled: this.button.interactive ? !this.button.interactive(this.funcArg) : false
-        }
+          disabled: this.button.interactive
+            ? !this.button.interactive(this.funcArg)
+            : false,
+        },
       ]
     },
-    remoteInteractionLink () {
-      return this.$store.getters.remoteInteractionLink({ statusId: this.status.id })
-    }
+    remoteInteractionLink() {
+      return this.$store.getters.remoteInteractionLink({
+        statusId: this.status.id,
+      })
+    },
   },
   methods: {
-    addReaction (event) {
+    addReaction(event) {
       const emoji = event.insertion
-      const existingReaction = this.status.emoji_reactions.find(r => r.name === emoji)
+      const existingReaction = this.status.emoji_reactions.find(
+        (r) => r.name === emoji,
+      )
       if (existingReaction && existingReaction.me) {
         this.$store.dispatch('unreactWithEmoji', { id: this.status.id, emoji })
       } else {
         this.$store.dispatch('reactWithEmoji', { id: this.status.id, emoji })
       }
     },
-    doActionWrap (button, close = () => {}) {
-      if (this.button.interactive ? !this.button.interactive(this.funcArg) : false) return
+    doActionWrap(button, close = () => {}) {
+      if (
+        this.button.interactive ? !this.button.interactive(this.funcArg) : false
+      )
+        return
       this.$emit('interacted')
       if (button.name === 'emoji') {
         this.$refs.picker.showPicker()
@@ -136,6 +140,6 @@ export default {
         }, 500)
         close()
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index a8f20800b..303a76377 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -7,86 +7,84 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faUser,
   faGlobe,
-  faFolderTree
+  faFolderTree,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faUser,
-  faGlobe,
-  faFolderTree
-)
+library.add(faUser, faGlobe, faFolderTree)
 
 export default {
   components: {
     ActionButton,
     Popover,
     MuteConfirm,
-    UserTimedFilterModal
+    UserTimedFilterModal,
   },
   props: ['button', 'status'],
   emits: ['interacted'],
-  mounted () {
+  mounted() {
     if (this.button.name === 'mute') {
       this.$store.dispatch('fetchDomainMutes')
     }
   },
   computed: {
-    buttonClass () {
+    buttonClass() {
       return [
         this.button.name + '-button',
         {
           '-with-extra': this.button.name === 'bookmark',
           '-extra': this.extra,
-          '-quick': !this.extra
-        }
+          '-quick': !this.extra,
+        },
       ]
     },
-    user () {
+    user() {
       return this.status.user
     },
-    userIsMuted () {
+    userIsMuted() {
       return this.$store.getters.relationship(this.user.id).muting
     },
-    conversationIsMuted () {
+    conversationIsMuted() {
       return this.status.thread_muted
     },
-    domain () {
+    domain() {
       return this.user.fqn.split('@')[1]
     },
-    domainIsMuted () {
-      return new Set(this.$store.state.users.currentUser.domainMutes).has(this.domain)
-    }
+    domainIsMuted() {
+      return new Set(this.$store.state.users.currentUser.domainMutes).has(
+        this.domain,
+      )
+    },
   },
   methods: {
-    unmuteUser () {
+    unmuteUser() {
       return this.$store.dispatch('unmuteUser', this.user.id)
     },
-    unmuteConversation () {
+    unmuteConversation() {
       return this.$store.dispatch('unmuteConversation', { id: this.status.id })
     },
-    unmuteDomain () {
+    unmuteDomain() {
       return this.$store.dispatch('unmuteDomain', this.user.id)
     },
-    toggleUserMute () {
+    toggleUserMute() {
       if (this.userIsMuted) {
         this.unmuteUser()
       } else {
         this.$refs.confirmUser.optionallyPrompt()
       }
     },
-    toggleConversationMute () {
+    toggleConversationMute() {
       if (this.conversationIsMuted) {
         this.unmuteConversation()
       } else {
         this.$refs.confirmConversation.optionallyPrompt()
       }
     },
-    toggleDomainMute () {
+    toggleDomainMute() {
       if (this.domainIsMuted) {
         this.unmuteDomain()
       } else {
         this.$refs.confirmDomain.optionallyPrompt()
       }
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/status_action_buttons/buttons_definitions.js b/src/components/status_action_buttons/buttons_definitions.js
index bc1e45a98..d1a6845d1 100644
--- a/src/components/status_action_buttons/buttons_definitions.js
+++ b/src/components/status_action_buttons/buttons_definitions.js
@@ -4,257 +4,282 @@ import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
 
 const PRIVATE_SCOPES = new Set(['private', 'direct'])
 const PUBLIC_SCOPES = new Set(['public', 'unlisted'])
-export const BUTTONS = [{
-  // =========
-  // REPLY
-  // =========
-  name: 'reply',
-  label: 'tool_tip.reply',
-  icon: 'reply',
-  active: ({ replying }) => replying,
-  counter: ({ status }) => status.replies_count,
-  anon: true,
-  anonLink: true,
-  toggleable: true,
-  closeIndicator: 'times',
-  activeIndicator: 'none',
-  action ({ emit }) {
-    emit('toggleReplying')
-    return Promise.resolve()
-  }
-}, {
-  // =========
-  // REPEAT
-  // =========
-  name: 'retweet',
-  label: ({ status }) => status.repeated
-    ? 'tool_tip.unrepeat'
-    : 'tool_tip.repeat',
-  icon ({ status, currentUser }) {
-    if (currentUser.id !== status.user.id && PRIVATE_SCOPES.has(status.visibility)) {
-      return 'lock'
-    }
-    return 'retweet'
+export const BUTTONS = [
+  {
+    // =========
+    // REPLY
+    // =========
+    name: 'reply',
+    label: 'tool_tip.reply',
+    icon: 'reply',
+    active: ({ replying }) => replying,
+    counter: ({ status }) => status.replies_count,
+    anon: true,
+    anonLink: true,
+    toggleable: true,
+    closeIndicator: 'times',
+    activeIndicator: 'none',
+    action({ emit }) {
+      emit('toggleReplying')
+      return Promise.resolve()
+    },
   },
-  animated: true,
-  active: ({ status }) => status.repeated,
-  counter: ({ status }) => status.repeat_num,
-  anonLink: true,
-  interactive: ({ status, currentUser }) => !!currentUser && (currentUser.id === status.user.id || !PRIVATE_SCOPES.has(status.visibility)),
-  toggleable: true,
-  confirm: ({ status, getters }) => !status.repeated && getters.mergedConfig.modalOnRepeat,
-  confirmStrings: {
-    title: 'status.repeat_confirm_title',
-    body: 'status.repeat_confirm',
-    confirm: 'status.repeat_confirm_accept_button',
-    cancel: 'status.repeat_confirm_cancel_button'
+  {
+    // =========
+    // REPEAT
+    // =========
+    name: 'retweet',
+    label: ({ status }) =>
+      status.repeated ? 'tool_tip.unrepeat' : 'tool_tip.repeat',
+    icon({ status, currentUser }) {
+      if (
+        currentUser.id !== status.user.id &&
+        PRIVATE_SCOPES.has(status.visibility)
+      ) {
+        return 'lock'
+      }
+      return 'retweet'
+    },
+    animated: true,
+    active: ({ status }) => status.repeated,
+    counter: ({ status }) => status.repeat_num,
+    anonLink: true,
+    interactive: ({ status, currentUser }) =>
+      !!currentUser &&
+      (currentUser.id === status.user.id ||
+        !PRIVATE_SCOPES.has(status.visibility)),
+    toggleable: true,
+    confirm: ({ status, getters }) =>
+      !status.repeated && getters.mergedConfig.modalOnRepeat,
+    confirmStrings: {
+      title: 'status.repeat_confirm_title',
+      body: 'status.repeat_confirm',
+      confirm: 'status.repeat_confirm_accept_button',
+      cancel: 'status.repeat_confirm_cancel_button',
+    },
+    action({ status, dispatch }) {
+      if (!status.repeated) {
+        return dispatch('retweet', { id: status.id })
+      } else {
+        return dispatch('unretweet', { id: status.id })
+      }
+    },
   },
-  action ({ status, dispatch }) {
-    if (!status.repeated) {
-      return dispatch('retweet', { id: status.id })
-    } else {
-      return dispatch('unretweet', { id: status.id })
-    }
-  }
-}, {
-  // =========
-  // FAVORITE
-  // =========
-  name: 'favorite',
-  label: ({ status }) => status.favorited
-    ? 'tool_tip.unfavorite'
-    : 'tool_tip.favorite',
-  icon: ({ status }) => status.favorited
-    ? ['fas', 'star']
-    : ['far', 'star'],
-  animated: true,
-  active: ({ status }) => status.favorited,
-  counter: ({ status }) => status.fave_num,
-  anonLink: true,
-  toggleable: true,
-  action ({ status, dispatch }) {
-    if (!status.favorited) {
-      return dispatch('favorite', { id: status.id })
-    } else {
-      return dispatch('unfavorite', { id: status.id })
-    }
-  }
-}, {
-  // =========
-  // EMOJI REACTIONS
-  // =========
-  name: 'emoji',
-  label: 'tool_tip.add_reaction',
-  icon: ['far', 'smile-beam'],
-  anonLink: true
-}, {
-  // =========
-  // MUTE
-  // =========
-  name: 'mute',
-  icon: 'eye-slash',
-  label: 'status.mute_ellipsis',
-  if: ({ loggedIn }) => loggedIn,
-  toggleable: true,
-  dropdown: true
-  // action ({ status, dispatch, emit }) {
-  // }
-}, {
-  // =========
-  // PIN STATUS
-  // =========
-  name: 'pin',
-  icon: 'thumbtack',
-  label: ({ status }) => status.pinned
-    ? 'status.unpin'
-    : 'status.pin',
-  if ({ status, loggedIn, currentUser }) {
-    return loggedIn &&
-      status.user.id === currentUser.id &&
-      PUBLIC_SCOPES.has(status.visibility)
+  {
+    // =========
+    // FAVORITE
+    // =========
+    name: 'favorite',
+    label: ({ status }) =>
+      status.favorited ? 'tool_tip.unfavorite' : 'tool_tip.favorite',
+    icon: ({ status }) =>
+      status.favorited ? ['fas', 'star'] : ['far', 'star'],
+    animated: true,
+    active: ({ status }) => status.favorited,
+    counter: ({ status }) => status.fave_num,
+    anonLink: true,
+    toggleable: true,
+    action({ status, dispatch }) {
+      if (!status.favorited) {
+        return dispatch('favorite', { id: status.id })
+      } else {
+        return dispatch('unfavorite', { id: status.id })
+      }
+    },
   },
-  action ({ status, dispatch }) {
-    if (status.pinned) {
-      return dispatch('unpinStatus', status.id)
-    } else {
-      return dispatch('pinStatus', status.id)
-    }
-  }
-}, {
-  // =========
-  // BOOKMARK
-  // =========
-  name: 'bookmark',
-  icon: ({ status }) => status.bookmarked
-    ? ['fas', 'bookmark']
-    : ['far', 'bookmark'],
-  toggleable: true,
-  active: ({ status }) => status.bookmarked,
-  label: ({ status }) => status.bookmarked
-    ? 'status.unbookmark'
-    : 'status.bookmark',
-  if: ({ loggedIn }) => loggedIn,
-  action ({ status, dispatch }) {
-    if (status.bookmarked) {
-      return dispatch('unbookmark', { id: status.id })
-    } else {
-      return dispatch('bookmark', { id: status.id })
-    }
-  }
-}, {
-  // =========
-  // EDIT HISTORY
-  // =========
-  name: 'editHistory',
-  icon: 'history',
-  label: 'status.status_history',
-  if ({ status, state }) {
-    return state.instance.editingAvailable &&
-      status.edited_at !== null
+  {
+    // =========
+    // EMOJI REACTIONS
+    // =========
+    name: 'emoji',
+    label: 'tool_tip.add_reaction',
+    icon: ['far', 'smile-beam'],
+    anonLink: true,
   },
-  action ({ status }) {
-    const originalStatus = { ...status }
-    const stripFieldsList = [
-      'attachments',
-      'created_at',
-      'emojis',
-      'text',
-      'raw_html',
-      'nsfw',
-      'poll',
-      'summary',
-      'summary_raw_html'
-    ]
-    stripFieldsList.forEach(p => delete originalStatus[p])
-    useStatusHistoryStore().openStatusHistoryModal(originalStatus)
-    return Promise.resolve()
-  }
-}, {
-  // =========
-  // EDIT
-  // =========
-  name: 'edit',
-  icon: 'pen',
-  label: 'status.edit',
-  if ({ status, loggedIn, currentUser, state }) {
-    return loggedIn &&
-      state.instance.editingAvailable &&
-      status.user.id === currentUser.id
+  {
+    // =========
+    // MUTE
+    // =========
+    name: 'mute',
+    icon: 'eye-slash',
+    label: 'status.mute_ellipsis',
+    if: ({ loggedIn }) => loggedIn,
+    toggleable: true,
+    dropdown: true,
+    // action ({ status, dispatch, emit }) {
+    // }
   },
-  action ({ dispatch, status }) {
-    return dispatch('fetchStatusSource', { id: status.id })
-      .then(data => useEditStatusStore().openEditStatusModal({
-        statusId: status.id,
-        subject: data.spoiler_text,
-        statusText: data.text,
-        statusIsSensitive: status.nsfw,
-        statusPoll: status.poll,
-        statusFiles: [...status.attachments],
-        visibility: status.visibility,
-        statusContentType: data.content_type
-      }))
-  }
-}, {
-  // =========
-  // DELETE
-  // =========
-  name: 'delete',
-  icon: 'times',
-  label: 'status.delete',
-  if ({ status, loggedIn, currentUser }) {
-    return loggedIn && (
-      status.user.id === currentUser.id ||
-        currentUser.privileges.includes('messages_delete')
-    )
+  {
+    // =========
+    // PIN STATUS
+    // =========
+    name: 'pin',
+    icon: 'thumbtack',
+    label: ({ status }) => (status.pinned ? 'status.unpin' : 'status.pin'),
+    if({ status, loggedIn, currentUser }) {
+      return (
+        loggedIn &&
+        status.user.id === currentUser.id &&
+        PUBLIC_SCOPES.has(status.visibility)
+      )
+    },
+    action({ status, dispatch }) {
+      if (status.pinned) {
+        return dispatch('unpinStatus', status.id)
+      } else {
+        return dispatch('pinStatus', status.id)
+      }
+    },
   },
-  confirm: ({ getters }) => getters.mergedConfig.modalOnDelete,
-  confirmStrings: {
-    title: 'status.delete_confirm_title',
-    body: 'status.delete_confirm',
-    confirm: 'status.delete_confirm_accept_button',
-    cancel: 'status.delete_confirm_cancel_button'
+  {
+    // =========
+    // BOOKMARK
+    // =========
+    name: 'bookmark',
+    icon: ({ status }) =>
+      status.bookmarked ? ['fas', 'bookmark'] : ['far', 'bookmark'],
+    toggleable: true,
+    active: ({ status }) => status.bookmarked,
+    label: ({ status }) =>
+      status.bookmarked ? 'status.unbookmark' : 'status.bookmark',
+    if: ({ loggedIn }) => loggedIn,
+    action({ status, dispatch }) {
+      if (status.bookmarked) {
+        return dispatch('unbookmark', { id: status.id })
+      } else {
+        return dispatch('bookmark', { id: status.id })
+      }
+    },
   },
-  action ({ dispatch, status }) {
-    return dispatch('deleteStatus', { id: status.id })
-  }
-}, {
-  // =========
-  // SHARE/COPY
-  // =========
-  name: 'share',
-  icon: 'share-alt',
-  label: 'status.copy_link',
-  action ({ state, status, router }) {
-    navigator.clipboard.writeText([
-      state.instance.server,
-      router.resolve({ name: 'conversation', params: { id: status.id } }).href
-    ].join(''))
-    return Promise.resolve()
-  }
-}, {
-  // =========
-  // EXTERNAL
-  // =========
-  name: 'external',
-  icon: 'external-link-alt',
-  label: 'status.external_source',
-  link: ({ status }) => status.external_url
-}, {
-  // =========
-  // REPORT
-  // =========
-  name: 'report',
-  icon: 'flag',
-  label: 'user_card.report',
-  if: ({ loggedIn }) => loggedIn,
-  action ({ status }) {
-    return useReportsStore().openUserReportingModal({ userId: status.user.id, statusIds: [status.id] })
-  }
-}].map(button => {
+  {
+    // =========
+    // EDIT HISTORY
+    // =========
+    name: 'editHistory',
+    icon: 'history',
+    label: 'status.status_history',
+    if({ status, state }) {
+      return state.instance.editingAvailable && status.edited_at !== null
+    },
+    action({ status }) {
+      const originalStatus = { ...status }
+      const stripFieldsList = [
+        'attachments',
+        'created_at',
+        'emojis',
+        'text',
+        'raw_html',
+        'nsfw',
+        'poll',
+        'summary',
+        'summary_raw_html',
+      ]
+      stripFieldsList.forEach((p) => delete originalStatus[p])
+      useStatusHistoryStore().openStatusHistoryModal(originalStatus)
+      return Promise.resolve()
+    },
+  },
+  {
+    // =========
+    // EDIT
+    // =========
+    name: 'edit',
+    icon: 'pen',
+    label: 'status.edit',
+    if({ status, loggedIn, currentUser, state }) {
+      return (
+        loggedIn &&
+        state.instance.editingAvailable &&
+        status.user.id === currentUser.id
+      )
+    },
+    action({ dispatch, status }) {
+      return dispatch('fetchStatusSource', { id: status.id }).then((data) =>
+        useEditStatusStore().openEditStatusModal({
+          statusId: status.id,
+          subject: data.spoiler_text,
+          statusText: data.text,
+          statusIsSensitive: status.nsfw,
+          statusPoll: status.poll,
+          statusFiles: [...status.attachments],
+          visibility: status.visibility,
+          statusContentType: data.content_type,
+        }),
+      )
+    },
+  },
+  {
+    // =========
+    // DELETE
+    // =========
+    name: 'delete',
+    icon: 'times',
+    label: 'status.delete',
+    if({ status, loggedIn, currentUser }) {
+      return (
+        loggedIn &&
+        (status.user.id === currentUser.id ||
+          currentUser.privileges.includes('messages_delete'))
+      )
+    },
+    confirm: ({ getters }) => getters.mergedConfig.modalOnDelete,
+    confirmStrings: {
+      title: 'status.delete_confirm_title',
+      body: 'status.delete_confirm',
+      confirm: 'status.delete_confirm_accept_button',
+      cancel: 'status.delete_confirm_cancel_button',
+    },
+    action({ dispatch, status }) {
+      return dispatch('deleteStatus', { id: status.id })
+    },
+  },
+  {
+    // =========
+    // SHARE/COPY
+    // =========
+    name: 'share',
+    icon: 'share-alt',
+    label: 'status.copy_link',
+    action({ state, status, router }) {
+      navigator.clipboard.writeText(
+        [
+          state.instance.server,
+          router.resolve({ name: 'conversation', params: { id: status.id } })
+            .href,
+        ].join(''),
+      )
+      return Promise.resolve()
+    },
+  },
+  {
+    // =========
+    // EXTERNAL
+    // =========
+    name: 'external',
+    icon: 'external-link-alt',
+    label: 'status.external_source',
+    link: ({ status }) => status.external_url,
+  },
+  {
+    // =========
+    // REPORT
+    // =========
+    name: 'report',
+    icon: 'flag',
+    label: 'user_card.report',
+    if: ({ loggedIn }) => loggedIn,
+    action({ status }) {
+      return useReportsStore().openUserReportingModal({
+        userId: status.user.id,
+        statusIds: [status.id],
+      })
+    },
+  },
+].map((button) => {
   return Object.fromEntries(
     Object.entries(button).map(([k, v]) => [
       k,
-      (typeof v === 'function' || k === 'name') ? v : () => v
-    ])
+      typeof v === 'function' || k === 'name' ? v : () => v,
+    ]),
   )
 })
diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index 6f84ce8b5..7c9c5ae86 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -10,18 +10,14 @@ import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import { BUTTONS } from './buttons_definitions.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEllipsisH
-} from '@fortawesome/free-solid-svg-icons'
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faEllipsisH
-)
+library.add(faEllipsisH)
 
 const StatusActionButtons = {
   props: ['status', 'replying'],
   emits: ['toggleReplying', 'interacted'],
-  data () {
+  data() {
     return {
       showPin: false,
       showingConfirmDialog: false,
@@ -29,31 +25,32 @@ const StatusActionButtons = {
       currentConfirmOkText: '',
       currentConfirmCancelText: '',
       currentConfirmAction: () => {},
-      randomSeed: genRandomSeed()
+      randomSeed: genRandomSeed(),
     }
   },
   components: {
     Popover,
     ConfirmModal,
-    ActionButtonContainer
+    ActionButtonContainer,
   },
   computed: {
     ...mapState(useServerSideStorageStore, {
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedStatusActions)
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedStatusActions),
     }),
-    buttons () {
-      return BUTTONS.filter(x => x.if ? x.if(this.funcArg) : true)
+    buttons() {
+      return BUTTONS.filter((x) => (x.if ? x.if(this.funcArg) : true))
     },
-    quickButtons () {
-      return this.buttons.filter(x => this.pinnedItems.has(x.name))
+    quickButtons() {
+      return this.buttons.filter((x) => this.pinnedItems.has(x.name))
     },
-    extraButtons () {
-      return this.buttons.filter(x => !this.pinnedItems.has(x.name))
+    extraButtons() {
+      return this.buttons.filter((x) => !this.pinnedItems.has(x.name))
     },
-    currentUser () {
+    currentUser() {
       return this.$store.state.users.currentUser
     },
-    funcArg () {
+    funcArg() {
       return {
         status: this.status,
         replying: this.replying,
@@ -63,25 +60,33 @@ const StatusActionButtons = {
         getters: this.$store.getters,
         router: this.$router,
         currentUser: this.currentUser,
-        loggedIn: !!this.currentUser
+        loggedIn: !!this.currentUser,
       }
     },
-    triggerAttrs () {
+    triggerAttrs() {
       return {
         title: this.$t('status.more_actions'),
         'aria-controls': `popup-menu-${this.randomSeed}`,
-        'aria-haspopup': 'menu'
+        'aria-haspopup': 'menu',
       }
-    }
+    },
   },
   methods: {
-    doAction (button) {
+    doAction(button) {
       if (button.confirm?.(this.funcArg)) {
         // TODO move to action_button
-        this.currentConfirmTitle = this.$t(button.confirmStrings(this.funcArg).title)
-        this.currentConfirmOkText = this.$t(button.confirmStrings(this.funcArg).confirm)
-        this.currentConfirmCancelText = this.$t(button.confirmStrings(this.funcArg).cancel)
-        this.currentConfirmBody = this.$t(button.confirmStrings(this.funcArg).body)
+        this.currentConfirmTitle = this.$t(
+          button.confirmStrings(this.funcArg).title,
+        )
+        this.currentConfirmOkText = this.$t(
+          button.confirmStrings(this.funcArg).confirm,
+        )
+        this.currentConfirmCancelText = this.$t(
+          button.confirmStrings(this.funcArg).cancel,
+        )
+        this.currentConfirmBody = this.$t(
+          button.confirmStrings(this.funcArg).body,
+        )
         this.currentConfirmAction = () => {
           this.showingConfirmDialog = false
           this.doActionReal(button)
@@ -91,26 +96,33 @@ const StatusActionButtons = {
         this.doActionReal(button)
       }
     },
-    doActionReal (button) {
-      button.action(this.funcArg)
+    doActionReal(button) {
+      button
+        .action(this.funcArg)
         .then(() => this.$emit('onSuccess'))
-        .catch(err => this.$emit('onError', err.error.error))
+        .catch((err) => this.$emit('onError', err.error.error))
     },
-    onExtraClose () {
+    onExtraClose() {
       this.showPin = false
     },
-    isPinned (button) {
+    isPinned(button) {
       return this.pinnedItems.has(button.name)
     },
-    unpin (button) {
-      useServerSideStorageStore().removeCollectionPreference({ path: 'collections.pinnedStatusActions', value: button.name })
+    unpin(button) {
+      useServerSideStorageStore().removeCollectionPreference({
+        path: 'collections.pinnedStatusActions',
+        value: button.name,
+      })
       useServerSideStorageStore().pushServerSideStorage()
     },
-    pin (button) {
-      useServerSideStorageStore().addCollectionPreference({ path: 'collections.pinnedStatusActions', value: button.name })
+    pin(button) {
+      useServerSideStorageStore().addCollectionPreference({
+        path: 'collections.pinnedStatusActions',
+        value: button.name,
+      })
       useServerSideStorageStore().pushServerSideStorage()
     },
-    getComponent (button) {
+    getComponent(button) {
       if (!this.$store.state.users.currentUser && button.anonLink) {
         return 'a'
       } else if (button.action == null && button.link != null) {
@@ -119,16 +131,18 @@ const StatusActionButtons = {
         return 'button'
       }
     },
-    getClass (button) {
+    getClass(button) {
       return {
         [button.name + '-button']: true,
-        disabled: button.interactive ? !button.interactive(this.funcArg) : false,
+        disabled: button.interactive
+          ? !button.interactive(this.funcArg)
+          : false,
         '-pin-edit': this.showPin,
         '-dropdown': button.dropdown?.(),
-        '-active': button.active?.(this.funcArg)
+        '-active': button.active?.(this.funcArg),
       }
-    }
-  }
+    },
+  },
 }
 
 export default StatusActionButtons
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index 9a56060e8..772f7ff0e 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -7,16 +7,10 @@ import {
   faMusic,
   faImage,
   faLink,
-  faPollH
+  faPollH,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faFile,
-  faMusic,
-  faImage,
-  faLink,
-  faPollH
-)
+library.add(faFile, faMusic, faImage, faLink, faPollH)
 
 const StatusBody = {
   name: 'StatusBody',
@@ -33,17 +27,17 @@ const StatusBody = {
     'showingLongSubject',
     'toggleShowingTall',
     'toggleExpandingSubject',
-    'toggleShowingLongSubject'
+    'toggleShowingLongSubject',
   ],
-  data () {
+  data() {
     return {
       postLength: this.status.text.length,
-      parseReadyDone: false
+      parseReadyDone: false,
     }
   },
   emits: ['parseReady'],
   computed: {
-    localCollapseSubjectDefault () {
+    localCollapseSubjectDefault() {
       return this.mergedConfig.collapseMessageWithSubject
     },
     // This is a bit hacky, but we want to approximate post height before rendering
@@ -53,73 +47,87 @@ const StatusBody = {
     //
     // Using max-height + overflow: auto for status components resulted in false positives
     // very often with japanese characters, and it was very annoying.
-    tallStatus () {
+    tallStatus() {
       if (this.singleLine || this.compact) return false
-      const lengthScore = this.status.raw_html.split(/<p|<br/).length + this.postLength / 80
+      const lengthScore =
+        this.status.raw_html.split(/<p|<br/).length + this.postLength / 80
       return lengthScore > 20
     },
-    longSubject () {
+    longSubject() {
       return this.status.summary.length > 240
     },
     // When a status has a subject and is also tall, we should only have one show more/less button. If the default is to collapse statuses with subjects, we just treat it like a status with a subject; otherwise, we just treat it like a tall status.
-    mightHideBecauseSubject () {
+    mightHideBecauseSubject() {
       return !!this.status.summary && this.localCollapseSubjectDefault
     },
-    mightHideBecauseTall () {
-      return this.tallStatus && !(this.status.summary && this.localCollapseSubjectDefault)
+    mightHideBecauseTall() {
+      return (
+        this.tallStatus &&
+        !(this.status.summary && this.localCollapseSubjectDefault)
+      )
     },
-    hideSubjectStatus () {
+    hideSubjectStatus() {
       return this.mightHideBecauseSubject && !this.expandingSubject
     },
-    hideTallStatus () {
+    hideTallStatus() {
       return this.mightHideBecauseTall && !this.showingTall
     },
-    shouldShowToggle () {
+    shouldShowToggle() {
       return this.mightHideBecauseSubject || this.mightHideBecauseTall
     },
-    toggleButtonClasses () {
+    toggleButtonClasses() {
       return {
         'cw-status-hider': !this.showingMore && this.mightHideBecauseSubject,
         'tall-status-hider': !this.showingMore && this.mightHideBecauseTall,
         'status-unhider': this.showingMore,
       }
     },
-    toggleText () {
+    toggleText() {
       if (this.showingMore) {
-        return this.mightHideBecauseSubject ? this.$t('status.hide_content') : this.$t('general.show_less')
+        return this.mightHideBecauseSubject
+          ? this.$t('status.hide_content')
+          : this.$t('general.show_less')
       } else {
-        return this.mightHideBecauseSubject ? this.$t('status.show_content') : this.$t('general.show_more')
+        return this.mightHideBecauseSubject
+          ? this.$t('status.show_content')
+          : this.$t('general.show_more')
       }
     },
-    showingMore () {
-      return (this.mightHideBecauseTall && this.showingTall) || (this.mightHideBecauseSubject && this.expandingSubject)
+    showingMore() {
+      return (
+        (this.mightHideBecauseTall && this.showingTall) ||
+        (this.mightHideBecauseSubject && this.expandingSubject)
+      )
     },
-    attachmentTypes () {
-      return this.status.attachments.map(file => fileType.fileType(file.mimetype))
+    attachmentTypes() {
+      return this.status.attachments.map((file) =>
+        fileType.fileType(file.mimetype),
+      )
     },
-    collapsedStatus () {
+    collapsedStatus() {
       return this.status.raw_html.replace(/(\n|<br\s?\/?>)/g, ' ')
     },
-    ...mapGetters(['mergedConfig'])
+    ...mapGetters(['mergedConfig']),
   },
   components: {
-    RichContent
+    RichContent,
   },
-  mounted () {
-    this.status.attentions && this.status.attentions.forEach(attn => {
-      const { id } = attn
-      this.$store.dispatch('fetchUserIfMissing', id)
-    })
+  mounted() {
+    this.status.attentions &&
+      this.status.attentions.forEach((attn) => {
+        const { id } = attn
+        this.$store.dispatch('fetchUserIfMissing', id)
+      })
   },
   methods: {
-    onParseReady (event) {
+    onParseReady(event) {
       if (this.parseReadyDone) return
       this.parseReadyDone = true
       this.$emit('parseReady', event)
       const { writtenMentions, invisibleMentions } = event
       writtenMentions
-        .filter(mention => !mention.notifying)
-        .forEach(mention => {
+        .filter((mention) => !mention.notifying)
+        .forEach((mention) => {
           const { content, url } = mention
           const cleanedString = content.replace(/<[^>]+?>/gi, '') // remove all tags
           if (!cleanedString.startsWith('@')) return
@@ -137,17 +145,17 @@ const StatusBody = {
         return acc - mention.textContent.length - 1
       }, this.postLength)
     },
-    toggleShowMore () {
+    toggleShowMore() {
       if (this.mightHideBecauseTall) {
         this.toggleShowingTall()
       } else if (this.mightHideBecauseSubject) {
         this.toggleExpandingSubject()
       }
     },
-    generateTagLink (tag) {
+    generateTagLink(tag) {
       return `/tag/${tag}`
-    }
-  }
+    },
+  },
 }
 
 export default StatusBody
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
index 72d4f6fda..99a3ed06d 100644
--- a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
+++ b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
@@ -9,34 +9,32 @@ import StillImage from 'src/components/still-image/still-image.vue'
 library.add(faChevronRight, faFolder)
 
 const StatusBookmarkFolderMenu = {
-  props: [
-    'status',
-    'close'
-  ],
-  data () {
+  props: ['status', 'close'],
+  data() {
     return {}
   },
   components: {
     Popover,
-    StillImage
+    StillImage,
   },
   computed: {
     ...mapState(useBookmarkFoldersStore, {
-      folders: store => store.allFolders
+      folders: (store) => store.allFolders,
     }),
-    folderId () {
+    folderId() {
       return this.status.bookmark_folder_id
-    }
+    },
   },
   methods: {
-    toggleFolder (id) {
+    toggleFolder(id) {
       const value = id === this.folderId ? null : id
 
-      this.$store.dispatch('bookmark', { id: this.status.id, bookmark_folder_id: value })
+      this.$store
+        .dispatch('bookmark', { id: this.status.id, bookmark_folder_id: value })
         .then(() => this.$emit('onSuccess'))
-        .catch(err => this.$emit('onError', err.error.error))
-    }
-  }
+        .catch((err) => this.$emit('onError', err.error.error))
+    },
+  },
 }
 
 export default StatusBookmarkFolderMenu
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index 364123f49..f2a157537 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -11,31 +11,29 @@ import {
   faMusic,
   faImage,
   faLink,
-  faPollH
+  faPollH,
 } from '@fortawesome/free-solid-svg-icons'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
 
-library.add(
-  faCircleNotch,
-  faFile,
-  faMusic,
-  faImage,
-  faLink,
-  faPollH
-)
+library.add(faCircleNotch, faFile, faMusic, faImage, faLink, faPollH)
 
-const camelCase = name => name.charAt(0).toUpperCase() + name.slice(1)
+const camelCase = (name) => name.charAt(0).toUpperCase() + name.slice(1)
 
-const controlledOrUncontrolledGetters = list => list.reduce((res, name) => {
-  const camelized = camelCase(name)
-  const toggle = `controlledToggle${camelized}`
-  const controlledName = `controlled${camelized}`
-  const uncontrolledName = `uncontrolled${camelized}`
-  res[name] = function () {
-    return ((this.$data[toggle] !== undefined || this.$props[toggle] !== undefined) && this[toggle]) ? this[controlledName] : this[uncontrolledName]
-  }
-  return res
-}, {})
+const controlledOrUncontrolledGetters = (list) =>
+  list.reduce((res, name) => {
+    const camelized = camelCase(name)
+    const toggle = `controlledToggle${camelized}`
+    const controlledName = `controlled${camelized}`
+    const uncontrolledName = `uncontrolled${camelized}`
+    res[name] = function () {
+      return (this.$data[toggle] !== undefined ||
+        this.$props[toggle] !== undefined) &&
+        this[toggle]
+        ? this[controlledName]
+        : this[uncontrolledName]
+    }
+    return res
+  }, {})
 
 const controlledOrUncontrolledToggle = (obj, name) => {
   const camelized = camelCase(name)
@@ -63,28 +61,38 @@ const StatusContent = {
     'controlledToggleShowingTall',
     'controlledToggleExpandingSubject',
     'controlledShowingLongSubject',
-    'controlledToggleShowingLongSubject'
+    'controlledToggleShowingLongSubject',
   ],
   emits: ['parseReady', 'mediaplay', 'mediapause'],
-  data () {
+  data() {
     return {
-      uncontrolledShowingTall: this.fullContent || (this.inConversation && this.focused),
+      uncontrolledShowingTall:
+        this.fullContent || (this.inConversation && this.focused),
       uncontrolledShowingLongSubject: false,
       // not as computed because it sets the initial state which will be changed later
-      uncontrolledExpandingSubject: !this.$store.getters.mergedConfig.collapseMessageWithSubject
+      uncontrolledExpandingSubject:
+        !this.$store.getters.mergedConfig.collapseMessageWithSubject,
     }
   },
   computed: {
-    ...controlledOrUncontrolledGetters(['showingTall', 'expandingSubject', 'showingLongSubject']),
-    statusCard () {
+    ...controlledOrUncontrolledGetters([
+      'showingTall',
+      'expandingSubject',
+      'showingLongSubject',
+    ]),
+    statusCard() {
       if (!this.status.card) return null
-      return this.status.card.url === this.status.quote_url ? null : this.status.card
+      return this.status.card.url === this.status.quote_url
+        ? null
+        : this.status.card
     },
-    hideAttachments () {
-      return (this.mergedConfig.hideAttachments && !this.inConversation) ||
+    hideAttachments() {
+      return (
+        (this.mergedConfig.hideAttachments && !this.inConversation) ||
         (this.mergedConfig.hideAttachmentsInConv && this.inConversation)
+      )
     },
-    nsfwClickthrough () {
+    nsfwClickthrough() {
       if (!this.status.nsfw) {
         return false
       }
@@ -93,49 +101,54 @@ const StatusContent = {
       }
       return true
     },
-    localCollapseSubjectDefault () {
+    localCollapseSubjectDefault() {
       return this.mergedConfig.collapseMessageWithSubject
     },
-    attachmentSize () {
+    attachmentSize() {
       if (this.compact) {
         return 'small'
-      } else if ((this.mergedConfig.hideAttachments && !this.inConversation) ||
+      } else if (
+        (this.mergedConfig.hideAttachments && !this.inConversation) ||
         (this.mergedConfig.hideAttachmentsInConv && this.inConversation) ||
-        (this.status.attachments.length > this.maxThumbnails)) {
+        this.status.attachments.length > this.maxThumbnails
+      ) {
         return 'hide'
       }
       return 'normal'
     },
-    maxThumbnails () {
+    maxThumbnails() {
       return this.mergedConfig.maxThumbnails
     },
     ...mapGetters(['mergedConfig']),
     ...mapState({
-      currentUser: state => state.users.currentUser
-    })
+      currentUser: (state) => state.users.currentUser,
+    }),
   },
   components: {
     Attachment,
     Poll,
     Gallery,
     LinkPreview,
-    StatusBody
+    StatusBody,
   },
   methods: {
-    toggleShowingTall () {
+    toggleShowingTall() {
       controlledOrUncontrolledToggle(this, 'showingTall')
     },
-    toggleExpandingSubject () {
+    toggleExpandingSubject() {
       controlledOrUncontrolledToggle(this, 'expandingSubject')
     },
-    toggleShowingLongSubject () {
+    toggleShowingLongSubject() {
       controlledOrUncontrolledToggle(this, 'showingLongSubject')
     },
-    setMedia () {
-      const attachments = this.attachmentSize === 'hide' ? this.status.attachments : this.galleryAttachments
+    setMedia() {
+      const attachments =
+        this.attachmentSize === 'hide'
+          ? this.status.attachments
+          : this.galleryAttachments
       return () => useMediaViewerStore().setMedia(attachments)
-    }
-  }
+    },
+  },
 }
 
 export default StatusContent
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index 215f8152e..216f8f90e 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -6,56 +6,58 @@ import { useStatusHistoryStore } from 'src/stores/statusHistory'
 const StatusHistoryModal = {
   components: {
     Modal,
-    Status
+    Status,
   },
-  data () {
+  data() {
     return {
-      statuses: []
+      statuses: [],
     }
   },
   computed: {
-    modalActivated () {
+    modalActivated() {
       return useStatusHistoryStore().modalActivated
     },
-    params () {
+    params() {
       return useStatusHistoryStore().params
     },
-    statusId () {
+    statusId() {
       return this.params.id
     },
-    historyCount () {
+    historyCount() {
       return this.statuses.length
     },
-    history () {
+    history() {
       return this.statuses
-    }
+    },
   },
   watch: {
-    params (newVal, oldVal) {
+    params(newVal, oldVal) {
       const newStatusId = get(newVal, 'id') !== get(oldVal, 'id')
       if (newStatusId) {
         this.resetHistory()
       }
 
-      if (newStatusId || get(newVal, 'edited_at') !== get(oldVal, 'edited_at')) {
+      if (
+        newStatusId ||
+        get(newVal, 'edited_at') !== get(oldVal, 'edited_at')
+      ) {
         this.fetchStatusHistory()
       }
-    }
+    },
   },
   methods: {
-    resetHistory () {
+    resetHistory() {
       this.statuses = []
     },
-    fetchStatusHistory () {
-      this.$store.dispatch('fetchStatusHistory', this.params)
-        .then(data => {
-          this.statuses = data
-        })
+    fetchStatusHistory() {
+      this.$store.dispatch('fetchStatusHistory', this.params).then((data) => {
+        this.statuses = data
+      })
     },
-    closeModal () {
+    closeModal() {
       useStatusHistoryStore().closeStatusHistoryModal()
-    }
-  }
+    },
+  },
 }
 
 export default StatusHistoryModal
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index 2615208d2..2146c45cf 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -3,49 +3,46 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 import { defineAsyncComponent } from 'vue'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
 const StatusPopover = {
   name: 'StatusPopover',
-  props: [
-    'statusId'
-  ],
-  data () {
+  props: ['statusId'],
+  data() {
     return {
-      error: false
+      error: false,
     }
   },
   computed: {
-    status () {
+    status() {
       return find(this.$store.state.statuses.allStatuses, { id: this.statusId })
-    }
+    },
   },
   components: {
     Status: defineAsyncComponent(() => import('../status/status.vue')),
-    Popover: defineAsyncComponent(() => import('../popover/popover.vue'))
+    Popover: defineAsyncComponent(() => import('../popover/popover.vue')),
   },
   methods: {
-    enter () {
+    enter() {
       if (!this.status) {
         if (!this.statusId) {
           this.error = true
           return
         }
-        this.$store.dispatch('fetchStatus', this.statusId)
+        this.$store
+          .dispatch('fetchStatus', this.statusId)
           .then(() => (this.error = false))
           .catch(() => (this.error = true))
       }
-    }
+    },
   },
   watch: {
-    status (newStatus, oldStatus) {
+    status(newStatus, oldStatus) {
       if (newStatus !== oldStatus) {
         this.$nextTick(() => this.$refs.popover.updateStyles())
       }
-    }
-  }
+    },
+  },
 }
 
 export default StatusPopover
diff --git a/src/components/sticker_picker/sticker_picker.js b/src/components/sticker_picker/sticker_picker.js
index b06384e5f..6a6aed862 100644
--- a/src/components/sticker_picker/sticker_picker.js
+++ b/src/components/sticker_picker/sticker_picker.js
@@ -4,49 +4,50 @@ import TabSwitcher from '../tab_switcher/tab_switcher.jsx'
 
 const StickerPicker = {
   components: {
-    TabSwitcher
+    TabSwitcher,
   },
-  data () {
+  data() {
     return {
       meta: {
-        stickers: []
+        stickers: [],
       },
-      path: ''
+      path: '',
     }
   },
   computed: {
-    pack () {
+    pack() {
       return this.$store.state.instance.stickers || []
-    }
+    },
   },
   methods: {
-    clear () {
+    clear() {
       this.meta = {
-        stickers: []
+        stickers: [],
       }
     },
-    pick (sticker, name) {
+    pick(sticker, name) {
       const store = this.$store
       // TODO remove this workaround by finding a way to bypass reuploads
-      fetch(sticker)
-        .then((res) => {
-          res.blob().then((blob) => {
-            const file = new File([blob], name, { mimetype: 'image/png' })
-            const formData = new FormData()
-            formData.append('file', file)
-            statusPosterService.uploadMedia({ store, formData })
-              .then((fileData) => {
-                this.$emit('uploaded', fileData)
-                this.clear()
-              }, (error) => {
-                console.warn("Can't attach sticker")
-                console.warn(error)
-                this.$emit('upload-failed', 'default')
-              })
-          })
+      fetch(sticker).then((res) => {
+        res.blob().then((blob) => {
+          const file = new File([blob], name, { mimetype: 'image/png' })
+          const formData = new FormData()
+          formData.append('file', file)
+          statusPosterService.uploadMedia({ store, formData }).then(
+            (fileData) => {
+              this.$emit('uploaded', fileData)
+              this.clear()
+            },
+            (error) => {
+              console.warn("Can't attach sticker")
+              console.warn(error)
+              this.$emit('upload-failed', 'default')
+            },
+          )
         })
-    }
-  }
+      })
+    },
+  },
 }
 
 export default StickerPicker
diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
index 8317c6a0c..ef6cb6e71 100644
--- a/src/components/still-image/still-image-emoji-popover.vue
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -56,51 +56,54 @@
 </template>
 
 <script>
-  import { assign } from 'lodash'
+import { assign } from 'lodash'
 
-  import StillImage from './still-image.vue'
-  import Popover from 'components/popover/popover.vue'
-  import SelectComponent from 'components/select/select.vue'
-  import { useInterfaceStore } from 'src/stores/interface'
+import StillImage from './still-image.vue'
+import Popover from 'components/popover/popover.vue'
+import SelectComponent from 'components/select/select.vue'
+import { useInterfaceStore } from 'src/stores/interface'
 
-  export default {
-    components: { StillImage, Popover, SelectComponent },
-    props: {
-      shortcode: {
-        type: String,
-        required: true
-      },
-      isLocal: {
-        type: Boolean,
-        required: true
-      }
+export default {
+  components: { StillImage, Popover, SelectComponent },
+  props: {
+    shortcode: {
+      type: String,
+      required: true,
     },
-    data() {
-      return {
-        knownLocalPacks: { },
-        packName: ""
-      }
+    isLocal: {
+      type: Boolean,
+      required: true,
     },
-    computed: {
-      isUserAdmin () {
-        return this.$store.state.users.currentUser.rights.admin
-      }
+  },
+  data() {
+    return {
+      knownLocalPacks: {},
+      packName: '',
+    }
+  },
+  computed: {
+    isUserAdmin() {
+      return this.$store.state.users.currentUser.rights.admin
     },
-    methods: {
-      displayError (msg) {
-        useInterfaceStore().pushGlobalNotice({
-          messageKey: 'admin_dash.emoji.error',
-          messageArgs: [msg],
-          level: 'error'
-        })
-      },
-      copyToLocalPack() {
-        this.$store.state.api.backendInteractor.addNewEmojiFile({
+  },
+  methods: {
+    displayError(msg) {
+      useInterfaceStore().pushGlobalNotice({
+        messageKey: 'admin_dash.emoji.error',
+        messageArgs: [msg],
+        level: 'error',
+      })
+    },
+    copyToLocalPack() {
+      this.$store.state.api.backendInteractor
+        .addNewEmojiFile({
           packName: this.packName,
           file: this.$attrs.src,
           shortcode: this.shortcode,
-          filename: ""
-        }).then(resp => resp.json()).then(resp => {
+          filename: '',
+        })
+        .then((resp) => resp.json())
+        .then((resp) => {
           if (resp.error !== undefined) {
             this.displayError(resp.error)
             return
@@ -108,57 +111,76 @@
           useInterfaceStore().pushGlobalNotice({
             messageKey: 'admin_dash.emoji.copied_successfully',
             messageArgs: [this.shortcode, this.packName],
-            level: 'success'
+            level: 'success',
           })
 
           this.$refs.emojiPopover.hidePopover()
           this.packName = ''
         })
-      },
+    },
 
-      // Copied from emoji_tab.js
-      loadPacksPaginated (listFunction) {
-        const pageSize = 25
-        const allPacks = {}
+    // Copied from emoji_tab.js
+    loadPacksPaginated(listFunction) {
+      const pageSize = 25
+      const allPacks = {}
 
-        return listFunction({ instance: this.$store.state.instance.server, page: 1, pageSize: 0 })
-          .then(data => data.json())
-          .then(data => {
-            if (data.error !== undefined) { return Promise.reject(data.error) }
+      return listFunction({
+        instance: this.$store.state.instance.server,
+        page: 1,
+        pageSize: 0,
+      })
+        .then((data) => data.json())
+        .then((data) => {
+          if (data.error !== undefined) {
+            return Promise.reject(data.error)
+          }
 
-            let resultingPromise = Promise.resolve({})
-            for (let i = 0; i < Math.ceil(data.count / pageSize); i++) {
-              resultingPromise = resultingPromise.then(() => listFunction({ instance: this.$store.state.instance.server, page: i, pageSize })
-              ).then(data => data.json()).then(pageData => {
-                if (pageData.error !== undefined) { return Promise.reject(pageData.error) }
+          let resultingPromise = Promise.resolve({})
+          for (let i = 0; i < Math.ceil(data.count / pageSize); i++) {
+            resultingPromise = resultingPromise
+              .then(() =>
+                listFunction({
+                  instance: this.$store.state.instance.server,
+                  page: i,
+                  pageSize,
+                }),
+              )
+              .then((data) => data.json())
+              .then((pageData) => {
+                if (pageData.error !== undefined) {
+                  return Promise.reject(pageData.error)
+                }
 
                 assign(allPacks, pageData.packs)
               })
-            }
+          }
 
-            return resultingPromise
-          })
-          .then(() => allPacks)
-          .catch(data => {
-            this.displayError(data)
-          })
-      },
-      fetchEmojiPacksIfAdmin() {
-        if (!this.isUserAdmin) return
+          return resultingPromise
+        })
+        .then(() => allPacks)
+        .catch((data) => {
+          this.displayError(data)
+        })
+    },
+    fetchEmojiPacksIfAdmin() {
+      if (!this.isUserAdmin) return
 
-        this.loadPacksPaginated(this.$store.state.api.backendInteractor.listEmojiPacks)
-            .then(allPacks => {
-              // Sort by key
-              const sorted = Object.keys(allPacks).sort().reduce((acc, key) => {
-                if (key.length === 0) return acc
-                acc[key] = allPacks[key]
-                return acc
-              }, {})
-              this.knownLocalPacks = sorted
-            })
-      }
-    }
-  }
+      this.loadPacksPaginated(
+        this.$store.state.api.backendInteractor.listEmojiPacks,
+      ).then((allPacks) => {
+        // Sort by key
+        const sorted = Object.keys(allPacks)
+          .sort()
+          .reduce((acc, key) => {
+            if (key.length === 0) return acc
+            acc[key] = allPacks[key]
+            return acc
+          }, {})
+        this.knownLocalPacks = sorted
+      })
+    },
+  },
+}
 </script>
 
 <style>
diff --git a/src/components/still-image/still-image.js b/src/components/still-image/still-image.js
index 56fd2fd98..e61aa572f 100644
--- a/src/components/still-image/still-image.js
+++ b/src/components/still-image/still-image.js
@@ -9,38 +9,41 @@ const StillImage = {
     'height',
     'width',
     'dataSrc',
-    'loading'
+    'loading',
   ],
-  data () {
+  data() {
     return {
       // for lazy loading, see loadLazy()
       realSrc: this.src,
-      stopGifs: this.$store.getters.mergedConfig.stopGifs
+      stopGifs: this.$store.getters.mergedConfig.stopGifs,
     }
   },
   computed: {
-    animated () {
+    animated() {
       if (!this.realSrc) {
         return false
       }
 
-      return this.stopGifs && (this.mimetype === 'image/gif' || this.realSrc.endsWith('.gif'))
+      return (
+        this.stopGifs &&
+        (this.mimetype === 'image/gif' || this.realSrc.endsWith('.gif'))
+      )
     },
-    style () {
-      const appendPx = (str) => /\d$/.test(str) ? str + 'px' : str
+    style() {
+      const appendPx = (str) => (/\d$/.test(str) ? str + 'px' : str)
       return {
         height: this.height ? appendPx(this.height) : null,
-        width: this.width ? appendPx(this.width) : null
+        width: this.width ? appendPx(this.width) : null,
       }
-    }
+    },
   },
   methods: {
-    loadLazy () {
+    loadLazy() {
       if (this.dataSrc) {
         this.realSrc = this.dataSrc
       }
     },
-    onLoad () {
+    onLoad() {
       if (!this.realSrc) {
         return
       }
@@ -55,18 +58,18 @@ const StillImage = {
       canvas.height = height
       canvas.getContext('2d').drawImage(image, 0, 0, width, height)
     },
-    onError () {
+    onError() {
       this.imageLoadError && this.imageLoadError()
-    }
+    },
   },
   watch: {
-    src () {
+    src() {
       this.realSrc = this.src
     },
-    dataSrc () {
+    dataSrc() {
       this.$el.removeAttribute('data-loaded')
-    }
-  }
+    },
+  },
 }
 
 export default StillImage
diff --git a/src/components/swipe_click/swipe_click.js b/src/components/swipe_click/swipe_click.js
index 2a423901d..af287f5d9 100644
--- a/src/components/swipe_click/swipe_click.js
+++ b/src/components/swipe_click/swipe_click.js
@@ -30,51 +30,51 @@ import GestureService from '../../services/gesture_service/gesture_service'
 const SwipeClick = {
   props: {
     direction: {
-      type: Array
+      type: Array,
     },
     threshold: {
       type: Function,
-      default: () => 30
+      default: () => 30,
     },
     disableClickThreshold: {
       type: Function,
-      default: () => 1
+      default: () => 1,
     },
     perpendicularTolerance: {
       type: Number,
-      default: 1.0
-    }
+      default: 1.0,
+    },
   },
   methods: {
-    handlePointerDown (event) {
+    handlePointerDown(event) {
       this.$gesture.start(event)
     },
-    handlePointerMove (event) {
+    handlePointerMove(event) {
       this.$gesture.move(event)
     },
-    handlePointerUp (event) {
+    handlePointerUp(event) {
       this.$gesture.end(event)
     },
-    handlePointerCancel (event) {
+    handlePointerCancel(event) {
       this.$gesture.cancel(event)
     },
-    handleNativeClick (event) {
+    handleNativeClick(event) {
       this.$gesture.click(event)
     },
-    preview (offsets) {
+    preview(offsets) {
       this.$emit('preview-requested', offsets)
     },
-    end (sign) {
+    end(sign) {
       this.$emit('swipe-finished', sign)
     },
-    click () {
+    click() {
       this.$emit('swipeless-clicked')
     },
-    cancel () {
+    cancel() {
       this.$emit('swipe-canceled')
-    }
+    },
   },
-  created () {
+  created() {
     this.$gesture = new GestureService.SwipeAndClickGesture({
       direction: this.direction,
       threshold: this.threshold,
@@ -83,9 +83,9 @@ const SwipeClick = {
       swipePreviewCallback: this.preview,
       swipeEndCallback: this.end,
       swipeCancelCallback: this.cancel,
-      swipelessClickCallback: this.click
+      swipelessClickCallback: this.click,
     })
-  }
+  },
 }
 
 export default SwipeClick
diff --git a/src/components/tab_switcher/tab.style.js b/src/components/tab_switcher/tab.style.js
index 0cf90993e..c50ac0d5f 100644
--- a/src/components/tab_switcher/tab.style.js
+++ b/src/components/tab_switcher/tab.style.js
@@ -4,75 +4,72 @@ export default {
   states: {
     active: '.active',
     hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.disabled)',
-    disabled: '.disabled'
+    disabled: '.disabled',
   },
-  validInnerComponents: [
-    'Text',
-    'Icon'
-  ],
+  validInnerComponents: ['Text', 'Icon'],
   defaultRules: [
     {
       directives: {
         background: '--fg',
         shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel'],
-        roundness: 3
-      }
+        roundness: 3,
+      },
     },
     {
       state: ['hover'],
       directives: {
-        shadow: ['--buttonDefaultHoverGlow', '--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultHoverGlow', '--buttonDefaultBevel'],
+      },
     },
     {
       state: ['active'],
       directives: {
-        opacity: 0
-      }
+        opacity: 0,
+      },
     },
     {
       state: ['hover', 'active'],
       directives: {
-        shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel'],
+      },
     },
     {
       state: ['disabled'],
       directives: {
         background: '$blend(--inheritedBackground 0.25 --parent)',
-        shadow: ['--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultBevel'],
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'Tab',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textOpacityMode: 'blend',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Tab',
-        state: ['active']
+        state: ['active'],
       },
       directives: {
-        textColor: '--text'
-      }
+        textColor: '--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Tab',
-        state: ['active', 'hover']
+        state: ['active', 'hover'],
       },
       directives: {
-        textColor: '--text'
-      }
-    }
-  ]
+        textColor: '--text',
+      },
+    },
+  ],
 }
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index af3008459..6c55c025a 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -6,7 +6,7 @@ import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import './tab_switcher.scss'
 import { useInterfaceStore } from 'src/stores/interface'
 
-const findFirstUsable = (slots) => slots.findIndex(_ => _.props)
+const findFirstUsable = (slots) => slots.findIndex((_) => _.props)
 
 export default {
   name: 'TabSwitcher',
@@ -14,71 +14,74 @@ export default {
     renderOnlyFocused: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     onSwitch: {
       required: false,
       type: Function,
-      default: undefined
+      default: undefined,
     },
     activeTab: {
       required: false,
       type: String,
-      default: undefined
+      default: undefined,
     },
     scrollableTabs: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     bodyScrollLock: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
-  data () {
+  data() {
     return {
-      active: findFirstUsable(this.slots())
+      active: findFirstUsable(this.slots()),
     }
   },
   computed: {
-    activeIndex () {
+    activeIndex() {
       // In case of controlled component
       if (this.activeTab) {
-        return this.slots().findIndex(slot => slot && slot.props && this.activeTab === slot.props.key)
+        return this.slots().findIndex(
+          (slot) => slot && slot.props && this.activeTab === slot.props.key,
+        )
       } else {
         return this.active
       }
     },
-    isActive () {
-      return tabName => {
-        const isWanted = slot => slot.props && slot.props['data-tab-name'] === tabName
+    isActive() {
+      return (tabName) => {
+        const isWanted = (slot) =>
+          slot.props && slot.props['data-tab-name'] === tabName
         return this.$slots.default().findIndex(isWanted) === this.activeIndex
       }
-    }
+    },
   },
-  beforeUpdate () {
+  beforeUpdate() {
     const currentSlot = this.slots()[this.active]
     if (!currentSlot.props) {
       this.active = findFirstUsable(this.slots())
     }
   },
   methods: {
-    clickTab (index) {
+    clickTab(index) {
       return (e) => {
         e.preventDefault()
         this.setTab(index)
       }
     },
     // DO NOT put it to computed, it doesn't work (caching?)
-    slots () {
+    slots() {
       if (this.$slots.default()[0].type === Fragment) {
         return this.$slots.default()[0].children
       }
       return this.$slots.default()
     },
-    setTab (index) {
+    setTab(index) {
       if (typeof this.onSwitch === 'function') {
         this.onSwitch.call(null, this.slots()[index].key)
       }
@@ -86,35 +89,19 @@ export default {
       if (this.scrollableTabs) {
         this.$refs.contents.scrollTop = 0
       }
-    }
+    },
   },
-  render () {
-    const tabs = this.slots()
-      .map((slot, index) => {
-        const props = slot.props
-        if (!props) return
-        const classesTab = ['tab']
-        const classesWrapper = ['tab-wrapper']
-        if (this.activeIndex === index) {
-          classesTab.push('active')
-          classesWrapper.push('active')
-        }
-        if (props.image) {
-          return (
-            <div class={classesWrapper.join(' ')}>
-              <button
-                disabled={props.disabled}
-                onClick={this.clickTab(index)}
-                class={classesTab.join(' ')}
-                type="button"
-                role="tab"
-              >
-                <img src={props.image} title={props['image-tooltip']}/>
-                {props.label ? '' : props.label}
-              </button>
-            </div>
-          )
-        }
+  render() {
+    const tabs = this.slots().map((slot, index) => {
+      const props = slot.props
+      if (!props) return
+      const classesTab = ['tab']
+      const classesWrapper = ['tab-wrapper']
+      if (this.activeIndex === index) {
+        classesTab.push('active')
+        classesWrapper.push('active')
+      }
+      if (props.image) {
         return (
           <div class={classesWrapper.join(' ')}>
             <button
@@ -124,20 +111,42 @@ export default {
               type="button"
               role="tab"
             >
-              {!props.icon ? '' : (<FAIcon class="tab-icon" size="2x" fixed-width icon={props.icon}/>)}
-              <span class="text">
-                {props.label}
-              </span>
+              <img src={props.image} title={props['image-tooltip']} />
+              {props.label ? '' : props.label}
             </button>
           </div>
         )
-      })
+      }
+      return (
+        <div class={classesWrapper.join(' ')}>
+          <button
+            disabled={props.disabled}
+            onClick={this.clickTab(index)}
+            class={classesTab.join(' ')}
+            type="button"
+            role="tab"
+          >
+            {!props.icon ? (
+              ''
+            ) : (
+              <FAIcon
+                class="tab-icon"
+                size="2x"
+                fixed-width
+                icon={props.icon}
+              />
+            )}
+            <span class="text">{props.label}</span>
+          </button>
+        </div>
+      )
+    })
 
     const contents = this.slots().map((slot, index) => {
       const props = slot.props
       if (!props) return
       const active = this.activeIndex === index
-      const classes = [ active ? 'active' : 'hidden' ]
+      const classes = [active ? 'active' : 'hidden']
       if (props.fullHeight || props['full-height']) {
         classes.push('-full-height')
       }
@@ -149,27 +158,15 @@ export default {
         slot.props['delay-render'] = false
         delayRender = false
       }
-      const renderSlot = (!delayRender && (!this.renderOnlyFocused || active))
-        ? slot
-        : ''
+      const renderSlot =
+        !delayRender && (!this.renderOnlyFocused || active) ? slot : ''
 
-      return (
-        <div class={classes}>
-          {renderSlot}
-        </div>
-      )
+      return <div class={classes}>{renderSlot}</div>
     })
 
     return (
-      <div
-        class="tab-switcher top-tabs"
-        ref="root"
-      >
-        <div
-          class="tabs"
-          role="tablist"
-          ref="nav"
-        >
+      <div class="tab-switcher top-tabs" ref="root">
+        <div class="tabs" role="tablist" ref="nav">
           {tabs}
         </div>
         <div
@@ -182,5 +179,5 @@ export default {
         </div>
       </div>
     )
-  }
+  },
 }
diff --git a/src/components/tag_timeline/tag_timeline.js b/src/components/tag_timeline/tag_timeline.js
index bda61ae09..978459981 100644
--- a/src/components/tag_timeline/tag_timeline.js
+++ b/src/components/tag_timeline/tag_timeline.js
@@ -1,26 +1,36 @@
 import Timeline from '../timeline/timeline.vue'
 
 const TagTimeline = {
-  created () {
+  created() {
     this.$store.commit('clearTimeline', { timeline: 'tag' })
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'tag', tag: this.tag })
+    this.$store.dispatch('startFetchingTimeline', {
+      timeline: 'tag',
+      tag: this.tag,
+    })
   },
   components: {
-    Timeline
+    Timeline,
   },
   computed: {
-    tag () { return this.$route.params.tag },
-    timeline () { return this.$store.state.statuses.timelines.tag }
+    tag() {
+      return this.$route.params.tag
+    },
+    timeline() {
+      return this.$store.state.statuses.timelines.tag
+    },
   },
   watch: {
-    tag () {
+    tag() {
       this.$store.commit('clearTimeline', { timeline: 'tag' })
-      this.$store.dispatch('startFetchingTimeline', { timeline: 'tag', tag: this.tag })
-    }
+      this.$store.dispatch('startFetchingTimeline', {
+        timeline: 'tag',
+        tag: this.tag,
+      })
+    },
   },
-  unmounted () {
+  unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'tag')
-  }
+  },
 }
 
 export default TagTimeline
diff --git a/src/components/terms_of_service_panel/terms_of_service_panel.js b/src/components/terms_of_service_panel/terms_of_service_panel.js
index b2dc827bf..e250ba5af 100644
--- a/src/components/terms_of_service_panel/terms_of_service_panel.js
+++ b/src/components/terms_of_service_panel/terms_of_service_panel.js
@@ -1,12 +1,12 @@
 const TermsOfServicePanel = {
   computed: {
-    content () {
+    content() {
       return this.$store.state.instance.tos
     },
-    embedded () {
+    embedded() {
       return this.$store.state.instance.embeddedToS
-    }
-  }
+    },
+  },
 }
 
 export default TermsOfServicePanel
diff --git a/src/components/text.style.js b/src/components/text.style.js
index a254ceb40..1b2521a2a 100644
--- a/src/components/text.style.js
+++ b/src/components/text.style.js
@@ -3,20 +3,20 @@ export default {
   selector: '/*text*/',
   virtual: true,
   states: {
-    faint: '.faint'
+    faint: '.faint',
   },
   defaultRules: [
     {
       directives: {
         textColor: '--text',
-        textAuto: 'no-preserve'
-      }
+        textAuto: 'no-preserve',
+      },
     },
     {
       state: ['faint'],
       directives: {
-        textOpacity: 0.5
-      }
-    }
-  ]
+        textOpacity: 0.5,
+      },
+    },
+  ],
 }
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index 2afe4e571..7db7cc5d9 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -3,17 +3,14 @@ import Status from '../status/status.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
-  faAngleDoubleRight
+  faAngleDoubleRight,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faAngleDoubleDown,
-  faAngleDoubleRight
-)
+library.add(faAngleDoubleDown, faAngleDoubleRight)
 
 const ThreadTree = {
   components: {
-    Status
+    Status,
   },
   name: 'ThreadTree',
   props: {
@@ -42,49 +39,53 @@ const ThreadTree = {
     statusContentProperties: Object,
     setStatusContentProperty: Function,
     toggleStatusContentProperty: Function,
-    dive: Function
+    dive: Function,
   },
   computed: {
-    suspendable () {
-      const selfSuspendable = this.$refs.statusComponent ? this.$refs.statusComponent.suspendable : true
+    suspendable() {
+      const selfSuspendable = this.$refs.statusComponent
+        ? this.$refs.statusComponent.suspendable
+        : true
       if (this.$refs.childComponent) {
-        return selfSuspendable && this.$refs.childComponent.every(s => s.suspendable)
+        return (
+          selfSuspendable &&
+          this.$refs.childComponent.every((s) => s.suspendable)
+        )
       }
       return selfSuspendable
     },
-    reverseLookupTable () {
+    reverseLookupTable() {
       return this.conversation.reduce((table, status, index) => {
         table[status.id] = index
         return table
       }, {})
     },
-    currentReplies () {
-      return this.getReplies(this.status.id).map(({ id }) => this.statusById(id))
+    currentReplies() {
+      return this.getReplies(this.status.id).map(({ id }) =>
+        this.statusById(id),
+      )
     },
-    threadShowing () {
+    threadShowing() {
       return this.threadDisplayStatus[this.status.id] === 'showing'
     },
-    currentProp () {
+    currentProp() {
       return this.statusContentProperties[this.status.id]
-    }
+    },
   },
   methods: {
-    statusById (id) {
+    statusById(id) {
       return this.conversation[this.reverseLookupTable[id]]
     },
-    collapseThread () {
-    },
-    showThread () {
-    },
-    showAllSubthreads () {
-    },
-    toggleCurrentProp (name) {
+    collapseThread() {},
+    showThread() {},
+    showAllSubthreads() {},
+    toggleCurrentProp(name) {
       this.toggleStatusContentProperty(this.status.id, name)
     },
-    setCurrentProp (name) {
+    setCurrentProp(name) {
       this.setStatusContentProperty(this.status.id, name)
-    }
-  }
+    },
+  },
 }
 
 export default ThreadTree
diff --git a/src/components/timeago/timeago.vue b/src/components/timeago/timeago.vue
index bc779e801..60cf347bf 100644
--- a/src/components/timeago/timeago.vue
+++ b/src/components/timeago/timeago.vue
@@ -14,44 +14,55 @@ import localeService from 'src/services/locale/locale.service.js'
 export default {
   name: 'Timeago',
   props: ['time', 'autoUpdate', 'longFormat', 'nowThreshold', 'templateKey'],
-  data () {
+  data() {
     return {
       relativeTimeMs: 0,
       relativeTime: { key: 'time.now', num: 0 },
-      interval: null
+      interval: null,
     }
   },
   computed: {
-    shouldUseAbsoluteTimeFormat () {
+    shouldUseAbsoluteTimeFormat() {
       if (!this.$store.getters.mergedConfig.useAbsoluteTimeFormat) {
         return false
       }
-      return DateUtils.durationStrToMs(this.$store.getters.mergedConfig.absoluteTimeFormatMinAge) <= this.relativeTimeMs
+      return (
+        DateUtils.durationStrToMs(
+          this.$store.getters.mergedConfig.absoluteTimeFormatMinAge,
+        ) <= this.relativeTimeMs
+      )
     },
-    time12hFormat () {
+    time12hFormat() {
       return this.$store.getters.mergedConfig.absoluteTimeFormat12h === '12h'
     },
-    browserLocale () {
+    browserLocale() {
       return localeService.internalToBrowserLocale(this.$i18n.locale)
     },
-    timeAsDate () {
+    timeAsDate() {
       return typeof this.time === 'string'
         ? new Date(Date.parse(this.time))
         : this.time
     },
-    localeDateString () {
+    localeDateString() {
       return this.timeAsDate.toLocaleString(this.browserLocale)
     },
-    relativeTimeString () {
-      const timeString = this.$i18n.t(this.relativeTime.key, [this.relativeTime.num], this.relativeTime.num)
+    relativeTimeString() {
+      const timeString = this.$i18n.t(
+        this.relativeTime.key,
+        [this.relativeTime.num],
+        this.relativeTime.num,
+      )
 
-      if (typeof this.templateKey === 'string' && this.relativeTime.key !== 'time.now') {
+      if (
+        typeof this.templateKey === 'string' &&
+        this.relativeTime.key !== 'time.now'
+      ) {
         return this.$i18n.t(this.templateKey, [timeString])
       }
 
       return timeString
     },
-    absoluteTimeString () {
+    absoluteTimeString() {
       if (this.longFormat) {
         return this.localeDateString
       }
@@ -61,52 +72,55 @@ export default {
           return new Intl.DateTimeFormat(this.browserLocale, {
             minute: 'numeric',
             hour: 'numeric',
-            hour12: this.time12hFormat
+            hour12: this.time12hFormat,
           })
         } else if (DateUtils.isSameMonth(this.timeAsDate, now)) {
           return new Intl.DateTimeFormat(this.browserLocale, {
             month: 'short',
             day: 'numeric',
-            hour12: this.time12hFormat
+            hour12: this.time12hFormat,
           })
         } else if (DateUtils.isSameYear(this.timeAsDate, now)) {
           return new Intl.DateTimeFormat(this.browserLocale, {
             month: 'short',
             day: 'numeric',
-            hour12: this.time12hFormat
+            hour12: this.time12hFormat,
           })
         } else {
           return new Intl.DateTimeFormat(this.browserLocale, {
             year: 'numeric',
             month: 'short',
-            hour12: this.time12hFormat
+            hour12: this.time12hFormat,
           })
         }
       })()
 
       return formatter.format(this.timeAsDate)
     },
-    relativeOrAbsoluteTimeString () {
-      return this.shouldUseAbsoluteTimeFormat ? this.absoluteTimeString : this.relativeTimeString
-    }
+    relativeOrAbsoluteTimeString() {
+      return this.shouldUseAbsoluteTimeFormat
+        ? this.absoluteTimeString
+        : this.relativeTimeString
+    },
   },
   watch: {
-    time (newVal, oldVal) {
+    time(newVal, oldVal) {
       if (oldVal !== newVal) {
         clearTimeout(this.interval)
         this.refreshRelativeTimeObject()
       }
-    }
+    },
   },
-  created () {
+  created() {
     this.refreshRelativeTimeObject()
   },
-  unmounted () {
+  unmounted() {
     clearTimeout(this.interval)
   },
   methods: {
-    refreshRelativeTimeObject () {
-      const nowThreshold = typeof this.nowThreshold === 'number' ? this.nowThreshold : 1
+    refreshRelativeTimeObject() {
+      const nowThreshold =
+        typeof this.nowThreshold === 'number' ? this.nowThreshold : 1
       this.relativeTimeMs = DateUtils.relativeTimeMs(this.time)
       this.relativeTime = this.longFormat
         ? DateUtils.relativeTime(this.time, nowThreshold)
@@ -115,10 +129,10 @@ export default {
       if (this.autoUpdate) {
         this.interval = setTimeout(
           this.refreshRelativeTimeObject,
-          1000 * this.autoUpdate
+          1000 * this.autoUpdate,
         )
       }
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 61cc8affd..512f32593 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -8,17 +8,17 @@ import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
 import ScrollTopButton from '../scroll_top_button/scroll_top_button.vue'
 import { debounce, throttle, keyBy } from 'lodash'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch, faCirclePlus, faCog, faMinus, faArrowUp, faCheck } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
-
-library.add(
+import {
   faCircleNotch,
+  faCirclePlus,
   faCog,
   faMinus,
   faArrowUp,
-  faCirclePlus,
-  faCheck
-)
+  faCheck,
+} from '@fortawesome/free-solid-svg-icons'
+import { useInterfaceStore } from 'src/stores/interface'
+
+library.add(faCircleNotch, faCog, faMinus, faArrowUp, faCirclePlus, faCheck)
 
 const Timeline = {
   props: [
@@ -34,16 +34,16 @@ const Timeline = {
     'count',
     'pinnedStatusIds',
     'inProfile',
-    'footerSlipgate' // reference to an element where we should put our footer
+    'footerSlipgate', // reference to an element where we should put our footer
   ],
-  data () {
+  data() {
     return {
       showScrollTop: false,
       paused: false,
       unfocused: false,
       bottomedOut: false,
       virtualScrollIndex: 0,
-      blockingClicks: false
+      blockingClicks: false,
     }
   },
   components: {
@@ -52,72 +52,91 @@ const Timeline = {
     Conversation,
     TimelineMenu,
     QuickFilterSettings,
-    QuickViewSettings
+    QuickViewSettings,
   },
   computed: {
-    filteredVisibleStatuses () {
-      return this.timeline.visibleStatuses.filter(status => this.timelineName !== 'user' || (status.id >= this.timeline.minId && status.id <= this.timeline.maxId))
+    filteredVisibleStatuses() {
+      return this.timeline.visibleStatuses.filter(
+        (status) =>
+          this.timelineName !== 'user' ||
+          (status.id >= this.timeline.minId &&
+            status.id <= this.timeline.maxId),
+      )
     },
-    filteredPinnedStatusIds () {
-      return (this.pinnedStatusIds || []).filter(statusId => this.timeline.statusesObject[statusId])
+    filteredPinnedStatusIds() {
+      return (this.pinnedStatusIds || []).filter(
+        (statusId) => this.timeline.statusesObject[statusId],
+      )
     },
-    newStatusCount () {
+    newStatusCount() {
       return this.timeline.newStatusCount
     },
-    showLoadButton () {
+    showLoadButton() {
       return this.timeline.newStatusCount > 0 || this.timeline.flushMarker !== 0
     },
-    loadButtonString () {
+    loadButtonString() {
       if (this.timeline.flushMarker !== 0) {
         return this.$t('timeline.reload')
       } else {
         return `${this.$t('timeline.show_new')} (${this.newStatusCount})`
       }
     },
-    mobileLoadButtonString () {
+    mobileLoadButtonString() {
       if (this.timeline.flushMarker !== 0) {
         return '+'
       } else {
         return this.newStatusCount > 99 ? '∞' : this.newStatusCount
       }
     },
-    classes () {
-      let rootClasses = !this.embedded ? ['panel', 'panel-default'] : ['-embedded']
-      if (this.blockingClicks) rootClasses = rootClasses.concat(['-blocked', '_misclick-prevention'])
+    classes() {
+      let rootClasses = !this.embedded
+        ? ['panel', 'panel-default']
+        : ['-embedded']
+      if (this.blockingClicks)
+        rootClasses = rootClasses.concat(['-blocked', '_misclick-prevention'])
       return {
         root: rootClasses,
-        header: ['timeline-heading'].concat(!this.embedded ? ['panel-heading', '-sticky'] : ['panel-body']),
-        body: ['timeline-body'].concat(!this.embedded ? ['panel-body'] : ['panel-body']),
-        footer: ['timeline-footer'].concat(!this.embedded ? ['panel-footer'] : ['panel-body'])
+        header: ['timeline-heading'].concat(
+          !this.embedded ? ['panel-heading', '-sticky'] : ['panel-body'],
+        ),
+        body: ['timeline-body'].concat(
+          !this.embedded ? ['panel-body'] : ['panel-body'],
+        ),
+        footer: ['timeline-footer'].concat(
+          !this.embedded ? ['panel-footer'] : ['panel-body'],
+        ),
       }
     },
     // id map of statuses which need to be hidden in the main list due to pinning logic
-    pinnedStatusIdsObject () {
+    pinnedStatusIdsObject() {
       return keyBy(this.pinnedStatusIds)
     },
-    statusesToDisplay () {
+    statusesToDisplay() {
       const amount = this.timeline.visibleStatuses.length
       const statusesPerSide = Math.ceil(Math.max(3, window.innerHeight / 80))
-      const nonPinnedIndex = this.virtualScrollIndex - this.filteredPinnedStatusIds.length
+      const nonPinnedIndex =
+        this.virtualScrollIndex - this.filteredPinnedStatusIds.length
       const min = Math.max(0, nonPinnedIndex - statusesPerSide)
       const max = Math.min(amount, nonPinnedIndex + statusesPerSide)
-      return this.timeline.visibleStatuses.slice(min, max).map(_ => _.id)
+      return this.timeline.visibleStatuses.slice(min, max).map((_) => _.id)
     },
-    virtualScrollingEnabled () {
+    virtualScrollingEnabled() {
       return this.$store.getters.mergedConfig.virtualScrolling
     },
     ...mapState(useInterfaceStore, {
-      mobileLayout: store => store.layoutType === 'mobile'
-    })
+      mobileLayout: (store) => store.layoutType === 'mobile',
+    }),
   },
-  created () {
+  created() {
     const store = this.$store
     const credentials = store.state.users.currentUser.credentials
     const showImmediately = this.timeline.visibleStatuses.length === 0
 
     window.addEventListener('scroll', this.handleScroll)
 
-    if (store.state.api.fetchers[this.timelineName]) { return false }
+    if (store.state.api.fetchers[this.timelineName]) {
+      return false
+    }
 
     timelineFetcher.fetchAndUpdate({
       store,
@@ -128,41 +147,56 @@ const Timeline = {
       listId: this.listId,
       statusId: this.statusId,
       bookmarkFolderId: this.bookmarkFolderId,
-      tag: this.tag
+      tag: this.tag,
     })
   },
-  mounted () {
+  mounted() {
     if (typeof document.hidden !== 'undefined') {
-      document.addEventListener('visibilitychange', this.handleVisibilityChange, false)
+      document.addEventListener(
+        'visibilitychange',
+        this.handleVisibilityChange,
+        false,
+      )
       this.unfocused = document.hidden
     }
     window.addEventListener('keydown', this.handleShortKey)
     setTimeout(this.determineVisibleStatuses, 250)
   },
-  unmounted () {
+  unmounted() {
     window.removeEventListener('scroll', this.handleScroll)
     window.removeEventListener('keydown', this.handleShortKey)
-    if (typeof document.hidden !== 'undefined') document.removeEventListener('visibilitychange', this.handleVisibilityChange, false)
-    this.$store.commit('setLoading', { timeline: this.timelineName, value: false })
+    if (typeof document.hidden !== 'undefined')
+      document.removeEventListener(
+        'visibilitychange',
+        this.handleVisibilityChange,
+        false,
+      )
+    this.$store.commit('setLoading', {
+      timeline: this.timelineName,
+      value: false,
+    })
   },
   methods: {
     stopBlockingClicks: debounce(function () {
       this.blockingClicks = false
     }, 1000),
-    blockClicksTemporarily () {
+    blockClicksTemporarily() {
       if (!this.blockingClicks) {
         this.blockingClicks = true
       }
       this.stopBlockingClicks()
     },
-    handleShortKey (e) {
+    handleShortKey(e) {
       // Ignore when input fields are focused
       if (['textarea', 'input'].includes(e.target.tagName.toLowerCase())) return
       if (e.key === '.') this.showNewStatuses()
     },
-    showNewStatuses () {
+    showNewStatuses() {
       if (this.timeline.flushMarker !== 0) {
-        this.$store.commit('clearTimeline', { timeline: this.timelineName, excludeUserId: true })
+        this.$store.commit('clearTimeline', {
+          timeline: this.timelineName,
+          excludeUserId: true,
+        })
         this.$store.commit('queueFlush', { timeline: this.timelineName, id: 0 })
         if (this.timelineName === 'user') {
           this.$store.dispatch('fetchPinnedStatuses', this.userId)
@@ -175,41 +209,54 @@ const Timeline = {
       }
       window.scrollTo({ top: 0 })
     },
-    fetchOlderStatuses: throttle(function () {
-      const store = this.$store
-      const credentials = store.state.users.currentUser.credentials
-      store.commit('setLoading', { timeline: this.timelineName, value: true })
-      timelineFetcher.fetchAndUpdate({
-        store,
-        credentials,
-        timeline: this.timelineName,
-        older: true,
-        showImmediately: true,
-        userId: this.userId,
-        listId: this.listId,
-        statusId: this.statusId,
-        bookmarkFolderId: this.bookmarkFolderId,
-        tag: this.tag
-      }).then(({ statuses }) => {
-        if (statuses && statuses.length === 0) {
-          this.bottomedOut = true
-        }
-      }).finally(() =>
-        store.commit('setLoading', { timeline: this.timelineName, value: false })
-      )
-    }, 1000, this),
-    determineVisibleStatuses () {
+    fetchOlderStatuses: throttle(
+      function () {
+        const store = this.$store
+        const credentials = store.state.users.currentUser.credentials
+        store.commit('setLoading', { timeline: this.timelineName, value: true })
+        timelineFetcher
+          .fetchAndUpdate({
+            store,
+            credentials,
+            timeline: this.timelineName,
+            older: true,
+            showImmediately: true,
+            userId: this.userId,
+            listId: this.listId,
+            statusId: this.statusId,
+            bookmarkFolderId: this.bookmarkFolderId,
+            tag: this.tag,
+          })
+          .then(({ statuses }) => {
+            if (statuses && statuses.length === 0) {
+              this.bottomedOut = true
+            }
+          })
+          .finally(() =>
+            store.commit('setLoading', {
+              timeline: this.timelineName,
+              value: false,
+            }),
+          )
+      },
+      1000,
+      this,
+    ),
+    determineVisibleStatuses() {
       if (!this.$refs.timeline) return
       if (!this.virtualScrollingEnabled) return
 
       const statuses = this.$refs.timeline.children
-      const cappedScrollIndex = Math.max(0, Math.min(this.virtualScrollIndex, statuses.length - 1))
+      const cappedScrollIndex = Math.max(
+        0,
+        Math.min(this.virtualScrollIndex, statuses.length - 1),
+      )
 
       if (statuses.length === 0) return
 
       const height = Math.max(document.body.offsetHeight, window.pageYOffset)
 
-      const centerOfScreen = window.pageYOffset + (window.innerHeight * 0.5)
+      const centerOfScreen = window.pageYOffset + window.innerHeight * 0.5
 
       // Start from approximating the index of some visible status by using the
       // the center of the screen on the timeline.
@@ -219,7 +266,8 @@ const Timeline = {
       // if we have a previous scroll index that can be used, test if it's
       // closer than the previous approximation, use it if so
 
-      const virtualScrollIndexY = statuses[cappedScrollIndex].getBoundingClientRect().y
+      const virtualScrollIndexY =
+        statuses[cappedScrollIndex].getBoundingClientRect().y
       if (Math.abs(err) > virtualScrollIndexY) {
         approxIndex = cappedScrollIndex
         err = virtualScrollIndexY
@@ -240,12 +288,14 @@ const Timeline = {
       // statuses will be nearby statuses before and after it
       this.virtualScrollIndex = approxIndex
     },
-    scrollLoad () {
+    scrollLoad() {
       const bodyBRect = document.body.getBoundingClientRect()
-      const height = Math.max(bodyBRect.height, -(bodyBRect.y))
-      if (this.timeline.loading === false &&
-          this.$el.offsetHeight > 0 &&
-          (window.innerHeight + window.pageYOffset) >= (height - 750)) {
+      const height = Math.max(bodyBRect.height, -bodyBRect.y)
+      if (
+        this.timeline.loading === false &&
+        this.$el.offsetHeight > 0 &&
+        window.innerHeight + window.pageYOffset >= height - 750
+      ) {
         this.fetchOlderStatuses()
       }
     },
@@ -253,12 +303,12 @@ const Timeline = {
       this.determineVisibleStatuses()
       this.scrollLoad(e)
     }, 200),
-    handleVisibilityChange () {
+    handleVisibilityChange() {
       this.unfocused = document.hidden
-    }
+    },
   },
   watch: {
-    newStatusCount (count) {
+    newStatusCount(count) {
       if (!this.$store.getters.mergedConfig.streaming) {
         return
       }
@@ -266,17 +316,18 @@ const Timeline = {
         // only 'stream' them when you're scrolled to the top
         const doc = document.documentElement
         const top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0)
-        if (top < 15 &&
-            !this.paused &&
-            !(this.unfocused && this.$store.getters.mergedConfig.pauseOnUnfocused)
+        if (
+          top < 15 &&
+          !this.paused &&
+          !(this.unfocused && this.$store.getters.mergedConfig.pauseOnUnfocused)
         ) {
           this.showNewStatuses()
         } else {
           this.paused = true
         }
       }
-    }
-  }
+    },
+  },
 }
 
 export default Timeline
diff --git a/src/components/timeline_menu/timeline_menu.js b/src/components/timeline_menu/timeline_menu.js
index 4c8f7b76e..772c4f23c 100644
--- a/src/components/timeline_menu/timeline_menu.js
+++ b/src/components/timeline_menu/timeline_menu.js
@@ -6,9 +6,7 @@ import BookmarkFoldersMenuContent from '../bookmark_folders_menu/bookmark_folder
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { TIMELINES } from 'src/components/navigation/navigation.js'
 import { filterNavigation } from 'src/components/navigation/filter.js'
-import {
-  faChevronDown
-} from '@fortawesome/free-solid-svg-icons'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
@@ -25,7 +23,7 @@ export const timelineNames = (supportsBookmarkFolders) => {
     'public-timeline': 'nav.public_tl',
     'public-external-timeline': 'nav.twkn',
     quotes: 'nav.quotes',
-    bubble: 'nav.bubble'
+    bubble: 'nav.bubble',
   }
 }
 
@@ -34,35 +32,39 @@ const TimelineMenu = {
     Popover,
     NavigationEntry,
     ListsMenuContent,
-    BookmarkFoldersMenuContent
+    BookmarkFoldersMenuContent,
   },
-  data () {
+  data() {
     return {
-      isOpen: false
+      isOpen: false,
     }
   },
-  created () {
+  created() {
     if (timelineNames(this.bookmarkFolders)[this.$route.name]) {
       useInterfaceStore().setLastTimeline(this.$route.name)
     }
   },
   computed: {
-    useListsMenu () {
+    useListsMenu() {
       const route = this.$route.name
       return route === 'lists-timeline'
     },
-    useBookmarkFoldersMenu () {
+    useBookmarkFoldersMenu() {
       const route = this.$route.name
-      return this.bookmarkFolders && (route === 'bookmark-folder' || route === 'bookmarks')
+      return (
+        this.bookmarkFolders &&
+        (route === 'bookmark-folder' || route === 'bookmarks')
+      )
     },
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      privateMode: state => state.instance.private,
-      federating: state => state.instance.federating,
-      bookmarkFolders: state => state.instance.pleromaBookmarkFoldersAvailable,
-      bubbleTimeline: state => state.instance.localBubbleInstances.length > 0
+      currentUser: (state) => state.users.currentUser,
+      privateMode: (state) => state.instance.private,
+      federating: (state) => state.instance.federating,
+      bookmarkFolders: (state) =>
+        state.instance.pleromaBookmarkFoldersAvailable,
+      bubbleTimeline: (state) => state.instance.localBubbleInstances.length > 0,
     }),
-    timelinesList () {
+    timelinesList() {
       return filterNavigation(
         Object.entries(TIMELINES).map(([k, v]) => ({ ...v, name: k })),
         {
@@ -71,13 +73,13 @@ const TimelineMenu = {
           isPrivate: this.privateMode,
           currentUser: this.currentUser,
           supportsBookmarkFolders: this.bookmarkFolders,
-          supportsBubbleTimeline: this.bubbleTimeline
-        }
+          supportsBubbleTimeline: this.bubbleTimeline,
+        },
       )
-    }
+    },
   },
   methods: {
-    openMenu () {
+    openMenu() {
       // $nextTick is too fast, animation won't play back but
       // instead starts in fully open position. Low values
       // like 1-5 work on fast machines but not on mobile, 25
@@ -87,7 +89,7 @@ const TimelineMenu = {
         this.isOpen = true
       }, 25)
     },
-    blockOpen (event) {
+    blockOpen(event) {
       // For the blank area inside the button element.
       // Just setting @click.stop="" makes unintuitive behavior when
       // menu is open and clicking on the blank area doesn't close it.
@@ -95,7 +97,7 @@ const TimelineMenu = {
         event.stopPropagation()
       }
     },
-    timelineName () {
+    timelineName() {
       const route = this.$route.name
       if (route === 'tag-timeline') {
         return '#' + this.$route.params.tag
@@ -104,12 +106,14 @@ const TimelineMenu = {
         return useListsStore().findListTitle(this.$route.params.id)
       }
       if (route === 'bookmark-folder') {
-        return useBookmarkFoldersStore().findBookmarkFolderName(this.$route.params.id)
+        return useBookmarkFoldersStore().findBookmarkFolderName(
+          this.$route.params.id,
+        )
       }
       const i18nkey = timelineNames(this.bookmarkFolders)[this.$route.name]
       return i18nkey ? this.$t(i18nkey) : route
-    }
-  }
+    },
+  },
 }
 
 export default TimelineMenu
diff --git a/src/components/top_bar.style.js b/src/components/top_bar.style.js
index 89c5243db..8d32a7343 100644
--- a/src/components/top_bar.style.js
+++ b/src/components/top_bar.style.js
@@ -9,50 +9,52 @@ export default {
     'Button',
     'ButtonUnstyled',
     'Input',
-    'Badge'
+    'Badge',
   ],
   defaultRules: [
     {
       directives: {
         background: '--fg',
-        shadow: [{
-          x: 0,
-          y: 1,
-          blur: 4,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.4
-        },
-        {
-          x: 0,
-          y: 2,
-          blur: 7,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.3
-        }]
-      }
+        shadow: [
+          {
+            x: 0,
+            y: 1,
+            blur: 4,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.4,
+          },
+          {
+            x: 0,
+            y: 2,
+            blur: 7,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.3,
+          },
+        ],
+      },
     },
     {
       component: 'Link',
       parent: {
-        component: 'TopBar'
+        component: 'TopBar',
       },
       directives: {
-        textColor: '--text'
-      }
+        textColor: '--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'ButtonUnstyled',
         parent: {
-          component: 'TopBar'
-        }
+          component: 'TopBar',
+        },
       },
       directives: {
-        textColor: '--parent--text'
-      }
-    }
-  ]
+        textColor: '--parent--text',
+      },
+    },
+  ],
 }
diff --git a/src/components/underlay.style.js b/src/components/underlay.style.js
index 3e0e1bf1d..919359f26 100644
--- a/src/components/underlay.style.js
+++ b/src/components/underlay.style.js
@@ -5,15 +5,13 @@ export default {
   // i.e. it's a separate absolutely-positioned component, so we need to treat it differently depending on whether
   // we are searching for underlay specifically or for whatever is laid on top of it.
   outOfTreeSelector: '.underlay',
-  validInnerComponents: [
-    'Panel'
-  ],
+  validInnerComponents: ['Panel'],
   defaultRules: [
     {
       directives: {
         background: '#000000',
-        opacity: 0.2
-      }
-    }
-  ]
+        opacity: 0.2,
+      },
+    },
+  ],
 }
diff --git a/src/components/unicode_domain_indicator/unicode_domain_indicator.vue b/src/components/unicode_domain_indicator/unicode_domain_indicator.vue
index 8f35245f9..a979cc51d 100644
--- a/src/components/unicode_domain_indicator/unicode_domain_indicator.vue
+++ b/src/components/unicode_domain_indicator/unicode_domain_indicator.vue
@@ -8,18 +8,14 @@
 
 <script>
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCode
-} from '@fortawesome/free-solid-svg-icons'
+import { faCode } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCode
-)
+library.add(faCode)
 
 const UnicodeDomainIndicator = {
   props: {
-    user: Object
-  }
+    user: Object,
+  },
 }
 
 export default UnicodeDomainIndicator
diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
index 1dbae0bba..7a34cb131 100644
--- a/src/components/update_notification/update_notification.js
+++ b/src/components/update_notification/update_notification.js
@@ -5,12 +5,8 @@ import pleromaTanFoxMask from 'src/assets/pleromatan_apology_fox_mask.png'
 
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
-import {
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
-library.add(
-  faTimes
-)
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+library.add(faTimes)
 
 export const CURRENT_UPDATE_COUNTER = 1
 
@@ -18,55 +14,73 @@ const pleromaTan = '/static/pleromatan_apology.png'
 const pleromaTanFox = '/static/pleromatan_apology_fox.png'
 
 const UpdateNotification = {
-  data () {
+  data() {
     return {
       showingImage: false,
       pleromaTanVariant: Math.random() > 0.5 ? pleromaTan : pleromaTanFox,
-      showingMore: false
+      showingMore: false,
     }
   },
   components: {
-    Modal
+    Modal,
   },
   computed: {
-    pleromaTanStyles () {
-      const mask = this.pleromaTanVariant === pleromaTan ? pleromaTanMask : pleromaTanFoxMask
+    pleromaTanStyles() {
+      const mask =
+        this.pleromaTanVariant === pleromaTan
+          ? pleromaTanMask
+          : pleromaTanFoxMask
       return {
-        'shape-outside': 'url(' + mask + ')'
+        'shape-outside': 'url(' + mask + ')',
       }
     },
-    shouldShow () {
-      return !this.$store.state.instance.disableUpdateNotification &&
+    shouldShow() {
+      return (
+        !this.$store.state.instance.disableUpdateNotification &&
         this.$store.state.users.currentUser &&
-        useServerSideStorageStore().flagStorage.updateCounter < CURRENT_UPDATE_COUNTER &&
+        useServerSideStorageStore().flagStorage.updateCounter <
+          CURRENT_UPDATE_COUNTER &&
         !useServerSideStorageStore().prefsStorage.simple.dontShowUpdateNotifs
-    }
+      )
+    },
   },
   methods: {
-    toggleShow () {
+    toggleShow() {
       this.showingMore = !this.showingMore
     },
-    neverShowAgain () {
+    neverShowAgain() {
       this.toggleShow()
-      useServerSideStorageStore().setFlag({ flag: 'updateCounter', value: CURRENT_UPDATE_COUNTER })
-      useServerSideStorageStore().setPreference({ path: 'simple.dontShowUpdateNotifs', value: true })
+      useServerSideStorageStore().setFlag({
+        flag: 'updateCounter',
+        value: CURRENT_UPDATE_COUNTER,
+      })
+      useServerSideStorageStore().setPreference({
+        path: 'simple.dontShowUpdateNotifs',
+        value: true,
+      })
       useServerSideStorageStore().pushServerSideStorage()
     },
-    dismiss () {
-      useServerSideStorageStore().setFlag({ flag: 'updateCounter', value: CURRENT_UPDATE_COUNTER })
+    dismiss() {
+      useServerSideStorageStore().setFlag({
+        flag: 'updateCounter',
+        value: CURRENT_UPDATE_COUNTER,
+      })
       useServerSideStorageStore().pushServerSideStorage()
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.contentHeightNoImage = this.$refs.animatedText.scrollHeight
 
     // Workaround to get the text height only after mask loaded. A bit hacky.
     const newImg = new Image()
     newImg.onload = () => {
-      setTimeout(() => { this.showingImage = true }, 100)
+      setTimeout(() => {
+        this.showingImage = true
+      }, 100)
     }
-    newImg.src = this.pleromaTanVariant === pleromaTan ? pleromaTanMask : pleromaTanFoxMask
-  }
+    newImg.src =
+      this.pleromaTanVariant === pleromaTan ? pleromaTanMask : pleromaTanFoxMask
+  },
 }
 
 export default UpdateNotification
diff --git a/src/components/user_avatar/avatar.style.js b/src/components/user_avatar/avatar.style.js
index d49213476..95d978a12 100644
--- a/src/components/user_avatar/avatar.style.js
+++ b/src/components/user_avatar/avatar.style.js
@@ -2,21 +2,23 @@ export default {
   name: 'Avatar',
   selector: '.Avatar',
   variants: {
-    compact: '.-compact'
+    compact: '.-compact',
   },
   defaultRules: [
     {
       directives: {
         roundness: 3,
-        shadow: [{
-          x: 0,
-          y: 1,
-          blur: 4,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.2
-        }]
-      }
-    }
-  ]
+        shadow: [
+          {
+            x: 0,
+            y: 1,
+            blur: 4,
+            spread: 0,
+            color: '#000000',
+            alpha: 0.2,
+          },
+        ],
+      },
+    },
+  ],
 }
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 8092ba62b..8ac5aa43d 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -3,60 +3,54 @@ import { useInterfaceStore } from 'src/stores/interface'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 
-import {
-  faRobot,
-  faPeopleGroup
-} from '@fortawesome/free-solid-svg-icons'
+import { faRobot, faPeopleGroup } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faRobot,
-  faPeopleGroup
-)
+library.add(faRobot, faPeopleGroup)
 
 const UserAvatar = {
   props: {
     // User object to show avatar of
     user: {
       required: true,
-      type: Object
+      type: Object,
     },
     // Use less space and use alternative roundness
     compact: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Show small icon indicating if account is a bot or group
-    showActorTypeIndicator : {
+    showActorTypeIndicator: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Override avatar image URL, useful for profile editing
     url: {
       required: false,
       type: String,
-      default: null
-    }
+      default: null,
+    },
   },
-  data () {
+  data() {
     return {
       showPlaceholder: false,
       defaultAvatar: `${this.$store.state.instance.server + this.$store.state.instance.defaultAvatar}`,
-      betterShadow: useInterfaceStore().browserSupport.cssFilter
+      betterShadow: useInterfaceStore().browserSupport.cssFilter,
     }
   },
   components: {
-    StillImage
+    StillImage,
   },
   methods: {
-    imgSrc (src) {
-      return (!src || this.showPlaceholder) ? this.defaultAvatar : src
+    imgSrc(src) {
+      return !src || this.showPlaceholder ? this.defaultAvatar : src
     },
-    imageLoadError () {
+    imageLoadError() {
       this.showPlaceholder = true
-    }
-  }
+    },
+  },
 }
 
 export default UserAvatar
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 7daee4b76..92730edc5 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -38,7 +38,7 @@ import {
   faExpandAlt,
   faBirthdayCake,
   faSave,
-  faClockRotateLeft
+  faClockRotateLeft,
 } from '@fortawesome/free-solid-svg-icons'
 
 import { useMediaViewerStore } from '../../stores/media_viewer'
@@ -54,7 +54,7 @@ library.add(
   faTimes,
   faExpandAlt,
   faBirthdayCake,
-  faClockRotateLeft
+  faClockRotateLeft,
 )
 
 export default {
@@ -63,43 +63,43 @@ export default {
     editable: {
       required: false,
       default: false,
-      type: Boolean
+      type: Boolean,
     },
     // ID of user to show data of
     userId: {
       required: true,
-      type: String
+      type: String,
     },
     // Use a compact layout that hides bio, stats etc.
     hideBio: {
       required: false,
       default: false,
-      type: Boolean
+      type: Boolean,
     },
     // default - open profile, 'zoom' - zoom, function - call function
     avatarAction: {
       required: false,
       type: String,
-      default: 'default'
+      default: 'default',
     },
     // Show note editor if supported
     hasNoteEditor: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Show close icon (for popovers)
     showClose: {
       required: false,
       type: Boolean,
-      default: false
+      default: false,
     },
     // Show close icon (for popovers)
     showExpand: {
       required: false,
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   components: {
     DialogModal,
@@ -117,9 +117,9 @@ export default {
     UserTimedFilterModal,
     ColorInput,
     EmojiInput,
-    ImageCropper
+    ImageCropper,
   },
-  data () {
+  data() {
     const user = this.$store.getters.findUser(this.userId)
 
     return {
@@ -147,16 +147,19 @@ export default {
       newShowBirthday: user.show_birthday,
       newShowRole: user.show_role,
 
-      newFields: user.fields?.map(field => ({ name: field.name, value: field.value })),
+      newFields: user.fields?.map((field) => ({
+        name: field.name,
+        value: field.value,
+      })),
 
       editingFields: false,
     }
   },
-  created () {
+  created() {
     this.$store.dispatch('fetchUserRelationship', this.user.id)
   },
   computed: {
-    somethingToSave () {
+    somethingToSave() {
       if (this.newName !== this.user.name_unescaped) return true
       if (this.newBio !== unescape(this.user.description)) return true
       if (this.newAvatar !== null) return true
@@ -165,188 +168,244 @@ export default {
       if (this.newBirthday !== this.user.birthday) return true
       if (this.newShowBirthday !== this.user.show_birthday) return true
       if (this.newShowRole !== this.user.show_role) return true
-      if (!isEqual(
-        this.newFields,
-        this.user.fields?.map(field => ({ name: field.name, value: field.value }))
-      )) return true
+      if (
+        !isEqual(
+          this.newFields,
+          this.user.fields?.map((field) => ({
+            name: field.name,
+            value: field.value,
+          })),
+        )
+      )
+        return true
       return false
     },
-    groupActorAvailable () {
+    groupActorAvailable() {
       return this.$store.state.instance.groupActorAvailable
     },
-    availableActorTypes () {
-      return this.groupActorAvailable ? ['Person', 'Service', 'Group'] : ['Person', 'Service']
+    availableActorTypes() {
+      return this.groupActorAvailable
+        ? ['Person', 'Service', 'Group']
+        : ['Person', 'Service']
     },
-    user () {
+    user() {
       return this.$store.getters.findUser(this.userId)
     },
-    role () {
+    role() {
       return this.user.role
     },
-    relationship () {
+    relationship() {
       return this.$store.getters.relationship(this.userId)
     },
-    isOtherUser () {
+    isOtherUser() {
       return this.user.id !== this.$store.state.users.currentUser.id
     },
-    subscribeUrl () {
+    subscribeUrl() {
       const serverUrl = new URL(this.user.statusnet_profile_url)
       return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
     },
-    loggedIn () {
+    loggedIn() {
       return this.$store.state.users.currentUser
     },
-    dailyAvg () {
-      const days = Math.ceil((new Date() - new Date(this.user.created_at)) / (60 * 60 * 24 * 1000))
+    dailyAvg() {
+      const days = Math.ceil(
+        (new Date() - new Date(this.user.created_at)) / (60 * 60 * 24 * 1000),
+      )
       return Math.round(this.user.statuses_count / days)
     },
-    emoji () {
-      return this.$store.state.instance.customEmoji.map(e => ({
+    emoji() {
+      return this.$store.state.instance.customEmoji.map((e) => ({
         shortcode: e.displayText,
         static_url: e.imageUrl,
-        url: e.imageUrl
+        url: e.imageUrl,
       }))
     },
     userHighlightType: {
-      get () {
-        const data = this.$store.getters.mergedConfig.highlight[this.user.screen_name]
+      get() {
+        const data =
+          this.$store.getters.mergedConfig.highlight[this.user.screen_name]
         return (data && data.type) || 'disabled'
       },
-      set (type) {
-        const data = this.$store.getters.mergedConfig.highlight[this.user.screen_name]
+      set(type) {
+        const data =
+          this.$store.getters.mergedConfig.highlight[this.user.screen_name]
         if (type !== 'disabled') {
-          this.$store.dispatch('setHighlight', { user: this.user.screen_name, color: (data && data.color) || '#FFFFFF', type })
+          this.$store.dispatch('setHighlight', {
+            user: this.user.screen_name,
+            color: (data && data.color) || '#FFFFFF',
+            type,
+          })
         } else {
-          this.$store.dispatch('setHighlight', { user: this.user.screen_name, color: undefined })
+          this.$store.dispatch('setHighlight', {
+            user: this.user.screen_name,
+            color: undefined,
+          })
         }
       },
-      ...mapGetters(['mergedConfig'])
+      ...mapGetters(['mergedConfig']),
     },
     userHighlightColor: {
-      get () {
-        const data = this.$store.getters.mergedConfig.highlight[this.user.screen_name]
+      get() {
+        const data =
+          this.$store.getters.mergedConfig.highlight[this.user.screen_name]
         return data && data.color
       },
-      set (color) {
-        this.$store.dispatch('setHighlight', { user: this.user.screen_name, color })
-      }
+      set(color) {
+        this.$store.dispatch('setHighlight', {
+          user: this.user.screen_name,
+          color,
+        })
+      },
     },
-    visibleRole () {
-      if (!this.newShowRole) { return }
+    visibleRole() {
+      if (!this.newShowRole) {
+        return
+      }
       const rights = this.user.rights
-      if (!rights) { return }
+      if (!rights) {
+        return
+      }
       const validRole = rights.admin || rights.moderator
       const roleTitle = rights.admin ? 'admin' : 'moderator'
       return validRole && roleTitle
     },
-    hideFollowsCount () {
+    hideFollowsCount() {
       return this.isOtherUser && this.user.hide_follows_count
     },
-    hideFollowersCount () {
+    hideFollowersCount() {
       return this.isOtherUser && this.user.hide_followers_count
     },
-    showModerationMenu () {
+    showModerationMenu() {
       const privileges = this.loggedIn.privileges
-      return this.loggedIn.role === 'admin' ||
+      return (
+        this.loggedIn.role === 'admin' ||
         privileges.includes('users_manage_activation_state') ||
         privileges.includes('users_delete') ||
         privileges.includes('users_manage_tags')
+      )
     },
-    hasNote () {
+    hasNote() {
       return this.relationship.note
     },
-    supportsNote () {
+    supportsNote() {
       return 'note' in this.relationship
     },
-    muteExpiryAvailable () {
+    muteExpiryAvailable() {
       return this.user.mute_expires_at !== undefined
     },
-    muteExpiry () {
+    muteExpiry() {
       return this.user.mute_expires_at == null
         ? this.$t('user_card.mute_expires_forever')
-        : this.$t('user_card.mute_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
+        : this.$t('user_card.mute_expires_at', [
+            new Date(this.user.mute_expires_at).toLocaleString(),
+          ])
     },
-    blockExpiryAvailable () {
+    blockExpiryAvailable() {
       return this.user.block_expires_at !== undefined
     },
-    blockExpiry () {
+    blockExpiry() {
       return this.user.block_expires_at == null
         ? this.$t('user_card.block_expires_forever')
-        : this.$t('user_card.block_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
+        : this.$t('user_card.block_expires_at', [
+            new Date(this.user.mute_expires_at).toLocaleString(),
+          ])
     },
-    formattedBirthday () {
-      const browserLocale = localeService.internalToBrowserLocale(this.$i18n.locale)
-      return this.user.birthday && new Date(Date.parse(this.user.birthday)).toLocaleDateString(browserLocale, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' })
+    formattedBirthday() {
+      const browserLocale = localeService.internalToBrowserLocale(
+        this.$i18n.locale,
+      )
+      return (
+        this.user.birthday &&
+        new Date(Date.parse(this.user.birthday)).toLocaleDateString(
+          browserLocale,
+          { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' },
+        )
+      )
     },
 
     // Editable stuff
-    avatarImgSrc () {
-      const currentUrl = this.user.profile_image_url_original || this.defaultAvatar
+    avatarImgSrc() {
+      const currentUrl =
+        this.user.profile_image_url_original || this.defaultAvatar
       if (!this.editable) return currentUrl
-      const newUrl = this.newAvatar === null ? this.defaultAvatar : this.newAvatar
-      return (this.newAvatar === null) ? currentUrl : newUrl
+      const newUrl =
+        this.newAvatar === null ? this.defaultAvatar : this.newAvatar
+      return this.newAvatar === null ? currentUrl : newUrl
     },
-    bannerImgSrc () {
+    bannerImgSrc() {
       const currentUrl = this.user.cover_photo || this.defaultBanner
       if (!this.editable) return currentUrl
-      const newUrl = this.newBanner === null ? this.defaultBanner : this.newBanner
-      return (this.newBanner === null) ? currentUrl : newUrl
+      const newUrl =
+        this.newBanner === null ? this.defaultBanner : this.newBanner
+      return this.newBanner === null ? currentUrl : newUrl
     },
-    defaultAvatar () {
-      return this.$store.state.instance.server + this.$store.state.instance.defaultAvatar
+    defaultAvatar() {
+      return (
+        this.$store.state.instance.server +
+        this.$store.state.instance.defaultAvatar
+      )
     },
-    defaultBanner () {
-      return this.$store.state.instance.server + this.$store.state.instance.defaultBanner
+    defaultBanner() {
+      return (
+        this.$store.state.instance.server +
+        this.$store.state.instance.defaultBanner
+      )
     },
-    isDefaultAvatar () {
+    isDefaultAvatar() {
       const baseAvatar = this.$store.state.instance.defaultAvatar
-      return !(this.$store.state.users.currentUser.profile_image_url) ||
-      this.$store.state.users.currentUser.profile_image_url.includes(baseAvatar)
+      return (
+        !this.$store.state.users.currentUser.profile_image_url ||
+        this.$store.state.users.currentUser.profile_image_url.includes(
+          baseAvatar,
+        )
+      )
     },
-    isDefaultBanner () {
+    isDefaultBanner() {
       const baseBanner = this.$store.state.instance.defaultBanner
-      return !(this.$store.state.users.currentUser.cover_photo) ||
-      this.$store.state.users.currentUser.cover_photo.includes(baseBanner)
+      return (
+        !this.$store.state.users.currentUser.cover_photo ||
+        this.$store.state.users.currentUser.cover_photo.includes(baseBanner)
+      )
     },
-    fieldsLimits () {
+    fieldsLimits() {
       return this.$store.state.instance.fieldsLimits
     },
-    maxFields () {
+    maxFields() {
       return this.fieldsLimits ? this.fieldsLimits.maxFields : 0
     },
-    emojiUserSuggestor () {
+    emojiUserSuggestor() {
       return suggestor({
         emoji: [
           ...this.$store.getters.standardEmojiList,
-          ...this.$store.state.instance.customEmoji
+          ...this.$store.state.instance.customEmoji,
         ],
-        store: this.$store
+        store: this.$store,
       })
     },
-    emojiSuggestor () {
+    emojiSuggestor() {
       return suggestor({
         emoji: [
           ...this.$store.getters.standardEmojiList,
-          ...this.$store.state.instance.customEmoji
-        ]
+          ...this.$store.state.instance.customEmoji,
+        ],
       })
     },
-    ...mapGetters(['mergedConfig'])
+    ...mapGetters(['mergedConfig']),
   },
   methods: {
-    muteUser () {
+    muteUser() {
       this.$refs.timedMuteDialog.optionallyPrompt()
     },
-    unmuteUser () {
+    unmuteUser() {
       this.$store.dispatch('unmuteUser', this.user.id)
     },
-    subscribeUser () {
+    subscribeUser() {
       return this.$store.dispatch('subscribeUser', this.user.id)
     },
-    unsubscribeUser () {
+    unsubscribeUser() {
       return this.$store.dispatch('unsubscribeUser', this.user.id)
     },
-    linkClicked ({ target }) {
+    linkClicked({ target }) {
       if (target.tagName === 'SPAN') {
         target = target.parentNode
       }
@@ -354,27 +413,31 @@ export default {
         window.open(target.href, '_blank')
       }
     },
-    userProfileLink (user) {
+    userProfileLink(user) {
       return generateProfileLink(
-        user.id, user.screen_name,
-        this.$store.state.instance.restrictedNicknames
+        user.id,
+        user.screen_name,
+        this.$store.state.instance.restrictedNicknames,
       )
     },
-    openProfileTab () {
+    openProfileTab() {
       useInterfaceStore().openSettingsModalTab('profile')
     },
-    zoomAvatar () {
+    zoomAvatar() {
       const attachment = {
         url: this.user.profile_image_url_original,
-        mimetype: 'image'
+        mimetype: 'image',
       }
       useMediaViewerStore().setMedia([attachment])
       useMediaViewerStore().setCurrentMedia(attachment)
     },
-    mentionUser () {
-      usePostStatusStore().openPostStatusModal({ profileMention: true, repliedUser: this.user })
+    mentionUser() {
+      usePostStatusStore().openPostStatusModal({
+        profileMention: true,
+        repliedUser: this.user,
+      })
     },
-    onAvatarClickHandler (e) {
+    onAvatarClickHandler(e) {
       if (this.onAvatarClick) {
         e.preventDefault()
         this.onAvatarClick()
@@ -382,15 +445,17 @@ export default {
     },
 
     // Editable stuff
-    changeAvatar () {
+    changeAvatar() {
       this.editImage = 'avatar'
     },
-    changeBanner () {
+    changeBanner() {
       this.editImage = 'banner'
     },
-    submitImage ({ canvas, file }) {
+    submitImage({ canvas, file }) {
       if (canvas) {
-        return canvas.toBlob((data) => this.submitImage({ canvas: null, file: data }))
+        return canvas.toBlob((data) =>
+          this.submitImage({ canvas: null, file: data }),
+        )
       }
 
       const reader = new window.FileReader()
@@ -409,9 +474,8 @@ export default {
       }
 
       reader.readAsDataURL(file)
-
     },
-    resetImage () {
+    resetImage() {
       if (this.editImage === 'avatar') {
         this.newAvatar = null
         this.newAvatarFile = null
@@ -421,21 +485,21 @@ export default {
       }
       this.editImage = false
     },
-    addField () {
+    addField() {
       if (this.newFields.length < this.maxFields) {
         this.newFields.push({ name: '', value: '' })
       }
     },
-    deleteField (index) {
+    deleteField(index) {
       this.newFields.splice(index, 1)
     },
-    propsToNative (props) {
+    propsToNative(props) {
       return propsToNative(props)
     },
-    cancelImageText () {
+    cancelImageText() {
       return
     },
-    resetState () {
+    resetState() {
       const user = this.$store.state.users.currentUser
 
       this.newName = user.name_unescaped
@@ -452,15 +516,18 @@ export default {
       this.newShowBirthday = user.show_birthday
       this.newShowRole = user.show_role
 
-      this.newFields = user.fields.map(field => ({ name: field.name, value: field.value }))
+      this.newFields = user.fields.map((field) => ({
+        name: field.name,
+        value: field.value,
+      }))
     },
-    updateProfile () {
+    updateProfile() {
       const params = {
         note: this.newBio,
 
         // Backend notation.
         display_name: this.newName,
-        fields_attributes: this.newFields.filter(el => el != null),
+        fields_attributes: this.newFields.filter((el) => el != null),
         show_role: !!this.newShowRole,
         birthday: this.newBirthday || '',
         show_birthday: !!this.newShowBirthday,
@@ -491,12 +558,12 @@ export default {
           this.displayUploadError(error)
         })
     },
-    displayUploadError (error) {
+    displayUploadError(error) {
       useInterfaceStore().pushGlobalNotice({
         messageKey: 'upload.error.message',
         messageArgs: [error.message],
-        level: 'error'
+        level: 'error',
       })
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/user_card/user_card.style.js b/src/components/user_card/user_card.style.js
index b6e256392..19004a2de 100644
--- a/src/components/user_card/user_card.style.js
+++ b/src/components/user_card/user_card.style.js
@@ -5,8 +5,8 @@ export default {
   defaultRules: [
     {
       directives: {
-        '--profileTint': 'color | $alpha(--background 1)'
-      }
-    }
-  ]
+        '--profileTint': 'color | $alpha(--background 1)',
+      },
+    },
+  ],
 }
diff --git a/src/components/user_link/user_link.vue b/src/components/user_link/user_link.vue
index 80b941d32..4a0899dab 100644
--- a/src/components/user_link/user_link.vue
+++ b/src/components/user_link/user_link.vue
@@ -22,20 +22,21 @@ const UserLink = {
     user: Object,
     at: {
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
   components: {
-    UnicodeDomainIndicator
+    UnicodeDomainIndicator,
   },
   methods: {
-    userProfileLink (user) {
+    userProfileLink(user) {
       return generateProfileLink(
-        user.id, user.screen_name,
-        this.$store.state.instance.restrictedNicknames
+        user.id,
+        user.screen_name,
+        this.$store.state.instance.restrictedNicknames,
       )
-    }
-  }
+    },
+  },
 }
 
 export default UserLink
diff --git a/src/components/user_list_menu/user_list_menu.js b/src/components/user_list_menu/user_list_menu.js
index 1794769dd..09858f96b 100644
--- a/src/components/user_list_menu/user_list_menu.js
+++ b/src/components/user_list_menu/user_list_menu.js
@@ -9,91 +9,114 @@ import { useListsStore } from 'src/stores/lists'
 library.add(faChevronRight)
 
 const UserListMenu = {
-  props: [
-    'user'
-  ],
-  data () {
+  props: ['user'],
+  data() {
     return {}
   },
   components: {
     DialogModal,
-    Popover
+    Popover,
   },
-  created () {
+  created() {
     this.$store.dispatch('fetchUserInLists', this.user.id)
   },
   computed: {
     ...mapState(useListsStore, {
-      allLists: store => store.allLists
+      allLists: (store) => store.allLists,
     }),
-    inListsSet () {
-      return new Set(this.user.inLists.map(x => x.id))
+    inListsSet() {
+      return new Set(this.user.inLists.map((x) => x.id))
     },
-    lists () {
+    lists() {
       if (!this.user.inLists) return []
-      return this.allLists.map(list => ({
+      return this.allLists.map((list) => ({
         ...list,
-        inList: this.inListsSet.has(list.id)
+        inList: this.inListsSet.has(list.id),
       }))
     },
-    triggerAttrs () {
+    triggerAttrs() {
       return {
-        class: 'menu-item dropdown-item -has-submenu'
+        class: 'menu-item dropdown-item -has-submenu',
       }
-    }
+    },
   },
   methods: {
-    toggleList (listId) {
+    toggleList(listId) {
       if (this.inListsSet.has(listId)) {
-        useListsStore().removeListAccount({ accountId: this.user.id, listId }).then((response) => {
-          if (!response.ok) { return }
-          this.$store.dispatch('fetchUserInLists', this.user.id)
-        })
+        useListsStore()
+          .removeListAccount({ accountId: this.user.id, listId })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            this.$store.dispatch('fetchUserInLists', this.user.id)
+          })
       } else {
-        useListsStore().addListAccount({ accountId: this.user.id, listId }).then((response) => {
-          if (!response.ok) { return }
-          this.$store.dispatch('fetchUserInLists', this.user.id)
-        })
+        useListsStore()
+          .addListAccount({ accountId: this.user.id, listId })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            this.$store.dispatch('fetchUserInLists', this.user.id)
+          })
       }
     },
-    toggleRight (right) {
+    toggleRight(right) {
       const store = this.$store
       if (this.user.rights[right]) {
-        store.state.api.backendInteractor.deleteRight({ user: this.user, right }).then(response => {
-          if (!response.ok) { return }
-          store.commit('updateRight', { user: this.user, right, value: false })
-        })
+        store.state.api.backendInteractor
+          .deleteRight({ user: this.user, right })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('updateRight', {
+              user: this.user,
+              right,
+              value: false,
+            })
+          })
       } else {
-        store.state.api.backendInteractor.addRight({ user: this.user, right }).then(response => {
-          if (!response.ok) { return }
-          store.commit('updateRight', { user: this.user, right, value: true })
-        })
+        store.state.api.backendInteractor
+          .addRight({ user: this.user, right })
+          .then((response) => {
+            if (!response.ok) {
+              return
+            }
+            store.commit('updateRight', { user: this.user, right, value: true })
+          })
       }
     },
-    toggleActivationStatus () {
+    toggleActivationStatus() {
       this.$store.dispatch('toggleActivationStatus', { user: this.user })
     },
-    deleteUserDialog (show) {
+    deleteUserDialog(show) {
       this.showDeleteUserDialog = show
     },
-    deleteUser () {
+    deleteUser() {
       const store = this.$store
       const user = this.user
       const { id, name } = user
-      store.state.api.backendInteractor.deleteUser({ user })
-        .then(() => {
-          this.$store.dispatch('markStatusesAsDeleted', status => user.id === status.user.id)
-          const isProfile = this.$route.name === 'external-user-profile' || this.$route.name === 'user-profile'
-          const isTargetUser = this.$route.params.name === name || this.$route.params.id === id
-          if (isProfile && isTargetUser) {
-            window.history.back()
-          }
-        })
+      store.state.api.backendInteractor.deleteUser({ user }).then(() => {
+        this.$store.dispatch(
+          'markStatusesAsDeleted',
+          (status) => user.id === status.user.id,
+        )
+        const isProfile =
+          this.$route.name === 'external-user-profile' ||
+          this.$route.name === 'user-profile'
+        const isTargetUser =
+          this.$route.params.name === name || this.$route.params.id === id
+        if (isProfile && isTargetUser) {
+          window.history.back()
+        }
+      })
     },
-    setToggled (value) {
+    setToggled(value) {
       this.toggled = value
-    }
-  }
+    },
+  },
 }
 
 export default UserListMenu
diff --git a/src/components/user_list_popover/user_list_popover.js b/src/components/user_list_popover/user_list_popover.js
index 046e0abd0..f6c2a8547 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -5,26 +5,24 @@ import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_i
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
 const UserListPopover = {
   name: 'UserListPopover',
-  props: [
-    'users'
-  ],
+  props: ['users'],
   components: {
     RichContent,
     UnicodeDomainIndicator,
     Popover: defineAsyncComponent(() => import('../popover/popover.vue')),
-    UserAvatar: defineAsyncComponent(() => import('../user_avatar/user_avatar.vue'))
+    UserAvatar: defineAsyncComponent(
+      () => import('../user_avatar/user_avatar.vue'),
+    ),
   },
   computed: {
-    usersCapped () {
+    usersCapped() {
       return this.users.slice(0, 16)
-    }
-  }
+    },
+  },
 }
 
 export default UserListPopover
diff --git a/src/components/user_note/user_note.js b/src/components/user_note/user_note.js
index e5ead513c..bd246e9b3 100644
--- a/src/components/user_note/user_note.js
+++ b/src/components/user_note/user_note.js
@@ -4,35 +4,36 @@ const UserNote = {
   props: {
     user: Object,
     relationship: Object,
-    editable: Boolean
+    editable: Boolean,
   },
   components: {
-    PanelLoading
+    PanelLoading,
   },
-  data () {
+  data() {
     return {
       localNote: this.relationship.note,
       editing: false,
-      frozen: false
+      frozen: false,
     }
   },
   watch: {
-    relationship () {
+    relationship() {
       this.localNote = this.relationship.note
-    }
+    },
   },
   methods: {
-    startEditing () {
+    startEditing() {
       this.localNote = this.relationship.note
       this.editing = true
     },
-    finalizeEditing () {
+    finalizeEditing() {
       this.frozen = true
 
-      this.$store.dispatch('editUserNote', {
-        id: this.user.id,
-        comment: this.localNote
-      })
+      this.$store
+        .dispatch('editUserNote', {
+          id: this.user.id,
+          comment: this.localNote,
+        })
         .then(() => {
           this.frozen = false
           this.editing = false
@@ -41,8 +42,8 @@ const UserNote = {
           this.frozen = false
           this.editing = false
         })
-    }
-  }
+    },
+  },
 }
 
 export default UserNote
diff --git a/src/components/user_panel/user_panel.js b/src/components/user_panel/user_panel.js
index c2f51eb61..1349efef0 100644
--- a/src/components/user_panel/user_panel.js
+++ b/src/components/user_panel/user_panel.js
@@ -5,14 +5,16 @@ import { mapState } from 'vuex'
 
 const UserPanel = {
   computed: {
-    signedIn () { return this.user },
-    ...mapState({ user: state => state.users.currentUser })
+    signedIn() {
+      return this.user
+    },
+    ...mapState({ user: (state) => state.users.currentUser }),
   },
   components: {
     AuthForm,
     PostStatusForm,
-    UserCard
-  }
+    UserCard,
+  },
 }
 
 export default UserPanel
diff --git a/src/components/user_popover/user_popover.js b/src/components/user_popover/user_popover.js
index 3b12aa1e8..b59945063 100644
--- a/src/components/user_popover/user_popover.js
+++ b/src/components/user_popover/user_popover.js
@@ -3,21 +3,19 @@ import { defineAsyncComponent } from 'vue'
 
 const UserPopover = {
   name: 'UserPopover',
-  props: [
-    'userId', 'overlayCenters', 'disabled', 'overlayCentersSelector'
-  ],
+  props: ['userId', 'overlayCenters', 'disabled', 'overlayCentersSelector'],
   components: {
     UserCard,
-    Popover: defineAsyncComponent(() => import('../popover/popover.vue'))
+    Popover: defineAsyncComponent(() => import('../popover/popover.vue')),
   },
   computed: {
-    userPopoverAvatarAction () {
+    userPopoverAvatarAction() {
       return this.$store.getters.mergedConfig.userPopoverAvatarAction
     },
-    userPopoverOverlay () {
+    userPopoverOverlay() {
       return this.$store.getters.mergedConfig.userPopoverOverlay
-    }
-  }
+    },
+  },
 }
 
 export default UserPopover
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index a65f1b5ea..e6e5ab087 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -8,84 +8,93 @@ import RichContent from 'src/components/rich_content/rich_content.jsx'
 import List from '../list/list.vue'
 import withLoadMore from '../../hocs/with_load_more/with_load_more'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch
-} from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
 const FollowerList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchFollowers', props.userId),
-  select: (props, $store) => get($store.getters.findUser(props.userId), 'followerIds', []).map(id => $store.getters.findUser(id)),
+  select: (props, $store) =>
+    get($store.getters.findUser(props.userId), 'followerIds', []).map((id) =>
+      $store.getters.findUser(id),
+    ),
   destroy: (props, $store) => $store.dispatch('clearFollowers', props.userId),
   childPropName: 'items',
-  additionalPropNames: ['userId']
+  additionalPropNames: ['userId'],
 })(List)
 
 const FriendList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchFriends', props.userId),
-  select: (props, $store) => get($store.getters.findUser(props.userId), 'friendIds', []).map(id => $store.getters.findUser(id)),
+  select: (props, $store) =>
+    get($store.getters.findUser(props.userId), 'friendIds', []).map((id) =>
+      $store.getters.findUser(id),
+    ),
   destroy: (props, $store) => $store.dispatch('clearFriends', props.userId),
   childPropName: 'items',
-  additionalPropNames: ['userId']
+  additionalPropNames: ['userId'],
 })(List)
 
 const defaultTabKey = 'statuses'
 
 const UserProfile = {
-  data () {
+  data() {
     return {
       error: false,
       userId: null,
       tab: defaultTabKey,
-      footerRef: null
+      footerRef: null,
     }
   },
-  created () {
+  created() {
     const routeParams = this.$route.params
     this.load({ name: routeParams.name, id: routeParams.id })
     this.tab = get(this.$route, 'query.tab', defaultTabKey)
   },
-  unmounted () {
+  unmounted() {
     this.stopFetching()
   },
   computed: {
-    timeline () {
+    timeline() {
       return this.$store.state.statuses.timelines.user
     },
-    favorites () {
+    favorites() {
       return this.$store.state.statuses.timelines.favorites
     },
-    media () {
+    media() {
       return this.$store.state.statuses.timelines.media
     },
-    isUs () {
-      return this.userId && this.$store.state.users.currentUser.id &&
+    isUs() {
+      return (
+        this.userId &&
+        this.$store.state.users.currentUser.id &&
         this.userId === this.$store.state.users.currentUser.id
+      )
     },
-    user () {
+    user() {
       return this.$store.getters.findUser(this.userId)
     },
-    isExternal () {
+    isExternal() {
       return this.$route.name === 'external-user-profile'
     },
-    followsTabVisible () {
+    followsTabVisible() {
       return this.isUs || !this.user.hide_follows
     },
-    followersTabVisible () {
+    followersTabVisible() {
       return this.isUs || !this.user.hide_followers
     },
-    favoritesTabVisible () {
-      return this.isUs || (this.$store.state.instance.pleromaPublicFavouritesAvailable && !this.user.hide_favorites)
-    }
+    favoritesTabVisible() {
+      return (
+        this.isUs ||
+        (this.$store.state.instance.pleromaPublicFavouritesAvailable &&
+          !this.user.hide_favorites)
+      )
+    },
   },
   methods: {
-    setFooterRef (el) {
+    setFooterRef(el) {
       this.footerRef = el
     },
-    load (userNameOrId) {
+    load(userNameOrId) {
       const startFetchingTimeline = (timeline, userId) => {
         // Clear timeline only if load another user's profile
         if (userId !== this.$store.state.statuses.timelines[timeline].userId) {
@@ -115,17 +124,21 @@ const UserProfile = {
       const maybeName = userNameOrId.name
 
       // Check if user data is already loaded in store
-      const user = maybeId ? this.$store.getters.findUser(maybeId) : this.$store.getters.findUserByName(maybeName)
+      const user = maybeId
+        ? this.$store.getters.findUser(maybeId)
+        : this.$store.getters.findUserByName(maybeName)
       if (user) {
         loadById(user.id)
       } else {
-        (maybeId
+        ;(maybeId
           ? this.$store.dispatch('fetchUser', maybeId)
-          : this.$store.dispatch('fetchUserByName', maybeName))
+          : this.$store.dispatch('fetchUserByName', maybeName)
+        )
           .then(({ id }) => loadById(id))
           .catch((reason) => {
             const errorMessage = get(reason, 'error.error')
-            if (errorMessage === 'No user with such user_id') { // Known error
+            if (errorMessage === 'No user with such user_id') {
+              // Known error
               this.error = this.$t('user_profile.profile_does_not_exist')
             } else if (errorMessage) {
               this.error = errorMessage
@@ -135,27 +148,27 @@ const UserProfile = {
           })
       }
     },
-    stopFetching () {
+    stopFetching() {
       this.$store.dispatch('stopFetchingTimeline', 'user')
       this.$store.dispatch('stopFetchingTimeline', 'favorites')
       this.$store.dispatch('stopFetchingTimeline', 'media')
     },
-    switchUser (userNameOrId) {
+    switchUser(userNameOrId) {
       this.stopFetching()
       this.load(userNameOrId)
     },
-    onTabSwitch (tab) {
+    onTabSwitch(tab) {
       this.tab = tab
       this.$router.replace({ query: { tab } })
     },
-    linkClicked ({ target }) {
+    linkClicked({ target }) {
       if (target.tagName === 'SPAN') {
         target = target.parentNode
       }
       if (target.tagName === 'A') {
         window.open(target.href, '_blank')
       }
-    }
+    },
   },
   watch: {
     '$route.params.id': function (newVal) {
@@ -170,7 +183,7 @@ const UserProfile = {
     },
     '$route.query': function (newVal) {
       this.tab = newVal.tab || defaultTabKey
-    }
+    },
   },
   components: {
     UserCard,
@@ -180,8 +193,8 @@ const UserProfile = {
     FollowCard,
     TabSwitcher,
     Conversation,
-    RichContent
-  }
+    RichContent,
+  },
 }
 
 export default UserProfile
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index b94203ec3..03f7f92c7 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -11,51 +11,54 @@ const UserReportingModal = {
     List,
     Checkbox,
     Modal,
-    UserLink
+    UserLink,
   },
-  data () {
+  data() {
     return {
       comment: '',
       forward: false,
       statusIdsToReport: [],
       processing: false,
-      error: false
+      error: false,
     }
   },
   computed: {
-    reportModal () {
+    reportModal() {
       return useReportsStore().reportModal
     },
-    isLoggedIn () {
+    isLoggedIn() {
       return !!this.$store.state.users.currentUser
     },
-    isOpen () {
+    isOpen() {
       return this.isLoggedIn && this.reportModal.activated
     },
-    userId () {
+    userId() {
       return this.reportModal.userId
     },
-    user () {
+    user() {
       return this.$store.getters.findUser(this.userId)
     },
-    remoteInstance () {
-      return !this.user.is_local && this.user.screen_name.substr(this.user.screen_name.indexOf('@') + 1)
+    remoteInstance() {
+      return (
+        !this.user.is_local &&
+        this.user.screen_name.substr(this.user.screen_name.indexOf('@') + 1)
+      )
     },
-    statuses () {
+    statuses() {
       return this.reportModal.statuses
     },
-    preTickedIds () {
+    preTickedIds() {
       return this.reportModal.preTickedIds
-    }
+    },
   },
   watch: {
     userId: 'resetState',
-    preTickedIds (newValue) {
+    preTickedIds(newValue) {
       this.statusIdsToReport = newValue
-    }
+    },
   },
   methods: {
-    resetState () {
+    resetState() {
       // Reset state
       this.comment = ''
       this.forward = false
@@ -63,19 +66,20 @@ const UserReportingModal = {
       this.processing = false
       this.error = false
     },
-    closeModal () {
+    closeModal() {
       useReportsStore().closeUserReportingModal()
     },
-    reportUser () {
+    reportUser() {
       this.processing = true
       this.error = false
       const params = {
         userId: this.userId,
         comment: this.comment,
         forward: this.forward,
-        statusIds: this.statusIdsToReport
+        statusIds: this.statusIdsToReport,
       }
-      this.$store.state.api.backendInteractor.reportUser({ ...params })
+      this.$store.state.api.backendInteractor
+        .reportUser({ ...params })
         .then(() => {
           this.processing = false
           this.resetState()
@@ -86,13 +90,13 @@ const UserReportingModal = {
           this.error = true
         })
     },
-    clearError () {
+    clearError() {
       this.error = false
     },
-    isChecked (statusId) {
+    isChecked(statusId) {
       return this.statusIdsToReport.indexOf(statusId) !== -1
     },
-    toggleStatus (checked, statusId) {
+    toggleStatus(checked, statusId) {
       if (checked === this.isChecked(statusId)) {
         return
       }
@@ -100,20 +104,25 @@ const UserReportingModal = {
       if (checked) {
         this.statusIdsToReport.push(statusId)
       } else {
-        this.statusIdsToReport.splice(this.statusIdsToReport.indexOf(statusId), 1)
+        this.statusIdsToReport.splice(
+          this.statusIdsToReport.indexOf(statusId),
+          1,
+        )
       }
     },
-    resize (e) {
+    resize(e) {
       const target = e.target || e
-      if (!(target instanceof window.Element)) { return }
+      if (!(target instanceof window.Element)) {
+        return
+      }
       // Auto is needed to make textbox shrink when removing lines
       target.style.height = 'auto'
       target.style.height = `${target.scrollHeight}px`
       if (target.value === '') {
         target.style.height = null
       }
-    }
-  }
+    },
+  },
 }
 
 export default UserReportingModal
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.js b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
index 305603cba..d57c8ad28 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.js
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
@@ -4,10 +4,10 @@ import Select from 'src/components/select/select.vue'
 import { durationStrToMs } from 'src/services/date_utils/date_utils.js'
 
 const UserTimedFilterModal = {
-  data () {
+  data() {
     const action = this.isMute
-          ? this.$store.getters.mergedConfig.onMuteDefaultAction
-          : this.$store.getters.mergedConfig.onBlockDefaultAction
+      ? this.$store.getters.mergedConfig.onMuteDefaultAction
+      : this.$store.getters.mergedConfig.onBlockDefaultAction
     const doAsk = action === 'ask'
     const defaultValues = {}
 
@@ -28,73 +28,79 @@ const UserTimedFilterModal = {
       showing: false,
       forever: false,
       dontAskAgain: false,
-      ...defaultValues
+      ...defaultValues,
     }
   },
   components: {
     ConfirmModal,
     Select,
-    Checkbox
+    Checkbox,
   },
   props: {
     isMute: Boolean,
-    user: Object
+    user: Object,
   },
   computed: {
-    shouldConfirm () {
+    shouldConfirm() {
       if (this.isMute) {
         return this.$store.getters.mergedConfig.onMuteDefaultAction === 'ask'
       } else {
         return this.$store.getters.mergedConfig.onBlockDefaultAction === 'ask'
       }
     },
-    expiryString () {
+    expiryString() {
       return this.expiration.toString() + this.expirationUnit
     },
-    expirySeconds () {
+    expirySeconds() {
       return Math.floor(durationStrToMs(this.expiryString) / 1000)
     },
-    requestBody () {
+    requestBody() {
       const object = { id: this.user.id }
       if (!this.forever) {
         object.expiresIn = this.expirySeconds
       }
       return object
-    }
+    },
   },
   watch: {
-    expiration (newVal) {
+    expiration(newVal) {
       if (newVal <= 0) {
         this.expiration = 1
       }
-    }
+    },
   },
   methods: {
-    optionallyPrompt () {
+    optionallyPrompt() {
       if (this.shouldConfirm) {
         this.showing = true
       } else {
         this.accept()
       }
     },
-    accept () {
+    accept() {
       if (this.isMute) {
         this.$store.dispatch('muteUser', this.requestBody)
         if (this.dontAskAgain) {
-          this.$store.dispatch('setOption', { name: 'onMuteDefaultAction', value: this.expiryString })
+          this.$store.dispatch('setOption', {
+            name: 'onMuteDefaultAction',
+            value: this.expiryString,
+          })
         }
       } else {
         this.$store.dispatch('blockUser', this.requestBody)
         if (this.dontAskAgain) {
-          this.$store.dispatch('setOption', { name: 'onBlockDefaultAction', value: this.expiryString })
+          this.$store.dispatch('setOption', {
+            name: 'onBlockDefaultAction',
+            value: this.expiryString,
+          })
         }
       }
       this.showing = false
     },
-    cancel () {
+    cancel() {
       this.showing = false
-    }
-  }
+    },
+  },
 }
 
 export default UserTimedFilterModal
diff --git a/src/components/video_attachment/video_attachment.js b/src/components/video_attachment/video_attachment.js
index c7110f79f..92e915da8 100644
--- a/src/components/video_attachment/video_attachment.js
+++ b/src/components/video_attachment/video_attachment.js
@@ -1,22 +1,22 @@
 const VideoAttachment = {
   props: ['attachment', 'controls'],
-  data () {
+  data() {
     return {
       blocksSuspend: false,
       // Start from true because removing "loop" property seems buggy in Vue
-      hasAudio: true
+      hasAudio: true,
     }
   },
   computed: {
-    loopVideo () {
+    loopVideo() {
       if (this.$store.getters.mergedConfig.loopVideoSilentOnly) {
         return !this.hasAudio
       }
       return this.$store.getters.mergedConfig.loopVideo
-    }
+    },
   },
   methods: {
-    onPlaying (e) {
+    onPlaying(e) {
       this.setHasAudio(e)
       if (this.loopVideo) {
         this.$emit('play', { looping: true })
@@ -24,10 +24,10 @@ const VideoAttachment = {
       }
       this.$emit('play')
     },
-    onPaused () {
+    onPaused() {
       this.$emit('pause')
     },
-    setHasAudio (e) {
+    setHasAudio(e) {
       const target = e.srcElement || e.target
       // If hasAudio is false, we've already marked this video to not have audio,
       // a video can't gain audio out of nowhere so don't bother checking again.
@@ -44,8 +44,8 @@ const VideoAttachment = {
         if (target.audioTracks.length > 0) return
       }
       this.hasAudio = false
-    }
-  }
+    },
+  },
 }
 
 export default VideoAttachment
diff --git a/src/components/who_to_follow/who_to_follow.js b/src/components/who_to_follow/who_to_follow.js
index 9a3bd9e42..d90d626eb 100644
--- a/src/components/who_to_follow/who_to_follow.js
+++ b/src/components/who_to_follow/who_to_follow.js
@@ -3,20 +3,21 @@ import FollowCard from '../follow_card/follow_card.vue'
 
 const WhoToFollow = {
   components: {
-    FollowCard
+    FollowCard,
   },
-  data () {
+  data() {
     return {
-      users: []
+      users: [],
     }
   },
-  mounted () {
+  mounted() {
     this.getWhoToFollow()
   },
   methods: {
-    showWhoToFollow (reply) {
+    showWhoToFollow(reply) {
       reply.forEach((i) => {
-        this.$store.state.api.backendInteractor.fetchUser({ id: i.acct })
+        this.$store.state.api.backendInteractor
+          .fetchUser({ id: i.acct })
           .then((externalUser) => {
             if (!externalUser.error) {
               this.$store.commit('addNewUsers', [externalUser])
@@ -25,16 +26,15 @@ const WhoToFollow = {
           })
       })
     },
-    getWhoToFollow () {
+    getWhoToFollow() {
       const credentials = this.$store.state.users.currentUser.credentials
       if (credentials) {
-        apiService.suggestions({ credentials })
-          .then((reply) => {
-            this.showWhoToFollow(reply)
-          })
+        apiService.suggestions({ credentials }).then((reply) => {
+          this.showWhoToFollow(reply)
+        })
       }
-    }
-  }
+    },
+  },
 }
 
 export default WhoToFollow
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js
index 004f6e7db..8f1dd4278 100644
--- a/src/components/who_to_follow_panel/who_to_follow_panel.js
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.js
@@ -2,7 +2,7 @@ import apiService from '../../services/api/api.service.js'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { shuffle } from 'lodash'
 
-function showWhoToFollow (panel, reply) {
+function showWhoToFollow(panel, reply) {
   const shuffled = shuffle(reply)
 
   panel.usersToFollow.forEach((toFollow, index) => {
@@ -13,7 +13,8 @@ function showWhoToFollow (panel, reply) {
     toFollow.img = img
     toFollow.name = name
 
-    panel.$store.state.api.backendInteractor.fetchUser({ id: name })
+    panel.$store.state.api.backendInteractor
+      .fetchUser({ id: name })
       .then((externalUser) => {
         if (!externalUser.error) {
           panel.$store.commit('addNewUsers', [externalUser])
@@ -23,56 +24,56 @@ function showWhoToFollow (panel, reply) {
   })
 }
 
-function getWhoToFollow (panel) {
+function getWhoToFollow(panel) {
   const credentials = panel.$store.state.users.currentUser.credentials
   if (credentials) {
-    panel.usersToFollow.forEach(toFollow => {
+    panel.usersToFollow.forEach((toFollow) => {
       toFollow.name = 'Loading...'
     })
-    apiService.suggestions({ credentials })
-      .then((reply) => {
-        showWhoToFollow(panel, reply)
-      })
+    apiService.suggestions({ credentials }).then((reply) => {
+      showWhoToFollow(panel, reply)
+    })
   }
 }
 
 const WhoToFollowPanel = {
   data: () => ({
-    usersToFollow: []
+    usersToFollow: [],
   }),
   computed: {
     user: function () {
       return this.$store.state.users.currentUser.screen_name
     },
-    suggestionsEnabled () {
+    suggestionsEnabled() {
       return this.$store.state.instance.suggestionsEnabled
-    }
+    },
   },
   methods: {
-    userProfileLink (id, name) {
-      return generateProfileLink(id, name, this.$store.state.instance.restrictedNicknames)
-    }
+    userProfileLink(id, name) {
+      return generateProfileLink(
+        id,
+        name,
+        this.$store.state.instance.restrictedNicknames,
+      )
+    },
   },
   watch: {
     user: function () {
       if (this.suggestionsEnabled) {
         getWhoToFollow(this)
       }
+    },
+  },
+  mounted: function () {
+    this.usersToFollow = new Array(3).fill().map(() => ({
+      img: this.$store.state.instance.defaultAvatar,
+      name: '',
+      id: 0,
+    }))
+    if (this.suggestionsEnabled) {
+      getWhoToFollow(this)
     }
   },
-  mounted:
-    function () {
-      this.usersToFollow = new Array(3).fill().map(() => (
-        {
-          img: this.$store.state.instance.defaultAvatar,
-          name: '',
-          id: 0
-        }
-      ))
-      if (this.suggestionsEnabled) {
-        getWhoToFollow(this)
-      }
-    }
 }
 
 export default WhoToFollowPanel
diff --git a/src/directives/body_scroll_lock.js b/src/directives/body_scroll_lock.js
index b6d167902..35196739f 100644
--- a/src/directives/body_scroll_lock.js
+++ b/src/directives/body_scroll_lock.js
@@ -7,7 +7,7 @@ const lockerEls = new Set([])
 const disableBodyScroll = (el) => {
   const scrollBarGap = window.innerWidth - document.documentElement.clientWidth
   bodyScrollLock.disableBodyScroll(el, {
-    reserveScrollBarGap: true
+    reserveScrollBarGap: true,
   })
   lockerEls.add(el)
   setTimeout(() => {
@@ -15,14 +15,22 @@ const disableBodyScroll = (el) => {
       // If previousNavPaddingRight is already set, don't set it again.
       if (previousNavPaddingRight === undefined) {
         const navEl = document.getElementById('nav')
-        previousNavPaddingRight = window.getComputedStyle(navEl).getPropertyValue('padding-right')
-        navEl.style.paddingRight = previousNavPaddingRight ? `calc(${previousNavPaddingRight} + ${scrollBarGap}px)` : `${scrollBarGap}px`
+        previousNavPaddingRight = window
+          .getComputedStyle(navEl)
+          .getPropertyValue('padding-right')
+        navEl.style.paddingRight = previousNavPaddingRight
+          ? `calc(${previousNavPaddingRight} + ${scrollBarGap}px)`
+          : `${scrollBarGap}px`
       }
       // If previousAppBgWrapeprRight is already set, don't set it again.
       if (previousAppBgWrapperRight === undefined) {
         const appBgWrapperEl = document.getElementById('app_bg_wrapper')
-        previousAppBgWrapperRight = window.getComputedStyle(appBgWrapperEl).getPropertyValue('right')
-        appBgWrapperEl.style.right = previousAppBgWrapperRight ? `calc(${previousAppBgWrapperRight} + ${scrollBarGap}px)` : `${scrollBarGap}px`
+        previousAppBgWrapperRight = window
+          .getComputedStyle(appBgWrapperEl)
+          .getPropertyValue('right')
+        appBgWrapperEl.style.right = previousAppBgWrapperRight
+          ? `calc(${previousAppBgWrapperRight} + ${scrollBarGap}px)`
+          : `${scrollBarGap}px`
       }
       document.body.classList.add('scroll-locked')
     }
@@ -34,12 +42,14 @@ const enableBodyScroll = (el) => {
   setTimeout(() => {
     if (lockerEls.size === 0) {
       if (previousNavPaddingRight !== undefined) {
-        document.getElementById('nav').style.paddingRight = previousNavPaddingRight
+        document.getElementById('nav').style.paddingRight =
+          previousNavPaddingRight
         // Restore previousNavPaddingRight to undefined so disableBodyScroll knows it can be set again.
         previousNavPaddingRight = undefined
       }
       if (previousAppBgWrapperRight !== undefined) {
-        document.getElementById('app_bg_wrapper').style.right = previousAppBgWrapperRight
+        document.getElementById('app_bg_wrapper').style.right =
+          previousAppBgWrapperRight
         // Restore previousAppBgWrapperRight to undefined so disableBodyScroll knows it can be set again.
         previousAppBgWrapperRight = undefined
       }
@@ -68,7 +78,7 @@ const directive = {
   },
   unmounted: (el) => {
     enableBodyScroll(el)
-  }
+  },
 }
 
 export default (Vue) => {
diff --git a/src/hocs/with_load_more/with_load_more.jsx b/src/hocs/with_load_more/with_load_more.jsx
index 4e5bb50f1..1f735325d 100644
--- a/src/hocs/with_load_more/with_load_more.jsx
+++ b/src/hocs/with_load_more/with_load_more.jsx
@@ -6,104 +6,112 @@ import './with_load_more.scss'
 
 import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch
-} from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
-const withLoadMore = ({
-  fetch, // function to fetch entries and return a promise
-  select, // function to select data from store
-  unmounted, // function called at "destroyed" lifecycle
-  childPropName = 'entries', // name of the prop to be passed into the wrapped component
-  additionalPropNames = [] // additional prop name list of the wrapper component
-}) => (WrappedComponent) => {
-  const originalProps = Object.keys(getComponentProps(WrappedComponent))
-  const props = originalProps.filter(v => v !== childPropName).concat(additionalPropNames)
+const withLoadMore =
+  ({
+    fetch, // function to fetch entries and return a promise
+    select, // function to select data from store
+    unmounted, // function called at "destroyed" lifecycle
+    childPropName = 'entries', // name of the prop to be passed into the wrapped component
+    additionalPropNames = [], // additional prop name list of the wrapper component
+  }) =>
+  (WrappedComponent) => {
+    const originalProps = Object.keys(getComponentProps(WrappedComponent))
+    const props = originalProps
+      .filter((v) => v !== childPropName)
+      .concat(additionalPropNames)
 
-  return {
-    props,
-    data () {
-      return {
-        loading: false,
-        bottomedOut: false,
-        error: false,
-        entries: []
-      }
-    },
-    created () {
-      window.addEventListener('scroll', this.scrollLoad)
-      if (this.entries.length === 0) {
-        this.fetchEntries()
-      }
-    },
-    unmounted () {
-      window.removeEventListener('scroll', this.scrollLoad)
-      unmounted && unmounted(this.$props, this.$store)
-    },
-    methods: {
-      // Entries is not a computed because computed can't track the dynamic
-      // selector for changes and won't trigger after fetch.
-      updateEntries () {
-        this.entries = select(this.$props, this.$store) || []
-      },
-      fetchEntries () {
-        if (!this.loading) {
-          this.loading = true
-          this.error = false
-          fetch(this.$props, this.$store)
-            .then((newEntries) => {
-              this.loading = false
-              this.bottomedOut = isEmpty(newEntries)
-            })
-            .catch(() => {
-              this.loading = false
-              this.error = true
-            })
-            .finally(() => {
-              this.updateEntries()
-            })
+    return {
+      props,
+      data() {
+        return {
+          loading: false,
+          bottomedOut: false,
+          error: false,
+          entries: [],
         }
       },
-      scrollLoad (e) {
-        const bodyBRect = document.body.getBoundingClientRect()
-        const height = Math.max(bodyBRect.height, -(bodyBRect.y))
-        if (this.loading === false &&
-          this.bottomedOut === false &&
-          this.$el.offsetHeight > 0 &&
-          (window.innerHeight + window.pageYOffset) >= (height - 750)
-        ) {
+      created() {
+        window.addEventListener('scroll', this.scrollLoad)
+        if (this.entries.length === 0) {
           this.fetchEntries()
         }
-      }
-    },
-    render () {
-      const props = {
-        ...this.$props,
-        [childPropName]: this.entries
-      }
-      const children = this.$slots
-      return (
-        <div class="with-load-more">
-          <WrappedComponent {...props}>
-            {children}
-          </WrappedComponent>
-          <div class="with-load-more-footer">
-            {this.error &&
-              <button onClick={this.fetchEntries} class="button-unstyled -link -fullwidth alert error">
-                {this.$t('general.generic_error')}
-              </button>
-            }
-            {!this.error && this.loading && <FAIcon spin icon="circle-notch"/>}
-            {!this.error && !this.loading && !this.bottomedOut && <a onClick={this.fetchEntries} role="button" tabindex="0">{this.$t('general.more')}</a>}
+      },
+      unmounted() {
+        window.removeEventListener('scroll', this.scrollLoad)
+        unmounted && unmounted(this.$props, this.$store)
+      },
+      methods: {
+        // Entries is not a computed because computed can't track the dynamic
+        // selector for changes and won't trigger after fetch.
+        updateEntries() {
+          this.entries = select(this.$props, this.$store) || []
+        },
+        fetchEntries() {
+          if (!this.loading) {
+            this.loading = true
+            this.error = false
+            fetch(this.$props, this.$store)
+              .then((newEntries) => {
+                this.loading = false
+                this.bottomedOut = isEmpty(newEntries)
+              })
+              .catch(() => {
+                this.loading = false
+                this.error = true
+              })
+              .finally(() => {
+                this.updateEntries()
+              })
+          }
+        },
+        scrollLoad(e) {
+          const bodyBRect = document.body.getBoundingClientRect()
+          const height = Math.max(bodyBRect.height, -bodyBRect.y)
+          if (
+            this.loading === false &&
+            this.bottomedOut === false &&
+            this.$el.offsetHeight > 0 &&
+            window.innerHeight + window.pageYOffset >= height - 750
+          ) {
+            this.fetchEntries()
+          }
+        },
+      },
+      render() {
+        const props = {
+          ...this.$props,
+          [childPropName]: this.entries,
+        }
+        const children = this.$slots
+        return (
+          <div class="with-load-more">
+            <WrappedComponent {...props}>{children}</WrappedComponent>
+            <div class="with-load-more-footer">
+              {this.error && (
+                <button
+                  onClick={this.fetchEntries}
+                  class="button-unstyled -link -fullwidth alert error"
+                >
+                  {this.$t('general.generic_error')}
+                </button>
+              )}
+              {!this.error && this.loading && (
+                <FAIcon spin icon="circle-notch" />
+              )}
+              {!this.error && !this.loading && !this.bottomedOut && (
+                <a onClick={this.fetchEntries} role="button" tabindex="0">
+                  {this.$t('general.more')}
+                </a>
+              )}
+            </div>
           </div>
-        </div>
-      )
+        )
+      },
     }
   }
-}
 
 export default withLoadMore
diff --git a/src/hocs/with_subscription/with_subscription.jsx b/src/hocs/with_subscription/with_subscription.jsx
index d3f5506aa..2dc29fd84 100644
--- a/src/hocs/with_subscription/with_subscription.jsx
+++ b/src/hocs/with_subscription/with_subscription.jsx
@@ -6,86 +6,87 @@ import './with_subscription.scss'
 
 import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCircleNotch
-} from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
-const withSubscription = ({
-  fetch, // function to fetch entries and return a promise
-  select, // function to select data from store
-  childPropName = 'content', // name of the prop to be passed into the wrapped component
-  additionalPropNames = [] // additional prop name list of the wrapper component
-}) => (WrappedComponent) => {
-  const originalProps = Object.keys(getComponentProps(WrappedComponent))
-  const props = originalProps.filter(v => v !== childPropName).concat(additionalPropNames)
+const withSubscription =
+  ({
+    fetch, // function to fetch entries and return a promise
+    select, // function to select data from store
+    childPropName = 'content', // name of the prop to be passed into the wrapped component
+    additionalPropNames = [], // additional prop name list of the wrapper component
+  }) =>
+  (WrappedComponent) => {
+    const originalProps = Object.keys(getComponentProps(WrappedComponent))
+    const props = originalProps
+      .filter((v) => v !== childPropName)
+      .concat(additionalPropNames)
 
-  return {
-    props: [
-      ...props,
-      'refresh' // boolean saying to force-fetch data whenever created
-    ],
-    data () {
-      return {
-        loading: false,
-        error: false
-      }
-    },
-    computed: {
-      fetchedData () {
-        return select(this.$props, this.$store)
-      }
-    },
-    created () {
-      if (this.refresh || isEmpty(this.fetchedData)) {
-        this.fetchData()
-      }
-    },
-    methods: {
-      fetchData () {
-        if (!this.loading) {
-          this.loading = true
-          this.error = false
-          fetch(this.$props, this.$store)
-            .then(() => {
-              this.loading = false
-            })
-            .catch(() => {
-              this.error = true
-              this.loading = false
-            })
+    return {
+      props: [
+        ...props,
+        'refresh', // boolean saying to force-fetch data whenever created
+      ],
+      data() {
+        return {
+          loading: false,
+          error: false,
         }
-      }
-    },
-    render () {
-      if (!this.error && !this.loading) {
-        const props = {
-          ...this.$props,
-          [childPropName]: this.fetchedData
+      },
+      computed: {
+        fetchedData() {
+          return select(this.$props, this.$store)
+        },
+      },
+      created() {
+        if (this.refresh || isEmpty(this.fetchedData)) {
+          this.fetchData()
         }
-        const children = this.$slots
-        return (
-          <div class="with-subscription">
-            <WrappedComponent {...props}>
-              {children}
-            </WrappedComponent>
-          </div>
-        )
-      } else {
-        return (
-          <div class="with-subscription-loading">
-            {this.error
-              ? <a onClick={this.fetchData} class="alert error">{this.$t('general.generic_error')}</a>
-              : <FAIcon spin icon="circle-notch"/>
-            }
-          </div>
-        )
-      }
+      },
+      methods: {
+        fetchData() {
+          if (!this.loading) {
+            this.loading = true
+            this.error = false
+            fetch(this.$props, this.$store)
+              .then(() => {
+                this.loading = false
+              })
+              .catch(() => {
+                this.error = true
+                this.loading = false
+              })
+          }
+        },
+      },
+      render() {
+        if (!this.error && !this.loading) {
+          const props = {
+            ...this.$props,
+            [childPropName]: this.fetchedData,
+          }
+          const children = this.$slots
+          return (
+            <div class="with-subscription">
+              <WrappedComponent {...props}>{children}</WrappedComponent>
+            </div>
+          )
+        } else {
+          return (
+            <div class="with-subscription-loading">
+              {this.error ? (
+                <a onClick={this.fetchData} class="alert error">
+                  {this.$t('general.generic_error')}
+                </a>
+              ) : (
+                <FAIcon spin icon="circle-notch" />
+              )}
+            </div>
+          )
+        }
+      },
     }
   }
-}
 
 export default withSubscription
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 05a2d5ae5..3b098ddab 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -946,7 +946,7 @@
         },
         "font": {
           "group-builtin": "Browser default fonts",
-          "builtin" : {
+          "builtin": {
             "serif": "Serif",
             "sans-serif": "Sans-serif",
             "monospace": "Monospace",
diff --git a/src/i18n/languages.js b/src/i18n/languages.js
index fbb4c8138..1b7c0699e 100644
--- a/src/i18n/languages.js
+++ b/src/i18n/languages.js
@@ -30,18 +30,18 @@ const languages = [
   'te',
   'uk',
   'zh',
-  'zh_Hant'
+  'zh_Hant',
 ]
 
 const specialJsonName = {
-  ja: 'ja_pedantic'
+  ja: 'ja_pedantic',
 }
 
 const langCodeToJsonName = (code) => specialJsonName[code] || code
 
 const langCodeToCldrName = (code) => code
 
-const ensureFinalFallback = codes => {
+const ensureFinalFallback = (codes) => {
   const codeList = Array.isArray(codes) ? codes : [codes]
   return codeList.includes('en') ? codeList : codeList.concat(['en'])
 }
@@ -50,5 +50,5 @@ export {
   languages,
   langCodeToJsonName,
   langCodeToCldrName,
-  ensureFinalFallback
+  ensureFinalFallback,
 }
diff --git a/src/i18n/messages.js b/src/i18n/messages.js
index 4501b331f..e14ea44c5 100644
--- a/src/i18n/messages.js
+++ b/src/i18n/messages.js
@@ -25,10 +25,12 @@ const loadLanguageFile = (code) => {
 const messages = {
   languages,
   default: {
-    en: enMessages
+    en: enMessages,
   },
   setLanguage: async (i18n, language) => {
-    const languages = (Array.isArray(language) ? language : [language]).filter(k => k)
+    const languages = (Array.isArray(language) ? language : [language]).filter(
+      (k) => k,
+    )
 
     if (!languages.includes(ULTIMATE_FALLBACK_LOCALE)) {
       languages.push(ULTIMATE_FALLBACK_LOCALE)
@@ -48,7 +50,7 @@ const messages = {
 
     i18n.fallbackLocale = rest
     i18n.locale = first
-  }
+  },
 }
 
 export default messages
diff --git a/src/i18n/oc.json b/src/i18n/oc.json
index 556b3d0b8..792a894a5 100644
--- a/src/i18n/oc.json
+++ b/src/i18n/oc.json
@@ -3,17 +3,17 @@
     "title": "Messatjariá"
   },
   "exporter": {
-     "export": "Exportar",
-     "processing": "Tractament, vos demandarem lèu de telecargar lo fichièr"
+    "export": "Exportar",
+    "processing": "Tractament, vos demandarem lèu de telecargar lo fichièr"
   },
-    "features_panel": {
-      "chat": "Chat",
-      "gopher": "Gopher",
-      "media_proxy": "Servidor mandatari mèdia",
-      "scope_options": "Nivèls de confidencialitat",
-      "text_limit": "Limita de tèxte",
-      "title": "Foncionalitats",
-      "who_to_follow": "Qual seguir"
+  "features_panel": {
+    "chat": "Chat",
+    "gopher": "Gopher",
+    "media_proxy": "Servidor mandatari mèdia",
+    "scope_options": "Nivèls de confidencialitat",
+    "text_limit": "Limita de tèxte",
+    "title": "Foncionalitats",
+    "who_to_follow": "Qual seguir"
   },
   "finder": {
     "error_fetching_user": "Error pendent la cèrca d’un utilizaire",
@@ -520,7 +520,7 @@
     "favorite": "aimar",
     "user_settings": "Paramètres utilizaire"
   },
-  "upload":{
+  "upload": {
     "error": {
       "base": "Mandadís fracassat.",
       "file_too_big": "Fichièr tròp grand [{filesize}{filesizeunit} / {allowedsize}{allowedsizeunit}]",
diff --git a/src/i18n/service_worker_messages.js b/src/i18n/service_worker_messages.js
index 0c62453c7..478e8054e 100644
--- a/src/i18n/service_worker_messages.js
+++ b/src/i18n/service_worker_messages.js
@@ -30,7 +30,7 @@ const messages = {
   sk: require('../lib/notification-i18n-loader.js!./sk.json'),
   te: require('../lib/notification-i18n-loader.js!./te.json'),
   zh: require('../lib/notification-i18n-loader.js!./zh.json'),
-  en: require('../lib/notification-i18n-loader.js!./en.json')
+  en: require('../lib/notification-i18n-loader.js!./en.json'),
 }
 
 export default messages
diff --git a/src/lib/notification-i18n-loader.js b/src/lib/notification-i18n-loader.js
index d7a4430dc..e80f43436 100644
--- a/src/lib/notification-i18n-loader.js
+++ b/src/lib/notification-i18n-loader.js
@@ -5,7 +5,7 @@
 module.exports = function (source) {
   const object = JSON.parse(source)
   const smol = {
-    notifications: object.notifications || {}
+    notifications: object.notifications || {},
   }
 
   return JSON.stringify(smol)
diff --git a/src/lib/persisted_state.js b/src/lib/persisted_state.js
index 878d95aa8..854b78027 100644
--- a/src/lib/persisted_state.js
+++ b/src/lib/persisted_state.js
@@ -5,14 +5,13 @@ import { storage } from './storage.js'
 
 let loaded = false
 
-const defaultReducer = (state, paths) => (
+const defaultReducer = (state, paths) =>
   paths.length === 0
     ? state
     : paths.reduce((substate, path) => {
-      set(substate, path, get(state, path))
-      return substate
-    }, {})
-)
+        set(substate, path, get(state, path))
+        return substate
+      }, {})
 
 const saveImmedeatelyActions = [
   'markNotificationsAsSeen',
@@ -22,14 +21,14 @@ const saveImmedeatelyActions = [
   'setOption',
   'setClientData',
   'setToken',
-  'clearToken'
+  'clearToken',
 ]
 
 const defaultStorage = (() => {
   return storage
 })()
 
-export default function createPersistedState ({
+export default function createPersistedState({
   key = 'vuex-lz',
   paths = [],
   getState = (key, storage) => {
@@ -46,22 +45,22 @@ export default function createPersistedState ({
   },
   reducer = defaultReducer,
   storage = defaultStorage,
-  subscriber = store => handler => store.subscribe(handler)
+  subscriber = (store) => (handler) => store.subscribe(handler),
 } = {}) {
   return getState(key, storage).then((savedState) => {
-    return store => {
+    return (store) => {
       try {
         if (savedState !== null && typeof savedState === 'object') {
           // build user cache
           const usersState = savedState.users || {}
           usersState.usersObject = {}
           const users = usersState.users || []
-          each(users, (user) => { usersState.usersObject[user.id] = user })
+          each(users, (user) => {
+            usersState.usersObject[user.id] = user
+          })
           savedState.users = usersState
 
-          store.replaceState(
-            merge({}, store.state, savedState)
-          )
+          store.replaceState(merge({}, store.state, savedState))
         }
         loaded = true
       } catch (e) {
@@ -72,18 +71,26 @@ export default function createPersistedState ({
       subscriber(store)((mutation, state) => {
         try {
           if (saveImmedeatelyActions.includes(mutation.type)) {
-            setState(key, reducer(cloneDeep(state), paths), storage)
-              .then(success => {
+            setState(key, reducer(cloneDeep(state), paths), storage).then(
+              (success) => {
                 if (typeof success !== 'undefined') {
-                  if (mutation.type === 'setOption' || mutation.type === 'setCurrentUser') {
+                  if (
+                    mutation.type === 'setOption' ||
+                    mutation.type === 'setCurrentUser'
+                  ) {
                     useInterfaceStore().settingsSaved({ success })
                   }
                 }
-              }, error => {
-                if (mutation.type === 'setOption' || mutation.type === 'setCurrentUser') {
+              },
+              (error) => {
+                if (
+                  mutation.type === 'setOption' ||
+                  mutation.type === 'setCurrentUser'
+                ) {
                   useInterfaceStore().settingsSaved({ error })
                 }
-              })
+              },
+            )
           }
         } catch (e) {
           console.error("Couldn't persist state:")
@@ -134,119 +141,119 @@ export default function createPersistedState ({
  * })
  *
  */
-export const piniaPersistPlugin = ({
-  vuexKey = 'vuex-lz',
-  keyFunction = (id) => `pinia-local-${id}`,
-  storage = defaultStorage,
-  reducer = defaultReducer
-} = {}) => ({ store, options }) => {
-  if (!options.persist) {
-    return {
-      $persistLoaded: Promise.resolve()
-    }
-  }
-
-  let resolveLoaded
-  let rejectLoaded
-  const loadedPromise = new Promise((resolve, reject) => {
-    resolveLoaded = resolve
-    rejectLoaded = reject
-  })
-
-  const {
-    afterLoad,
-    paths = [],
-    saveImmediatelyActions,
-    onSaveSuccess = () => {},
-    onSaveError = () => {}
-  } = options.persist || {}
-
-  const loadedGuard = { loaded: false }
-  const key = keyFunction(store.$id)
-  const getState = async () => {
-    const id = store.$id
-    const value = await storage.getItem(key)
-    if (value) {
-      return value
-    }
-
-    const fallbackValue = await storage.getItem(vuexKey)
-    if (fallbackValue && fallbackValue[id]) {
-      console.info(`Migrating ${id} store data from vuex to pinia`)
-      const res = fallbackValue[id]
-      await storage.setItem(key, res)
-      return res
-    }
-
-    return {}
-  }
-
-  const setState = (state) => {
-    if (!loadedGuard.loaded) {
-      console.info('waiting for old state to be loaded...')
-      return Promise.reject()
-    } else {
-      return storage.setItem(key, state)
-    }
-  }
-
-  const getMaybeAugmentedState = async () => {
-    const savedRawState = await getState()
-    if (typeof afterLoad === 'function') {
-      try {
-        return await afterLoad(savedRawState)
-      } catch (e) {
-        console.error('Error running afterLoad:', e)
-        return savedRawState
+export const piniaPersistPlugin =
+  ({
+    vuexKey = 'vuex-lz',
+    keyFunction = (id) => `pinia-local-${id}`,
+    storage = defaultStorage,
+    reducer = defaultReducer,
+  } = {}) =>
+  ({ store, options }) => {
+    if (!options.persist) {
+      return {
+        $persistLoaded: Promise.resolve(),
       }
-    } else {
-      return savedRawState
     }
-  }
 
-  const persistCurrentState = async (state) => {
-    const stateClone = cloneDeep(state)
-    const stateToPersist = reducer(stateClone, paths)
-    try {
-      const res = await setState(stateToPersist)
-      onSaveSuccess(res)
-    } catch (e) {
-      console.error('Cannot persist state:', e)
-      onSaveError(e)
-    }
-  }
-
-  getMaybeAugmentedState()
-    .then(savedState => {
-      if (savedState) {
-        store.$patch(savedState)
-      }
-
-      loadedGuard.loaded = true
-      resolveLoaded()
-
-      // only subscribe after we have done setting the initial state
-      if (!saveImmediatelyActions) {
-        store.$subscribe(async (_mutation, state) => {
-          await persistCurrentState(state)
-        })
-      } else {
-        store.$onAction(({
-          name,
-          store,
-          after,
-        }) => {
-          if (saveImmediatelyActions.includes(name)) {
-            after(() => persistCurrentState(store.$state))
-          }
-        })
-      }
-    }, error => {
-      console.error('Cannot load storage:', error)
-      rejectLoaded(error)
+    let resolveLoaded
+    let rejectLoaded
+    const loadedPromise = new Promise((resolve, reject) => {
+      resolveLoaded = resolve
+      rejectLoaded = reject
     })
 
-  return {
-    $persistLoaded: loadedPromise
+    const {
+      afterLoad,
+      paths = [],
+      saveImmediatelyActions,
+      onSaveSuccess = () => {},
+      onSaveError = () => {},
+    } = options.persist || {}
+
+    const loadedGuard = { loaded: false }
+    const key = keyFunction(store.$id)
+    const getState = async () => {
+      const id = store.$id
+      const value = await storage.getItem(key)
+      if (value) {
+        return value
+      }
+
+      const fallbackValue = await storage.getItem(vuexKey)
+      if (fallbackValue && fallbackValue[id]) {
+        console.info(`Migrating ${id} store data from vuex to pinia`)
+        const res = fallbackValue[id]
+        await storage.setItem(key, res)
+        return res
+      }
+
+      return {}
+    }
+
+    const setState = (state) => {
+      if (!loadedGuard.loaded) {
+        console.info('waiting for old state to be loaded...')
+        return Promise.reject()
+      } else {
+        return storage.setItem(key, state)
+      }
+    }
+
+    const getMaybeAugmentedState = async () => {
+      const savedRawState = await getState()
+      if (typeof afterLoad === 'function') {
+        try {
+          return await afterLoad(savedRawState)
+        } catch (e) {
+          console.error('Error running afterLoad:', e)
+          return savedRawState
+        }
+      } else {
+        return savedRawState
+      }
+    }
+
+    const persistCurrentState = async (state) => {
+      const stateClone = cloneDeep(state)
+      const stateToPersist = reducer(stateClone, paths)
+      try {
+        const res = await setState(stateToPersist)
+        onSaveSuccess(res)
+      } catch (e) {
+        console.error('Cannot persist state:', e)
+        onSaveError(e)
+      }
+    }
+
+    getMaybeAugmentedState().then(
+      (savedState) => {
+        if (savedState) {
+          store.$patch(savedState)
+        }
+
+        loadedGuard.loaded = true
+        resolveLoaded()
+
+        // only subscribe after we have done setting the initial state
+        if (!saveImmediatelyActions) {
+          store.$subscribe(async (_mutation, state) => {
+            await persistCurrentState(state)
+          })
+        } else {
+          store.$onAction(({ name, store, after }) => {
+            if (saveImmediatelyActions.includes(name)) {
+              after(() => persistCurrentState(store.$state))
+            }
+          })
+        }
+      },
+      (error) => {
+        console.error('Cannot load storage:', error)
+        rejectLoaded(error)
+      },
+    )
+
+    return {
+      $persistLoaded: loadedPromise,
+    }
   }
-}
diff --git a/src/lib/push_notifications_plugin.js b/src/lib/push_notifications_plugin.js
index 85f9e794f..2cc55c3bb 100644
--- a/src/lib/push_notifications_plugin.js
+++ b/src/lib/push_notifications_plugin.js
@@ -8,12 +8,26 @@ export default (store) => {
     const user = state.users.currentUser
 
     const isUserMutation = mutation.type === 'setCurrentUser'
-    const isVapidMutation = mutation.type === 'setInstanceOption' && mutation.payload.name === 'vapidPublicKey'
-    const isPermMutation = mutation.type === 'setNotificationPermission' && mutation.payload === 'granted'
-    const isUserConfigMutation = mutation.type === 'setOption' && mutation.payload.name === 'webPushNotifications'
-    const isVisibilityMutation = mutation.type === 'setOption' && mutation.payload.name === 'notificationVisibility'
+    const isVapidMutation =
+      mutation.type === 'setInstanceOption' &&
+      mutation.payload.name === 'vapidPublicKey'
+    const isPermMutation =
+      mutation.type === 'setNotificationPermission' &&
+      mutation.payload === 'granted'
+    const isUserConfigMutation =
+      mutation.type === 'setOption' &&
+      mutation.payload.name === 'webPushNotifications'
+    const isVisibilityMutation =
+      mutation.type === 'setOption' &&
+      mutation.payload.name === 'notificationVisibility'
 
-    if (isUserMutation || isVapidMutation || isPermMutation || isUserConfigMutation || isVisibilityMutation) {
+    if (
+      isUserMutation ||
+      isVapidMutation ||
+      isPermMutation ||
+      isUserConfigMutation ||
+      isVisibilityMutation
+    ) {
       if (user && vapidPublicKey && permission && webPushNotification) {
         return store.dispatch('registerPushNotifications')
       } else if (isUserConfigMutation && !webPushNotification) {
diff --git a/src/main.js b/src/main.js
index 1cd1afe6c..14f4ecccc 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,7 +7,7 @@ import './lib/event_target_polyfill.js'
 
 // Polyfill for Array.prototype.toSorted (ES2023)
 if (!Array.prototype.toSorted) {
-  Array.prototype.toSorted = function(compareFn) {
+  Array.prototype.toSorted = function (compareFn) {
     return [...this].sort(compareFn)
   }
 }
@@ -16,7 +16,9 @@ import vuexModules from './modules/index.js'
 
 import { createI18n } from 'vue-i18n'
 
-import createPersistedState, { piniaPersistPlugin } from './lib/persisted_state.js'
+import createPersistedState, {
+  piniaPersistPlugin,
+} from './lib/persisted_state.js'
 import pushNotifications from './lib/push_notifications_plugin.js'
 
 import messages from './i18n/messages.js'
@@ -29,30 +31,27 @@ const i18n = createI18n({
   // By default, use the browser locale, we will update it if neccessary
   locale: 'en',
   fallbackLocale: 'en',
-  messages: messages.default
+  messages: messages.default,
 })
 
 messages.setLanguage(i18n.global, currentLocale)
 
 const persistedStateOptions = {
-  paths: [
-    'serverSideStorage.cache',
-    'config',
-    'users.lastLoginName',
-    'oauth'
-  ]
-};
+  paths: ['serverSideStorage.cache', 'config', 'users.lastLoginName', 'oauth'],
+}
 
-(async () => {
+;(async () => {
   const isFox = Math.floor(Math.random() * 2) > 0 ? '_fox' : ''
 
   const splashError = (i18n, e) => {
     const throbber = document.querySelector('#throbber')
     throbber.addEventListener('animationend', () => {
-      document.querySelector('#mascot').src = `/static/pleromatan_orz${isFox}.png`
+      document.querySelector('#mascot').src =
+        `/static/pleromatan_orz${isFox}.png`
     })
     throbber.classList.add('dead')
-    document.querySelector('#status').textContent = i18n.global.t('splash.error')
+    document.querySelector('#status').textContent =
+      i18n.global.t('splash.error')
     console.error('PleromaFE failed to initialize: ', e)
     document.querySelector('#statusError').textContent = e
     document.querySelector('#statusStack').textContent = e.stack
@@ -60,8 +59,8 @@ const persistedStateOptions = {
     document.querySelector('#statusStack').style = 'display: block'
   }
 
-  window.splashError = e => splashError(i18n, e)
-  window.splashUpdate = key => {
+  window.splashError = (e) => splashError(i18n, e)
+  window.splashUpdate = (key) => {
     if (document.querySelector('#status')) {
       document.querySelector('#status').textContent = i18n.global.t(key)
     }
@@ -81,17 +80,22 @@ const persistedStateOptions = {
       storageError = e
     }
     document.querySelector('#splash').classList.remove('initial-hidden')
-    document.querySelector('#mascot').src = `/static/pleromatan_apology${isFox}_small.webp`
+    document.querySelector('#mascot').src =
+      `/static/pleromatan_apology${isFox}_small.webp`
     document.querySelector('#status').removeAttribute('class')
-    document.querySelector('#status').textContent = i18n.global.t('splash.loading')
-    document.querySelector('#splash-credit').textContent = i18n.global.t('update.art_by', { linkToArtist: 'pipivovott' })
+    document.querySelector('#status').textContent =
+      i18n.global.t('splash.loading')
+    document.querySelector('#splash-credit').textContent = i18n.global.t(
+      'update.art_by',
+      { linkToArtist: 'pipivovott' },
+    )
     const store = createStore({
       modules: vuexModules,
       plugins,
       options: {
-        devtools: process.env.NODE_ENV !== 'production'
+        devtools: process.env.NODE_ENV !== 'production',
       },
-      strict: false // Socket modifies itself, let's ignore this for now.
+      strict: false, // Socket modifies itself, let's ignore this for now.
       // strict: process.env.NODE_ENV !== 'production'
     })
     window.vuex = store
diff --git a/src/modules/adminSettings.js b/src/modules/adminSettings.js
index b4ce6a60a..5fc48d4b3 100644
--- a/src/modules/adminSettings.js
+++ b/src/modules/adminSettings.js
@@ -8,24 +8,24 @@ export const defaultState = {
   modifiedPaths: null,
   descriptions: null,
   draft: null,
-  dbConfigEnabled: null
+  dbConfigEnabled: null,
 }
 
 export const newUserFlags = {
-  ...defaultState.flagStorage
+  ...defaultState.flagStorage,
 }
 
 const adminSettingsStorage = {
   state: {
-    ...cloneDeep(defaultState)
+    ...cloneDeep(defaultState),
   },
   mutations: {
-    setInstanceAdminNoDbConfig (state) {
+    setInstanceAdminNoDbConfig(state) {
       state.loaded = false
       state.dbConfigEnabled = false
     },
-    setAvailableFrontends (state, { frontends }) {
-      state.frontends = frontends.map(f => {
+    setAvailableFrontends(state, { frontends }) {
+      state.frontends = frontends.map((f) => {
         f.installedRefs = f.installed_refs
         if (f.name === 'pleroma-fe') {
           f.refs = ['master', 'develop']
@@ -35,16 +35,16 @@ const adminSettingsStorage = {
         return f
       })
     },
-    updateAdminSettings (state, { config, modifiedPaths }) {
+    updateAdminSettings(state, { config, modifiedPaths }) {
       state.loaded = true
       state.dbConfigEnabled = true
       state.config = config
       state.modifiedPaths = modifiedPaths
     },
-    updateAdminDescriptions (state, { descriptions }) {
+    updateAdminDescriptions(state, { descriptions }) {
       state.descriptions = descriptions
     },
-    updateAdminDraft (state, { path, value }) {
+    updateAdminDraft(state, { path, value }) {
       const [group, key, subkey] = path
       const parent = [group, key, subkey]
 
@@ -55,21 +55,23 @@ const adminSettingsStorage = {
         set(state.draft, parent, cloneDeep(get(state.draft, parent)))
       }
     },
-    resetAdminDraft (state) {
+    resetAdminDraft(state) {
       state.draft = cloneDeep(state.config)
-    }
+    },
   },
   actions: {
-    loadFrontendsStuff ({ rootState, commit }) {
-      rootState.api.backendInteractor.fetchAvailableFrontends()
-        .then(frontends => commit('setAvailableFrontends', { frontends }))
+    loadFrontendsStuff({ rootState, commit }) {
+      rootState.api.backendInteractor
+        .fetchAvailableFrontends()
+        .then((frontends) => commit('setAvailableFrontends', { frontends }))
     },
-    loadAdminStuff ({ state, rootState, dispatch, commit }) {
-      rootState.api.backendInteractor.fetchInstanceDBConfig()
-        .then(backendDbConfig => {
+    loadAdminStuff({ state, rootState, dispatch, commit }) {
+      rootState.api.backendInteractor
+        .fetchInstanceDBConfig()
+        .then((backendDbConfig) => {
           if (backendDbConfig.error) {
             if (backendDbConfig.error.status === 400) {
-              backendDbConfig.error.json().then(errorJson => {
+              backendDbConfig.error.json().then((errorJson) => {
                 if (/configurable_from_database/.test(errorJson.error)) {
                   commit('setInstanceAdminNoDbConfig')
                 }
@@ -80,20 +82,23 @@ const adminSettingsStorage = {
           }
         })
       if (state.descriptions === null) {
-        rootState.api.backendInteractor.fetchInstanceConfigDescriptions()
-          .then(backendDescriptions => dispatch('setInstanceAdminDescriptions', { backendDescriptions }))
+        rootState.api.backendInteractor
+          .fetchInstanceConfigDescriptions()
+          .then((backendDescriptions) =>
+            dispatch('setInstanceAdminDescriptions', { backendDescriptions }),
+          )
       }
     },
-    setInstanceAdminSettings ({ state, commit }, { backendDbConfig }) {
+    setInstanceAdminSettings({ state, commit }, { backendDbConfig }) {
       const config = state.config || {}
       const modifiedPaths = new Set()
 
-      backendDbConfig.configs.forEach(c => {
+      backendDbConfig.configs.forEach((c) => {
         const path = [c.group, c.key]
         if (c.db) {
           // Path elements can contain dot, therefore we use ' -> ' as a separator instead
           // Using strings for modified paths for easier searching
-          c.db.forEach(x => modifiedPaths.add([...path, x].join(' -> ')))
+          c.db.forEach((x) => modifiedPaths.add([...path, x].join(' -> ')))
         }
 
         // we need to preserve tuples on second level only, possibly third
@@ -102,10 +107,13 @@ const adminSettingsStorage = {
           if (Array.isArray(value) && value.length > 0 && value[0].tuple) {
             if (!preserveTuples) {
               return value.reduce((acc, c) => {
-                return { ...acc, [c.tuple[0]]: convert(c.tuple[1], preserveTuplesLv2) }
+                return {
+                  ...acc,
+                  [c.tuple[0]]: convert(c.tuple[1], preserveTuplesLv2),
+                }
               }, {})
             } else {
-              return value.map(x => x.tuple)
+              return value.map((x) => x.tuple)
             }
           } else {
             if (!preserveTuples) {
@@ -120,7 +128,7 @@ const adminSettingsStorage = {
         // so for those cases we want to preserve tuples as-is
         // right now it's made exclusively for :pleroma.:rate_limit
         // so it might not work properly elsewhere
-        const preserveTuples = path.find(x => x === ':rate_limit')
+        const preserveTuples = path.find((x) => x === ':rate_limit')
         set(config, path, convert(c.value, false, preserveTuples))
       })
       // patching http adapter config to be easier to handle
@@ -128,19 +136,23 @@ const adminSettingsStorage = {
       if (Array.isArray(adapter)) {
         config[':pleroma'][':http'][':adapter'] = {
           [':ssl_options']: {
-            [':versions']: []
-          }
+            [':versions']: [],
+          },
         }
       }
       commit('updateAdminSettings', { config, modifiedPaths })
       commit('resetAdminDraft')
     },
-    setInstanceAdminDescriptions ({ commit }, { backendDescriptions }) {
-      const convert = ({ children, description, label, key = '<ROOT>', group, suggestions }, path, acc) => {
+    setInstanceAdminDescriptions({ commit }, { backendDescriptions }) {
+      const convert = (
+        { children, description, label, key = '<ROOT>', group, suggestions },
+        path,
+        acc,
+      ) => {
         const newPath = group ? [group, key] : [key]
         const obj = { description, label, suggestions }
         if (Array.isArray(children)) {
-          children.forEach(c => {
+          children.forEach((c) => {
             convert(c, newPath, obj)
           })
         }
@@ -149,13 +161,13 @@ const adminSettingsStorage = {
 
       const descriptions = {}
 
-      backendDescriptions.forEach(d => convert(d, '', descriptions))
+      backendDescriptions.forEach((d) => convert(d, '', descriptions))
       commit('updateAdminDescriptions', { descriptions })
     },
 
     // This action takes draft state, diffs it with live config state and then pushes
     // only differences between the two. Difference detection only work up to subkey (third) level.
-    pushAdminDraft ({ rootState, state, dispatch }) {
+    pushAdminDraft({ rootState, state, dispatch }) {
       // TODO cleanup paths in modifiedPaths
       const convert = (value) => {
         if (typeof value !== 'object') {
@@ -169,13 +181,9 @@ const adminSettingsStorage = {
 
       // Getting all group-keys used in config
       const allGroupKeys = flatten(
-        Object
-          .entries(state.config)
-          .map(
-            ([group, lv1data]) => Object
-              .keys(lv1data)
-              .map((key) => ({ group, key }))
-          )
+        Object.entries(state.config).map(([group, lv1data]) =>
+          Object.keys(lv1data).map((key) => ({ group, key })),
+        ),
       )
 
       // Only using group-keys where there are changes detected
@@ -194,19 +202,30 @@ const adminSettingsStorage = {
 
         // Then those entries array we diff so only changed subkey entries remain
         // We use the diffed array to reconstruct the object and then shove it into convert()
-        return ({ group, key, value: convert(Object.fromEntries(differenceWith(eDraft, eConfig, isEqual))) })
-      })
-
-      rootState.api.backendInteractor.pushInstanceDBConfig({
-        payload: {
-          configs: changed
+        return {
+          group,
+          key,
+          value: convert(
+            Object.fromEntries(differenceWith(eDraft, eConfig, isEqual)),
+          ),
         }
       })
+
+      rootState.api.backendInteractor
+        .pushInstanceDBConfig({
+          payload: {
+            configs: changed,
+          },
+        })
         .then(() => rootState.api.backendInteractor.fetchInstanceDBConfig())
-        .then(backendDbConfig => dispatch('setInstanceAdminSettings', { backendDbConfig }))
+        .then((backendDbConfig) =>
+          dispatch('setInstanceAdminSettings', { backendDbConfig }),
+        )
     },
-    pushAdminSetting ({ rootState, dispatch }, { path, value }) {
-      const [group, key, ...rest] = Array.isArray(path) ? path : path.split(/\./g)
+    pushAdminSetting({ rootState, dispatch }, { path, value }) {
+      const [group, key, ...rest] = Array.isArray(path)
+        ? path
+        : path.split(/\./g)
       const clone = {} // not actually cloning the entire thing to avoid excessive writes
       set(clone, rest, value)
 
@@ -221,37 +240,49 @@ const adminSettingsStorage = {
         }
       }
 
-      rootState.api.backendInteractor.pushInstanceDBConfig({
-        payload: {
-          configs: [{
-            group,
-            key,
-            value: convert(clone)
-          }]
-        }
-      })
+      rootState.api.backendInteractor
+        .pushInstanceDBConfig({
+          payload: {
+            configs: [
+              {
+                group,
+                key,
+                value: convert(clone),
+              },
+            ],
+          },
+        })
         .then(() => rootState.api.backendInteractor.fetchInstanceDBConfig())
-        .then(backendDbConfig => dispatch('setInstanceAdminSettings', { backendDbConfig }))
+        .then((backendDbConfig) =>
+          dispatch('setInstanceAdminSettings', { backendDbConfig }),
+        )
     },
-    resetAdminSetting ({ rootState, state, dispatch }, { path }) {
-      const [group, key, subkey] = Array.isArray(path) ? path : path.split(/\./g)
+    resetAdminSetting({ rootState, state, dispatch }, { path }) {
+      const [group, key, subkey] = Array.isArray(path)
+        ? path
+        : path.split(/\./g)
 
       state.modifiedPaths.delete(path)
 
-      return rootState.api.backendInteractor.pushInstanceDBConfig({
-        payload: {
-          configs: [{
-            group,
-            key,
-            delete: true,
-            subkeys: [subkey]
-          }]
-        }
-      })
+      return rootState.api.backendInteractor
+        .pushInstanceDBConfig({
+          payload: {
+            configs: [
+              {
+                group,
+                key,
+                delete: true,
+                subkeys: [subkey],
+              },
+            ],
+          },
+        })
         .then(() => rootState.api.backendInteractor.fetchInstanceDBConfig())
-        .then(backendDbConfig => dispatch('setInstanceAdminSettings', { backendDbConfig }))
-    }
-  }
+        .then((backendDbConfig) =>
+          dispatch('setInstanceAdminSettings', { backendDbConfig }),
+        )
+    },
+  },
 }
 
 export default adminSettingsStorage
diff --git a/src/modules/api.js b/src/modules/api.js
index ab8d7162f..a2dee346c 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -15,40 +15,40 @@ const api = {
     socket: null,
     mastoUserSocket: null,
     mastoUserSocketStatus: null,
-    followRequests: []
+    followRequests: [],
   },
   getters: {
-    followRequestCount: state => state.followRequests.length
+    followRequestCount: (state) => state.followRequests.length,
   },
   mutations: {
-    setBackendInteractor (state, backendInteractor) {
+    setBackendInteractor(state, backendInteractor) {
       state.backendInteractor = backendInteractor
     },
-    addFetcher (state, { fetcherName, fetcher }) {
+    addFetcher(state, { fetcherName, fetcher }) {
       state.fetchers[fetcherName] = fetcher
     },
-    removeFetcher (state, { fetcherName }) {
+    removeFetcher(state, { fetcherName }) {
       state.fetchers[fetcherName].stop()
       delete state.fetchers[fetcherName]
     },
-    setWsToken (state, token) {
+    setWsToken(state, token) {
       state.wsToken = token
     },
-    setSocket (state, socket) {
+    setSocket(state, socket) {
       state.socket = socket
     },
-    setFollowRequests (state, value) {
+    setFollowRequests(state, value) {
       state.followRequests = value
     },
-    setMastoUserSocketStatus (state, value) {
+    setMastoUserSocketStatus(state, value) {
       state.mastoUserSocketStatus = value
     },
-    incrementRetryMultiplier (state) {
+    incrementRetryMultiplier(state) {
       state.retryMultiplier = Math.max(++state.retryMultiplier, 3)
     },
-    resetRetryMultiplier (state) {
+    resetRetryMultiplier(state) {
       state.retryMultiplier = 1
-    }
+    },
   },
   actions: {
     /**
@@ -56,15 +56,14 @@ const api = {
      *
      * @param {Boolean} [initial] - whether this enabling happened at boot time or not
      */
-    enableMastoSockets (store, initial) {
+    enableMastoSockets(store, initial) {
       const { state, dispatch, commit } = store
       // Do not initialize unless nonexistent or closed
       if (
         state.mastoUserSocket &&
-          ![
-            WebSocket.CLOSED,
-            WebSocket.CLOSING
-          ].includes(state.mastoUserSocket.getState())
+        ![WebSocket.CLOSED, WebSocket.CLOSING].includes(
+          state.mastoUserSocket.getState(),
+        )
       ) {
         return
       }
@@ -75,7 +74,7 @@ const api = {
       }
       return dispatch('startMastoUserSocket')
     },
-    disableMastoSockets (store) {
+    disableMastoSockets(store) {
       const { state, dispatch, commit } = store
       if (!state.mastoUserSocket) return
       commit('setMastoUserSocketStatus', WSConnectionStatus.DISABLED)
@@ -83,15 +82,20 @@ const api = {
     },
 
     // MastoAPI 'User' sockets
-    startMastoUserSocket (store) {
+    startMastoUserSocket(store) {
       return new Promise((resolve, reject) => {
         try {
           const { state, commit, dispatch, rootState } = store
           const timelineData = rootState.statuses.timelines.friends
-          state.mastoUserSocket = state.backendInteractor.startUserSocket({ store })
-          state.mastoUserSocket.addEventListener('pleroma:authenticated', () => {
-            state.mastoUserSocket.subscribe('user')
+          state.mastoUserSocket = state.backendInteractor.startUserSocket({
+            store,
           })
+          state.mastoUserSocket.addEventListener(
+            'pleroma:authenticated',
+            () => {
+              state.mastoUserSocket.subscribe('user')
+            },
+          )
           state.mastoUserSocket.addEventListener(
             'message',
             ({ detail: message }) => {
@@ -99,21 +103,22 @@ const api = {
               if (message.event === 'notification') {
                 dispatch('addNewNotifications', {
                   notifications: [message.notification],
-                  older: false
+                  older: false,
                 })
               } else if (message.event === 'update') {
                 dispatch('addNewStatuses', {
                   statuses: [message.status],
                   userId: false,
                   showImmediately: timelineData.visibleStatuses.length === 0,
-                  timeline: 'friends'
+                  timeline: 'friends',
                 })
               } else if (message.event === 'status.update') {
                 dispatch('addNewStatuses', {
                   statuses: [message.status],
                   userId: false,
-                  showImmediately: message.status.id in timelineData.visibleStatusesObject,
-                  timeline: 'friends'
+                  showImmediately:
+                    message.status.id in timelineData.visibleStatusesObject,
+                  timeline: 'friends',
                 })
               } else if (message.event === 'delete') {
                 dispatch('deleteStatusById', message.id)
@@ -125,28 +130,33 @@ const api = {
                 setTimeout(() => {
                   dispatch('addChatMessages', {
                     chatId: message.chatUpdate.id,
-                    messages: [message.chatUpdate.lastMessage]
+                    messages: [message.chatUpdate.lastMessage],
                   })
                   dispatch('updateChat', { chat: message.chatUpdate })
                   maybeShowChatNotification(store, message.chatUpdate)
                 }, 100)
               }
-            }
+            },
           )
           state.mastoUserSocket.addEventListener('open', () => {
             // Do not show notification when we just opened up the page
-            if (state.mastoUserSocketStatus !== WSConnectionStatus.STARTING_INITIAL) {
+            if (
+              state.mastoUserSocketStatus !==
+              WSConnectionStatus.STARTING_INITIAL
+            ) {
               useInterfaceStore().pushGlobalNotice({
                 level: 'success',
                 messageKey: 'timeline.socket_reconnected',
-                timeout: 5000
+                timeout: 5000,
               })
             }
             // Stop polling if we were errored or disabled
-            if (new Set([
-              WSConnectionStatus.ERROR,
-              WSConnectionStatus.DISABLED
-            ]).has(state.mastoUserSocketStatus)) {
+            if (
+              new Set([
+                WSConnectionStatus.ERROR,
+                WSConnectionStatus.DISABLED,
+              ]).has(state.mastoUserSocketStatus)
+            ) {
               dispatch('stopFetchingTimeline', { timeline: 'friends' })
               dispatch('stopFetchingNotifications')
               dispatch('stopFetchingChats')
@@ -154,48 +164,58 @@ const api = {
             commit('resetRetryMultiplier')
             commit('setMastoUserSocketStatus', WSConnectionStatus.JOINED)
           })
-          state.mastoUserSocket.addEventListener('error', ({ detail: error }) => {
-            console.error('Error in MastoAPI websocket:', error)
-            // TODO is this needed?
-            dispatch('clearOpenedChats')
-          })
-          state.mastoUserSocket.addEventListener('close', ({ detail: closeEvent }) => {
-            const ignoreCodes = new Set([
-              1000, // Normal (intended) closure
-              1001 // Going away
-            ])
-            const { code } = closeEvent
-            if (ignoreCodes.has(code)) {
-              console.debug(`Not restarting socket becasue of closure code ${code} is in ignore list`)
-              commit('setMastoUserSocketStatus', WSConnectionStatus.CLOSED)
-            } else {
-              console.warn(`MastoAPI websocket disconnected, restarting. CloseEvent code: ${code}`)
-              setTimeout(() => {
-                dispatch('startMastoUserSocket')
-              }, retryTimeout(state.retryMultiplier))
-              commit('incrementRetryMultiplier')
-              if (state.mastoUserSocketStatus !== WSConnectionStatus.ERROR) {
-                dispatch('startFetchingTimeline', { timeline: 'friends' })
-                dispatch('startFetchingNotifications')
-                dispatch('startFetchingChats')
-                useInterfaceStore().pushGlobalNotice({
-                  level: 'error',
-                  messageKey: 'timeline.socket_broke',
-                  messageArgs: [code],
-                  timeout: 5000
-                })
+          state.mastoUserSocket.addEventListener(
+            'error',
+            ({ detail: error }) => {
+              console.error('Error in MastoAPI websocket:', error)
+              // TODO is this needed?
+              dispatch('clearOpenedChats')
+            },
+          )
+          state.mastoUserSocket.addEventListener(
+            'close',
+            ({ detail: closeEvent }) => {
+              const ignoreCodes = new Set([
+                1000, // Normal (intended) closure
+                1001, // Going away
+              ])
+              const { code } = closeEvent
+              if (ignoreCodes.has(code)) {
+                console.debug(
+                  `Not restarting socket becasue of closure code ${code} is in ignore list`,
+                )
+                commit('setMastoUserSocketStatus', WSConnectionStatus.CLOSED)
+              } else {
+                console.warn(
+                  `MastoAPI websocket disconnected, restarting. CloseEvent code: ${code}`,
+                )
+                setTimeout(() => {
+                  dispatch('startMastoUserSocket')
+                }, retryTimeout(state.retryMultiplier))
+                commit('incrementRetryMultiplier')
+                if (state.mastoUserSocketStatus !== WSConnectionStatus.ERROR) {
+                  dispatch('startFetchingTimeline', { timeline: 'friends' })
+                  dispatch('startFetchingNotifications')
+                  dispatch('startFetchingChats')
+                  useInterfaceStore().pushGlobalNotice({
+                    level: 'error',
+                    messageKey: 'timeline.socket_broke',
+                    messageArgs: [code],
+                    timeout: 5000,
+                  })
+                }
+                commit('setMastoUserSocketStatus', WSConnectionStatus.ERROR)
               }
-              commit('setMastoUserSocketStatus', WSConnectionStatus.ERROR)
-            }
-            dispatch('clearOpenedChats')
-          })
+              dispatch('clearOpenedChats')
+            },
+          )
           resolve()
         } catch (e) {
           reject(e)
         }
       })
     },
-    stopMastoUserSocket ({ state, dispatch }) {
+    stopMastoUserSocket({ state, dispatch }) {
       dispatch('startFetchingTimeline', { timeline: 'friends' })
       dispatch('startFetchingNotifications')
       dispatch('startFetchingChats')
@@ -203,103 +223,127 @@ const api = {
     },
 
     // Timelines
-    startFetchingTimeline (store, {
-      timeline = 'friends',
-      tag = false,
-      userId = false,
-      listId = false,
-      statusId = false,
-      bookmarkFolderId = false
-    }) {
-      if (timeline === 'favourites' && !store.rootState.instance.pleromaPublicFavouritesAvailable) return
+    startFetchingTimeline(
+      store,
+      {
+        timeline = 'friends',
+        tag = false,
+        userId = false,
+        listId = false,
+        statusId = false,
+        bookmarkFolderId = false,
+      },
+    ) {
+      if (
+        timeline === 'favourites' &&
+        !store.rootState.instance.pleromaPublicFavouritesAvailable
+      )
+        return
       if (store.state.fetchers[timeline]) return
 
       const fetcher = store.state.backendInteractor.startFetchingTimeline({
-        timeline, store, userId, listId, statusId, bookmarkFolderId, tag
+        timeline,
+        store,
+        userId,
+        listId,
+        statusId,
+        bookmarkFolderId,
+        tag,
       })
       store.commit('addFetcher', { fetcherName: timeline, fetcher })
     },
-    stopFetchingTimeline (store, timeline) {
+    stopFetchingTimeline(store, timeline) {
       const fetcher = store.state.fetchers[timeline]
       if (!fetcher) return
       store.commit('removeFetcher', { fetcherName: timeline, fetcher })
     },
-    fetchTimeline (store, { timeline, ...rest }) {
+    fetchTimeline(store, { timeline, ...rest }) {
       store.state.backendInteractor.fetchTimeline({
         store,
         timeline,
-        ...rest
+        ...rest,
       })
     },
 
     // Notifications
-    startFetchingNotifications (store) {
+    startFetchingNotifications(store) {
       if (store.state.fetchers.notifications) return
-      const fetcher = store.state.backendInteractor.startFetchingNotifications({ store })
+      const fetcher = store.state.backendInteractor.startFetchingNotifications({
+        store,
+      })
       store.commit('addFetcher', { fetcherName: 'notifications', fetcher })
     },
-    stopFetchingNotifications (store) {
+    stopFetchingNotifications(store) {
       const fetcher = store.state.fetchers.notifications
       if (!fetcher) return
       store.commit('removeFetcher', { fetcherName: 'notifications', fetcher })
     },
-    fetchNotifications (store, { ...rest }) {
+    fetchNotifications(store, { ...rest }) {
       store.state.backendInteractor.fetchNotifications({
         store,
-        ...rest
+        ...rest,
       })
     },
 
     // Follow requests
-    startFetchingFollowRequests (store) {
+    startFetchingFollowRequests(store) {
       if (store.state.fetchers.followRequests) return
-      const fetcher = store.state.backendInteractor.startFetchingFollowRequests({ store })
+      const fetcher = store.state.backendInteractor.startFetchingFollowRequests(
+        { store },
+      )
 
       store.commit('addFetcher', { fetcherName: 'followRequests', fetcher })
     },
-    stopFetchingFollowRequests (store) {
+    stopFetchingFollowRequests(store) {
       const fetcher = store.state.fetchers.followRequests
       if (!fetcher) return
       store.commit('removeFetcher', { fetcherName: 'followRequests', fetcher })
     },
-    removeFollowRequest (store, request) {
+    removeFollowRequest(store, request) {
       const requests = store.state.followRequests.filter((it) => it !== request)
       store.commit('setFollowRequests', requests)
     },
 
     // Lists
-    startFetchingLists (store) {
+    startFetchingLists(store) {
       if (store.state.fetchers.lists) return
-      const fetcher = store.state.backendInteractor.startFetchingLists({ store })
+      const fetcher = store.state.backendInteractor.startFetchingLists({
+        store,
+      })
       store.commit('addFetcher', { fetcherName: 'lists', fetcher })
     },
-    stopFetchingLists (store) {
+    stopFetchingLists(store) {
       const fetcher = store.state.fetchers.lists
       if (!fetcher) return
       store.commit('removeFetcher', { fetcherName: 'lists', fetcher })
     },
 
     // Bookmark folders
-    startFetchingBookmarkFolders (store) {
+    startFetchingBookmarkFolders(store) {
       if (store.state.fetchers.bookmarkFolders) return
       if (!store.rootState.instance.pleromaBookmarkFoldersAvailable) return
-      const fetcher = store.state.backendInteractor.startFetchingBookmarkFolders({ store })
+      const fetcher =
+        store.state.backendInteractor.startFetchingBookmarkFolders({ store })
       store.commit('addFetcher', { fetcherName: 'bookmarkFolders', fetcher })
     },
-    stopFetchingBookmarkFolders (store) {
+    stopFetchingBookmarkFolders(store) {
       const fetcher = store.state.fetchers.bookmarkFolders
       if (!fetcher) return
       store.commit('removeFetcher', { fetcherName: 'bookmarkFolders', fetcher })
     },
 
     // Pleroma websocket
-    setWsToken (store, token) {
+    setWsToken(store, token) {
       store.commit('setWsToken', token)
     },
-    initializeSocket ({ commit, state, rootState }) {
+    initializeSocket({ commit, state, rootState }) {
       // Set up websocket connection
       const token = state.wsToken
-      if (rootState.instance.shoutAvailable && typeof token !== 'undefined' && state.socket === null) {
+      if (
+        rootState.instance.shoutAvailable &&
+        typeof token !== 'undefined' &&
+        state.socket === null
+      ) {
         const socket = new Socket('/socket', { params: { token } })
         socket.connect()
 
@@ -307,11 +351,11 @@ const api = {
         useShoutStore().initializeShout(socket)
       }
     },
-    disconnectFromSocket ({ commit, state }) {
+    disconnectFromSocket({ commit, state }) {
       state.socket && state.socket.disconnect()
       commit('setSocket', null)
-    }
-  }
+    },
+  },
 }
 
 export default api
diff --git a/src/modules/chats.js b/src/modules/chats.js
index b7a1a5c23..fa350f91c 100644
--- a/src/modules/chats.js
+++ b/src/modules/chats.js
@@ -1,13 +1,16 @@
 import { reactive } from 'vue'
 import { find, omitBy, orderBy, sumBy } from 'lodash'
 import chatService from '../services/chat_service/chat_service.js'
-import { parseChat, parseChatMessage } from '../services/entity_normalizer/entity_normalizer.service.js'
+import {
+  parseChat,
+  parseChatMessage,
+} from '../services/entity_normalizer/entity_normalizer.service.js'
 import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import { promiseInterval } from '../services/promise_interval/promise_interval.js'
 
 const emptyChatList = () => ({
   data: [],
-  idStore: {}
+  idStore: {},
 })
 
 const defaultState = {
@@ -17,7 +20,7 @@ const defaultState = {
   openedChatMessageServices: reactive({}),
   fetcher: undefined,
   currentChatId: null,
-  lastReadMessageId: null
+  lastReadMessageId: null,
 }
 
 const getChatById = (state, id) => {
@@ -35,65 +38,74 @@ const unreadChatCount = (state) => {
 const chats = {
   state: { ...defaultState },
   getters: {
-    currentChat: state => state.openedChats[state.currentChatId],
-    currentChatMessageService: state => state.openedChatMessageServices[state.currentChatId],
-    findOpenedChatByRecipientId: state => recipientId => find(state.openedChats, c => c.account.id === recipientId),
+    currentChat: (state) => state.openedChats[state.currentChatId],
+    currentChatMessageService: (state) =>
+      state.openedChatMessageServices[state.currentChatId],
+    findOpenedChatByRecipientId: (state) => (recipientId) =>
+      find(state.openedChats, (c) => c.account.id === recipientId),
     sortedChatList,
-    unreadChatCount
+    unreadChatCount,
   },
   actions: {
     // Chat list
-    startFetchingChats ({ dispatch, commit }) {
+    startFetchingChats({ dispatch, commit }) {
       const fetcher = () => dispatch('fetchChats', { latest: true })
       fetcher()
       commit('setChatListFetcher', {
-        fetcher: () => promiseInterval(fetcher, 5000)
+        fetcher: () => promiseInterval(fetcher, 5000),
       })
     },
-    stopFetchingChats ({ commit }) {
+    stopFetchingChats({ commit }) {
       commit('setChatListFetcher', { fetcher: undefined })
     },
-    fetchChats ({ dispatch, rootState }) {
-      return rootState.api.backendInteractor.chats()
-        .then(({ chats }) => {
-          dispatch('addNewChats', { chats })
-          return chats
-        })
+    fetchChats({ dispatch, rootState }) {
+      return rootState.api.backendInteractor.chats().then(({ chats }) => {
+        dispatch('addNewChats', { chats })
+        return chats
+      })
     },
-    addNewChats (store, { chats }) {
+    addNewChats(store, { chats }) {
       const { commit, dispatch, rootGetters } = store
       const newChatMessageSideEffects = (chat) => {
         maybeShowChatNotification(store, chat)
       }
-      commit('addNewUsers', chats.map(k => k.account).filter(k => k))
-      commit('addNewChats', { dispatch, chats, rootGetters, newChatMessageSideEffects })
+      commit(
+        'addNewUsers',
+        chats.map((k) => k.account).filter((k) => k),
+      )
+      commit('addNewChats', {
+        dispatch,
+        chats,
+        rootGetters,
+        newChatMessageSideEffects,
+      })
     },
-    updateChat ({ commit }, { chat }) {
+    updateChat({ commit }, { chat }) {
       commit('updateChat', { chat })
     },
 
     // Opened Chats
-    startFetchingCurrentChat ({ dispatch }, { fetcher }) {
+    startFetchingCurrentChat({ dispatch }, { fetcher }) {
       dispatch('setCurrentChatFetcher', { fetcher })
     },
-    setCurrentChatFetcher ({ commit }, { fetcher }) {
+    setCurrentChatFetcher({ commit }, { fetcher }) {
       commit('setCurrentChatFetcher', { fetcher })
     },
-    addOpenedChat ({ commit, dispatch }, { chat }) {
+    addOpenedChat({ commit, dispatch }, { chat }) {
       commit('addOpenedChat', { dispatch, chat: parseChat(chat) })
       dispatch('addNewUsers', [chat.account])
     },
-    addChatMessages ({ commit }, value) {
+    addChatMessages({ commit }, value) {
       commit('addChatMessages', { commit, ...value })
     },
-    resetChatNewMessageCount ({ commit }, value) {
+    resetChatNewMessageCount({ commit }, value) {
       commit('resetChatNewMessageCount', value)
     },
-    clearCurrentChat ({ commit }) {
+    clearCurrentChat({ commit }) {
       commit('setCurrentChatId', { chatId: undefined })
       commit('setCurrentChatFetcher', { fetcher: undefined })
     },
-    readChat ({ rootState, commit, dispatch }, { id, lastReadId }) {
+    readChat({ rootState, commit, dispatch }, { id, lastReadId }) {
       const isNewMessage = rootState.chats.lastReadMessageId !== lastReadId
 
       dispatch('resetChatNewMessageCount')
@@ -103,40 +115,40 @@ const chats = {
         rootState.api.backendInteractor.readChat({ id, lastReadId })
       }
     },
-    deleteChatMessage ({ rootState, commit }, value) {
+    deleteChatMessage({ rootState, commit }, value) {
       rootState.api.backendInteractor.deleteChatMessage(value)
       commit('deleteChatMessage', { commit, ...value })
     },
-    resetChats ({ commit, dispatch }) {
+    resetChats({ commit, dispatch }) {
       dispatch('clearCurrentChat')
       commit('resetChats', { commit })
     },
-    clearOpenedChats ({ commit }) {
+    clearOpenedChats({ commit }) {
       commit('clearOpenedChats', { commit })
     },
-    handleMessageError ({ commit }, value) {
+    handleMessageError({ commit }, value) {
       commit('handleMessageError', { commit, ...value })
     },
-    cullOlderMessages ({ commit }, chatId) {
+    cullOlderMessages({ commit }, chatId) {
       commit('cullOlderMessages', chatId)
-    }
+    },
   },
   mutations: {
-    setChatListFetcher (state, { fetcher }) {
+    setChatListFetcher(state, { fetcher }) {
       const prevFetcher = state.chatListFetcher
       if (prevFetcher) {
         prevFetcher.stop()
       }
       state.chatListFetcher = fetcher && fetcher()
     },
-    setCurrentChatFetcher (state, { fetcher }) {
+    setCurrentChatFetcher(state, { fetcher }) {
       const prevFetcher = state.fetcher
       if (prevFetcher) {
         prevFetcher.stop()
       }
       state.fetcher = fetcher && fetcher()
     },
-    addOpenedChat (state, { chat }) {
+    addOpenedChat(state, { chat }) {
       state.currentChatId = chat.id
       state.openedChats[chat.id] = chat
 
@@ -144,15 +156,17 @@ const chats = {
         state.openedChatMessageServices[chat.id] = chatService.empty(chat.id)
       }
     },
-    setCurrentChatId (state, { chatId }) {
+    setCurrentChatId(state, { chatId }) {
       state.currentChatId = chatId
     },
-    addNewChats (state, { chats, newChatMessageSideEffects }) {
+    addNewChats(state, { chats, newChatMessageSideEffects }) {
       chats.forEach((updatedChat) => {
         const chat = getChatById(state, updatedChat.id)
 
         if (chat) {
-          const isNewMessage = (chat.lastMessage && chat.lastMessage.id) !== (updatedChat.lastMessage && updatedChat.lastMessage.id)
+          const isNewMessage =
+            (chat.lastMessage && chat.lastMessage.id) !==
+            (updatedChat.lastMessage && updatedChat.lastMessage.id)
           chat.lastMessage = updatedChat.lastMessage
           chat.unread = updatedChat.unread
           chat.updated_at = updatedChat.updated_at
@@ -165,23 +179,28 @@ const chats = {
         }
       })
     },
-    updateChat (state, { chat: updatedChat }) {
+    updateChat(state, { chat: updatedChat }) {
       const chat = getChatById(state, updatedChat.id)
       if (chat) {
         chat.lastMessage = updatedChat.lastMessage
         chat.unread = updatedChat.unread
         chat.updated_at = updatedChat.updated_at
       }
-      if (!chat) { state.chatList.data.unshift(updatedChat) }
+      if (!chat) {
+        state.chatList.data.unshift(updatedChat)
+      }
       state.chatList.idStore[updatedChat.id] = updatedChat
     },
-    deleteChat (state, { id }) {
-      state.chats.data = state.chats.data.filter(conversation =>
-        conversation.last_status.id !== id
+    deleteChat(state, { id }) {
+      state.chats.data = state.chats.data.filter(
+        (conversation) => conversation.last_status.id !== id,
+      )
+      state.chats.idStore = omitBy(
+        state.chats.idStore,
+        (conversation) => conversation.last_status.id === id,
       )
-      state.chats.idStore = omitBy(state.chats.idStore, conversation => conversation.last_status.id === id)
     },
-    resetChats (state, { commit }) {
+    resetChats(state, { commit }) {
       state.chatList = emptyChatList()
       state.currentChatId = null
       commit('setChatListFetcher', { fetcher: undefined })
@@ -191,27 +210,31 @@ const chats = {
         delete state.openedChatMessageServices[chatId]
       }
     },
-    setChatsLoading (state, { value }) {
+    setChatsLoading(state, { value }) {
       state.chats.loading = value
     },
-    addChatMessages (state, { chatId, messages, updateMaxId }) {
+    addChatMessages(state, { chatId, messages, updateMaxId }) {
       const chatMessageService = state.openedChatMessageServices[chatId]
       if (chatMessageService) {
-        chatService.add(chatMessageService, { messages: messages.map(parseChatMessage), updateMaxId })
+        chatService.add(chatMessageService, {
+          messages: messages.map(parseChatMessage),
+          updateMaxId,
+        })
       }
     },
-    deleteChatMessage (state, { chatId, messageId }) {
+    deleteChatMessage(state, { chatId, messageId }) {
       const chatMessageService = state.openedChatMessageServices[chatId]
       if (chatMessageService) {
         chatService.deleteMessage(chatMessageService, messageId)
       }
     },
-    resetChatNewMessageCount (state) {
-      const chatMessageService = state.openedChatMessageServices[state.currentChatId]
+    resetChatNewMessageCount(state) {
+      const chatMessageService =
+        state.openedChatMessageServices[state.currentChatId]
       chatService.resetNewMessageCount(chatMessageService)
     },
     // Used when a connection loss occurs
-    clearOpenedChats (state) {
+    clearOpenedChats(state) {
       const currentChatId = state.currentChatId
       for (const chatId in state.openedChats) {
         if (currentChatId !== chatId) {
@@ -221,21 +244,21 @@ const chats = {
         }
       }
     },
-    readChat (state, { id, lastReadId }) {
+    readChat(state, { id, lastReadId }) {
       state.lastReadMessageId = lastReadId
       const chat = getChatById(state, id)
       if (chat) {
         chat.unread = 0
       }
     },
-    handleMessageError (state, { chatId, fakeId, isRetry }) {
+    handleMessageError(state, { chatId, fakeId, isRetry }) {
       const chatMessageService = state.openedChatMessageServices[chatId]
       chatService.handleMessageError(chatMessageService, fakeId, isRetry)
     },
-    cullOlderMessages (state, chatId) {
+    cullOlderMessages(state, chatId) {
       chatService.cullOlderMessages(state.openedChatMessageServices[chatId])
-    }
-  }
+    },
+  },
 }
 
 export default chats
diff --git a/src/modules/config.js b/src/modules/config.js
index 8b4691341..4162113de 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -19,7 +19,7 @@ const APPEARANCE_SETTINGS_KEYS = new Set([
   'panelHeaderSize',
   'forcedRoundness',
   'emojiSize',
-  'emojiReactionsScale'
+  'emojiReactionsScale',
 ])
 
 /* TODO this is a bit messy.
@@ -34,7 +34,7 @@ export const multiChoiceProperties = [
   'conversationOtherRepliesButton', // below | inside
   'mentionLinkDisplay', // short | full_for_remote | full
   'userPopoverAvatarAction', // close | zoom | open
-  'unsavedPostAction' // save | discard | confirm
+  'unsavedPostAction', // save | discard | confirm
 ]
 
 // caching the instance default properties
@@ -43,43 +43,48 @@ export const instanceDefaultProperties = Object.keys(instanceDefaultConfig)
 const config = {
   state: { ...defaultState },
   getters: {
-    defaultConfig (state, getters, rootState) {
+    defaultConfig(state, getters, rootState) {
       const { instance } = rootState
       return {
         ...defaultState,
         ...Object.fromEntries(
-          instanceDefaultProperties.map(key => [key, instance[key]])
-        )
+          instanceDefaultProperties.map((key) => [key, instance[key]]),
+        ),
       }
     },
-    mergedConfig (state, getters, rootState, rootGetters) {
+    mergedConfig(state, getters, rootState, rootGetters) {
       const { defaultConfig } = rootGetters
       return {
         ...defaultConfig,
         // Do not override with undefined
-        ...Object.fromEntries(Object.entries(state).filter(([, v]) => v !== undefined))
+        ...Object.fromEntries(
+          Object.entries(state).filter(([, v]) => v !== undefined),
+        ),
       }
-    }
+    },
   },
   mutations: {
-    setOptionTemporarily (state, { name, value }) {
+    setOptionTemporarily(state, { name, value }) {
       set(state, name, value)
       applyConfig(state)
     },
-    setOption (state, { name, value }) {
+    setOption(state, { name, value }) {
       set(state, name, value)
     },
-    setHighlight (state, { user, color, type }) {
+    setHighlight(state, { user, color, type }) {
       const data = this.state.config.highlight[user]
       if (color || type) {
-        state.highlight[user] = { color: color || data.color, type: type || data.type }
+        state.highlight[user] = {
+          color: color || data.color,
+          type: type || data.type,
+        }
       } else {
         delete state.highlight[user]
       }
-    }
+    },
   },
   actions: {
-    loadSettings ({ dispatch }, data) {
+    loadSettings({ dispatch }, data) {
       const knownKeys = new Set(Object.keys(defaultState))
       const presentKeys = new Set(Object.keys(data))
       const intersection = new Set()
@@ -89,16 +94,16 @@ const config = {
         }
       }
 
-      intersection.forEach(
-        name => dispatch('setOption', { name, value: data[name] })
+      intersection.forEach((name) =>
+        dispatch('setOption', { name, value: data[name] }),
       )
     },
-    setHighlight ({ commit }, { user, color, type }) {
+    setHighlight({ commit }, { user, color, type }) {
       commit('setHighlight', { user, color, type })
     },
-    setOptionTemporarily ({ commit, dispatch, state }, { name, value }) {
+    setOptionTemporarily({ commit, dispatch, state }, { name, value }) {
       if (useInterfaceStore().temporaryChangesTimeoutId !== null) {
-        console.warn('Can\'t track more than one temporary change')
+        console.warn("Can't track more than one temporary change")
         return
       }
       const oldValue = state[name]
@@ -117,32 +122,35 @@ const config = {
 
       useInterfaceStore().setTemporaryChanges({
         confirm,
-        revert
+        revert,
       })
     },
-    setThemeV2 ({ commit, dispatch }, { customTheme, customThemeSource }) {
+    setThemeV2({ commit, dispatch }, { customTheme, customThemeSource }) {
       commit('setOption', { name: 'theme', value: 'custom' })
       commit('setOption', { name: 'customTheme', value: customTheme })
-      commit('setOption', { name: 'customThemeSource', value: customThemeSource })
+      commit('setOption', {
+        name: 'customThemeSource',
+        value: customThemeSource,
+      })
       dispatch('setTheme', { themeData: customThemeSource, recompile: true })
     },
-    setOption ({ commit, dispatch, state }, { name, value }) {
-      const exceptions = new Set([
-        'useStreamingApi'
-      ])
+    setOption({ commit, dispatch, state }, { name, value }) {
+      const exceptions = new Set(['useStreamingApi'])
 
       if (exceptions.has(name)) {
         switch (name) {
           case 'useStreamingApi': {
             const action = value ? 'enableMastoSockets' : 'disableMastoSockets'
 
-            dispatch(action).then(() => {
-              commit('setOption', { name: 'useStreamingApi', value })
-            }).catch((e) => {
-              console.error('Failed starting MastoAPI Streaming socket', e)
-              dispatch('disableMastoSockets')
-              dispatch('setOption', { name: 'useStreamingApi', value: false })
-            })
+            dispatch(action)
+              .then(() => {
+                commit('setOption', { name: 'useStreamingApi', value })
+              })
+              .catch((e) => {
+                console.error('Failed starting MastoAPI Streaming socket', e)
+                dispatch('disableMastoSockets')
+                dispatch('setOption', { name: 'useStreamingApi', value: false })
+              })
             break
           }
         }
@@ -157,7 +165,11 @@ const config = {
         switch (name) {
           case 'theme':
             if (value === 'custom') break
-            dispatch('setTheme', { themeName: value, recompile: true, saveData: true })
+            dispatch('setTheme', {
+              themeName: value,
+              recompile: true,
+              saveData: true,
+            })
             break
           case 'themeDebug': {
             dispatch('setTheme', { recompile: true })
@@ -168,7 +180,7 @@ const config = {
             dispatch('loadUnicodeEmojiData', value)
             Cookies.set(
               BACKEND_LANGUAGE_COOKIE_NAME,
-              localeService.internalToBackendLocaleMulti(value)
+              localeService.internalToBackendLocaleMulti(value),
             )
             break
           case 'thirdColumnMode':
@@ -176,8 +188,8 @@ const config = {
             break
         }
       }
-    }
-  }
+    },
+  },
 }
 
 export default config
diff --git a/src/modules/config_declaration.js b/src/modules/config_declaration.js
index e3328d448..f84ccc331 100644
--- a/src/modules/config_declaration.js
+++ b/src/modules/config_declaration.js
@@ -1,5 +1,5 @@
 export const CONFIG_MIGRATION = 1
-import { v4 as uuidv4 } from 'uuid';
+import { v4 as uuidv4 } from 'uuid'
 
 // for future use
 /*
@@ -20,7 +20,7 @@ export const declarations = [
     migrationNum: 1,
     description: 'Mute filters, wordfilter/regexp/etc',
     valueType: 'complex',
-    migration (serverside, rootState) {
+    migration(serverside, rootState) {
       rootState.config.muteWords.forEach((word, order) => {
         const uniqueId = uuidv4()
 
@@ -33,10 +33,10 @@ export const declarations = [
             enabled: true,
             expires: null,
             hide: false,
-            order
-          }
+            order,
+          },
         })
       })
-    }
-  }
+    },
+  },
 ]
diff --git a/src/modules/default_config_state.js b/src/modules/default_config_state.js
index 46cbf9ab5..d5daef3d3 100644
--- a/src/modules/default_config_state.js
+++ b/src/modules/default_config_state.js
@@ -70,7 +70,7 @@ export const instanceDefaultConfig = {
     followRequest: true,
     reports: true,
     chatMention: true,
-    polls: true
+    polls: true,
   },
   notificationNative: {
     follows: true,
@@ -83,7 +83,7 @@ export const instanceDefaultConfig = {
     followRequest: true,
     reports: true,
     chatMention: true,
-    polls: true
+    polls: true,
   },
   webPushNotifications: false,
   webPushAlwaysShowNotifications: false,
@@ -170,10 +170,11 @@ export const instanceDefaultConfig = {
   absoluteTimeFormatMinAge: '0d',
   absoluteTime12h: '24h',
   imageCompression: true,
-  alwaysUseJpeg: false
+  alwaysUseJpeg: false,
 }
 
-export const makeUndefined = c => Object.fromEntries(Object.keys(c).map(key => [key, undefined]))
+export const makeUndefined = (c) =>
+  Object.fromEntries(Object.keys(c).map((key) => [key, undefined]))
 
 /// For properties with special processing or properties that does not
 /// make sense to be overriden on a instance-wide level.
@@ -199,14 +200,15 @@ export const defaultState = {
   paletteCustomData: null,
   themeDebug: false, // debug mode that uses computed backgrounds instead of real ones to debug contrast functions
   forceThemeRecompilation: false, //  flag that forces recompilation on boot even if cache exists
-  theme3hacks: { // Hacks, user overrides that are independent of theme used
+  theme3hacks: {
+    // Hacks, user overrides that are independent of theme used
     underlay: 'none',
     fonts: {
       interface: undefined,
       input: undefined,
       post: undefined,
-      monospace: undefined
-    }
+      monospace: undefined,
+    },
   },
 
   // Special handling: These fields are not of a primitive type, and
diff --git a/src/modules/drafts.js b/src/modules/drafts.js
index 7a38fe2d5..e6ef17305 100644
--- a/src/modules/drafts.js
+++ b/src/modules/drafts.js
@@ -1,19 +1,19 @@
 import { storage } from 'src/lib/storage.js'
 
 export const defaultState = {
-  drafts: {}
+  drafts: {},
 }
 
 export const mutations = {
-  addOrSaveDraft (state, { draft }) {
+  addOrSaveDraft(state, { draft }) {
     state.drafts[draft.id] = draft
   },
-  abandonDraft (state, { id }) {
+  abandonDraft(state, { id }) {
     delete state.drafts[id]
   },
-  loadDrafts (state, data) {
+  loadDrafts(state, data) {
     state.drafts = data
-  }
+  },
 }
 
 const storageKey = 'pleroma-fe-drafts'
@@ -30,7 +30,7 @@ const storageKey = 'pleroma-fe-drafts'
  * different keys, which will just pollute the whole storage.
  * It is indeed best to have backend support for this.
  */
-const getStorageData = async () => ((await storage.getItem(storageKey)) || {})
+const getStorageData = async () => (await storage.getItem(storageKey)) || {}
 
 const saveDraftToStorage = async (draft) => {
   const currentData = await getStorageData()
@@ -45,42 +45,44 @@ const deleteDraftFromStorage = async (id) => {
 }
 
 export const actions = {
-  async addOrSaveDraft (store, { draft }) {
-    const id = draft.id || (new Date().getTime()).toString()
+  async addOrSaveDraft(store, { draft }) {
+    const id = draft.id || new Date().getTime().toString()
     const draftWithId = { ...draft, id }
     store.commit('addOrSaveDraft', { draft: draftWithId })
     await saveDraftToStorage(draftWithId)
     return id
   },
-  async abandonDraft (store, { id }) {
+  async abandonDraft(store, { id }) {
     store.commit('abandonDraft', { id })
     await deleteDraftFromStorage(id)
   },
-  async loadDrafts (store) {
+  async loadDrafts(store) {
     const currentData = await getStorageData()
     store.commit('loadDrafts', currentData)
-  }
+  },
 }
 
 export const getters = {
-  draftsByTypeAndRefId (state) {
+  draftsByTypeAndRefId(state) {
     return (type, refId) => {
-      return Object.values(state.drafts).filter(draft => draft.type === type && draft.refId === refId)
+      return Object.values(state.drafts).filter(
+        (draft) => draft.type === type && draft.refId === refId,
+      )
     }
   },
-  draftsArray (state) {
+  draftsArray(state) {
     return Object.values(state.drafts)
   },
-  draftCount (state) {
+  draftCount(state) {
     return Object.values(state.drafts).length
-  }
+  },
 }
 
 const drafts = {
   state: defaultState,
   mutations,
   getters,
-  actions
+  actions,
 }
 
 export default drafts
diff --git a/src/modules/index.js b/src/modules/index.js
index fd233585d..56336d107 100644
--- a/src/modules/index.js
+++ b/src/modules/index.js
@@ -19,5 +19,5 @@ export default {
   profileConfig,
   adminSettings,
   drafts,
-  chats
+  chats,
 }
diff --git a/src/modules/instance.js b/src/modules/instance.js
index 1595dc6a4..6f6b7a602 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -4,7 +4,10 @@ import { ensureFinalFallback } from '../i18n/languages.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 // See build/emojis_plugin for more details
 import { annotationsLoader } from 'virtual:pleroma-fe/emoji-annotations'
-import { staticOrApiConfigDefault, instanceDefaultConfig } from './default_config_state.js';
+import {
+  staticOrApiConfigDefault,
+  instanceDefaultConfig,
+} from './default_config_state.js'
 
 const SORTED_EMOJI_GROUP_IDS = [
   'smileys-and-emotion',
@@ -15,12 +18,12 @@ const SORTED_EMOJI_GROUP_IDS = [
   'activities',
   'objects',
   'symbols',
-  'flags'
+  'flags',
 ]
 
 const REGIONAL_INDICATORS = (() => {
-  const start = 0x1F1E6
-  const end = 0x1F1FF
+  const start = 0x1f1e6
+  const end = 0x1f1ff
   const A = 'A'.codePointAt(0)
   const res = new Array(end - start + 1)
   for (let i = start; i <= end; ++i) {
@@ -31,8 +34,8 @@ const REGIONAL_INDICATORS = (() => {
       displayText: 'regional_indicator_' + letter,
       displayTextI18n: {
         key: 'emoji.regional_indicator',
-        args: { letter }
-      }
+        args: { letter },
+      },
     }
   }
   return res
@@ -107,13 +110,12 @@ const defaultState = {
     max_options: 4,
     max_option_chars: 255,
     min_expiration: 60,
-    max_expiration: 60 * 60 * 24
-  }
+    max_expiration: 60 * 60 * 24,
+  },
 }
 
 const loadAnnotations = (lang) => {
-  return annotationsLoader[lang]()
-    .then(k => k.default)
+  return annotationsLoader[lang]().then((k) => k.default)
 }
 
 const injectAnnotations = (emoji, annotations) => {
@@ -124,11 +126,11 @@ const injectAnnotations = (emoji, annotations) => {
     annotations: availableLangs.reduce((acc, cur) => {
       acc[cur] = annotations[cur][emoji.replacement]
       return acc
-    }, {})
+    }, {}),
   }
 }
 
-const injectRegionalIndicators = groups => {
+const injectRegionalIndicators = (groups) => {
   groups.symbols.push(...REGIONAL_INDICATORS)
   return groups
 }
@@ -136,77 +138,84 @@ const injectRegionalIndicators = groups => {
 const instance = {
   state: defaultState,
   mutations: {
-    setInstanceOption (state, { name, value }) {
+    setInstanceOption(state, { name, value }) {
       if (typeof value !== 'undefined') {
         state[name] = value
       }
     },
-    setKnownDomains (state, domains) {
+    setKnownDomains(state, domains) {
       state.knownDomains = domains
     },
-    setUnicodeEmojiAnnotations (state, { lang, annotations }) {
+    setUnicodeEmojiAnnotations(state, { lang, annotations }) {
       state.unicodeEmojiAnnotations[lang] = annotations
-    }
+    },
   },
   getters: {
-    instanceDefaultConfig (state) {
+    instanceDefaultConfig(state) {
       return instanceDefaultProperties
-        .map(key => [key, state[key]])
+        .map((key) => [key, state[key]])
         .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {})
     },
-    groupedCustomEmojis (state) {
-      const packsOf = emoji => {
+    groupedCustomEmojis(state) {
+      const packsOf = (emoji) => {
         const packs = emoji.tags
-          .filter(k => k.startsWith('pack:'))
-          .map(k => {
+          .filter((k) => k.startsWith('pack:'))
+          .map((k) => {
             const packName = k.slice(5) // remove 'pack:' prefix
             return {
               id: `custom-${packName}`,
-              text: packName
+              text: packName,
             }
           })
 
         if (!packs.length) {
-          return [{
-            id: 'unpacked'
-          }]
+          return [
+            {
+              id: 'unpacked',
+            },
+          ]
         } else {
           return packs
         }
       }
 
-      return state.customEmoji
-        .reduce((res, emoji) => {
-          packsOf(emoji).forEach(({ id: packId, text: packName }) => {
-            if (!res[packId]) {
-              res[packId] = ({
-                id: packId,
-                text: packName,
-                image: emoji.imageUrl,
-                emojis: []
-              })
+      return state.customEmoji.reduce((res, emoji) => {
+        packsOf(emoji).forEach(({ id: packId, text: packName }) => {
+          if (!res[packId]) {
+            res[packId] = {
+              id: packId,
+              text: packName,
+              image: emoji.imageUrl,
+              emojis: [],
             }
-            res[packId].emojis.push(emoji)
-          })
-          return res
-        }, {})
+          }
+          res[packId].emojis.push(emoji)
+        })
+        return res
+      }, {})
     },
-    standardEmojiList (state) {
-      return SORTED_EMOJI_GROUP_IDS
-        .map(groupId => (state.emoji[groupId] || []).map(k => injectAnnotations(k, state.unicodeEmojiAnnotations)))
-        .reduce((a, b) => a.concat(b), [])
+    standardEmojiList(state) {
+      return SORTED_EMOJI_GROUP_IDS.map((groupId) =>
+        (state.emoji[groupId] || []).map((k) =>
+          injectAnnotations(k, state.unicodeEmojiAnnotations),
+        ),
+      ).reduce((a, b) => a.concat(b), [])
     },
-    standardEmojiGroupList (state) {
-      return SORTED_EMOJI_GROUP_IDS.map(groupId => ({
+    standardEmojiGroupList(state) {
+      return SORTED_EMOJI_GROUP_IDS.map((groupId) => ({
         id: groupId,
-        emojis: (state.emoji[groupId] || []).map(k => injectAnnotations(k, state.unicodeEmojiAnnotations))
+        emojis: (state.emoji[groupId] || []).map((k) =>
+          injectAnnotations(k, state.unicodeEmojiAnnotations),
+        ),
       }))
     },
-    instanceDomain (state) {
+    instanceDomain(state) {
       return new URL(state.server).hostname
     },
-    remoteInteractionLink (state) {
-      const server = state.server.endsWith('/') ? state.server.slice(0, -1) : state.server
+    remoteInteractionLink(state) {
+      const server = state.server.endsWith('/')
+        ? state.server.slice(0, -1)
+        : state.server
       const link = server + REMOTE_INTERACTION_URL
 
       return ({ statusId, nickname }) => {
@@ -216,10 +225,10 @@ const instance = {
           return `${link}?nickname=${nickname}`
         }
       }
-    }
+    },
   },
   actions: {
-    setInstanceOption ({ commit, dispatch }, { name, value }) {
+    setInstanceOption({ commit, dispatch }, { name, value }) {
       commit('setInstanceOption', { name, value })
       switch (name) {
         case 'name':
@@ -232,43 +241,49 @@ const instance = {
           break
       }
     },
-    async getStaticEmoji ({ commit }) {
+    async getStaticEmoji({ commit }) {
       try {
         const values = (await import('/src/assets/emoji.json')).default
 
         const emoji = Object.keys(values).reduce((res, groupId) => {
-          res[groupId] = values[groupId].map(e => ({
+          res[groupId] = values[groupId].map((e) => ({
             displayText: e.slug,
             imageUrl: false,
-            replacement: e.emoji
+            replacement: e.emoji,
           }))
           return res
         }, {})
-        commit('setInstanceOption', { name: 'emoji', value: injectRegionalIndicators(emoji) })
+        commit('setInstanceOption', {
+          name: 'emoji',
+          value: injectRegionalIndicators(emoji),
+        })
       } catch (e) {
         console.warn("Can't load static emoji\n", e)
       }
     },
 
-    loadUnicodeEmojiData ({ commit, state }, language) {
+    loadUnicodeEmojiData({ commit, state }, language) {
       const langList = ensureFinalFallback(language)
 
       return Promise.all(
-        langList
-          .map(async lang => {
-            if (!state.unicodeEmojiAnnotations[lang]) {
-              try {
-                const annotations = await loadAnnotations(lang)
-                commit('setUnicodeEmojiAnnotations', { lang, annotations })
-              } catch (e) {
-                console.warn(`Error loading unicode emoji annotations for ${lang}: `, e)
-                // ignore
-              }
+        langList.map(async (lang) => {
+          if (!state.unicodeEmojiAnnotations[lang]) {
+            try {
+              const annotations = await loadAnnotations(lang)
+              commit('setUnicodeEmojiAnnotations', { lang, annotations })
+            } catch (e) {
+              console.warn(
+                `Error loading unicode emoji annotations for ${lang}: `,
+                e,
+              )
+              // ignore
             }
-          }))
+          }
+        }),
+      )
     },
 
-    async getCustomEmoji ({ commit, state }) {
+    async getCustomEmoji({ commit, state }) {
       try {
         let res = await window.fetch('/api/v1/pleroma/emoji')
         if (!res.ok) {
@@ -276,11 +291,13 @@ const instance = {
         }
         if (res.ok) {
           const result = await res.json()
-          const values = Array.isArray(result) ? Object.assign({}, ...result) : result
+          const values = Array.isArray(result)
+            ? Object.assign({}, ...result)
+            : result
           const caseInsensitiveStrCmp = (a, b) => {
             const la = a.toLowerCase()
             const lb = b.toLowerCase()
-            return la > lb ? 1 : (la < lb ? -1 : 0)
+            return la > lb ? 1 : la < lb ? -1 : 0
           }
           const noPackLast = (a, b) => {
             const aNull = a === ''
@@ -294,32 +311,43 @@ const instance = {
             }
           }
           const byPackThenByName = (a, b) => {
-            const packOf = emoji => (emoji.tags.filter(k => k.startsWith('pack:'))[0] || '').slice(5)
+            const packOf = (emoji) =>
+              (emoji.tags.filter((k) => k.startsWith('pack:'))[0] || '').slice(
+                5,
+              )
             const packOfA = packOf(a)
             const packOfB = packOf(b)
-            return noPackLast(packOfA, packOfB) || caseInsensitiveStrCmp(packOfA, packOfB) || caseInsensitiveStrCmp(a.displayText, b.displayText)
+            return (
+              noPackLast(packOfA, packOfB) ||
+              caseInsensitiveStrCmp(packOfA, packOfB) ||
+              caseInsensitiveStrCmp(a.displayText, b.displayText)
+            )
           }
 
-          const emoji = Object.entries(values).map(([key, value]) => {
-            const imageUrl = value.image_url
-            return {
-              displayText: key,
-              imageUrl: imageUrl ? state.server + imageUrl : value,
-              tags: imageUrl ? value.tags.sort((a, b) => a > b ? 1 : 0) : ['utf'],
-              replacement: `:${key}: `
-            }
-            // Technically could use tags but those are kinda useless right now,
-            // should have been "pack" field, that would be more useful
-          }).sort(byPackThenByName)
+          const emoji = Object.entries(values)
+            .map(([key, value]) => {
+              const imageUrl = value.image_url
+              return {
+                displayText: key,
+                imageUrl: imageUrl ? state.server + imageUrl : value,
+                tags: imageUrl
+                  ? value.tags.sort((a, b) => (a > b ? 1 : 0))
+                  : ['utf'],
+                replacement: `:${key}: `,
+              }
+              // Technically could use tags but those are kinda useless right now,
+              // should have been "pack" field, that would be more useful
+            })
+            .sort(byPackThenByName)
           commit('setInstanceOption', { name: 'customEmoji', value: emoji })
         } else {
-          throw (res)
+          throw res
         }
       } catch (e) {
         console.warn("Can't load custom emojis\n", e)
       }
     },
-    fetchEmoji ({ dispatch, state }) {
+    fetchEmoji({ dispatch, state }) {
       if (!state.customEmojiFetched) {
         state.customEmojiFetched = true
         dispatch('getCustomEmoji')
@@ -330,17 +358,17 @@ const instance = {
       }
     },
 
-    async getKnownDomains ({ commit, rootState }) {
+    async getKnownDomains({ commit, rootState }) {
       try {
         const result = await apiService.fetchKnownDomains({
-          credentials: rootState.users.currentUser.credentials
+          credentials: rootState.users.currentUser.credentials,
         })
         commit('setKnownDomains', result)
       } catch (e) {
         console.warn("Can't load known domains\n", e)
       }
-    }
-  }
+    },
+  },
 }
 
 export default instance
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index f1c39b180..e3c05630e 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -4,12 +4,12 @@ import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import {
   isStatusNotification,
   isValidNotification,
-  maybeShowNotification
+  maybeShowNotification,
 } from '../services/notification_utils/notification_utils.js'
 
 import {
   closeDesktopNotification,
-  closeAllDesktopNotifications
+  closeAllDesktopNotifications,
 } from '../services/desktop_notification_utils/desktop_notification_utils.js'
 
 import { useReportsStore } from 'src/stores/reports.js'
@@ -20,58 +20,58 @@ const emptyNotifications = () => ({
   minId: Number.POSITIVE_INFINITY,
   data: [],
   idStore: {},
-  loading: false
+  loading: false,
 })
 
 export const defaultState = () => ({
-  ...emptyNotifications()
+  ...emptyNotifications(),
 })
 
 export const notifications = {
   state: defaultState(),
   mutations: {
-    addNewNotifications (state, { notifications }) {
-      notifications.forEach(notification => {
+    addNewNotifications(state, { notifications }) {
+      notifications.forEach((notification) => {
         state.data.push(notification)
         state.idStore[notification.id] = notification
       })
     },
-    clearNotifications (state) {
+    clearNotifications(state) {
       const blankState = defaultState()
-      Object.keys(state).forEach(k => {
+      Object.keys(state).forEach((k) => {
         state[k] = blankState[k]
       })
     },
-    updateNotificationsMinMaxId (state, id) {
+    updateNotificationsMinMaxId(state, id) {
       state.maxId = id > state.maxId ? id : state.maxId
       state.minId = id < state.minId ? id : state.minId
     },
-    setNotificationsLoading (state, { value }) {
+    setNotificationsLoading(state, { value }) {
       state.loading = value
     },
-    setNotificationsSilence (state, { value }) {
+    setNotificationsSilence(state, { value }) {
       state.desktopNotificationSilence = value
     },
-    markNotificationsAsSeen (state) {
+    markNotificationsAsSeen(state) {
       state.data.forEach((notification) => {
         notification.seen = true
       })
     },
-    markSingleNotificationAsSeen (state, { id }) {
+    markSingleNotificationAsSeen(state, { id }) {
       const notification = state.idStore[id]
       if (notification) notification.seen = true
     },
-    dismissNotification (state, { id }) {
-      state.data = state.data.filter(n => n.id !== id)
+    dismissNotification(state, { id }) {
+      state.data = state.data.filter((n) => n.id !== id)
       delete state.idStore[id]
     },
-    updateNotification (state, { id, updater }) {
+    updateNotification(state, { id, updater }) {
       const notification = state.idStore[id]
       notification && updater(notification)
-    }
+    },
   },
   actions: {
-    addNewNotifications (store, { notifications }) {
+    addNewNotifications(store, { notifications }) {
       const { commit, dispatch, state, rootState } = store
       const validNotifications = notifications.filter((notification) => {
         // If invalid notification, update ids but don't add it to store
@@ -83,13 +83,20 @@ export const notifications = {
         return true
       })
 
-      const statusNotifications = validNotifications.filter(notification => isStatusNotification(notification.type) && notification.status)
+      const statusNotifications = validNotifications.filter(
+        (notification) =>
+          isStatusNotification(notification.type) && notification.status,
+      )
 
       // Synchronous commit to add all the statuses
-      commit('addNewStatuses', { statuses: statusNotifications.map(notification => notification.status) })
+      commit('addNewStatuses', {
+        statuses: statusNotifications.map(
+          (notification) => notification.status,
+        ),
+      })
 
       // Update references to statuses in notifications to ones in the store
-      statusNotifications.forEach(notification => {
+      statusNotifications.forEach((notification) => {
         const id = notification.status.id
         const referenceStatus = rootState.statuses.allStatusesObject[id]
 
@@ -98,7 +105,7 @@ export const notifications = {
         }
       })
 
-      validNotifications.forEach(notification => {
+      validNotifications.forEach((notification) => {
         if (notification.type === 'pleroma:report') {
           useReportsStore().addReport(notification.report)
         }
@@ -115,15 +122,17 @@ export const notifications = {
 
           maybeShowNotification(
             store,
-            Object.values(useServerSideStorageStore().prefsStorage.simple.muteFilters),
-            notification
+            Object.values(
+              useServerSideStorageStore().prefsStorage.simple.muteFilters,
+            ),
+            notification,
           )
         } else if (notification.seen) {
           state.idStore[notification.id].seen = true
         }
       })
     },
-    notificationClicked ({ state, dispatch }, { id }) {
+    notificationClicked({ state, dispatch }, { id }) {
       const notification = state.idStore[id]
       const { type, seen } = notification
 
@@ -138,42 +147,46 @@ export const notifications = {
         }
       }
     },
-    setNotificationsLoading ({ commit }, { value }) {
+    setNotificationsLoading({ commit }, { value }) {
       commit('setNotificationsLoading', { value })
     },
-    setNotificationsSilence ({ commit }, { value }) {
+    setNotificationsSilence({ commit }, { value }) {
       commit('setNotificationsSilence', { value })
     },
-    markNotificationsAsSeen ({ rootState, state, commit }) {
+    markNotificationsAsSeen({ rootState, state, commit }) {
       commit('markNotificationsAsSeen')
-      apiService.markNotificationsAsSeen({
-        id: state.maxId,
-        credentials: rootState.users.currentUser.credentials
-      }).then(() => {
-        closeAllDesktopNotifications(rootState)
-      })
+      apiService
+        .markNotificationsAsSeen({
+          id: state.maxId,
+          credentials: rootState.users.currentUser.credentials,
+        })
+        .then(() => {
+          closeAllDesktopNotifications(rootState)
+        })
     },
-    markSingleNotificationAsSeen ({ rootState, commit }, { id }) {
+    markSingleNotificationAsSeen({ rootState, commit }, { id }) {
       commit('markSingleNotificationAsSeen', { id })
-      apiService.markNotificationsAsSeen({
-        single: true,
-        id,
-        credentials: rootState.users.currentUser.credentials
-      }).then(() => {
-        closeDesktopNotification(rootState, { id })
-      })
+      apiService
+        .markNotificationsAsSeen({
+          single: true,
+          id,
+          credentials: rootState.users.currentUser.credentials,
+        })
+        .then(() => {
+          closeDesktopNotification(rootState, { id })
+        })
     },
-    dismissNotificationLocal ({ commit }, { id }) {
+    dismissNotificationLocal({ commit }, { id }) {
       commit('dismissNotification', { id })
     },
-    dismissNotification ({ rootState, commit }, { id }) {
+    dismissNotification({ rootState, commit }, { id }) {
       commit('dismissNotification', { id })
       rootState.api.backendInteractor.dismissNotification({ id })
     },
-    updateNotification ({ commit }, { id, updater }) {
+    updateNotification({ commit }, { id, updater }) {
       commit('updateNotification', { id, updater })
-    }
-  }
+    },
+  },
 }
 
 export default notifications
diff --git a/src/modules/profileConfig.js b/src/modules/profileConfig.js
index e5b6acae5..90571e21d 100644
--- a/src/modules/profileConfig.js
+++ b/src/modules/profileConfig.js
@@ -3,11 +3,9 @@ import { get, set } from 'lodash'
 const defaultApi = ({ rootState, commit }, { path, value }) => {
   const params = {}
   set(params, path, value)
-  return rootState
-    .api
-    .backendInteractor
+  return rootState.api.backendInteractor
     .updateProfile({ params })
-    .then(result => {
+    .then((result) => {
       commit('addNewUsers', [result])
       commit('setCurrentUser', result)
     })
@@ -16,11 +14,9 @@ const defaultApi = ({ rootState, commit }, { path, value }) => {
 const notificationsApi = ({ rootState, commit }, { path, value, oldValue }) => {
   const settings = {}
   set(settings, path, value)
-  return rootState
-    .api
-    .backendInteractor
+  return rootState.api.backendInteractor
     .updateNotificationSettings({ settings })
-    .then(result => {
+    .then((result) => {
       if (result.status === 'success') {
         commit('confirmProfileOption', { name, value })
       } else {
@@ -43,98 +39,99 @@ export const settingsMap = {
   defaultNSFW: 'source.sensitive', // BROKEN: pleroma/pleroma#2837
   stripRichContent: {
     get: 'source.pleroma.no_rich_text',
-    set: 'no_rich_text'
+    set: 'no_rich_text',
   },
   // Privacy
   locked: 'locked',
   acceptChatMessages: {
     get: 'pleroma.accepts_chat_messages',
-    set: 'accepts_chat_messages'
+    set: 'accepts_chat_messages',
   },
   allowFollowingMove: {
     get: 'pleroma.allow_following_move',
-    set: 'allow_following_move'
+    set: 'allow_following_move',
   },
   discoverable: {
     get: 'source.pleroma.discoverable',
-    set: 'discoverable'
+    set: 'discoverable',
   },
   hideFavorites: {
     get: 'pleroma.hide_favorites',
-    set: 'hide_favorites'
+    set: 'hide_favorites',
   },
   hideFollowers: {
     get: 'pleroma.hide_followers',
-    set: 'hide_followers'
+    set: 'hide_followers',
   },
   hideFollows: {
     get: 'pleroma.hide_follows',
-    set: 'hide_follows'
+    set: 'hide_follows',
   },
   hideFollowersCount: {
     get: 'pleroma.hide_followers_count',
-    set: 'hide_followers_count'
+    set: 'hide_followers_count',
   },
   hideFollowsCount: {
     get: 'pleroma.hide_follows_count',
-    set: 'hide_follows_count'
+    set: 'hide_follows_count',
   },
   // NotificationSettingsAPIs
   webPushHideContents: {
     get: 'pleroma.notification_settings.hide_notification_contents',
     set: 'hide_notification_contents',
-    api: notificationsApi
+    api: notificationsApi,
   },
   blockNotificationsFromStrangers: {
     get: 'pleroma.notification_settings.block_from_strangers',
     set: 'block_from_strangers',
-    api: notificationsApi
-  }
+    api: notificationsApi,
+  },
 }
 
-export const defaultState = Object.fromEntries(Object.keys(settingsMap).map(key => [key, null]))
+export const defaultState = Object.fromEntries(
+  Object.keys(settingsMap).map((key) => [key, null]),
+)
 
 const profileConfig = {
   state: { ...defaultState },
   mutations: {
-    confirmProfileOption (state, { name, value }) {
+    confirmProfileOption(state, { name, value }) {
       set(state, name, value)
     },
-    wipeProfileOption (state, { name }) {
+    wipeProfileOption(state, { name }) {
       set(state, name, null)
     },
-    wipeAllProfileOptions (state) {
-      Object.keys(settingsMap).forEach(key => {
+    wipeAllProfileOptions(state) {
+      Object.keys(settingsMap).forEach((key) => {
         set(state, key, null)
       })
     },
     // Set the settings based on their path location
-    setCurrentUser (state, user) {
+    setCurrentUser(state, user) {
       Object.entries(settingsMap).forEach((map) => {
         const [name, value] = map
         const { get: path = value } = value
         set(state, name, get(user._original, path))
       })
-    }
+    },
   },
   actions: {
-    setProfileOption ({ rootState, state, commit }, { name, value }) {
+    setProfileOption({ rootState, state, commit }, { name, value }) {
       const oldValue = get(state, name)
       const map = settingsMap[name]
       if (!map) throw new Error('Invalid server-side setting')
       const { set: path = map, api = defaultApi } = map
       commit('wipeProfileOption', { name })
 
-      api({ rootState, commit }, { path, value, oldValue })
-        .catch((e) => {
-          console.warn('Error setting server-side option:', e)
-          commit('confirmProfileOption', { name, value: oldValue })
-        })
+      api({ rootState, commit }, { path, value, oldValue }).catch((e) => {
+        console.warn('Error setting server-side option:', e)
+        commit('confirmProfileOption', { name, value: oldValue })
+      })
     },
-    logout ({ commit }) {
+    logout({ commit }) {
       commit('wipeAllProfileOptions')
-    }
-  }
+    },
+  },
 }
 
 export default profileConfig
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index 30959d0ab..565d357d1 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -10,7 +10,7 @@ import {
   first,
   last,
   isArray,
-  omitBy
+  omitBy,
 } from 'lodash'
 import apiService from '../services/api/api.service.js'
 import { useInterfaceStore } from 'src/stores/interface'
@@ -29,7 +29,7 @@ const emptyTl = (userId = 0) => ({
   followers: [],
   friends: [],
   userId,
-  flushMarker: 0
+  flushMarker: 0,
 })
 
 export const defaultState = () => ({
@@ -52,8 +52,8 @@ export const defaultState = () => ({
     dms: emptyTl(),
     bookmarks: emptyTl(),
     list: emptyTl(),
-    bubble: emptyTl()
-  }
+    bubble: emptyTl(),
+  },
 })
 
 export const prepareStatus = (status) => {
@@ -73,7 +73,10 @@ const mergeOrAdd = (arr, obj, item) => {
     // We already have this, so only merge the new info.
     // We ignore null values to avoid overwriting existing properties with missing data
     // we also skip 'user' because that is handled by users module
-    merge(oldItem, omitBy(item, (v, k) => v === null || k === 'user'))
+    merge(
+      oldItem,
+      omitBy(item, (v, k) => v === null || k === 'user'),
+    )
     // Reactivity fix.
     oldItem.attachments.splice(oldItem.attachments.length)
     return { item: oldItem, new: false }
@@ -116,26 +119,32 @@ const getLatestScrobble = (state, user) => {
     return
   }
 
-  if (state.scrobblesNextFetch[user.id] && state.scrobblesNextFetch[user.id] > Date.now()) {
+  if (
+    state.scrobblesNextFetch[user.id] &&
+    state.scrobblesNextFetch[user.id] > Date.now()
+  ) {
     return
   }
 
   state.scrobblesNextFetch[user.id] = Date.now() + 24 * 60 * 60 * 1000
   if (!scrobblesSupport) return
-  apiService.fetchScrobbles({ accountId: user.id }).then((scrobbles) => {
-    if (scrobbles?.error) {
-      state.pleromaScrobblesAvailable = false
-      return
-    }
+  apiService
+    .fetchScrobbles({ accountId: user.id })
+    .then((scrobbles) => {
+      if (scrobbles?.error) {
+        state.pleromaScrobblesAvailable = false
+        return
+      }
 
-    if (scrobbles.length > 0) {
-      user.latestScrobble = scrobbles[0]
+      if (scrobbles.length > 0) {
+        user.latestScrobble = scrobbles[0]
 
-      state.scrobblesNextFetch[user.id] = Date.now() + 60 * 1000
-    }
-  }).catch(e => {
-    console.warn('cannot fetch scrobbles', e)
-  })
+        state.scrobblesNextFetch[user.id] = Date.now() + 60 * 1000
+      }
+    })
+    .catch((e) => {
+      console.warn('cannot fetch scrobbles', e)
+    })
 }
 
 // Add status to the global storages (arrays and objects maintaining statuses) except timelines
@@ -156,7 +165,18 @@ const addStatusToGlobalStorage = (state, data) => {
   return result
 }
 
-const addNewStatuses = (state, { statuses, showImmediately = false, timeline, user = {}, noIdUpdate = false, userId, pagination = {} }) => {
+const addNewStatuses = (
+  state,
+  {
+    statuses,
+    showImmediately = false,
+    timeline,
+    user = {},
+    noIdUpdate = false,
+    userId,
+    pagination = {},
+  },
+) => {
   // Sanity check
   if (!isArray(statuses)) {
     return false
@@ -169,11 +189,19 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
   // pagination.maxId is the oldest of the returned statuses when fetching older,
   // and pagination.minId is the newest when fetching newer. The names come directly
   // from the arguments they're supposed to be passed as for the next fetch.
-  const minNew = pagination.maxId || (statuses.length > 0 ? minBy(statuses, 'id').id : 0)
-  const maxNew = pagination.minId || (statuses.length > 0 ? maxBy(statuses, 'id').id : 0)
+  const minNew =
+    pagination.maxId || (statuses.length > 0 ? minBy(statuses, 'id').id : 0)
+  const maxNew =
+    pagination.minId || (statuses.length > 0 ? maxBy(statuses, 'id').id : 0)
 
-  const newer = timeline && (maxNew > timelineObject.maxId || timelineObject.maxId === 0) && statuses.length > 0
-  const older = timeline && (minNew < timelineObject.minId || timelineObject.minId === 0) && statuses.length > 0
+  const newer =
+    timeline &&
+    (maxNew > timelineObject.maxId || timelineObject.maxId === 0) &&
+    statuses.length > 0
+  const older =
+    timeline &&
+    (minNew < timelineObject.minId || timelineObject.minId === 0) &&
+    statuses.length > 0
 
   if (!noIdUpdate && newer) {
     timelineObject.maxId = maxNew
@@ -185,7 +213,10 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
   // This makes sure that user timeline won't get data meant for other
   // user. I.e. opening different user profiles makes request which could
   // return data late after user already viewing different user profile
-  if ((timeline === 'user' || timeline === 'media') && timelineObject.userId !== userId) {
+  if (
+    (timeline === 'user' || timeline === 'media') &&
+    timelineObject.userId !== userId
+  ) {
     return
   }
 
@@ -195,7 +226,10 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
 
     if (result.new) {
       // We are mentioned in a post
-      if (status.type === 'status' && find(status.attentions, { id: user.id })) {
+      if (
+        status.type === 'status' &&
+        find(status.attentions, { id: user.id })
+      ) {
         const mentions = state.timelines.mentions
 
         // Add the mention to the mentions timeline
@@ -220,20 +254,32 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
     let resultForCurrentTimeline
     // Some statuses should only be added to the global status repository.
     if (timeline && addToTimeline) {
-      resultForCurrentTimeline = mergeOrAdd(timelineObject.statuses, timelineObject.statusesObject, status)
+      resultForCurrentTimeline = mergeOrAdd(
+        timelineObject.statuses,
+        timelineObject.statusesObject,
+        status,
+      )
     }
 
     if (timeline && showImmediately) {
       // Add it directly to the visibleStatuses, don't change
       // newStatusCount
-      mergeOrAdd(timelineObject.visibleStatuses, timelineObject.visibleStatusesObject, status)
+      mergeOrAdd(
+        timelineObject.visibleStatuses,
+        timelineObject.visibleStatusesObject,
+        status,
+      )
     } else if (timeline && addToTimeline && resultForCurrentTimeline.new) {
       // Just change newStatuscount
       timelineObject.newStatusCount += 1
     }
 
     if (status.quote) {
-      addStatus(status.quote, /* showImmediately = */ false, /* addToTimeline = */ false)
+      addStatus(
+        status.quote,
+        /* showImmediately = */ false,
+        /* addToTimeline = */ false,
+      )
     }
 
     return status
@@ -266,13 +312,19 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
       let retweet
       // If the retweeted status is already there, don't add the retweet
       // to the timeline.
-      if (timeline && find(timelineObject.statuses, (s) => {
-        if (s.retweeted_status) {
-          return s.id === retweetedStatus.id || s.retweeted_status.id === retweetedStatus.id
-        } else {
-          return s.id === retweetedStatus.id
-        }
-      })) {
+      if (
+        timeline &&
+        find(timelineObject.statuses, (s) => {
+          if (s.retweeted_status) {
+            return (
+              s.id === retweetedStatus.id ||
+              s.retweeted_status.id === retweetedStatus.id
+            )
+          } else {
+            return s.id === retweetedStatus.id
+          }
+        })
+      ) {
         // Already have it visible (either as the original or another RT), don't add to timeline, don't show.
         retweet = addStatus(status, false, false)
       } else {
@@ -295,7 +347,7 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
     default: (unknown) => {
       console.warn('unknown status type')
       console.warn(unknown)
-    }
+    },
   }
 
   each(statuses, (status) => {
@@ -315,35 +367,41 @@ const removeStatus = (state, { timeline, userId }) => {
   if (userId) {
     remove(timelineObject.statuses, { user: { id: userId } })
     remove(timelineObject.visibleStatuses, { user: { id: userId } })
-    timelineObject.minVisibleId = timelineObject.visibleStatuses.length > 0 ? last(timelineObject.visibleStatuses).id : 0
-    timelineObject.maxId = timelineObject.statuses.length > 0 ? first(timelineObject.statuses).id : 0
+    timelineObject.minVisibleId =
+      timelineObject.visibleStatuses.length > 0
+        ? last(timelineObject.visibleStatuses).id
+        : 0
+    timelineObject.maxId =
+      timelineObject.statuses.length > 0 ? first(timelineObject.statuses).id : 0
   }
 }
 
 export const mutations = {
   addNewStatuses,
   removeStatus,
-  showNewStatuses (state, { timeline }) {
-    const oldTimeline = (state.timelines[timeline])
+  showNewStatuses(state, { timeline }) {
+    const oldTimeline = state.timelines[timeline]
 
     oldTimeline.newStatusCount = 0
     oldTimeline.visibleStatuses = slice(oldTimeline.statuses, 0, 50)
     oldTimeline.minVisibleId = last(oldTimeline.visibleStatuses).id
     oldTimeline.minId = oldTimeline.minVisibleId
     oldTimeline.visibleStatusesObject = {}
-    each(oldTimeline.visibleStatuses, (status) => { oldTimeline.visibleStatusesObject[status.id] = status })
+    each(oldTimeline.visibleStatuses, (status) => {
+      oldTimeline.visibleStatusesObject[status.id] = status
+    })
   },
-  resetStatuses (state) {
+  resetStatuses(state) {
     const emptyState = defaultState()
     Object.entries(emptyState).forEach(([key, value]) => {
       state[key] = value
     })
   },
-  clearTimeline (state, { timeline, excludeUserId = false }) {
+  clearTimeline(state, { timeline, excludeUserId = false }) {
     const userId = excludeUserId ? state.timelines[timeline].userId : undefined
     state.timelines[timeline] = emptyTl(userId)
   },
-  setFavorited (state, { status, value }) {
+  setFavorited(state, { status, value }) {
     const newStatus = state.allStatusesObject[status.id]
 
     if (newStatus.favorited !== value) {
@@ -356,7 +414,7 @@ export const mutations = {
 
     newStatus.favorited = value
   },
-  setFavoritedConfirm (state, { status, user }) {
+  setFavoritedConfirm(state, { status, user }) {
     const newStatus = state.allStatusesObject[status.id]
     newStatus.favorited = status.favorited
     newStatus.fave_num = status.fave_num
@@ -367,15 +425,19 @@ export const mutations = {
       newStatus.favoritedBy.push(user)
     }
   },
-  setMutedStatus (state, status) {
+  setMutedStatus(state, status) {
     const newStatus = state.allStatusesObject[status.id]
     newStatus.thread_muted = status.thread_muted
 
     if (newStatus.thread_muted !== undefined) {
-      state.conversationsObject[newStatus.statusnet_conversation_id].forEach(status => { status.thread_muted = newStatus.thread_muted })
+      state.conversationsObject[newStatus.statusnet_conversation_id].forEach(
+        (status) => {
+          status.thread_muted = newStatus.thread_muted
+        },
+      )
     }
   },
-  setRetweeted (state, { status, value }) {
+  setRetweeted(state, { status, value }) {
     const newStatus = state.allStatusesObject[status.id]
 
     if (newStatus.repeated !== value) {
@@ -388,7 +450,7 @@ export const mutations = {
 
     newStatus.repeated = value
   },
-  setRetweetedConfirm (state, { status, user }) {
+  setRetweetedConfirm(state, { status, user }) {
     const newStatus = state.allStatusesObject[status.id]
     newStatus.repeated = status.repeated
     newStatus.repeat_num = status.repeat_num
@@ -399,73 +461,79 @@ export const mutations = {
       newStatus.rebloggedBy.push(user)
     }
   },
-  setBookmarked (state, { status, value }) {
+  setBookmarked(state, { status, value }) {
     const newStatus = state.allStatusesObject[status.id]
     newStatus.bookmarked = value
     newStatus.bookmark_folder_id = status.bookmark_folder_id
   },
-  setBookmarkedConfirm (state, { status }) {
+  setBookmarkedConfirm(state, { status }) {
     const newStatus = state.allStatusesObject[status.id]
     newStatus.bookmarked = status.bookmarked
-    if (status.pleroma) newStatus.bookmark_folder_id = status.pleroma.bookmark_folder
+    if (status.pleroma)
+      newStatus.bookmark_folder_id = status.pleroma.bookmark_folder
   },
-  setDeleted (state, { status }) {
+  setDeleted(state, { status }) {
     const newStatus = state.allStatusesObject[status.id]
     if (newStatus) newStatus.deleted = true
   },
-  setManyDeleted (state, condition) {
-    Object.values(state.allStatusesObject).forEach(status => {
+  setManyDeleted(state, condition) {
+    Object.values(state.allStatusesObject).forEach((status) => {
       if (condition(status)) {
         status.deleted = true
       }
     })
   },
-  setLoading (state, { timeline, value }) {
+  setLoading(state, { timeline, value }) {
     state.timelines[timeline].loading = value
   },
-  setNsfw (state, { id, nsfw }) {
+  setNsfw(state, { id, nsfw }) {
     const newStatus = state.allStatusesObject[id]
     newStatus.nsfw = nsfw
   },
-  queueFlush (state, { timeline, id }) {
+  queueFlush(state, { timeline, id }) {
     state.timelines[timeline].flushMarker = id
   },
-  queueFlushAll (state) {
+  queueFlushAll(state) {
     Object.keys(state.timelines).forEach((timeline) => {
       state.timelines[timeline].flushMarker = state.timelines[timeline].maxId
     })
   },
-  addRepeats (state, { id, rebloggedByUsers, currentUser }) {
+  addRepeats(state, { id, rebloggedByUsers, currentUser }) {
     const newStatus = state.allStatusesObject[id]
-    newStatus.rebloggedBy = rebloggedByUsers.filter(_ => _)
+    newStatus.rebloggedBy = rebloggedByUsers.filter((_) => _)
     // repeats stats can be incorrect based on polling condition, let's update them using the most recent data
     newStatus.repeat_num = newStatus.rebloggedBy.length
-    newStatus.repeated = !!newStatus.rebloggedBy.find(({ id }) => currentUser.id === id)
+    newStatus.repeated = !!newStatus.rebloggedBy.find(
+      ({ id }) => currentUser.id === id,
+    )
   },
-  addFavs (state, { id, favoritedByUsers, currentUser }) {
+  addFavs(state, { id, favoritedByUsers, currentUser }) {
     const newStatus = state.allStatusesObject[id]
-    newStatus.favoritedBy = favoritedByUsers.filter(_ => _)
+    newStatus.favoritedBy = favoritedByUsers.filter((_) => _)
     // favorites stats can be incorrect based on polling condition, let's update them using the most recent data
     newStatus.fave_num = newStatus.favoritedBy.length
-    newStatus.favorited = !!newStatus.favoritedBy.find(({ id }) => currentUser.id === id)
+    newStatus.favorited = !!newStatus.favoritedBy.find(
+      ({ id }) => currentUser.id === id,
+    )
   },
-  addEmojiReactionsBy (state, { id, emojiReactions }) {
+  addEmojiReactionsBy(state, { id, emojiReactions }) {
     const status = state.allStatusesObject[id]
     status.emoji_reactions = emojiReactions
   },
-  addOwnReaction (state, { id, emoji, currentUser }) {
+  addOwnReaction(state, { id, emoji, currentUser }) {
     const status = state.allStatusesObject[id]
     const reactionIndex = findIndex(status.emoji_reactions, { name: emoji })
-    const reaction = status.emoji_reactions[reactionIndex] || { name: emoji, count: 0, accounts: [] }
+    const reaction = status.emoji_reactions[reactionIndex] || {
+      name: emoji,
+      count: 0,
+      accounts: [],
+    }
 
     const newReaction = {
       ...reaction,
       count: reaction.count + 1,
       me: true,
-      accounts: [
-        ...reaction.accounts,
-        currentUser
-      ]
+      accounts: [...reaction.accounts, currentUser],
     }
 
     // Update count of existing reaction if it exists, otherwise append at the end
@@ -475,7 +543,7 @@ export const mutations = {
       status.emoji_reactions = [...status.emoji_reactions, newReaction]
     }
   },
-  removeOwnReaction (state, { id, emoji, currentUser }) {
+  removeOwnReaction(state, { id, emoji, currentUser }) {
     const status = state.allStatusesObject[id]
     const reactionIndex = findIndex(status.emoji_reactions, { name: emoji })
     if (reactionIndex < 0) return
@@ -487,42 +555,70 @@ export const mutations = {
       ...reaction,
       count: reaction.count - 1,
       me: false,
-      accounts: accounts.filter(acc => acc.id !== currentUser.id)
+      accounts: accounts.filter((acc) => acc.id !== currentUser.id),
     }
 
     if (newReaction.count > 0) {
       status.emoji_reactions[reactionIndex] = newReaction
     } else {
-      status.emoji_reactions = status.emoji_reactions.filter(r => r.name !== emoji)
+      status.emoji_reactions = status.emoji_reactions.filter(
+        (r) => r.name !== emoji,
+      )
     }
   },
-  updateStatusWithPoll (state, { id, poll }) {
+  updateStatusWithPoll(state, { id, poll }) {
     const status = state.allStatusesObject[id]
     status.poll = poll
   },
-  setVirtualHeight (state, { statusId, height }) {
+  setVirtualHeight(state, { statusId, height }) {
     state.allStatusesObject[statusId].virtualHeight = height
-  }
+  },
 }
 
 const statuses = {
   state: defaultState(),
   actions: {
-    addNewStatuses ({ rootState, commit }, { statuses, showImmediately = false, timeline = false, noIdUpdate = false, userId, pagination }) {
-      commit('addNewStatuses', { statuses, showImmediately, timeline, noIdUpdate, user: rootState.users.currentUser, userId, pagination })
+    addNewStatuses(
+      { rootState, commit },
+      {
+        statuses,
+        showImmediately = false,
+        timeline = false,
+        noIdUpdate = false,
+        userId,
+        pagination,
+      },
+    ) {
+      commit('addNewStatuses', {
+        statuses,
+        showImmediately,
+        timeline,
+        noIdUpdate,
+        user: rootState.users.currentUser,
+        userId,
+        pagination,
+      })
     },
-    fetchStatus ({ rootState, dispatch }, id) {
-      return rootState.api.backendInteractor.fetchStatus({ id })
+    fetchStatus({ rootState, dispatch }, id) {
+      return rootState.api.backendInteractor
+        .fetchStatus({ id })
         .then((status) => dispatch('addNewStatuses', { statuses: [status] }))
     },
-    fetchStatusSource ({ rootState }, status) {
-      return apiService.fetchStatusSource({ id: status.id, credentials: rootState.users.currentUser.credentials })
+    fetchStatusSource({ rootState }, status) {
+      return apiService.fetchStatusSource({
+        id: status.id,
+        credentials: rootState.users.currentUser.credentials,
+      })
     },
-    fetchStatusHistory (_, status) {
+    fetchStatusHistory(_, status) {
       return apiService.fetchStatusHistory({ status })
     },
-    deleteStatus ({ rootState, commit }, status) {
-      apiService.deleteStatus({ id: status.id, credentials: rootState.users.currentUser.credentials })
+    deleteStatus({ rootState, commit }, status) {
+      apiService
+        .deleteStatus({
+          id: status.id,
+          credentials: rootState.users.currentUser.credentials,
+        })
         .then(() => {
           commit('setDeleted', { status })
         })
@@ -531,141 +627,208 @@ const statuses = {
             level: 'error',
             messageKey: 'status.delete_error',
             messageArgs: [e.message],
-            timeout: 5000
+            timeout: 5000,
           })
         })
     },
-    deleteStatusById ({ rootState, commit }, id) {
+    deleteStatusById({ rootState, commit }, id) {
       const status = rootState.statuses.allStatusesObject[id]
       commit('setDeleted', { status })
     },
-    markStatusesAsDeleted ({ commit }, condition) {
+    markStatusesAsDeleted({ commit }, condition) {
       commit('setManyDeleted', condition)
     },
-    favorite ({ rootState, commit }, status) {
+    favorite({ rootState, commit }, status) {
       // Optimistic favoriting...
       commit('setFavorited', { status, value: true })
-      rootState.api.backendInteractor.favorite({ id: status.id })
-        .then(status => commit('setFavoritedConfirm', { status, user: rootState.users.currentUser }))
+      rootState.api.backendInteractor
+        .favorite({ id: status.id })
+        .then((status) =>
+          commit('setFavoritedConfirm', {
+            status,
+            user: rootState.users.currentUser,
+          }),
+        )
     },
-    unfavorite ({ rootState, commit }, status) {
+    unfavorite({ rootState, commit }, status) {
       // Optimistic unfavoriting...
       commit('setFavorited', { status, value: false })
-      rootState.api.backendInteractor.unfavorite({ id: status.id })
-        .then(status => commit('setFavoritedConfirm', { status, user: rootState.users.currentUser }))
+      rootState.api.backendInteractor
+        .unfavorite({ id: status.id })
+        .then((status) =>
+          commit('setFavoritedConfirm', {
+            status,
+            user: rootState.users.currentUser,
+          }),
+        )
     },
-    fetchPinnedStatuses ({ rootState, dispatch }, userId) {
-      rootState.api.backendInteractor.fetchPinnedStatuses({ id: userId })
-        .then(statuses => dispatch('addNewStatuses', { statuses, timeline: 'user', userId, showImmediately: true, noIdUpdate: true }))
+    fetchPinnedStatuses({ rootState, dispatch }, userId) {
+      rootState.api.backendInteractor
+        .fetchPinnedStatuses({ id: userId })
+        .then((statuses) =>
+          dispatch('addNewStatuses', {
+            statuses,
+            timeline: 'user',
+            userId,
+            showImmediately: true,
+            noIdUpdate: true,
+          }),
+        )
     },
-    pinStatus ({ rootState, dispatch }, statusId) {
-      return rootState.api.backendInteractor.pinOwnStatus({ id: statusId })
+    pinStatus({ rootState, dispatch }, statusId) {
+      return rootState.api.backendInteractor
+        .pinOwnStatus({ id: statusId })
         .then((status) => dispatch('addNewStatuses', { statuses: [status] }))
     },
-    unpinStatus ({ rootState, dispatch }, statusId) {
-      rootState.api.backendInteractor.unpinOwnStatus({ id: statusId })
+    unpinStatus({ rootState, dispatch }, statusId) {
+      rootState.api.backendInteractor
+        .unpinOwnStatus({ id: statusId })
         .then((status) => dispatch('addNewStatuses', { statuses: [status] }))
     },
-    muteConversation ({ rootState, commit }, { id: statusId }) {
-      return rootState.api.backendInteractor.muteConversation({ id: statusId })
+    muteConversation({ rootState, commit }, { id: statusId }) {
+      return rootState.api.backendInteractor
+        .muteConversation({ id: statusId })
         .then((status) => commit('setMutedStatus', status))
     },
-    unmuteConversation ({ rootState, commit }, { id: statusId }) {
-      return rootState.api.backendInteractor.unmuteConversation({ id: statusId })
+    unmuteConversation({ rootState, commit }, { id: statusId }) {
+      return rootState.api.backendInteractor
+        .unmuteConversation({ id: statusId })
         .then((status) => commit('setMutedStatus', status))
     },
-    retweet ({ rootState, commit }, status) {
+    retweet({ rootState, commit }, status) {
       // Optimistic retweeting...
       commit('setRetweeted', { status, value: true })
-      rootState.api.backendInteractor.retweet({ id: status.id })
-        .then(status => commit('setRetweetedConfirm', { status: status.retweeted_status, user: rootState.users.currentUser }))
+      rootState.api.backendInteractor
+        .retweet({ id: status.id })
+        .then((status) =>
+          commit('setRetweetedConfirm', {
+            status: status.retweeted_status,
+            user: rootState.users.currentUser,
+          }),
+        )
     },
-    unretweet ({ rootState, commit }, status) {
+    unretweet({ rootState, commit }, status) {
       // Optimistic unretweeting...
       commit('setRetweeted', { status, value: false })
-      rootState.api.backendInteractor.unretweet({ id: status.id })
-        .then(status => commit('setRetweetedConfirm', { status, user: rootState.users.currentUser }))
+      rootState.api.backendInteractor
+        .unretweet({ id: status.id })
+        .then((status) =>
+          commit('setRetweetedConfirm', {
+            status,
+            user: rootState.users.currentUser,
+          }),
+        )
     },
-    bookmark ({ rootState, commit }, status) {
+    bookmark({ rootState, commit }, status) {
       commit('setBookmarked', { status, value: true })
-      rootState.api.backendInteractor.bookmarkStatus({ id: status.id, folder_id: status.bookmark_folder_id })
-        .then(status => {
+      rootState.api.backendInteractor
+        .bookmarkStatus({ id: status.id, folder_id: status.bookmark_folder_id })
+        .then((status) => {
           commit('setBookmarkedConfirm', { status })
         })
     },
-    unbookmark ({ rootState, commit }, status) {
+    unbookmark({ rootState, commit }, status) {
       commit('setBookmarked', { status, value: false })
-      rootState.api.backendInteractor.unbookmarkStatus({ id: status.id })
-        .then(status => {
+      rootState.api.backendInteractor
+        .unbookmarkStatus({ id: status.id })
+        .then((status) => {
           commit('setBookmarkedConfirm', { status })
         })
     },
-    queueFlush ({ commit }, { timeline, id }) {
+    queueFlush({ commit }, { timeline, id }) {
       commit('queueFlush', { timeline, id })
     },
-    queueFlushAll ({ commit }) {
+    queueFlushAll({ commit }) {
       commit('queueFlushAll')
     },
-    fetchFavsAndRepeats ({ rootState, commit }, id) {
+    fetchFavsAndRepeats({ rootState, commit }, id) {
       Promise.all([
         rootState.api.backendInteractor.fetchFavoritedByUsers({ id }),
-        rootState.api.backendInteractor.fetchRebloggedByUsers({ id })
+        rootState.api.backendInteractor.fetchRebloggedByUsers({ id }),
       ]).then(([favoritedByUsers, rebloggedByUsers]) => {
-        commit('addFavs', { id, favoritedByUsers, currentUser: rootState.users.currentUser })
-        commit('addRepeats', { id, rebloggedByUsers, currentUser: rootState.users.currentUser })
+        commit('addFavs', {
+          id,
+          favoritedByUsers,
+          currentUser: rootState.users.currentUser,
+        })
+        commit('addRepeats', {
+          id,
+          rebloggedByUsers,
+          currentUser: rootState.users.currentUser,
+        })
       })
     },
-    reactWithEmoji ({ rootState, dispatch, commit }, { id, emoji }) {
+    reactWithEmoji({ rootState, dispatch, commit }, { id, emoji }) {
       const currentUser = rootState.users.currentUser
       if (!currentUser) return
 
       commit('addOwnReaction', { id, emoji, currentUser })
-      rootState.api.backendInteractor.reactWithEmoji({ id, emoji }).then(
-        () => {
-          dispatch('fetchEmojiReactionsBy', id)
-        }
-      )
+      rootState.api.backendInteractor.reactWithEmoji({ id, emoji }).then(() => {
+        dispatch('fetchEmojiReactionsBy', id)
+      })
     },
-    unreactWithEmoji ({ rootState, dispatch, commit }, { id, emoji }) {
+    unreactWithEmoji({ rootState, dispatch, commit }, { id, emoji }) {
       const currentUser = rootState.users.currentUser
       if (!currentUser) return
 
       commit('removeOwnReaction', { id, emoji, currentUser })
-      rootState.api.backendInteractor.unreactWithEmoji({ id, emoji }).then(
-        () => {
+      rootState.api.backendInteractor
+        .unreactWithEmoji({ id, emoji })
+        .then(() => {
           dispatch('fetchEmojiReactionsBy', id)
-        }
-      )
+        })
     },
-    fetchEmojiReactionsBy ({ rootState, commit }, id) {
-      return rootState.api.backendInteractor.fetchEmojiReactions({ id }).then(
-        emojiReactions => {
-          commit('addEmojiReactionsBy', { id, emojiReactions, currentUser: rootState.users.currentUser })
-        }
-      )
+    fetchEmojiReactionsBy({ rootState, commit }, id) {
+      return rootState.api.backendInteractor
+        .fetchEmojiReactions({ id })
+        .then((emojiReactions) => {
+          commit('addEmojiReactionsBy', {
+            id,
+            emojiReactions,
+            currentUser: rootState.users.currentUser,
+          })
+        })
     },
-    fetchFavs ({ rootState, commit }, id) {
-      rootState.api.backendInteractor.fetchFavoritedByUsers({ id })
-        .then(favoritedByUsers => commit('addFavs', { id, favoritedByUsers, currentUser: rootState.users.currentUser }))
+    fetchFavs({ rootState, commit }, id) {
+      rootState.api.backendInteractor
+        .fetchFavoritedByUsers({ id })
+        .then((favoritedByUsers) =>
+          commit('addFavs', {
+            id,
+            favoritedByUsers,
+            currentUser: rootState.users.currentUser,
+          }),
+        )
     },
-    fetchRepeats ({ rootState, commit }, id) {
-      rootState.api.backendInteractor.fetchRebloggedByUsers({ id })
-        .then(rebloggedByUsers => commit('addRepeats', { id, rebloggedByUsers, currentUser: rootState.users.currentUser }))
+    fetchRepeats({ rootState, commit }, id) {
+      rootState.api.backendInteractor
+        .fetchRebloggedByUsers({ id })
+        .then((rebloggedByUsers) =>
+          commit('addRepeats', {
+            id,
+            rebloggedByUsers,
+            currentUser: rootState.users.currentUser,
+          }),
+        )
     },
-    search (store, { q, resolve, limit, offset, following, type }) {
-      return store.rootState.api.backendInteractor.search2({ q, resolve, limit, offset, following, type })
+    search(store, { q, resolve, limit, offset, following, type }) {
+      return store.rootState.api.backendInteractor
+        .search2({ q, resolve, limit, offset, following, type })
         .then((data) => {
           store.commit('addNewUsers', data.accounts)
-          store.commit('addNewUsers', data.statuses.map(s => s.user).filter(u => u))
+          store.commit(
+            'addNewUsers',
+            data.statuses.map((s) => s.user).filter((u) => u),
+          )
           store.commit('addNewStatuses', { statuses: data.statuses })
           return data
         })
     },
-    setVirtualHeight ({ commit }, { statusId, height }) {
+    setVirtualHeight({ commit }, { statusId, height }) {
       commit('setVirtualHeight', { statusId, height })
-    }
+    },
   },
-  mutations
+  mutations,
 }
 
 export default statuses
diff --git a/src/modules/users.js b/src/modules/users.js
index 5563a280e..31e6b7411 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -1,10 +1,25 @@
-import { compact, map, each, mergeWith, last, concat, uniq, isArray } from 'lodash'
+import {
+  compact,
+  map,
+  each,
+  mergeWith,
+  last,
+  concat,
+  uniq,
+  isArray,
+} from 'lodash'
 
 import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
-import { windowWidth, windowHeight } from '../services/window_utils/window_utils'
+import {
+  windowWidth,
+  windowHeight,
+} from '../services/window_utils/window_utils'
 import apiService from '../services/api/api.service.js'
 import oauthApi from '../services/new_api/oauth.js'
-import { registerPushNotifications, unregisterPushNotifications } from '../services/sw/sw.js'
+import {
+  registerPushNotifications,
+  unregisterPushNotifications,
+} from '../services/sw/sw.js'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
@@ -14,7 +29,9 @@ import { declarations } from 'src/modules/config_declaration'
 
 // TODO: Unify with mergeOrAdd in statuses.js
 export const mergeOrAdd = (arr, obj, item) => {
-  if (!item) { return false }
+  if (!item) {
+    return false
+  }
   const oldItem = obj[item.id]
   if (oldItem) {
     // We already have this, so only merge the new info.
@@ -39,7 +56,8 @@ const getNotificationPermission = () => {
   const Notification = window.Notification
 
   if (!Notification) return Promise.resolve(null)
-  if (Notification.permission === 'default') return Notification.requestPermission()
+  if (Notification.permission === 'default')
+    return Notification.requestPermission()
   return Promise.resolve(Notification.permission)
 }
 
@@ -51,30 +69,43 @@ const blockUser = (store, args) => {
   store.commit('updateUserRelationship', [predictedRelationship])
   store.commit('addBlockId', id)
 
-  return store.rootState.api.backendInteractor.blockUser({ id, expiresIn })
+  return store.rootState.api.backendInteractor
+    .blockUser({ id, expiresIn })
     .then((relationship) => {
       store.commit('updateUserRelationship', [relationship])
       store.commit('addBlockId', id)
 
       store.commit('removeStatus', { timeline: 'friends', userId: id })
       store.commit('removeStatus', { timeline: 'public', userId: id })
-      store.commit('removeStatus', { timeline: 'publicAndExternal', userId: id })
+      store.commit('removeStatus', {
+        timeline: 'publicAndExternal',
+        userId: id,
+      })
     })
 }
 
 const unblockUser = (store, id) => {
-  return store.rootState.api.backendInteractor.unblockUser({ id })
-    .then((relationship) => store.commit('updateUserRelationship', [relationship]))
+  return store.rootState.api.backendInteractor
+    .unblockUser({ id })
+    .then((relationship) =>
+      store.commit('updateUserRelationship', [relationship]),
+    )
 }
 
 const removeUserFromFollowers = (store, id) => {
-  return store.rootState.api.backendInteractor.removeUserFromFollowers({ id })
-    .then((relationship) => store.commit('updateUserRelationship', [relationship]))
+  return store.rootState.api.backendInteractor
+    .removeUserFromFollowers({ id })
+    .then((relationship) =>
+      store.commit('updateUserRelationship', [relationship]),
+    )
 }
 
 const editUserNote = (store, { id, comment }) => {
-  return store.rootState.api.backendInteractor.editUserNote({ id, comment })
-    .then((relationship) => store.commit('updateUserRelationship', [relationship]))
+  return store.rootState.api.backendInteractor
+    .editUserNote({ id, comment })
+    .then((relationship) =>
+      store.commit('updateUserRelationship', [relationship]),
+    )
 }
 
 const muteUser = (store, args) => {
@@ -85,7 +116,8 @@ const muteUser = (store, args) => {
   store.commit('updateUserRelationship', [predictedRelationship])
   store.commit('addMuteId', id)
 
-  return store.rootState.api.backendInteractor.muteUser({ id, expiresIn })
+  return store.rootState.api.backendInteractor
+    .muteUser({ id, expiresIn })
     .then((relationship) => {
       store.commit('updateUserRelationship', [relationship])
       store.commit('addMuteId', id)
@@ -97,92 +129,105 @@ const unmuteUser = (store, id) => {
   predictedRelationship.muting = false
   store.commit('updateUserRelationship', [predictedRelationship])
 
-  return store.rootState.api.backendInteractor.unmuteUser({ id })
-    .then((relationship) => store.commit('updateUserRelationship', [relationship]))
+  return store.rootState.api.backendInteractor
+    .unmuteUser({ id })
+    .then((relationship) =>
+      store.commit('updateUserRelationship', [relationship]),
+    )
 }
 
 const hideReblogs = (store, userId) => {
-  return store.rootState.api.backendInteractor.followUser({ id: userId, reblogs: false })
+  return store.rootState.api.backendInteractor
+    .followUser({ id: userId, reblogs: false })
     .then((relationship) => {
       store.commit('updateUserRelationship', [relationship])
     })
 }
 
 const showReblogs = (store, userId) => {
-  return store.rootState.api.backendInteractor.followUser({ id: userId, reblogs: true })
-    .then((relationship) => store.commit('updateUserRelationship', [relationship]))
+  return store.rootState.api.backendInteractor
+    .followUser({ id: userId, reblogs: true })
+    .then((relationship) =>
+      store.commit('updateUserRelationship', [relationship]),
+    )
 }
 
 const muteDomain = (store, domain) => {
-  return store.rootState.api.backendInteractor.muteDomain({ domain })
+  return store.rootState.api.backendInteractor
+    .muteDomain({ domain })
     .then(() => store.commit('addDomainMute', domain))
 }
 
 const unmuteDomain = (store, domain) => {
-  return store.rootState.api.backendInteractor.unmuteDomain({ domain })
+  return store.rootState.api.backendInteractor
+    .unmuteDomain({ domain })
     .then(() => store.commit('removeDomainMute', domain))
 }
 
 export const mutations = {
-  tagUser (state, { user: { id }, tag }) {
+  tagUser(state, { user: { id }, tag }) {
     const user = state.usersObject[id]
     const tags = user.tags || []
     const newTags = tags.concat([tag])
     user.tags = newTags
   },
-  untagUser (state, { user: { id }, tag }) {
+  untagUser(state, { user: { id }, tag }) {
     const user = state.usersObject[id]
     const tags = user.tags || []
-    const newTags = tags.filter(t => t !== tag)
+    const newTags = tags.filter((t) => t !== tag)
     user.tags = newTags
   },
-  updateRight (state, { user: { id }, right, value }) {
+  updateRight(state, { user: { id }, right, value }) {
     const user = state.usersObject[id]
     const newRights = user.rights
     newRights[right] = value
     user.rights = newRights
   },
-  updateActivationStatus (state, { user: { id }, deactivated }) {
+  updateActivationStatus(state, { user: { id }, deactivated }) {
     const user = state.usersObject[id]
     user.deactivated = deactivated
   },
-  setCurrentUser (state, user) {
+  setCurrentUser(state, user) {
     state.lastLoginName = user.screen_name
-    state.currentUser = mergeWith(state.currentUser || {}, user, mergeArrayLength)
+    state.currentUser = mergeWith(
+      state.currentUser || {},
+      user,
+      mergeArrayLength,
+    )
   },
-  clearCurrentUser (state) {
+  clearCurrentUser(state) {
     state.currentUser = false
     state.lastLoginName = false
   },
-  beginLogin (state) {
+  beginLogin(state) {
     state.loggingIn = true
   },
-  endLogin (state) {
+  endLogin(state) {
     state.loggingIn = false
   },
-  saveFriendIds (state, { id, friendIds }) {
+  saveFriendIds(state, { id, friendIds }) {
     const user = state.usersObject[id]
     user.friendIds = uniq(concat(user.friendIds || [], friendIds))
   },
-  saveFollowerIds (state, { id, followerIds }) {
+  saveFollowerIds(state, { id, followerIds }) {
     const user = state.usersObject[id]
     user.followerIds = uniq(concat(user.followerIds || [], followerIds))
   },
   // Because frontend doesn't have a reason to keep these stuff in memory
   // outside of viewing someones user profile.
-  clearFriends (state, userId) {
+  clearFriends(state, userId) {
     const user = state.usersObject[userId]
     if (user) {
       user.friendIds = []
     }
   },
-  clearFollowers (state, userId) {
+  clearFollowers(state, userId) {
     const user = state.usersObject[userId]
     if (user) {
       user.followerIds = []
     }
   },
-  addNewUsers (state, users) {
+  addNewUsers(state, users) {
     each(users, (user) => {
       if (user.relationship) {
         state.relationships[user.relationship.id] = user.relationship
@@ -194,51 +239,51 @@ export const mutations = {
       }
     })
   },
-  updateUserRelationship (state, relationships) {
+  updateUserRelationship(state, relationships) {
     relationships.forEach((relationship) => {
       state.relationships[relationship.id] = relationship
     })
   },
-  updateUserInLists (state, { id, inLists }) {
+  updateUserInLists(state, { id, inLists }) {
     state.usersObject[id].inLists = inLists
   },
-  saveBlockIds (state, blockIds) {
+  saveBlockIds(state, blockIds) {
     state.currentUser.blockIds = blockIds
   },
-  addBlockId (state, blockId) {
+  addBlockId(state, blockId) {
     if (state.currentUser.blockIds.indexOf(blockId) === -1) {
       state.currentUser.blockIds.push(blockId)
     }
   },
-  setBlockIdsMaxId (state, blockIdsMaxId) {
+  setBlockIdsMaxId(state, blockIdsMaxId) {
     state.currentUser.blockIdsMaxId = blockIdsMaxId
   },
-  saveMuteIds (state, muteIds) {
+  saveMuteIds(state, muteIds) {
     state.currentUser.muteIds = muteIds
   },
-  setMuteIdsMaxId (state, muteIdsMaxId) {
+  setMuteIdsMaxId(state, muteIdsMaxId) {
     state.currentUser.muteIdsMaxId = muteIdsMaxId
   },
-  addMuteId (state, muteId) {
+  addMuteId(state, muteId) {
     if (state.currentUser.muteIds.indexOf(muteId) === -1) {
       state.currentUser.muteIds.push(muteId)
     }
   },
-  saveDomainMutes (state, domainMutes) {
+  saveDomainMutes(state, domainMutes) {
     state.currentUser.domainMutes = domainMutes
   },
-  addDomainMute (state, domain) {
+  addDomainMute(state, domain) {
     if (state.currentUser.domainMutes.indexOf(domain) === -1) {
       state.currentUser.domainMutes.push(domain)
     }
   },
-  removeDomainMute (state, domain) {
+  removeDomainMute(state, domain) {
     const index = state.currentUser.domainMutes.indexOf(domain)
     if (index !== -1) {
       state.currentUser.domainMutes.splice(index, 1)
     }
   },
-  setPinnedToUser (state, status) {
+  setPinnedToUser(state, status) {
     const user = state.usersObject[status.user.id]
     user.pinnedStatusIds = user.pinnedStatusIds || []
     const index = user.pinnedStatusIds.indexOf(status.id)
@@ -249,55 +294,57 @@ export const mutations = {
       user.pinnedStatusIds.splice(index, 1)
     }
   },
-  setUserForStatus (state, status) {
+  setUserForStatus(state, status) {
     status.user = state.usersObject[status.user.id]
   },
-  setUserForNotification (state, notification) {
+  setUserForNotification(state, notification) {
     if (notification.type !== 'follow') {
       notification.action.user = state.usersObject[notification.action.user.id]
     }
     notification.from_profile = state.usersObject[notification.from_profile.id]
   },
-  setColor (state, { user: { id }, highlighted }) {
+  setColor(state, { user: { id }, highlighted }) {
     const user = state.usersObject[id]
     user.highlight = highlighted
   },
-  signUpPending (state) {
+  signUpPending(state) {
     state.signUpPending = true
     state.signUpErrors = []
     state.signUpNotice = {}
   },
-  signUpSuccess (state) {
+  signUpSuccess(state) {
     state.signUpPending = false
   },
-  signUpFailure (state, errors) {
+  signUpFailure(state, errors) {
     state.signUpPending = false
     state.signUpErrors = errors
     state.signUpNotice = {}
   },
-  signUpNotice (state, notice) {
+  signUpNotice(state, notice) {
     state.signUpPending = false
     state.signUpErrors = []
     state.signUpNotice = notice
-  }
+  },
 }
 
 export const getters = {
-  findUser: state => query => {
+  findUser: (state) => (query) => {
     return state.usersObject[query]
   },
-  findUserByName: state => query => {
+  findUserByName: (state) => (query) => {
     return state.usersByNameObject[query.toLowerCase()]
   },
-  findUserByUrl: state => query => {
-    return state.users
-      .find(u => u.statusnet_profile_url &&
-            u.statusnet_profile_url.toLowerCase() === query.toLowerCase())
+  findUserByUrl: (state) => (query) => {
+    return state.users.find(
+      (u) =>
+        u.statusnet_profile_url &&
+        u.statusnet_profile_url.toLowerCase() === query.toLowerCase(),
+    )
   },
-  relationship: state => id => {
+  relationship: (state) => (id) => {
     const rel = id && state.relationships[id]
     return rel || { id, loading: true }
-  }
+  },
 }
 
 export const defaultState = {
@@ -310,7 +357,7 @@ export const defaultState = {
   signUpPending: false,
   signUpErrors: [],
   signUpNotice: {},
-  relationships: {}
+  relationships: {},
 }
 
 const users = {
@@ -318,47 +365,54 @@ const users = {
   mutations,
   getters,
   actions: {
-    fetchUserIfMissing (store, id) {
+    fetchUserIfMissing(store, id) {
       if (!store.getters.findUser(id)) {
         store.dispatch('fetchUser', id)
       }
     },
-    fetchUser (store, id) {
-      return store.rootState.api.backendInteractor.fetchUser({ id })
+    fetchUser(store, id) {
+      return store.rootState.api.backendInteractor
+        .fetchUser({ id })
         .then((user) => {
           store.commit('addNewUsers', [user])
           return user
         })
     },
-    fetchUserByName (store, name) {
-      return store.rootState.api.backendInteractor.fetchUserByName({ name })
+    fetchUserByName(store, name) {
+      return store.rootState.api.backendInteractor
+        .fetchUserByName({ name })
         .then((user) => {
           store.commit('addNewUsers', [user])
           return user
         })
     },
-    fetchUserRelationship (store, id) {
+    fetchUserRelationship(store, id) {
       if (store.state.currentUser) {
-        store.rootState.api.backendInteractor.fetchUserRelationship({ id })
-          .then((relationships) => store.commit('updateUserRelationship', relationships))
+        store.rootState.api.backendInteractor
+          .fetchUserRelationship({ id })
+          .then((relationships) =>
+            store.commit('updateUserRelationship', relationships),
+          )
       }
     },
-    fetchUserInLists (store, id) {
+    fetchUserInLists(store, id) {
       if (store.state.currentUser) {
-        store.rootState.api.backendInteractor.fetchUserInLists({ id })
+        store.rootState.api.backendInteractor
+          .fetchUserInLists({ id })
           .then((inLists) => store.commit('updateUserInLists', { id, inLists }))
       }
     },
-    fetchBlocks (store, args) {
+    fetchBlocks(store, args) {
       const { reset } = args || {}
 
       const maxId = store.state.currentUser.blockIdsMaxId
-      return store.rootState.api.backendInteractor.fetchBlocks({ maxId })
+      return store.rootState.api.backendInteractor
+        .fetchBlocks({ maxId })
         .then((blocks) => {
           if (reset) {
             store.commit('saveBlockIds', map(blocks, 'id'))
           } else {
-            map(blocks, 'id').map(id => store.commit('addBlockId', id))
+            map(blocks, 'id').map((id) => store.commit('addBlockId', id))
           }
           if (blocks.length) {
             store.commit('setBlockIdsMaxId', last(blocks).id)
@@ -367,34 +421,35 @@ const users = {
           return blocks
         })
     },
-    blockUser (store, data) {
+    blockUser(store, data) {
       return blockUser(store, data)
     },
-    unblockUser (store, data) {
+    unblockUser(store, data) {
       return unblockUser(store, data)
     },
-    removeUserFromFollowers (store, id) {
+    removeUserFromFollowers(store, id) {
       return removeUserFromFollowers(store, id)
     },
-    blockUsers (store, data = []) {
-      return Promise.all(data.map(d => blockUser(store, d)))
+    blockUsers(store, data = []) {
+      return Promise.all(data.map((d) => blockUser(store, d)))
     },
-    unblockUsers (store, data = []) {
-      return Promise.all(data.map(d => unblockUser(store, d)))
+    unblockUsers(store, data = []) {
+      return Promise.all(data.map((d) => unblockUser(store, d)))
     },
-    editUserNote (store, args) {
+    editUserNote(store, args) {
       return editUserNote(store, args)
     },
-    fetchMutes (store, args) {
+    fetchMutes(store, args) {
       const { reset } = args || {}
 
       const maxId = store.state.currentUser.muteIdsMaxId
-      return store.rootState.api.backendInteractor.fetchMutes({ maxId })
+      return store.rootState.api.backendInteractor
+        .fetchMutes({ maxId })
         .then((mutes) => {
           if (reset) {
             store.commit('saveMuteIds', map(mutes, 'id'))
           } else {
-            map(mutes, 'id').map(id => store.commit('addMuteId', id))
+            map(mutes, 'id').map((id) => store.commit('addMuteId', id))
           }
           if (mutes.length) {
             store.commit('setMuteIdsMaxId', last(mutes).id)
@@ -403,99 +458,118 @@ const users = {
           return mutes
         })
     },
-    muteUser (store, data) {
+    muteUser(store, data) {
       return muteUser(store, data)
     },
-    unmuteUser (store, id) {
+    unmuteUser(store, id) {
       return unmuteUser(store, id)
     },
-    hideReblogs (store, id) {
+    hideReblogs(store, id) {
       return hideReblogs(store, id)
     },
-    showReblogs (store, id) {
+    showReblogs(store, id) {
       return showReblogs(store, id)
     },
-    muteUsers (store, data = []) {
-      return Promise.all(data.map(d => muteUser(store, d)))
+    muteUsers(store, data = []) {
+      return Promise.all(data.map((d) => muteUser(store, d)))
     },
-    unmuteUsers (store, ids = []) {
-      return Promise.all(ids.map(d => unmuteUser(store, d)))
+    unmuteUsers(store, ids = []) {
+      return Promise.all(ids.map((d) => unmuteUser(store, d)))
     },
-    fetchDomainMutes (store) {
-      return store.rootState.api.backendInteractor.fetchDomainMutes()
+    fetchDomainMutes(store) {
+      return store.rootState.api.backendInteractor
+        .fetchDomainMutes()
         .then((domainMutes) => {
           store.commit('saveDomainMutes', domainMutes)
           return domainMutes
         })
     },
-    muteDomain (store, domain) {
+    muteDomain(store, domain) {
       return muteDomain(store, domain)
     },
-    unmuteDomain (store, domain) {
+    unmuteDomain(store, domain) {
       return unmuteDomain(store, domain)
     },
-    muteDomains (store, domains = []) {
-      return Promise.all(domains.map(domain => muteDomain(store, domain)))
+    muteDomains(store, domains = []) {
+      return Promise.all(domains.map((domain) => muteDomain(store, domain)))
     },
-    unmuteDomains (store, domain = []) {
-      return Promise.all(domain.map(domain => unmuteDomain(store, domain)))
+    unmuteDomains(store, domain = []) {
+      return Promise.all(domain.map((domain) => unmuteDomain(store, domain)))
     },
-    fetchFriends ({ rootState, commit }, id) {
+    fetchFriends({ rootState, commit }, id) {
       const user = rootState.users.usersObject[id]
       const maxId = last(user.friendIds)
-      return rootState.api.backendInteractor.fetchFriends({ id, maxId })
+      return rootState.api.backendInteractor
+        .fetchFriends({ id, maxId })
         .then((friends) => {
           commit('addNewUsers', friends)
           commit('saveFriendIds', { id, friendIds: map(friends, 'id') })
           return friends
         })
     },
-    fetchFollowers ({ rootState, commit }, id) {
+    fetchFollowers({ rootState, commit }, id) {
       const user = rootState.users.usersObject[id]
       const maxId = last(user.followerIds)
-      return rootState.api.backendInteractor.fetchFollowers({ id, maxId })
+      return rootState.api.backendInteractor
+        .fetchFollowers({ id, maxId })
         .then((followers) => {
           commit('addNewUsers', followers)
           commit('saveFollowerIds', { id, followerIds: map(followers, 'id') })
           return followers
         })
     },
-    clearFriends ({ commit }, userId) {
+    clearFriends({ commit }, userId) {
       commit('clearFriends', userId)
     },
-    clearFollowers ({ commit }, userId) {
+    clearFollowers({ commit }, userId) {
       commit('clearFollowers', userId)
     },
-    subscribeUser ({ rootState, commit }, id) {
-      return rootState.api.backendInteractor.followUser({ id, notify: true })
-        .then((relationship) => commit('updateUserRelationship', [relationship]))
+    subscribeUser({ rootState, commit }, id) {
+      return rootState.api.backendInteractor
+        .followUser({ id, notify: true })
+        .then((relationship) =>
+          commit('updateUserRelationship', [relationship]),
+        )
     },
-    unsubscribeUser ({ rootState, commit }, id) {
-      return rootState.api.backendInteractor.followUser({ id, notify: false })
-        .then((relationship) => commit('updateUserRelationship', [relationship]))
+    unsubscribeUser({ rootState, commit }, id) {
+      return rootState.api.backendInteractor
+        .followUser({ id, notify: false })
+        .then((relationship) =>
+          commit('updateUserRelationship', [relationship]),
+        )
     },
-    toggleActivationStatus ({ rootState, commit }, { user }) {
-      const api = user.deactivated ? rootState.api.backendInteractor.activateUser : rootState.api.backendInteractor.deactivateUser
-      api({ user })
-        .then((user) => { const deactivated = !user.is_active; commit('updateActivationStatus', { user, deactivated }) })
+    toggleActivationStatus({ rootState, commit }, { user }) {
+      const api = user.deactivated
+        ? rootState.api.backendInteractor.activateUser
+        : rootState.api.backendInteractor.deactivateUser
+      api({ user }).then((user) => {
+        const deactivated = !user.is_active
+        commit('updateActivationStatus', { user, deactivated })
+      })
     },
-    registerPushNotifications (store) {
+    registerPushNotifications(store) {
       const token = store.state.currentUser.credentials
       const vapidPublicKey = store.rootState.instance.vapidPublicKey
       const isEnabled = store.rootState.config.webPushNotifications
-      const notificationVisibility = store.rootState.config.notificationVisibility
+      const notificationVisibility =
+        store.rootState.config.notificationVisibility
 
-      registerPushNotifications(isEnabled, vapidPublicKey, token, notificationVisibility)
+      registerPushNotifications(
+        isEnabled,
+        vapidPublicKey,
+        token,
+        notificationVisibility,
+      )
     },
-    unregisterPushNotifications (store) {
+    unregisterPushNotifications(store) {
       const token = store.state.currentUser.credentials
 
       unregisterPushNotifications(token)
     },
-    addNewUsers ({ commit }, users) {
+    addNewUsers({ commit }, users) {
       commit('addNewUsers', users)
     },
-    addNewStatuses (store, { statuses }) {
+    addNewStatuses(store, { statuses }) {
       const users = map(statuses, 'user')
       const retweetedUsers = compact(map(statuses, 'retweeted_status.user'))
       store.commit('addNewUsers', users)
@@ -514,10 +588,10 @@ const users = {
         store.commit('setPinnedToUser', status)
       })
     },
-    addNewNotifications (store, { notifications }) {
+    addNewNotifications(store, { notifications }) {
       const users = map(notifications, 'from_profile')
-      const targetUsers = map(notifications, 'target').filter(_ => _)
-      const notificationIds = notifications.map(_ => _.id)
+      const targetUsers = map(notifications, 'target').filter((_) => _)
+      const notificationIds = notifications.map((_) => _.id)
       store.commit('addNewUsers', users)
       store.commit('addNewUsers', targetUsers)
 
@@ -531,29 +605,32 @@ const users = {
         store.commit('setUserForNotification', notification)
       })
     },
-    searchUsers ({ rootState, commit }, { query }) {
-      return rootState.api.backendInteractor.searchUsers({ query })
+    searchUsers({ rootState, commit }, { query }) {
+      return rootState.api.backendInteractor
+        .searchUsers({ query })
         .then((users) => {
           commit('addNewUsers', users)
           return users
         })
     },
-    async signUp (store, userInfo) {
+    async signUp(store, userInfo) {
       const oauthStore = useOAuthStore()
       store.commit('signUpPending')
 
       try {
         const token = await oauthStore.ensureAppToken()
-        const data = await apiService.register(
-          { credentials: token, params: { ...userInfo } }
-        )
+        const data = await apiService.register({
+          credentials: token,
+          params: { ...userInfo },
+        })
 
         if (data.access_token) {
           store.commit('signUpSuccess')
           oauthStore.setToken(data.access_token)
           store.dispatch('loginUser', data.access_token)
           return 'ok'
-        } else { // Request succeeded, but user cannot login yet.
+        } else {
+          // Request succeeded, but user cannot login yet.
           store.commit('signUpNotice', data)
           return 'request_sent'
         }
@@ -563,22 +640,23 @@ const users = {
         throw e
       }
     },
-    async getCaptcha (store) {
+    async getCaptcha(store) {
       return store.rootState.api.backendInteractor.getCaptcha()
     },
 
-    logout (store) {
+    logout(store) {
       const oauth = useOAuthStore()
       const { instance } = store.rootState
 
       // NOTE: No need to verify the app still exists, because if it doesn't,
       // the token will be invalid too
-      return oauth.ensureApp()
+      return oauth
+        .ensureApp()
         .then((app) => {
           const params = {
             app,
             instance: instance.server,
-            token: oauth.userToken
+            token: oauth.userToken,
           }
 
           return oauthApi.revokeToken(params)
@@ -588,7 +666,10 @@ const users = {
           store.dispatch('disconnectFromSocket')
           oauth.clearToken()
           store.dispatch('stopFetchingTimeline', 'friends')
-          store.commit('setBackendInteractor', backendInteractorService(oauth.getToken))
+          store.commit(
+            'setBackendInteractor',
+            backendInteractorService(oauth.getToken),
+          )
           store.dispatch('stopFetchingNotifications')
           store.dispatch('stopFetchingLists')
           store.dispatch('stopFetchingBookmarkFolders')
@@ -602,13 +683,14 @@ const users = {
           store.commit('clearServerSideStorage')
         })
     },
-    loginUser (store, accessToken) {
+    loginUser(store, accessToken) {
       return new Promise((resolve, reject) => {
         const commit = store.commit
         const dispatch = store.dispatch
         const rootState = store.rootState
         commit('beginLogin')
-        store.rootState.api.backendInteractor.verifyCredentials(accessToken)
+        store.rootState.api.backendInteractor
+          .verifyCredentials(accessToken)
           .then((data) => {
             if (!data.error) {
               const user = data
@@ -624,11 +706,15 @@ const users = {
 
               dispatch('fetchEmoji')
 
-              getNotificationPermission()
-                .then(permission => useInterfaceStore().setNotificationPermission(permission))
+              getNotificationPermission().then((permission) =>
+                useInterfaceStore().setNotificationPermission(permission),
+              )
 
               // Set our new backend interactor
-              commit('setBackendInteractor', backendInteractorService(accessToken))
+              commit(
+                'setBackendInteractor',
+                backendInteractorService(accessToken),
+              )
 
               // Do server-side storage migrations
 
@@ -645,17 +731,23 @@ const users = {
               useServerSideStorageStore().setFlag({ flag: 'configMigration', value: 0 })
               /**/
 
-              const { configMigration } = useServerSideStorageStore().flagStorage
+              const { configMigration } =
+                useServerSideStorageStore().flagStorage
               declarations
-                .filter(x => {
-                  return x.store === 'server-side' &&
+                .filter((x) => {
+                  return (
+                    x.store === 'server-side' &&
                     x.migrationNum > 0 &&
                     x.migrationNum > configMigration
+                  )
                 })
                 .toSorted((a, b) => a.configMigration - b.configMigration)
-                .forEach(value => {
+                .forEach((value) => {
                   value.migration(useServerSideStorageStore(), store.rootState)
-                  useServerSideStorageStore().setFlag({ flag: 'configMigration', value: value.migrationNum })
+                  useServerSideStorageStore().setFlag({
+                    flag: 'configMigration',
+                    value: value.migrationNum,
+                  })
                   useServerSideStorageStore().pushServerSideStorage()
                 })
 
@@ -689,12 +781,20 @@ const users = {
               if (store.getters.mergedConfig.useStreamingApi) {
                 dispatch('fetchTimeline', { timeline: 'friends', since: null })
                 dispatch('fetchNotifications', { since: null })
-                dispatch('enableMastoSockets', true).catch((error) => {
-                  console.error('Failed initializing MastoAPI Streaming socket', error)
-                }).then(() => {
-                  dispatch('fetchChats', { latest: true })
-                  setTimeout(() => dispatch('setNotificationsSilence', false), 10000)
-                })
+                dispatch('enableMastoSockets', true)
+                  .catch((error) => {
+                    console.error(
+                      'Failed initializing MastoAPI Streaming socket',
+                      error,
+                    )
+                  })
+                  .then(() => {
+                    dispatch('fetchChats', { latest: true })
+                    setTimeout(
+                      () => dispatch('setNotificationsSilence', false),
+                      10000,
+                    )
+                  })
               } else {
                 startPolling()
               }
@@ -706,7 +806,8 @@ const users = {
               useInterfaceStore().setLayoutHeight(windowHeight())
 
               // Fetch our friends
-              store.rootState.api.backendInteractor.fetchFriends({ id: user.id })
+              store.rootState.api.backendInteractor
+                .fetchFriends({ id: user.id })
                 .then((friends) => commit('addNewUsers', friends))
             } else {
               const response = data.error
@@ -733,8 +834,8 @@ const users = {
             reject(new Error('Failed to connect to server, try again'))
           })
       })
-    }
-  }
+    },
+  },
 }
 
 export default users
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 219090890..1d0f0a842 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -1,5 +1,13 @@
 import { each, map, concat, last, get } from 'lodash'
-import { parseStatus, parseSource, parseUser, parseNotification, parseAttachment, parseChat, parseLinkHeaderPagination } from '../entity_normalizer/entity_normalizer.service.js'
+import {
+  parseStatus,
+  parseSource,
+  parseUser,
+  parseNotification,
+  parseAttachment,
+  parseChat,
+  parseLinkHeaderPagination,
+} from '../entity_normalizer/entity_normalizer.service.js'
 import { RegistrationError, StatusCodeError } from '../errors/errors'
 
 /* eslint-env browser */
@@ -12,7 +20,8 @@ const CHANGE_PASSWORD_URL = '/api/pleroma/change_password'
 const MOVE_ACCOUNT_URL = '/api/pleroma/move_account'
 const ALIASES_URL = '/api/pleroma/aliases'
 const TAG_USER_URL = '/api/pleroma/admin/users/tag'
-const PERMISSION_GROUP_URL = (screenName, right) => `/api/pleroma/admin/users/${screenName}/permission_group/${right}`
+const PERMISSION_GROUP_URL = (screenName, right) =>
+  `/api/pleroma/admin/users/${screenName}/permission_group/${right}`
 const ACTIVATE_USER_URL = '/api/pleroma/admin/users/activate'
 const DEACTIVATE_USER_URL = '/api/pleroma/admin/users/deactivate'
 const ADMIN_USERS_URL = '/api/v1/pleroma/admin/users'
@@ -31,59 +40,65 @@ const MASTODON_LOGIN_URL = '/api/v1/accounts/verify_credentials'
 const MASTODON_REGISTRATION_URL = '/api/v1/accounts'
 const MASTODON_USER_FAVORITES_TIMELINE_URL = '/api/v1/favourites'
 const MASTODON_USER_NOTIFICATIONS_URL = '/api/v1/notifications'
-const MASTODON_DISMISS_NOTIFICATION_URL = id => `/api/v1/notifications/${id}/dismiss`
-const MASTODON_FAVORITE_URL = id => `/api/v1/statuses/${id}/favourite`
-const MASTODON_UNFAVORITE_URL = id => `/api/v1/statuses/${id}/unfavourite`
-const MASTODON_RETWEET_URL = id => `/api/v1/statuses/${id}/reblog`
-const MASTODON_UNRETWEET_URL = id => `/api/v1/statuses/${id}/unreblog`
-const MASTODON_DELETE_URL = id => `/api/v1/statuses/${id}`
-const MASTODON_FOLLOW_URL = id => `/api/v1/accounts/${id}/follow`
-const MASTODON_UNFOLLOW_URL = id => `/api/v1/accounts/${id}/unfollow`
-const MASTODON_FOLLOWING_URL = id => `/api/v1/accounts/${id}/following`
-const MASTODON_FOLLOWERS_URL = id => `/api/v1/accounts/${id}/followers`
+const MASTODON_DISMISS_NOTIFICATION_URL = (id) =>
+  `/api/v1/notifications/${id}/dismiss`
+const MASTODON_FAVORITE_URL = (id) => `/api/v1/statuses/${id}/favourite`
+const MASTODON_UNFAVORITE_URL = (id) => `/api/v1/statuses/${id}/unfavourite`
+const MASTODON_RETWEET_URL = (id) => `/api/v1/statuses/${id}/reblog`
+const MASTODON_UNRETWEET_URL = (id) => `/api/v1/statuses/${id}/unreblog`
+const MASTODON_DELETE_URL = (id) => `/api/v1/statuses/${id}`
+const MASTODON_FOLLOW_URL = (id) => `/api/v1/accounts/${id}/follow`
+const MASTODON_UNFOLLOW_URL = (id) => `/api/v1/accounts/${id}/unfollow`
+const MASTODON_FOLLOWING_URL = (id) => `/api/v1/accounts/${id}/following`
+const MASTODON_FOLLOWERS_URL = (id) => `/api/v1/accounts/${id}/followers`
 const MASTODON_FOLLOW_REQUESTS_URL = '/api/v1/follow_requests'
-const MASTODON_APPROVE_USER_URL = id => `/api/v1/follow_requests/${id}/authorize`
-const MASTODON_DENY_USER_URL = id => `/api/v1/follow_requests/${id}/reject`
+const MASTODON_APPROVE_USER_URL = (id) =>
+  `/api/v1/follow_requests/${id}/authorize`
+const MASTODON_DENY_USER_URL = (id) => `/api/v1/follow_requests/${id}/reject`
 const MASTODON_DIRECT_MESSAGES_TIMELINE_URL = '/api/v1/timelines/direct'
 const MASTODON_PUBLIC_TIMELINE = '/api/v1/timelines/public'
 const MASTODON_USER_HOME_TIMELINE_URL = '/api/v1/timelines/home'
-const MASTODON_STATUS_URL = id => `/api/v1/statuses/${id}`
-const MASTODON_STATUS_CONTEXT_URL = id => `/api/v1/statuses/${id}/context`
-const MASTODON_STATUS_SOURCE_URL = id => `/api/v1/statuses/${id}/source`
-const MASTODON_STATUS_HISTORY_URL = id => `/api/v1/statuses/${id}/history`
+const MASTODON_STATUS_URL = (id) => `/api/v1/statuses/${id}`
+const MASTODON_STATUS_CONTEXT_URL = (id) => `/api/v1/statuses/${id}/context`
+const MASTODON_STATUS_SOURCE_URL = (id) => `/api/v1/statuses/${id}/source`
+const MASTODON_STATUS_HISTORY_URL = (id) => `/api/v1/statuses/${id}/history`
 const MASTODON_USER_URL = '/api/v1/accounts'
 const MASTODON_USER_LOOKUP_URL = '/api/v1/accounts/lookup'
 const MASTODON_USER_RELATIONSHIPS_URL = '/api/v1/accounts/relationships'
-const MASTODON_USER_TIMELINE_URL = id => `/api/v1/accounts/${id}/statuses`
-const MASTODON_USER_IN_LISTS = id => `/api/v1/accounts/${id}/lists`
-const MASTODON_LIST_URL = id => `/api/v1/lists/${id}`
-const MASTODON_LIST_TIMELINE_URL = id => `/api/v1/timelines/list/${id}`
-const MASTODON_LIST_ACCOUNTS_URL = id => `/api/v1/lists/${id}/accounts`
-const MASTODON_TAG_TIMELINE_URL = tag => `/api/v1/timelines/tag/${tag}`
+const MASTODON_USER_TIMELINE_URL = (id) => `/api/v1/accounts/${id}/statuses`
+const MASTODON_USER_IN_LISTS = (id) => `/api/v1/accounts/${id}/lists`
+const MASTODON_LIST_URL = (id) => `/api/v1/lists/${id}`
+const MASTODON_LIST_TIMELINE_URL = (id) => `/api/v1/timelines/list/${id}`
+const MASTODON_LIST_ACCOUNTS_URL = (id) => `/api/v1/lists/${id}/accounts`
+const MASTODON_TAG_TIMELINE_URL = (tag) => `/api/v1/timelines/tag/${tag}`
 const MASTODON_BOOKMARK_TIMELINE_URL = '/api/v1/bookmarks'
 const AKKOMA_BUBBLE_TIMELINE_URL = '/api/v1/timelines/bubble'
 const MASTODON_USER_BLOCKS_URL = '/api/v1/blocks/'
 const MASTODON_USER_MUTES_URL = '/api/v1/mutes/'
-const MASTODON_BLOCK_USER_URL = id => `/api/v1/accounts/${id}/block`
-const MASTODON_UNBLOCK_USER_URL = id => `/api/v1/accounts/${id}/unblock`
-const MASTODON_MUTE_USER_URL = id => `/api/v1/accounts/${id}/mute`
-const MASTODON_UNMUTE_USER_URL = id => `/api/v1/accounts/${id}/unmute`
-const MASTODON_REMOVE_USER_FROM_FOLLOWERS = id => `/api/v1/accounts/${id}/remove_from_followers`
-const MASTODON_USER_NOTE_URL = id => `/api/v1/accounts/${id}/note`
-const MASTODON_BOOKMARK_STATUS_URL = id => `/api/v1/statuses/${id}/bookmark`
-const MASTODON_UNBOOKMARK_STATUS_URL = id => `/api/v1/statuses/${id}/unbookmark`
+const MASTODON_BLOCK_USER_URL = (id) => `/api/v1/accounts/${id}/block`
+const MASTODON_UNBLOCK_USER_URL = (id) => `/api/v1/accounts/${id}/unblock`
+const MASTODON_MUTE_USER_URL = (id) => `/api/v1/accounts/${id}/mute`
+const MASTODON_UNMUTE_USER_URL = (id) => `/api/v1/accounts/${id}/unmute`
+const MASTODON_REMOVE_USER_FROM_FOLLOWERS = (id) =>
+  `/api/v1/accounts/${id}/remove_from_followers`
+const MASTODON_USER_NOTE_URL = (id) => `/api/v1/accounts/${id}/note`
+const MASTODON_BOOKMARK_STATUS_URL = (id) => `/api/v1/statuses/${id}/bookmark`
+const MASTODON_UNBOOKMARK_STATUS_URL = (id) =>
+  `/api/v1/statuses/${id}/unbookmark`
 const MASTODON_POST_STATUS_URL = '/api/v1/statuses'
 const MASTODON_MEDIA_UPLOAD_URL = '/api/v1/media'
-const MASTODON_VOTE_URL = id => `/api/v1/polls/${id}/votes`
-const MASTODON_POLL_URL = id => `/api/v1/polls/${id}`
-const MASTODON_STATUS_FAVORITEDBY_URL = id => `/api/v1/statuses/${id}/favourited_by`
-const MASTODON_STATUS_REBLOGGEDBY_URL = id => `/api/v1/statuses/${id}/reblogged_by`
+const MASTODON_VOTE_URL = (id) => `/api/v1/polls/${id}/votes`
+const MASTODON_POLL_URL = (id) => `/api/v1/polls/${id}`
+const MASTODON_STATUS_FAVORITEDBY_URL = (id) =>
+  `/api/v1/statuses/${id}/favourited_by`
+const MASTODON_STATUS_REBLOGGEDBY_URL = (id) =>
+  `/api/v1/statuses/${id}/reblogged_by`
 const MASTODON_PROFILE_UPDATE_URL = '/api/v1/accounts/update_credentials'
 const MASTODON_REPORT_USER_URL = '/api/v1/reports'
-const MASTODON_PIN_OWN_STATUS = id => `/api/v1/statuses/${id}/pin`
-const MASTODON_UNPIN_OWN_STATUS = id => `/api/v1/statuses/${id}/unpin`
-const MASTODON_MUTE_CONVERSATION = id => `/api/v1/statuses/${id}/mute`
-const MASTODON_UNMUTE_CONVERSATION = id => `/api/v1/statuses/${id}/unmute`
+const MASTODON_PIN_OWN_STATUS = (id) => `/api/v1/statuses/${id}/pin`
+const MASTODON_UNPIN_OWN_STATUS = (id) => `/api/v1/statuses/${id}/unpin`
+const MASTODON_MUTE_CONVERSATION = (id) => `/api/v1/statuses/${id}/mute`
+const MASTODON_UNMUTE_CONVERSATION = (id) => `/api/v1/statuses/${id}/unmute`
 const MASTODON_SEARCH_2 = '/api/v2/search'
 const MASTODON_USER_SEARCH_URL = '/api/v1/accounts/search'
 const MASTODON_DOMAIN_BLOCKS_URL = '/api/v1/domain_blocks'
@@ -91,41 +106,57 @@ const MASTODON_LISTS_URL = '/api/v1/lists'
 const MASTODON_STREAMING = '/api/v1/streaming'
 const MASTODON_KNOWN_DOMAIN_LIST_URL = '/api/v1/instance/peers'
 const MASTODON_ANNOUNCEMENTS_URL = '/api/v1/announcements'
-const MASTODON_ANNOUNCEMENTS_DISMISS_URL = id => `/api/v1/announcements/${id}/dismiss`
-const PLEROMA_EMOJI_REACTIONS_URL = id => `/api/v1/pleroma/statuses/${id}/reactions`
-const PLEROMA_EMOJI_REACT_URL = (id, emoji) => `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
-const PLEROMA_EMOJI_UNREACT_URL = (id, emoji) => `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
+const MASTODON_ANNOUNCEMENTS_DISMISS_URL = (id) =>
+  `/api/v1/announcements/${id}/dismiss`
+const PLEROMA_EMOJI_REACTIONS_URL = (id) =>
+  `/api/v1/pleroma/statuses/${id}/reactions`
+const PLEROMA_EMOJI_REACT_URL = (id, emoji) =>
+  `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
+const PLEROMA_EMOJI_UNREACT_URL = (id, emoji) =>
+  `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
 const PLEROMA_CHATS_URL = '/api/v1/pleroma/chats'
-const PLEROMA_CHAT_URL = id => `/api/v1/pleroma/chats/by-account-id/${id}`
-const PLEROMA_CHAT_MESSAGES_URL = id => `/api/v1/pleroma/chats/${id}/messages`
-const PLEROMA_CHAT_READ_URL = id => `/api/v1/pleroma/chats/${id}/read`
-const PLEROMA_DELETE_CHAT_MESSAGE_URL = (chatId, messageId) => `/api/v1/pleroma/chats/${chatId}/messages/${messageId}`
+const PLEROMA_CHAT_URL = (id) => `/api/v1/pleroma/chats/by-account-id/${id}`
+const PLEROMA_CHAT_MESSAGES_URL = (id) => `/api/v1/pleroma/chats/${id}/messages`
+const PLEROMA_CHAT_READ_URL = (id) => `/api/v1/pleroma/chats/${id}/read`
+const PLEROMA_DELETE_CHAT_MESSAGE_URL = (chatId, messageId) =>
+  `/api/v1/pleroma/chats/${chatId}/messages/${messageId}`
 const PLEROMA_ADMIN_REPORTS = '/api/v1/pleroma/admin/reports'
 const PLEROMA_BACKUP_URL = '/api/v1/pleroma/backups'
 const PLEROMA_ANNOUNCEMENTS_URL = '/api/v1/pleroma/admin/announcements'
 const PLEROMA_POST_ANNOUNCEMENT_URL = '/api/v1/pleroma/admin/announcements'
-const PLEROMA_EDIT_ANNOUNCEMENT_URL = id => `/api/v1/pleroma/admin/announcements/${id}`
-const PLEROMA_DELETE_ANNOUNCEMENT_URL = id => `/api/v1/pleroma/admin/announcements/${id}`
-const PLEROMA_SCROBBLES_URL = id => `/api/v1/pleroma/accounts/${id}/scrobbles`
-const PLEROMA_STATUS_QUOTES_URL = id => `/api/v1/pleroma/statuses/${id}/quotes`
-const PLEROMA_USER_FAVORITES_TIMELINE_URL = id => `/api/v1/pleroma/accounts/${id}/favourites`
+const PLEROMA_EDIT_ANNOUNCEMENT_URL = (id) =>
+  `/api/v1/pleroma/admin/announcements/${id}`
+const PLEROMA_DELETE_ANNOUNCEMENT_URL = (id) =>
+  `/api/v1/pleroma/admin/announcements/${id}`
+const PLEROMA_SCROBBLES_URL = (id) => `/api/v1/pleroma/accounts/${id}/scrobbles`
+const PLEROMA_STATUS_QUOTES_URL = (id) =>
+  `/api/v1/pleroma/statuses/${id}/quotes`
+const PLEROMA_USER_FAVORITES_TIMELINE_URL = (id) =>
+  `/api/v1/pleroma/accounts/${id}/favourites`
 const PLEROMA_BOOKMARK_FOLDERS_URL = '/api/v1/pleroma/bookmark_folders'
-const PLEROMA_BOOKMARK_FOLDER_URL = id => `/api/v1/pleroma/bookmark_folders/${id}`
+const PLEROMA_BOOKMARK_FOLDER_URL = (id) =>
+  `/api/v1/pleroma/bookmark_folders/${id}`
 
 const PLEROMA_ADMIN_CONFIG_URL = '/api/v1/pleroma/admin/config'
-const PLEROMA_ADMIN_DESCRIPTIONS_URL = '/api/v1/pleroma/admin/config/descriptions'
+const PLEROMA_ADMIN_DESCRIPTIONS_URL =
+  '/api/v1/pleroma/admin/config/descriptions'
 const PLEROMA_ADMIN_FRONTENDS_URL = '/api/v1/pleroma/admin/frontends'
-const PLEROMA_ADMIN_FRONTENDS_INSTALL_URL = '/api/v1/pleroma/admin/frontends/install'
+const PLEROMA_ADMIN_FRONTENDS_INSTALL_URL =
+  '/api/v1/pleroma/admin/frontends/install'
 
 const PLEROMA_EMOJI_RELOAD_URL = '/api/pleroma/admin/reload_emoji'
 const PLEROMA_EMOJI_IMPORT_FS_URL = '/api/pleroma/emoji/packs/import'
-const PLEROMA_EMOJI_PACKS_URL = (page, pageSize) => `/api/v1/pleroma/emoji/packs?page=${page}&page_size=${pageSize}`
-const PLEROMA_EMOJI_PACK_URL = (name) => `/api/v1/pleroma/emoji/pack?name=${name}`
+const PLEROMA_EMOJI_PACKS_URL = (page, pageSize) =>
+  `/api/v1/pleroma/emoji/packs?page=${page}&page_size=${pageSize}`
+const PLEROMA_EMOJI_PACK_URL = (name) =>
+  `/api/v1/pleroma/emoji/pack?name=${name}`
 const PLEROMA_EMOJI_PACKS_DL_REMOTE_URL = '/api/v1/pleroma/emoji/packs/download'
-const PLEROMA_EMOJI_PACKS_DL_REMOTE_ZIP_URL = '/api/v1/pleroma/emoji/packs/download_zip'
-const PLEROMA_EMOJI_PACKS_LS_REMOTE_URL =
-  (url, page, pageSize) => `/api/v1/pleroma/emoji/packs/remote?url=${url}&page=${page}&page_size=${pageSize}`
-const PLEROMA_EMOJI_UPDATE_FILE_URL = (name) => `/api/v1/pleroma/emoji/packs/files?name=${name}`
+const PLEROMA_EMOJI_PACKS_DL_REMOTE_ZIP_URL =
+  '/api/v1/pleroma/emoji/packs/download_zip'
+const PLEROMA_EMOJI_PACKS_LS_REMOTE_URL = (url, page, pageSize) =>
+  `/api/v1/pleroma/emoji/packs/remote?url=${url}&page=${page}&page_size=${pageSize}`
+const PLEROMA_EMOJI_UPDATE_FILE_URL = (name) =>
+  `/api/v1/pleroma/emoji/packs/files?name=${name}`
 
 const oldfetch = window.fetch
 
@@ -137,19 +168,31 @@ const fetch = (url, options) => {
   return oldfetch(fullUrl, options)
 }
 
-const promisedRequest = ({ method, url, params, payload, credentials, headers = {} }) => {
+const promisedRequest = ({
+  method,
+  url,
+  params,
+  payload,
+  credentials,
+  headers = {},
+}) => {
   const options = {
     method,
     headers: {
       Accept: 'application/json',
       'Content-Type': 'application/json',
-      ...headers
-    }
+      ...headers,
+    },
   }
   if (params) {
-    url += '?' + Object.entries(params)
-      .map(([key, value]) => encodeURIComponent(key) + '=' + encodeURIComponent(value))
-      .join('&')
+    url +=
+      '?' +
+      Object.entries(params)
+        .map(
+          ([key, value]) =>
+            encodeURIComponent(key) + '=' + encodeURIComponent(value),
+        )
+        .join('&')
   }
   if (payload) {
     options.body = JSON.stringify(payload)
@@ -157,23 +200,38 @@ const promisedRequest = ({ method, url, params, payload, credentials, headers =
   if (credentials) {
     options.headers = {
       ...options.headers,
-      ...authHeaders(credentials)
+      ...authHeaders(credentials),
     }
   }
-  return fetch(url, options)
-    .then((response) => {
-      return new Promise((resolve, reject) => response.json()
+  return fetch(url, options).then((response) => {
+    return new Promise((resolve, reject) =>
+      response
+        .json()
         .then((json) => {
           if (!response.ok) {
-            return reject(new StatusCodeError(response.status, json, { url, options }, response))
+            return reject(
+              new StatusCodeError(
+                response.status,
+                json,
+                { url, options },
+                response,
+              ),
+            )
           }
           return resolve(json)
         })
         .catch((error) => {
-          return reject(new StatusCodeError(response.status, error, { url, options }, response))
-        })
-      )
-    })
+          return reject(
+            new StatusCodeError(
+              response.status,
+              error,
+              { url, options },
+              response,
+            ),
+          )
+        }),
+    )
+  })
 }
 
 const updateNotificationSettings = ({ credentials, settings }) => {
@@ -183,14 +241,23 @@ const updateNotificationSettings = ({ credentials, settings }) => {
     form.append(key, value)
   })
 
-  return fetch(`${NOTIFICATION_SETTINGS_URL}?${new URLSearchParams(settings)}`, {
-    headers: authHeaders(credentials),
-    method: 'PUT',
-    body: form
-  }).then((data) => data.json())
+  return fetch(
+    `${NOTIFICATION_SETTINGS_URL}?${new URLSearchParams(settings)}`,
+    {
+      headers: authHeaders(credentials),
+      method: 'PUT',
+      body: form,
+    },
+  ).then((data) => data.json())
 }
 
-const updateProfileImages = ({ credentials, avatar = null, avatarName = null, banner = null, background = null }) => {
+const updateProfileImages = ({
+  credentials,
+  avatar = null,
+  avatarName = null,
+  banner = null,
+  background = null,
+}) => {
   const form = new FormData()
   if (avatar !== null) {
     if (avatarName !== null) {
@@ -204,7 +271,7 @@ const updateProfileImages = ({ credentials, avatar = null, avatarName = null, ba
   return fetch(MASTODON_PROFILE_UPDATE_URL, {
     headers: authHeaders(credentials),
     method: 'PATCH',
-    body: form
+    body: form,
   })
     .then((data) => data.json())
     .then((data) => {
@@ -216,9 +283,9 @@ const updateProfileImages = ({ credentials, avatar = null, avatarName = null, ba
 }
 
 const updateProfile = ({ credentials, params }) => {
-  const formData = new FormData();
+  const formData = new FormData()
 
-  for(const name in params) {
+  for (const name in params) {
     if (name === 'fields_attributes') {
       params[name].forEach((param, i) => {
         formData.append(name + `[${i}][name]`, param.name)
@@ -226,17 +293,19 @@ const updateProfile = ({ credentials, params }) => {
       })
     } else {
       if (typeof params[name] === 'object') {
-        console.warn('Object detected in updateProfile API call. This will not work, use updateProfileJSON instead.')
+        console.warn(
+          'Object detected in updateProfile API call. This will not work, use updateProfileJSON instead.',
+        )
         console.warn('Object:\n' + JSON.stringify(params[name], null, 2))
       }
-      formData.append(name, params[name]);
+      formData.append(name, params[name])
     }
   }
 
   return fetch(MASTODON_PROFILE_UPDATE_URL, {
     headers: authHeaders(credentials),
     method: 'PATCH',
-    body: formData
+    body: formData,
   })
     .then((data) => data.json())
     .then((data) => parseUser(data))
@@ -246,8 +315,8 @@ const updateProfileJSON = ({ credentials, params }) => {
   return promisedRequest({
     url: MASTODON_PROFILE_UPDATE_URL,
     credentials,
-    payload: params ,
-    method: 'PATCH'
+    payload: params,
+    method: 'PATCH',
   })
     .then((data) => data.json())
     .then((data) => parseUser(data))
@@ -272,46 +341,52 @@ const register = ({ params, credentials }) => {
     method: 'POST',
     headers: {
       ...authHeaders(credentials),
-      'Content-Type': 'application/json'
+      'Content-Type': 'application/json',
     },
     body: JSON.stringify({
       nickname,
       locale: 'en_US',
       agreement: true,
-      ...rest
-    })
+      ...rest,
+    }),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return response.json().then((error) => {
+        throw new RegistrationError(error)
+      })
+    }
   })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return response.json().then((error) => { throw new RegistrationError(error) })
-      }
-    })
 }
 
-const getCaptcha = () => fetch('/api/pleroma/captcha').then(resp => resp.json())
+const getCaptcha = () =>
+  fetch('/api/pleroma/captcha').then((resp) => resp.json())
 
 const authHeaders = (accessToken) => {
   if (accessToken) {
     return { Authorization: `Bearer ${accessToken}` }
   } else {
-    return { }
+    return {}
   }
 }
 
 const followUser = ({ id, credentials, ...options }) => {
   const url = MASTODON_FOLLOW_URL(id)
   const form = {}
-  if (options.reblogs !== undefined) { form.reblogs = options.reblogs }
-  if (options.notify !== undefined) { form.notify = options.notify }
+  if (options.reblogs !== undefined) {
+    form.reblogs = options.reblogs
+  }
+  if (options.notify !== undefined) {
+    form.notify = options.notify
+  }
   return fetch(url, {
     body: JSON.stringify(form),
     headers: {
       ...authHeaders(credentials),
-      'Content-Type': 'application/json'
+      'Content-Type': 'application/json',
     },
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
@@ -319,35 +394,47 @@ const unfollowUser = ({ id, credentials }) => {
   const url = MASTODON_UNFOLLOW_URL(id)
   return fetch(url, {
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
 const fetchUserInLists = ({ id, credentials }) => {
   const url = MASTODON_USER_IN_LISTS(id)
   return fetch(url, {
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   }).then((data) => data.json())
 }
 
 const pinOwnStatus = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_PIN_OWN_STATUS(id), credentials, method: 'POST' })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_PIN_OWN_STATUS(id),
+    credentials,
+    method: 'POST',
+  }).then((data) => parseStatus(data))
 }
 
 const unpinOwnStatus = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_UNPIN_OWN_STATUS(id), credentials, method: 'POST' })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_UNPIN_OWN_STATUS(id),
+    credentials,
+    method: 'POST',
+  }).then((data) => parseStatus(data))
 }
 
 const muteConversation = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_MUTE_CONVERSATION(id), credentials, method: 'POST' })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_MUTE_CONVERSATION(id),
+    credentials,
+    method: 'POST',
+  }).then((data) => parseStatus(data))
 }
 
 const unmuteConversation = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_UNMUTE_CONVERSATION(id), credentials, method: 'POST' })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_UNMUTE_CONVERSATION(id),
+    credentials,
+    method: 'POST',
+  }).then((data) => parseStatus(data))
 }
 
 const blockUser = ({ id, expiresIn, credentials }) => {
@@ -360,21 +447,21 @@ const blockUser = ({ id, expiresIn, credentials }) => {
     url: MASTODON_BLOCK_USER_URL(id),
     credentials,
     method: 'POST',
-    payload
+    payload,
   })
 }
 
 const unblockUser = ({ id, credentials }) => {
   return fetch(MASTODON_UNBLOCK_USER_URL(id), {
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
 const removeUserFromFollowers = ({ id, credentials }) => {
   return fetch(MASTODON_REMOVE_USER_FROM_FOLLOWERS(id), {
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
@@ -383,9 +470,9 @@ const editUserNote = ({ id, credentials, comment }) => {
     url: MASTODON_USER_NOTE_URL(id),
     credentials,
     payload: {
-      comment
+      comment,
     },
-    method: 'POST'
+    method: 'POST',
   })
 }
 
@@ -393,7 +480,7 @@ const approveUser = ({ id, credentials }) => {
   const url = MASTODON_APPROVE_USER_URL(id)
   return fetch(url, {
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
@@ -401,24 +488,23 @@ const denyUser = ({ id, credentials }) => {
   const url = MASTODON_DENY_USER_URL(id)
   return fetch(url, {
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
 const fetchUser = ({ id, credentials }) => {
   const url = `${MASTODON_USER_URL}/${id}`
-  return promisedRequest({ url, credentials })
-    .then((data) => parseUser(data))
+  return promisedRequest({ url, credentials }).then((data) => parseUser(data))
 }
 
 const fetchUserByName = ({ name, credentials }) => {
   return promisedRequest({
     url: MASTODON_USER_LOOKUP_URL,
     credentials,
-    params: { acct: name }
+    params: { acct: name },
   })
-    .then(data => data.id)
-    .catch(error => {
+    .then((data) => data.id)
+    .catch((error) => {
       if (error && error.statusCode === 404) {
         // Either the backend does not support lookup endpoint,
         // or there is no user with such name. Fallback and treat name as id.
@@ -427,21 +513,23 @@ const fetchUserByName = ({ name, credentials }) => {
         throw error
       }
     })
-    .then(id => fetchUser({ id, credentials }))
+    .then((id) => fetchUser({ id, credentials }))
 }
 
 const fetchUserRelationship = ({ id, credentials }) => {
   const url = `${MASTODON_USER_RELATIONSHIPS_URL}/?id=${id}`
-  return fetch(url, { headers: authHeaders(credentials) })
-    .then((response) => {
-      return new Promise((resolve, reject) => response.json()
-        .then((json) => {
-          if (!response.ok) {
-            return reject(new StatusCodeError(response.status, json, { url }, response))
-          }
-          return resolve(json)
-        }))
-    })
+  return fetch(url, { headers: authHeaders(credentials) }).then((response) => {
+    return new Promise((resolve, reject) =>
+      response.json().then((json) => {
+        if (!response.ok) {
+          return reject(
+            new StatusCodeError(response.status, json, { url }, response),
+          )
+        }
+        return resolve(json)
+      }),
+    )
+  })
 }
 
 const fetchFriends = ({ id, maxId, sinceId, limit = 20, credentials }) => {
@@ -450,8 +538,10 @@ const fetchFriends = ({ id, maxId, sinceId, limit = 20, credentials }) => {
     maxId && `max_id=${maxId}`,
     sinceId && `since_id=${sinceId}`,
     limit && `limit=${limit}`,
-    'with_relationships=true'
-  ].filter(_ => _).join('&')
+    'with_relationships=true',
+  ]
+    .filter((_) => _)
+    .join('&')
 
   url = url + (args ? '?' + args : '')
   return fetch(url, { headers: authHeaders(credentials) })
@@ -486,8 +576,10 @@ const fetchFollowers = ({ id, maxId, sinceId, limit = 20, credentials }) => {
     maxId && `max_id=${maxId}`,
     sinceId && `since_id=${sinceId}`,
     limit && `limit=${limit}`,
-    'with_relationships=true'
-  ].filter(_ => _).join('&')
+    'with_relationships=true',
+  ]
+    .filter((_) => _)
+    .join('&')
 
   url += args ? '?' + args : ''
   return fetch(url, { headers: authHeaders(credentials) })
@@ -504,8 +596,9 @@ const fetchFollowRequests = ({ credentials }) => {
 
 const fetchLists = ({ credentials }) => {
   const url = MASTODON_LISTS_URL
-  return fetch(url, { headers: authHeaders(credentials) })
-    .then((data) => data.json())
+  return fetch(url, { headers: authHeaders(credentials) }).then((data) =>
+    data.json(),
+  )
 }
 
 const createList = ({ title, credentials }) => {
@@ -516,14 +609,15 @@ const createList = ({ title, credentials }) => {
   return fetch(url, {
     headers,
     method: 'POST',
-    body: JSON.stringify({ title })
+    body: JSON.stringify({ title }),
   }).then((data) => data.json())
 }
 
 const getList = ({ listId, credentials }) => {
   const url = MASTODON_LIST_URL(listId)
-  return fetch(url, { headers: authHeaders(credentials) })
-    .then((data) => data.json())
+  return fetch(url, { headers: authHeaders(credentials) }).then((data) =>
+    data.json(),
+  )
 }
 
 const updateList = ({ listId, title, credentials }) => {
@@ -534,7 +628,7 @@ const updateList = ({ listId, title, credentials }) => {
   return fetch(url, {
     headers,
     method: 'PUT',
-    body: JSON.stringify({ title })
+    body: JSON.stringify({ title }),
   })
 }
 
@@ -553,7 +647,7 @@ const addAccountsToList = ({ listId, accountIds, credentials }) => {
   return fetch(url, {
     headers,
     method: 'POST',
-    body: JSON.stringify({ account_ids: accountIds })
+    body: JSON.stringify({ account_ids: accountIds }),
   })
 }
 
@@ -565,7 +659,7 @@ const removeAccountsFromList = ({ listId, accountIds, credentials }) => {
   return fetch(url, {
     headers,
     method: 'DELETE',
-    body: JSON.stringify({ account_ids: accountIds })
+    body: JSON.stringify({ account_ids: accountIds }),
   })
 }
 
@@ -573,7 +667,7 @@ const deleteList = ({ listId, credentials }) => {
   const url = MASTODON_LIST_URL(listId)
   return fetch(url, {
     method: 'DELETE',
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   })
 }
 
@@ -589,7 +683,7 @@ const fetchConversation = ({ id, credentials }) => {
     .then((data) => data.json())
     .then(({ ancestors, descendants }) => ({
       ancestors: ancestors.map(parseStatus),
-      descendants: descendants.map(parseStatus)
+      descendants: descendants.map(parseStatus),
     }))
 }
 
@@ -621,21 +715,20 @@ const fetchStatusSource = ({ id, credentials }) => {
 
 const fetchStatusHistory = ({ status, credentials }) => {
   const url = MASTODON_STATUS_HISTORY_URL(status.id)
-  return promisedRequest({ url, credentials })
-    .then((data) => {
-      data.reverse()
-      return data.map((item) => {
-        item.originalStatus = status
-        return parseStatus(item)
-      })
+  return promisedRequest({ url, credentials }).then((data) => {
+    data.reverse()
+    return data.map((item) => {
+      item.originalStatus = status
+      return parseStatus(item)
     })
+  })
 }
 
 const tagUser = ({ tag, credentials, user }) => {
   const screenName = user.screen_name
   const form = {
     nicknames: [screenName],
-    tags: [tag]
+    tags: [tag],
   }
 
   const headers = authHeaders(credentials)
@@ -644,7 +737,7 @@ const tagUser = ({ tag, credentials, user }) => {
   return fetch(TAG_USER_URL, {
     method: 'PUT',
     headers,
-    body: JSON.stringify(form)
+    body: JSON.stringify(form),
   })
 }
 
@@ -652,7 +745,7 @@ const untagUser = ({ tag, credentials, user }) => {
   const screenName = user.screen_name
   const body = {
     nicknames: [screenName],
-    tags: [tag]
+    tags: [tag],
   }
 
   const headers = authHeaders(credentials)
@@ -661,7 +754,7 @@ const untagUser = ({ tag, credentials, user }) => {
   return fetch(TAG_USER_URL, {
     method: 'DELETE',
     headers,
-    body: JSON.stringify(body)
+    body: JSON.stringify(body),
   })
 }
 
@@ -671,7 +764,7 @@ const addRight = ({ right, credentials, user }) => {
   return fetch(PERMISSION_GROUP_URL(screenName, right), {
     method: 'POST',
     headers: authHeaders(credentials),
-    body: {}
+    body: {},
   })
 }
 
@@ -681,7 +774,7 @@ const deleteRight = ({ right, credentials, user }) => {
   return fetch(PERMISSION_GROUP_URL(screenName, right), {
     method: 'DELETE',
     headers: authHeaders(credentials),
-    body: {}
+    body: {},
   })
 }
 
@@ -691,9 +784,9 @@ const activateUser = ({ credentials, user: { screen_name: nickname } }) => {
     method: 'PATCH',
     credentials,
     payload: {
-      nicknames: [nickname]
-    }
-  }).then(response => get(response, 'users.0'))
+      nicknames: [nickname],
+    },
+  }).then((response) => get(response, 'users.0'))
 }
 
 const deactivateUser = ({ credentials, user: { screen_name: nickname } }) => {
@@ -702,9 +795,9 @@ const deactivateUser = ({ credentials, user: { screen_name: nickname } }) => {
     method: 'PATCH',
     credentials,
     payload: {
-      nicknames: [nickname]
-    }
-  }).then(response => get(response, 'users.0'))
+      nicknames: [nickname],
+    },
+  }).then((response) => get(response, 'users.0'))
 }
 
 const deleteUser = ({ credentials, user }) => {
@@ -713,7 +806,7 @@ const deleteUser = ({ credentials, user }) => {
 
   return fetch(`${ADMIN_USERS_URL}?nickname=${screenName}`, {
     method: 'DELETE',
-    headers
+    headers,
   })
 }
 
@@ -730,7 +823,7 @@ const fetchTimeline = ({
   withMuted = false,
   replyVisibility = 'all',
   includeTypes = [],
-  bookmarkFolderId = false
+  bookmarkFolderId = false,
 }) => {
   const timelineUrls = {
     public: MASTODON_PUBLIC_TIMELINE,
@@ -746,7 +839,7 @@ const fetchTimeline = ({
     tag: MASTODON_TAG_TIMELINE_URL,
     bookmarks: MASTODON_BOOKMARK_TIMELINE_URL,
     quotes: PLEROMA_STATUS_QUOTES_URL,
-    bubble: AKKOMA_BUBBLE_TIMELINE_URL
+    bubble: AKKOMA_BUBBLE_TIMELINE_URL,
   }
   const isNotifications = timeline === 'notifications'
   const params = []
@@ -797,7 +890,7 @@ const fetchTimeline = ({
     params.push(['reply_visibility', replyVisibility])
   }
   if (includeTypes.size > 0) {
-    includeTypes.forEach(type => {
+    includeTypes.forEach((type) => {
       params.push(['include_types[]', type])
     })
   }
@@ -807,70 +900,92 @@ const fetchTimeline = ({
 
   params.push(['limit', 20])
 
-  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join('&')
+  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join(
+    '&',
+  )
   url += `?${queryString}`
 
-  return fetch(url, { headers: authHeaders(credentials) })
-    .then(async (response) => {
+  return fetch(url, { headers: authHeaders(credentials) }).then(
+    async (response) => {
       const success = response.ok
 
       const data = await response.json()
 
       if (success && !data.errors) {
-        const pagination = parseLinkHeaderPagination(response.headers.get('Link'), {
-          flakeId: timeline !== 'bookmarks' && timeline !== 'notifications'
-        })
+        const pagination = parseLinkHeaderPagination(
+          response.headers.get('Link'),
+          {
+            flakeId: timeline !== 'bookmarks' && timeline !== 'notifications',
+          },
+        )
 
-        return { data: data.map(isNotifications ? parseNotification : parseStatus), pagination }
+        return {
+          data: data.map(isNotifications ? parseNotification : parseStatus),
+          pagination,
+        }
       } else {
         data.errors ||= []
         data.status = response.status
         data.statusText = response.statusText
         return data
       }
-    })
+    },
+  )
 }
 
 const fetchPinnedStatuses = ({ id, credentials }) => {
   const url = MASTODON_USER_TIMELINE_URL(id) + '?pinned=true'
-  return promisedRequest({ url, credentials })
-    .then((data) => data.map(parseStatus))
+  return promisedRequest({ url, credentials }).then((data) =>
+    data.map(parseStatus),
+  )
 }
 
 const verifyCredentials = (user) => {
   return fetch(MASTODON_LOGIN_URL, {
-    headers: authHeaders(user)
+    headers: authHeaders(user),
   })
     .then((response) => {
       if (response.ok) {
         return response.json()
       } else {
         return {
-          error: response
+          error: response,
         }
       }
     })
-    .then((data) => data.error ? data : parseUser(data))
+    .then((data) => (data.error ? data : parseUser(data)))
 }
 
 const favorite = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_FAVORITE_URL(id), method: 'POST', credentials })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_FAVORITE_URL(id),
+    method: 'POST',
+    credentials,
+  }).then((data) => parseStatus(data))
 }
 
 const unfavorite = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_UNFAVORITE_URL(id), method: 'POST', credentials })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_UNFAVORITE_URL(id),
+    method: 'POST',
+    credentials,
+  }).then((data) => parseStatus(data))
 }
 
 const retweet = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_RETWEET_URL(id), method: 'POST', credentials })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_RETWEET_URL(id),
+    method: 'POST',
+    credentials,
+  }).then((data) => parseStatus(data))
 }
 
 const unretweet = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_UNRETWEET_URL(id), method: 'POST', credentials })
-    .then((data) => parseStatus(data))
+  return promisedRequest({
+    url: MASTODON_UNRETWEET_URL(id),
+    method: 'POST',
+    credentials,
+  }).then((data) => parseStatus(data))
 }
 
 const bookmarkStatus = ({ id, credentials, ...options }) => {
@@ -879,8 +994,8 @@ const bookmarkStatus = ({ id, credentials, ...options }) => {
     headers: authHeaders(credentials),
     method: 'POST',
     payload: {
-      folder_id: options.folder_id
-    }
+      folder_id: options.folder_id,
+    },
   })
 }
 
@@ -888,7 +1003,7 @@ const unbookmarkStatus = ({ id, credentials }) => {
   return promisedRequest({
     url: MASTODON_UNBOOKMARK_STATUS_URL(id),
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   })
 }
 
@@ -904,7 +1019,7 @@ const postStatus = ({
   quoteId,
   contentType,
   preview,
-  idempotencyKey
+  idempotencyKey,
 }) => {
   const form = new FormData()
   const pollOptions = poll.options || []
@@ -915,19 +1030,19 @@ const postStatus = ({
   if (visibility) form.append('visibility', visibility)
   if (sensitive) form.append('sensitive', sensitive)
   if (contentType) form.append('content_type', contentType)
-  mediaIds.forEach(val => {
+  mediaIds.forEach((val) => {
     form.append('media_ids[]', val)
   })
-  if (pollOptions.some(option => option !== '')) {
+  if (pollOptions.some((option) => option !== '')) {
     const normalizedPoll = {
       expires_in: parseInt(poll.expiresIn, 10),
-      multiple: poll.multiple
+      multiple: poll.multiple,
     }
-    Object.keys(normalizedPoll).forEach(key => {
+    Object.keys(normalizedPoll).forEach((key) => {
       form.append(`poll[${key}]`, normalizedPoll[key])
     })
 
-    pollOptions.forEach(option => {
+    pollOptions.forEach((option) => {
       form.append('poll[options][]', option)
     })
   }
@@ -949,12 +1064,12 @@ const postStatus = ({
   return fetch(MASTODON_POST_STATUS_URL, {
     body: form,
     method: 'POST',
-    headers: postHeaders
+    headers: postHeaders,
   })
     .then((response) => {
       return response.json()
     })
-    .then((data) => data.error ? data : parseStatus(data))
+    .then((data) => (data.error ? data : parseStatus(data)))
 }
 
 const editStatus = ({
@@ -965,7 +1080,7 @@ const editStatus = ({
   sensitive,
   poll,
   mediaIds = [],
-  contentType
+  contentType,
 }) => {
   const form = new FormData()
   const pollOptions = poll.options || []
@@ -974,20 +1089,20 @@ const editStatus = ({
   if (spoilerText) form.append('spoiler_text', spoilerText)
   if (sensitive) form.append('sensitive', sensitive)
   if (contentType) form.append('content_type', contentType)
-  mediaIds.forEach(val => {
+  mediaIds.forEach((val) => {
     form.append('media_ids[]', val)
   })
 
-  if (pollOptions.some(option => option !== '')) {
+  if (pollOptions.some((option) => option !== '')) {
     const normalizedPoll = {
       expires_in: parseInt(poll.expiresIn, 10),
-      multiple: poll.multiple
+      multiple: poll.multiple,
     }
-    Object.keys(normalizedPoll).forEach(key => {
+    Object.keys(normalizedPoll).forEach((key) => {
       form.append(`poll[${key}]`, normalizedPoll[key])
     })
 
-    pollOptions.forEach(option => {
+    pollOptions.forEach((option) => {
       form.append('poll[options][]', option)
     })
   }
@@ -997,19 +1112,19 @@ const editStatus = ({
   return fetch(MASTODON_STATUS_URL(id), {
     body: form,
     method: 'PUT',
-    headers: putHeaders
+    headers: putHeaders,
   })
     .then((response) => {
       return response.json()
     })
-    .then((data) => data.error ? data : parseStatus(data))
+    .then((data) => (data.error ? data : parseStatus(data)))
 }
 
 const deleteStatus = ({ id, credentials }) => {
   return promisedRequest({
     url: MASTODON_DELETE_URL(id),
     credentials,
-    method: 'DELETE'
+    method: 'DELETE',
   })
 }
 
@@ -1017,7 +1132,7 @@ const uploadMedia = ({ formData, credentials }) => {
   return fetch(MASTODON_MEDIA_UPLOAD_URL, {
     body: formData,
     method: 'POST',
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   })
     .then((data) => data.json())
     .then((data) => parseAttachment(data))
@@ -1029,8 +1144,8 @@ const setMediaDescription = ({ id, description, credentials }) => {
     method: 'PUT',
     headers: authHeaders(credentials),
     payload: {
-      description
-    }
+      description,
+    },
   }).then((data) => parseAttachment(data))
 }
 
@@ -1040,9 +1155,8 @@ const importMutes = ({ file, credentials }) => {
   return fetch(MUTES_IMPORT_URL, {
     body: formData,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.ok)
+    headers: authHeaders(credentials),
+  }).then((response) => response.ok)
 }
 
 const importBlocks = ({ file, credentials }) => {
@@ -1051,9 +1165,8 @@ const importBlocks = ({ file, credentials }) => {
   return fetch(BLOCKS_IMPORT_URL, {
     body: formData,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.ok)
+    headers: authHeaders(credentials),
+  }).then((response) => response.ok)
 }
 
 const importFollows = ({ file, credentials }) => {
@@ -1062,9 +1175,8 @@ const importFollows = ({ file, credentials }) => {
   return fetch(FOLLOW_IMPORT_URL, {
     body: formData,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.ok)
+    headers: authHeaders(credentials),
+  }).then((response) => response.ok)
 }
 
 const deleteAccount = ({ credentials, password }) => {
@@ -1075,9 +1187,8 @@ const deleteAccount = ({ credentials, password }) => {
   return fetch(DELETE_ACCOUNT_URL, {
     body: form,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.json())
+    headers: authHeaders(credentials),
+  }).then((response) => response.json())
 }
 
 const changeEmail = ({ credentials, email, password }) => {
@@ -1089,9 +1200,8 @@ const changeEmail = ({ credentials, email, password }) => {
   return fetch(CHANGE_EMAIL_URL, {
     body: form,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.json())
+    headers: authHeaders(credentials),
+  }).then((response) => response.json())
 }
 
 const moveAccount = ({ credentials, password, targetAccount }) => {
@@ -1103,9 +1213,8 @@ const moveAccount = ({ credentials, password, targetAccount }) => {
   return fetch(MOVE_ACCOUNT_URL, {
     body: form,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.json())
+    headers: authHeaders(credentials),
+  }).then((response) => response.json())
 }
 
 const addAlias = ({ credentials, alias }) => {
@@ -1113,7 +1222,7 @@ const addAlias = ({ credentials, alias }) => {
     url: ALIASES_URL,
     method: 'PUT',
     credentials,
-    payload: { alias }
+    payload: { alias },
   })
 }
 
@@ -1122,7 +1231,7 @@ const deleteAlias = ({ credentials, alias }) => {
     url: ALIASES_URL,
     method: 'DELETE',
     credentials,
-    payload: { alias }
+    payload: { alias },
   })
 }
 
@@ -1132,12 +1241,17 @@ const listAliases = ({ credentials }) => {
     method: 'GET',
     credentials,
     params: {
-      _cacheBooster: (new Date()).getTime()
-    }
+      _cacheBooster: new Date().getTime(),
+    },
   })
 }
 
-const changePassword = ({ credentials, password, newPassword, newPasswordConfirmation }) => {
+const changePassword = ({
+  credentials,
+  password,
+  newPassword,
+  newPasswordConfirmation,
+}) => {
   const form = new FormData()
 
   form.append('password', password)
@@ -1147,15 +1261,14 @@ const changePassword = ({ credentials, password, newPassword, newPasswordConfirm
   return fetch(CHANGE_PASSWORD_URL, {
     body: form,
     method: 'POST',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.json())
+    headers: authHeaders(credentials),
+  }).then((response) => response.json())
 }
 
 const settingsMFA = ({ credentials }) => {
   return fetch(MFA_SETTINGS_URL, {
     headers: authHeaders(credentials),
-    method: 'GET'
+    method: 'GET',
   }).then((data) => data.json())
 }
 
@@ -1167,9 +1280,8 @@ const mfaDisableOTP = ({ credentials, password }) => {
   return fetch(MFA_DISABLE_OTP_URL, {
     body: form,
     method: 'DELETE',
-    headers: authHeaders(credentials)
-  })
-    .then((response) => response.json())
+    headers: authHeaders(credentials),
+  }).then((response) => response.json())
 }
 
 const mfaConfirmOTP = ({ credentials, password, token }) => {
@@ -1181,19 +1293,19 @@ const mfaConfirmOTP = ({ credentials, password, token }) => {
   return fetch(MFA_CONFIRM_OTP_URL, {
     body: form,
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 const mfaSetupOTP = ({ credentials }) => {
   return fetch(MFA_SETUP_OTP_URL, {
     headers: authHeaders(credentials),
-    method: 'GET'
+    method: 'GET',
   }).then((data) => data.json())
 }
 const generateMfaBackupCodes = ({ credentials }) => {
   return fetch(MFA_BACKUP_CODES_URL, {
     headers: authHeaders(credentials),
-    method: 'GET'
+    method: 'GET',
   }).then((data) => data.json())
 }
 
@@ -1202,8 +1314,10 @@ const fetchMutes = ({ maxId, credentials }) => {
   if (maxId) {
     query.append('max_id', maxId)
   }
-  return promisedRequest({ url: `${MASTODON_USER_MUTES_URL}?${query.toString()}`, credentials })
-    .then((users) => users.map(parseUser))
+  return promisedRequest({
+    url: `${MASTODON_USER_MUTES_URL}?${query.toString()}`,
+    credentials,
+  }).then((users) => users.map(parseUser))
 }
 
 const muteUser = ({ id, expiresIn, credentials }) => {
@@ -1216,12 +1330,16 @@ const muteUser = ({ id, expiresIn, credentials }) => {
     url: MASTODON_MUTE_USER_URL(id),
     credentials,
     method: 'POST',
-    payload
+    payload,
   })
 }
 
 const unmuteUser = ({ id, credentials }) => {
-  return promisedRequest({ url: MASTODON_UNMUTE_USER_URL(id), credentials, method: 'POST' })
+  return promisedRequest({
+    url: MASTODON_UNMUTE_USER_URL(id),
+    credentials,
+    method: 'POST',
+  })
 }
 
 const fetchBlocks = ({ maxId, credentials }) => {
@@ -1229,15 +1347,17 @@ const fetchBlocks = ({ maxId, credentials }) => {
   if (maxId) {
     query.append('max_id', maxId)
   }
-  return promisedRequest({ url: `${MASTODON_USER_BLOCKS_URL}?${query.toString()}`, credentials })
-    .then((users) => users.map(parseUser))
+  return promisedRequest({
+    url: `${MASTODON_USER_BLOCKS_URL}?${query.toString()}`,
+    credentials,
+  }).then((users) => users.map(parseUser))
 }
 
 const addBackup = ({ credentials }) => {
   return promisedRequest({
     url: PLEROMA_BACKUP_URL,
     method: 'POST',
-    credentials
+    credentials,
   })
 }
 
@@ -1247,8 +1367,8 @@ const listBackups = ({ credentials }) => {
     method: 'GET',
     credentials,
     params: {
-      _cacheBooster: (new Date()).getTime()
-    }
+      _cacheBooster: new Date().getTime(),
+    },
   })
 }
 
@@ -1256,7 +1376,7 @@ const fetchOAuthTokens = ({ credentials }) => {
   const url = '/api/oauth_tokens.json'
 
   return fetch(url, {
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   }).then((data) => {
     if (data.ok) {
       return data.json()
@@ -1270,13 +1390,13 @@ const revokeOAuthToken = ({ id, credentials }) => {
 
   return fetch(url, {
     headers: authHeaders(credentials),
-    method: 'DELETE'
+    method: 'DELETE',
   })
 }
 
 const suggestions = ({ credentials }) => {
   return fetch(SUGGESTIONS_URL, {
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   }).then((data) => data.json())
 }
 
@@ -1292,7 +1412,7 @@ const markNotificationsAsSeen = ({ id, credentials, single = false }) => {
   return fetch(NOTIFICATION_READ_URL, {
     body,
     headers: authHeaders(credentials),
-    method: 'POST'
+    method: 'POST',
   }).then((data) => data.json())
 }
 
@@ -1305,26 +1425,24 @@ const vote = ({ pollId, choices, credentials }) => {
     method: 'POST',
     credentials,
     payload: {
-      choices
-    }
+      choices,
+    },
   })
 }
 
 const fetchPoll = ({ pollId, credentials }) => {
-  return promisedRequest(
-    {
-      url: MASTODON_POLL_URL(encodeURIComponent(pollId)),
-      method: 'GET',
-      credentials
-    }
-  )
+  return promisedRequest({
+    url: MASTODON_POLL_URL(encodeURIComponent(pollId)),
+    method: 'GET',
+    credentials,
+  })
 }
 
 const fetchFavoritedByUsers = ({ id, credentials }) => {
   return promisedRequest({
     url: MASTODON_STATUS_FAVORITEDBY_URL(id),
     method: 'GET',
-    credentials
+    credentials,
   }).then((users) => users.map(parseUser))
 }
 
@@ -1332,23 +1450,27 @@ const fetchRebloggedByUsers = ({ id, credentials }) => {
   return promisedRequest({
     url: MASTODON_STATUS_REBLOGGEDBY_URL(id),
     method: 'GET',
-    credentials
+    credentials,
   }).then((users) => users.map(parseUser))
 }
 
 const fetchEmojiReactions = ({ id, credentials }) => {
-  return promisedRequest({ url: PLEROMA_EMOJI_REACTIONS_URL(id), credentials })
-    .then((reactions) => reactions.map(r => {
+  return promisedRequest({
+    url: PLEROMA_EMOJI_REACTIONS_URL(id),
+    credentials,
+  }).then((reactions) =>
+    reactions.map((r) => {
       r.accounts = r.accounts.map(parseUser)
       return r
-    }))
+    }),
+  )
 }
 
 const reactWithEmoji = ({ id, emoji, credentials }) => {
   return promisedRequest({
     url: PLEROMA_EMOJI_REACT_URL(id, emoji),
     method: 'PUT',
-    credentials
+    credentials,
   }).then(parseStatus)
 }
 
@@ -1356,7 +1478,7 @@ const unreactWithEmoji = ({ id, emoji, credentials }) => {
   return promisedRequest({
     url: PLEROMA_EMOJI_UNREACT_URL(id, emoji),
     method: 'DELETE',
-    credentials
+    credentials,
   }).then(parseStatus)
 }
 
@@ -1368,9 +1490,9 @@ const reportUser = ({ credentials, userId, statusIds, comment, forward }) => {
       account_id: userId,
       status_ids: statusIds,
       comment,
-      forward
+      forward,
     },
-    credentials
+    credentials,
   })
 }
 
@@ -1379,14 +1501,21 @@ const searchUsers = ({ credentials, query }) => {
     url: MASTODON_USER_SEARCH_URL,
     params: {
       q: query,
-      resolve: true
+      resolve: true,
     },
-    credentials
-  })
-    .then((data) => data.map(parseUser))
+    credentials,
+  }).then((data) => data.map(parseUser))
 }
 
-const search2 = ({ credentials, q, resolve, limit, offset, following, type }) => {
+const search2 = ({
+  credentials,
+  q,
+  resolve,
+  limit,
+  offset,
+  following,
+  type,
+}) => {
   let url = MASTODON_SEARCH_2
   const params = []
 
@@ -1416,7 +1545,9 @@ const search2 = ({ credentials, q, resolve, limit, offset, following, type }) =>
 
   params.push(['with_relationships', true])
 
-  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join('&')
+  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join(
+    '&',
+  )
   url += `?${queryString}`
 
   return fetch(url, { headers: authHeaders(credentials) })
@@ -1426,10 +1557,12 @@ const search2 = ({ credentials, q, resolve, limit, offset, following, type }) =>
       }
       throw new Error('Error fetching search result', data)
     })
-    .then((data) => { return data.json() })
     .then((data) => {
-      data.accounts = data.accounts.slice(0, limit).map(u => parseUser(u))
-      data.statuses = data.statuses.slice(0, limit).map(s => parseStatus(s))
+      return data.json()
+    })
+    .then((data) => {
+      data.accounts = data.accounts.slice(0, limit).map((u) => parseUser(u))
+      data.statuses = data.statuses.slice(0, limit).map((s) => parseStatus(s))
       return data
     })
 }
@@ -1447,7 +1580,7 @@ const muteDomain = ({ domain, credentials }) => {
     url: MASTODON_DOMAIN_BLOCKS_URL,
     method: 'POST',
     payload: { domain },
-    credentials
+    credentials,
   })
 }
 
@@ -1456,7 +1589,7 @@ const unmuteDomain = ({ domain, credentials }) => {
     url: MASTODON_DOMAIN_BLOCKS_URL,
     method: 'DELETE',
     payload: { domain },
-    credentials
+    credentials,
   })
 }
 
@@ -1465,7 +1598,7 @@ const dismissNotification = ({ credentials, id }) => {
     url: MASTODON_DISMISS_NOTIFICATION_URL(id),
     method: 'POST',
     payload: { id },
-    credentials
+    credentials,
   })
 }
 
@@ -1481,7 +1614,7 @@ const dismissAnnouncement = ({ id, credentials }) => {
   return promisedRequest({
     url: MASTODON_ANNOUNCEMENTS_DISMISS_URL(id),
     credentials,
-    method: 'POST'
+    method: 'POST',
   })
 }
 
@@ -1503,21 +1636,34 @@ const announcementToPayload = ({ content, startsAt, endsAt, allDay }) => {
   return payload
 }
 
-const postAnnouncement = ({ credentials, content, startsAt, endsAt, allDay }) => {
+const postAnnouncement = ({
+  credentials,
+  content,
+  startsAt,
+  endsAt,
+  allDay,
+}) => {
   return promisedRequest({
     url: PLEROMA_POST_ANNOUNCEMENT_URL,
     credentials,
     method: 'POST',
-    payload: announcementToPayload({ content, startsAt, endsAt, allDay })
+    payload: announcementToPayload({ content, startsAt, endsAt, allDay }),
   })
 }
 
-const editAnnouncement = ({ id, credentials, content, startsAt, endsAt, allDay }) => {
+const editAnnouncement = ({
+  id,
+  credentials,
+  content,
+  startsAt,
+  endsAt,
+  allDay,
+}) => {
   return promisedRequest({
     url: PLEROMA_EDIT_ANNOUNCEMENT_URL(id),
     credentials,
     method: 'PATCH',
-    payload: announcementToPayload({ content, startsAt, endsAt, allDay })
+    payload: announcementToPayload({ content, startsAt, endsAt, allDay }),
   })
 }
 
@@ -1525,11 +1671,14 @@ const deleteAnnouncement = ({ id, credentials }) => {
   return promisedRequest({
     url: PLEROMA_DELETE_ANNOUNCEMENT_URL(id),
     credentials,
-    method: 'DELETE'
+    method: 'DELETE',
   })
 }
 
-export const getMastodonSocketURI = ({ credentials, stream, args = {} }, base) => {
+export const getMastodonSocketURI = (
+  { credentials, stream, args = {} },
+  base,
+) => {
   const url = new URL(MASTODON_STREAMING, base)
   if (credentials) {
     url.searchParams.append('access_token', credentials)
@@ -1548,12 +1697,12 @@ const MASTODON_STREAMING_EVENTS = new Set([
   'notification',
   'delete',
   'filters_changed',
-  'status.update'
+  'status.update',
 ])
 
 const PLEROMA_STREAMING_EVENTS = new Set([
   'pleroma:chat_update',
-  'pleroma:respond'
+  'pleroma:respond',
 ])
 
 // A thin wrapper around WebSocket API that allows adding a pre-processor to it
@@ -1562,26 +1711,27 @@ export const ProcessedWS = ({
   url,
   preprocessor = handleMastoWS,
   id = 'Unknown',
-  credentials
+  credentials,
 }) => {
   const eventTarget = new EventTarget()
   const socket = new WebSocket(url)
   if (!socket) throw new Error(`Failed to create socket ${id}`)
-  const proxy = (original, eventName, processor = a => a) => {
+  const proxy = (original, eventName, processor = (a) => a) => {
     original.addEventListener(eventName, (eventData) => {
-      eventTarget.dispatchEvent(new CustomEvent(
-        eventName,
-        { detail: processor(eventData) }
-      ))
+      eventTarget.dispatchEvent(
+        new CustomEvent(eventName, { detail: processor(eventData) }),
+      )
     })
   }
   socket.addEventListener('open', (wsEvent) => {
     console.debug(`[WS][${id}] Socket connected`, wsEvent)
     if (credentials) {
-      socket.send(JSON.stringify({
-        type: 'pleroma:authenticate',
-        token: credentials
-      }))
+      socket.send(
+        JSON.stringify({
+          type: 'pleroma:authenticate',
+          token: credentials,
+        }),
+      )
     }
   })
   socket.addEventListener('error', (wsEvent) => {
@@ -1590,7 +1740,7 @@ export const ProcessedWS = ({
   socket.addEventListener('close', (wsEvent) => {
     console.debug(
       `[WS][${id}] Socket disconnected with code ${wsEvent.code}`,
-      wsEvent
+      wsEvent,
     )
   })
   // Commented code reason: very spammy, uncomment to enable message debug logging
@@ -1613,42 +1763,46 @@ export const ProcessedWS = ({
   proxy(socket, 'error')
 
   // 1000 = Normal Closure
-  eventTarget.close = () => { socket.close(1000, 'Shutting down socket') }
+  eventTarget.close = () => {
+    socket.close(1000, 'Shutting down socket')
+  }
   eventTarget.getState = () => socket.readyState
   eventTarget.subscribe = (stream, args = {}) => {
-    console.debug(
-      `[WS][${id}] Subscribing to stream ${stream} with args`,
-      args
+    console.debug(`[WS][${id}] Subscribing to stream ${stream} with args`, args)
+    socket.send(
+      JSON.stringify({
+        type: 'subscribe',
+        stream,
+        ...args,
+      }),
     )
-    socket.send(JSON.stringify({
-      type: 'subscribe',
-      stream,
-      ...args
-    }))
   }
   eventTarget.unsubscribe = (stream, args = {}) => {
     console.debug(
       `[WS][${id}] Unsubscribing from stream ${stream} with args`,
-      args
+      args,
+    )
+    socket.send(
+      JSON.stringify({
+        type: 'unsubscribe',
+        stream,
+        ...args,
+      }),
     )
-    socket.send(JSON.stringify({
-      type: 'unsubscribe',
-      stream,
-      ...args
-    }))
   }
 
   return eventTarget
 }
 
-export const handleMastoWS = (wsEvent, {
-  onAuthenticated = () => {}
-} = {}) => {
+export const handleMastoWS = (wsEvent, { onAuthenticated = () => {} } = {}) => {
   const { data } = wsEvent
   if (!data) return
   const parsedEvent = JSON.parse(data)
   const { event, payload } = parsedEvent
-  if (MASTODON_STREAMING_EVENTS.has(event) || PLEROMA_STREAMING_EVENTS.has(event)) {
+  if (
+    MASTODON_STREAMING_EVENTS.has(event) ||
+    PLEROMA_STREAMING_EVENTS.has(event)
+  ) {
     // MastoBE and PleromaBE both send payload for delete as a PLAIN string
     if (event === 'delete') {
       return { event, id: payload }
@@ -1686,14 +1840,14 @@ export const WSConnectionStatus = Object.freeze({
   ERROR: 3,
   DISABLED: 4,
   STARTING: 5,
-  STARTING_INITIAL: 6
+  STARTING_INITIAL: 6,
 })
 
 const chats = ({ credentials }) => {
   return fetch(PLEROMA_CHATS_URL, { headers: authHeaders(credentials) })
     .then((data) => data.json())
     .then((data) => {
-      return { chats: data.map(parseChat).filter(c => c) }
+      return { chats: data.map(parseChat).filter((c) => c) }
     })
 }
 
@@ -1701,7 +1855,7 @@ const getOrCreateChat = ({ accountId, credentials }) => {
   return promisedRequest({
     url: PLEROMA_CHAT_URL(accountId),
     method: 'POST',
-    credentials
+    credentials,
   })
 }
 
@@ -1710,21 +1864,29 @@ const chatMessages = ({ id, credentials, maxId, sinceId, limit = 20 }) => {
   const args = [
     maxId && `max_id=${maxId}`,
     sinceId && `since_id=${sinceId}`,
-    limit && `limit=${limit}`
-  ].filter(_ => _).join('&')
+    limit && `limit=${limit}`,
+  ]
+    .filter((_) => _)
+    .join('&')
 
   url = url + (args ? '?' + args : '')
 
   return promisedRequest({
     url,
     method: 'GET',
-    credentials
+    credentials,
   })
 }
 
-const sendChatMessage = ({ id, content, mediaId = null, idempotencyKey, credentials }) => {
+const sendChatMessage = ({
+  id,
+  content,
+  mediaId = null,
+  idempotencyKey,
+  credentials,
+}) => {
   const payload = {
-    content
+    content,
   }
 
   if (mediaId) {
@@ -1742,7 +1904,7 @@ const sendChatMessage = ({ id, content, mediaId = null, idempotencyKey, credenti
     method: 'POST',
     payload,
     credentials,
-    headers
+    headers,
   })
 }
 
@@ -1751,9 +1913,9 @@ const readChat = ({ id, lastReadId, credentials }) => {
     url: PLEROMA_CHAT_READ_URL(id),
     method: 'POST',
     payload: {
-      last_read_id: lastReadId
+      last_read_id: lastReadId,
     },
-    credentials
+    credentials,
   })
 }
 
@@ -1761,7 +1923,7 @@ const deleteChatMessage = ({ chatId, messageId, credentials }) => {
   return promisedRequest({
     url: PLEROMA_DELETE_CHAT_MESSAGE_URL(chatId, messageId),
     method: 'DELETE',
-    credentials
+    credentials,
   })
 }
 
@@ -1772,17 +1934,19 @@ const setReportState = ({ id, state, credentials }) => {
     headers: {
       ...authHeaders(credentials),
       Accept: 'application/json',
-      'Content-Type': 'application/json'
+      'Content-Type': 'application/json',
     },
     method: 'PATCH',
     body: JSON.stringify({
-      reports: [{
-        id,
-        state
-      }]
-    })
+      reports: [
+        {
+          id,
+          state,
+        },
+      ],
+    }),
   })
-    .then(data => {
+    .then((data) => {
       if (data.status >= 500) {
         throw Error(data.statusText)
       } else if (data.status >= 400) {
@@ -1790,7 +1954,7 @@ const setReportState = ({ id, state, credentials }) => {
       }
       return data
     })
-    .then(data => {
+    .then((data) => {
       if (data.errors) {
         throw Error(data.errors[0].message)
       }
@@ -1800,47 +1964,44 @@ const setReportState = ({ id, state, credentials }) => {
 // ADMIN STUFF // EXPERIMENTAL
 const fetchInstanceDBConfig = ({ credentials }) => {
   return fetch(PLEROMA_ADMIN_CONFIG_URL, {
-    headers: authHeaders(credentials)
-  })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+    headers: authHeaders(credentials),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const fetchInstanceConfigDescriptions = ({ credentials }) => {
   return fetch(PLEROMA_ADMIN_DESCRIPTIONS_URL, {
-    headers: authHeaders(credentials)
-  })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+    headers: authHeaders(credentials),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const fetchAvailableFrontends = ({ credentials }) => {
   return fetch(PLEROMA_ADMIN_FRONTENDS_URL, {
-    headers: authHeaders(credentials)
-  })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+    headers: authHeaders(credentials),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const pushInstanceDBConfig = ({ credentials, payload }) => {
@@ -1848,20 +2009,19 @@ const pushInstanceDBConfig = ({ credentials, payload }) => {
     headers: {
       Accept: 'application/json',
       'Content-Type': 'application/json',
-      ...authHeaders(credentials)
+      ...authHeaders(credentials),
     },
     method: 'POST',
-    body: JSON.stringify(payload)
-  })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+    body: JSON.stringify(payload),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const installFrontend = ({ credentials, payload }) => {
@@ -1869,37 +2029,37 @@ const installFrontend = ({ credentials, payload }) => {
     headers: {
       Accept: 'application/json',
       'Content-Type': 'application/json',
-      ...authHeaders(credentials)
+      ...authHeaders(credentials),
     },
     method: 'POST',
-    body: JSON.stringify(payload)
-  })
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+    body: JSON.stringify(payload),
+  }).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const fetchScrobbles = ({ accountId, limit = 1 }) => {
   let url = PLEROMA_SCROBBLES_URL(accountId)
   const params = [['limit', limit]]
-  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join('&')
+  const queryString = map(params, (param) => `${param[0]}=${param[1]}`).join(
+    '&',
+  )
   url += `?${queryString}`
-  return fetch(url, {})
-    .then((response) => {
-      if (response.ok) {
-        return response.json()
-      } else {
-        return {
-          error: response
-        }
+  return fetch(url, {}).then((response) => {
+    if (response.ok) {
+      return response.json()
+    } else {
+      return {
+        error: response,
       }
-    })
+    }
+  })
 }
 
 const deleteEmojiPack = ({ name }) => {
@@ -1927,25 +2087,21 @@ const listRemoteEmojiPacks = ({ instance, page, pageSize }) => {
     instance = 'https://' + instance
   }
 
-  return fetch(
-    PLEROMA_EMOJI_PACKS_LS_REMOTE_URL(instance, page, pageSize),
-    {
-      headers: { 'Content-Type': 'application/json' }
-    }
-  )
+  return fetch(PLEROMA_EMOJI_PACKS_LS_REMOTE_URL(instance, page, pageSize), {
+    headers: { 'Content-Type': 'application/json' },
+  })
 }
 
 const downloadRemoteEmojiPack = ({ instance, packName, as }) => {
-  return fetch(
-    PLEROMA_EMOJI_PACKS_DL_REMOTE_URL,
-    {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({
-        url: instance, name: packName, as
-      })
-    }
-  )
+  return fetch(PLEROMA_EMOJI_PACKS_DL_REMOTE_URL, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      url: instance,
+      name: packName,
+      as,
+    }),
+  })
 }
 
 const downloadRemoteEmojiPackZIP = ({ url, packName, file }) => {
@@ -1954,54 +2110,67 @@ const downloadRemoteEmojiPackZIP = ({ url, packName, file }) => {
   if (url) data.set('url', url)
   data.set('name', packName)
 
-  return fetch(
-    PLEROMA_EMOJI_PACKS_DL_REMOTE_ZIP_URL,
-    { method: 'POST', body: data }
-  )
+  return fetch(PLEROMA_EMOJI_PACKS_DL_REMOTE_ZIP_URL, {
+    method: 'POST',
+    body: data,
+  })
 }
 
 const saveEmojiPackMetadata = ({ name, newData }) => {
-  return fetch(
-    PLEROMA_EMOJI_PACK_URL(name),
-    {
-      method: 'PATCH',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ metadata: newData })
-    }
-  )
+  return fetch(PLEROMA_EMOJI_PACK_URL(name), {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ metadata: newData }),
+  })
 }
 
 const addNewEmojiFile = ({ packName, file, shortcode, filename }) => {
   const data = new FormData()
-  if (filename.trim() !== '') { data.set('filename', filename) }
-  if (shortcode.trim() !== '') { data.set('shortcode', shortcode) }
+  if (filename.trim() !== '') {
+    data.set('filename', filename)
+  }
+  if (shortcode.trim() !== '') {
+    data.set('shortcode', shortcode)
+  }
   data.set('file', file)
 
-  return fetch(
-    PLEROMA_EMOJI_UPDATE_FILE_URL(packName),
-    { method: 'POST', body: data }
-  )
+  return fetch(PLEROMA_EMOJI_UPDATE_FILE_URL(packName), {
+    method: 'POST',
+    body: data,
+  })
 }
 
-const updateEmojiFile = ({ packName, shortcode, newShortcode, newFilename, force }) => {
-  return fetch(
-    PLEROMA_EMOJI_UPDATE_FILE_URL(packName),
-    {
-      method: 'PATCH',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ shortcode, new_shortcode: newShortcode, new_filename: newFilename, force })
-    }
-  )
+const updateEmojiFile = ({
+  packName,
+  shortcode,
+  newShortcode,
+  newFilename,
+  force,
+}) => {
+  return fetch(PLEROMA_EMOJI_UPDATE_FILE_URL(packName), {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      shortcode,
+      new_shortcode: newShortcode,
+      new_filename: newFilename,
+      force,
+    }),
+  })
 }
 
 const deleteEmojiFile = ({ packName, shortcode }) => {
-  return fetch(`${PLEROMA_EMOJI_UPDATE_FILE_URL(packName)}&shortcode=${shortcode}`, { method: 'DELETE' })
+  return fetch(
+    `${PLEROMA_EMOJI_UPDATE_FILE_URL(packName)}&shortcode=${shortcode}`,
+    { method: 'DELETE' },
+  )
 }
 
 const fetchBookmarkFolders = ({ credentials }) => {
   const url = PLEROMA_BOOKMARK_FOLDERS_URL
-  return fetch(url, { headers: authHeaders(credentials) })
-    .then((data) => data.json())
+  return fetch(url, { headers: authHeaders(credentials) }).then((data) =>
+    data.json(),
+  )
 }
 
 const createBookmarkFolder = ({ name, emoji, credentials }) => {
@@ -2012,7 +2181,7 @@ const createBookmarkFolder = ({ name, emoji, credentials }) => {
   return fetch(url, {
     headers,
     method: 'POST',
-    body: JSON.stringify({ name, emoji })
+    body: JSON.stringify({ name, emoji }),
   }).then((data) => data.json())
 }
 
@@ -2024,7 +2193,7 @@ const updateBookmarkFolder = ({ folderId, name, emoji, credentials }) => {
   return fetch(url, {
     headers,
     method: 'PATCH',
-    body: JSON.stringify({ name, emoji })
+    body: JSON.stringify({ name, emoji }),
   }).then((data) => data.json())
 }
 
@@ -2032,7 +2201,7 @@ const deleteBookmarkFolder = ({ folderId, credentials }) => {
   const url = PLEROMA_BOOKMARK_FOLDER_URL(folderId)
   return fetch(url, {
     method: 'DELETE',
-    headers: authHeaders(credentials)
+    headers: authHeaders(credentials),
   })
 }
 
@@ -2170,7 +2339,7 @@ const apiService = {
   fetchBookmarkFolders,
   createBookmarkFolder,
   updateBookmarkFolder,
-  deleteBookmarkFolder
+  deleteBookmarkFolder,
 }
 
 export default apiService
diff --git a/src/services/attributes_helper/attributes_helper.service.js b/src/services/attributes_helper/attributes_helper.service.js
index 74d3323c9..5b607600e 100644
--- a/src/services/attributes_helper/attributes_helper.service.js
+++ b/src/services/attributes_helper/attributes_helper.service.js
@@ -1,8 +1,9 @@
 import { kebabCase } from 'lodash'
 
-const propsToNative = props => Object.keys(props).reduce((acc, cur) => {
-  acc[kebabCase(cur)] = props[cur]
-  return acc
-}, {})
+const propsToNative = (props) =>
+  Object.keys(props).reduce((acc, cur) => {
+    acc[kebabCase(cur)] = props[cur]
+    return acc
+  }, {})
 
 export { propsToNative }
diff --git a/src/services/backend_interactor_service/backend_interactor_service.js b/src/services/backend_interactor_service/backend_interactor_service.js
index ca3cac53d..da939bff0 100644
--- a/src/services/backend_interactor_service/backend_interactor_service.js
+++ b/src/services/backend_interactor_service/backend_interactor_service.js
@@ -1,40 +1,60 @@
-import apiService, { getMastodonSocketURI, ProcessedWS } from '../api/api.service.js'
+import apiService, {
+  getMastodonSocketURI,
+  ProcessedWS,
+} from '../api/api.service.js'
 import timelineFetcher from '../timeline_fetcher/timeline_fetcher.service.js'
 import notificationsFetcher from '../notifications_fetcher/notifications_fetcher.service.js'
 import followRequestFetcher from '../../services/follow_request_fetcher/follow_request_fetcher.service'
 import listsFetcher from '../../services/lists_fetcher/lists_fetcher.service.js'
 import bookmarkFoldersFetcher from '../../services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js'
 
-const backendInteractorService = credentials => ({
-  startFetchingTimeline ({ timeline, store, userId = false, listId = false, statusId = false, bookmarkFolderId = false, tag }) {
-    return timelineFetcher.startFetching({ timeline, store, credentials, userId, listId, statusId, bookmarkFolderId, tag })
+const backendInteractorService = (credentials) => ({
+  startFetchingTimeline({
+    timeline,
+    store,
+    userId = false,
+    listId = false,
+    statusId = false,
+    bookmarkFolderId = false,
+    tag,
+  }) {
+    return timelineFetcher.startFetching({
+      timeline,
+      store,
+      credentials,
+      userId,
+      listId,
+      statusId,
+      bookmarkFolderId,
+      tag,
+    })
   },
 
-  fetchTimeline (args) {
+  fetchTimeline(args) {
     return timelineFetcher.fetchAndUpdate({ ...args, credentials })
   },
 
-  startFetchingNotifications ({ store }) {
+  startFetchingNotifications({ store }) {
     return notificationsFetcher.startFetching({ store, credentials })
   },
 
-  fetchNotifications (args) {
+  fetchNotifications(args) {
     return notificationsFetcher.fetchAndUpdate({ ...args, credentials })
   },
 
-  startFetchingFollowRequests ({ store }) {
+  startFetchingFollowRequests({ store }) {
     return followRequestFetcher.startFetching({ store, credentials })
   },
 
-  startFetchingLists ({ store }) {
+  startFetchingLists({ store }) {
     return listsFetcher.startFetching({ store, credentials })
   },
 
-  startFetchingBookmarkFolders ({ store }) {
+  startFetchingBookmarkFolders({ store }) {
     return bookmarkFoldersFetcher.startFetching({ store, credentials })
   },
 
-  startUserSocket ({ store }) {
+  startUserSocket({ store }) {
     const serv = store.rootState.instance.server.replace('http', 'ws')
     const url = getMastodonSocketURI({}, serv)
     return ProcessedWS({ url, id: 'Unified', credentials })
@@ -43,11 +63,11 @@ const backendInteractorService = credentials => ({
   ...Object.entries(apiService).reduce((acc, [key, func]) => {
     return {
       ...acc,
-      [key]: (args) => func({ credentials, ...args })
+      [key]: (args) => func({ credentials, ...args }),
     }
   }, {}),
 
-  verifyCredentials: apiService.verifyCredentials
+  verifyCredentials: apiService.verifyCredentials,
 })
 
 export default backendInteractorService
diff --git a/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js b/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
index ac83311ca..606324d0a 100644
--- a/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
+++ b/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
@@ -3,10 +3,14 @@ import { promiseInterval } from '../promise_interval/promise_interval.js'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 const fetchAndUpdate = ({ credentials }) => {
-  return apiService.fetchBookmarkFolders({ credentials })
-    .then(bookmarkFolders => {
-      useBookmarkFoldersStore().setBookmarkFolders(bookmarkFolders)
-    }, () => {})
+  return apiService
+    .fetchBookmarkFolders({ credentials })
+    .then(
+      (bookmarkFolders) => {
+        useBookmarkFoldersStore().setBookmarkFolders(bookmarkFolders)
+      },
+      () => {},
+    )
     .catch(() => {})
 }
 
@@ -17,7 +21,7 @@ const startFetching = ({ credentials, store }) => {
 }
 
 const bookmarkFoldersFetcher = {
-  startFetching
+  startFetching,
 }
 
 export default bookmarkFoldersFetcher
diff --git a/src/services/chat_service/chat_service.js b/src/services/chat_service/chat_service.js
index eb26a0ab8..f6d381d6e 100644
--- a/src/services/chat_service/chat_service.js
+++ b/src/services/chat_service/chat_service.js
@@ -9,7 +9,7 @@ const empty = (chatId) => {
     lastSeenMessageId: '0',
     chatId,
     minId: undefined,
-    maxId: undefined
+    maxId: undefined,
   }
 }
 
@@ -25,7 +25,9 @@ const clear = (storage) => {
     }
   }
 
-  storage.messages = storage.messages.filter(m => failedMessageIds.includes(m.id))
+  storage.messages = storage.messages.filter((m) =>
+    failedMessageIds.includes(m.id),
+  )
   storage.newMessageCount = 0
   storage.lastSeenMessageId = '0'
   storage.minId = undefined
@@ -33,8 +35,10 @@ const clear = (storage) => {
 }
 
 const deleteMessage = (storage, messageId) => {
-  if (!storage) { return }
-  storage.messages = storage.messages.filter(m => m.id !== messageId)
+  if (!storage) {
+    return
+  }
+  storage.messages = storage.messages.filter((m) => m.id !== messageId)
   delete storage.idIndex[messageId]
 
   if (storage.maxId === messageId) {
@@ -65,14 +69,20 @@ const cullOlderMessages = (storage) => {
 }
 
 const handleMessageError = (storage, fakeId, isRetry) => {
-  if (!storage) { return }
+  if (!storage) {
+    return
+  }
   const fakeMessage = storage.idIndex[fakeId]
   if (fakeMessage) {
     fakeMessage.error = true
     fakeMessage.pending = false
     if (!isRetry) {
       // Ensure the failed message doesn't stay at the bottom of the list.
-      const lastPersistedMessage = _.orderBy(storage.messages, ['pending', 'id'], ['asc', 'desc'])[0]
+      const lastPersistedMessage = _.orderBy(
+        storage.messages,
+        ['pending', 'id'],
+        ['asc', 'desc'],
+      )[0]
       if (lastPersistedMessage) {
         const oldId = fakeMessage.id
         fakeMessage.id = `${lastPersistedMessage.id}-${new Date().getTime()}`
@@ -84,12 +94,16 @@ const handleMessageError = (storage, fakeId, isRetry) => {
 }
 
 const add = (storage, { messages: newMessages, updateMaxId = true }) => {
-  if (!storage) { return }
+  if (!storage) {
+    return
+  }
   for (let i = 0; i < newMessages.length; i++) {
     const message = newMessages[i]
 
     // sanity check
-    if (message.chat_id !== storage.chatId) { return }
+    if (message.chat_id !== storage.chatId) {
+      return
+    }
 
     if (message.fakeId) {
       const fakeMessage = storage.idIndex[message.fakeId]
@@ -98,7 +112,9 @@ const add = (storage, { messages: newMessages, updateMaxId = true }) => {
         // make sure to remove the older duplicate message.
         if (storage.idIndex[message.id]) {
           delete storage.idIndex[message.id]
-          storage.messages = storage.messages.filter(msg => msg.id !== message.id)
+          storage.messages = storage.messages.filter(
+            (msg) => msg.id !== message.id,
+          )
         }
         Object.assign(fakeMessage, message, { error: false })
         delete fakeMessage.fakeId
@@ -136,17 +152,25 @@ const isConfirmation = (storage, message) => {
 }
 
 const resetNewMessageCount = (storage) => {
-  if (!storage) { return }
+  if (!storage) {
+    return
+  }
   storage.newMessageCount = 0
   storage.lastSeenMessageId = storage.maxId
 }
 
 // Inserts date separators and marks the head and tail if it's the chain of messages made by the same user
 const getView = (storage) => {
-  if (!storage) { return [] }
+  if (!storage) {
+    return []
+  }
 
   const result = []
-  const messages = _.orderBy(storage.messages, ['pending', 'id'], ['asc', 'asc'])
+  const messages = _.orderBy(
+    storage.messages,
+    ['pending', 'id'],
+    ['asc', 'asc'],
+  )
   const firstMessage = messages[0]
   let previousMessage = messages[messages.length - 1]
   let currentMessageChainId
@@ -157,7 +181,7 @@ const getView = (storage) => {
     result.push({
       type: 'date',
       date,
-      id: date.getTime().toString()
+      id: date.getTime().toString(),
     })
   }
 
@@ -175,7 +199,7 @@ const getView = (storage) => {
       result.push({
         type: 'date',
         date,
-        id: date.getTime().toString()
+        id: date.getTime().toString(),
       })
 
       previousMessage.isTail = true
@@ -188,7 +212,7 @@ const getView = (storage) => {
       data: message,
       date,
       id: message.id,
-      messageChainId: currentMessageChainId
+      messageChainId: currentMessageChainId,
     }
 
     // end a message chian
@@ -198,7 +222,12 @@ const getView = (storage) => {
     }
 
     // start a new message chain
-    if ((previousMessage && previousMessage.data && previousMessage.data.account_id) !== message.account_id || afterDate) {
+    if (
+      (previousMessage &&
+        previousMessage.data &&
+        previousMessage.data.account_id) !== message.account_id ||
+      afterDate
+    ) {
       currentMessageChainId = _.uniqueId()
       object.isHead = true
       object.messageChainId = currentMessageChainId
@@ -220,7 +249,7 @@ const ChatService = {
   cullOlderMessages,
   resetNewMessageCount,
   clear,
-  handleMessageError
+  handleMessageError,
 }
 
 export default ChatService
diff --git a/src/services/chat_utils/chat_utils.js b/src/services/chat_utils/chat_utils.js
index a8da1eed7..6d3181dd1 100644
--- a/src/services/chat_utils/chat_utils.js
+++ b/src/services/chat_utils/chat_utils.js
@@ -2,24 +2,35 @@ import { showDesktopNotification } from '../desktop_notification_utils/desktop_n
 
 export const maybeShowChatNotification = (store, chat) => {
   if (!chat.lastMessage) return
-  if (store.rootState.chats.currentChatId === chat.id && !document.hidden) return
-  if (store.rootState.users.currentUser.id === chat.lastMessage.account_id) return
+  if (store.rootState.chats.currentChatId === chat.id && !document.hidden)
+    return
+  if (store.rootState.users.currentUser.id === chat.lastMessage.account_id)
+    return
 
   const opts = {
     tag: chat.lastMessage.id,
     title: chat.account.name,
     icon: chat.account.profile_image_url,
-    body: chat.lastMessage.content
+    body: chat.lastMessage.content,
   }
 
-  if (chat.lastMessage.attachment && chat.lastMessage.attachment.type === 'image') {
+  if (
+    chat.lastMessage.attachment &&
+    chat.lastMessage.attachment.type === 'image'
+  ) {
     opts.image = chat.lastMessage.attachment.preview_url
   }
 
   showDesktopNotification(store.rootState, opts)
 }
 
-export const buildFakeMessage = ({ content, chatId, attachments, userId, idempotencyKey }) => {
+export const buildFakeMessage = ({
+  content,
+  chatId,
+  attachments,
+  userId,
+  idempotencyKey,
+}) => {
   const fakeMessage = {
     content,
     chat_id: chatId,
@@ -30,7 +41,7 @@ export const buildFakeMessage = ({ content, chatId, attachments, userId, idempot
     idempotency_key: idempotencyKey,
     emojis: [],
     pending: true,
-    isNormalized: true
+    isNormalized: true,
   }
 
   if (attachments[0]) {
diff --git a/src/services/color_convert/color_convert.js b/src/services/color_convert/color_convert.js
index aadbc90ff..fad882eaa 100644
--- a/src/services/color_convert/color_convert.js
+++ b/src/services/color_convert/color_convert.js
@@ -19,9 +19,9 @@ export const rgb2hex = (r, g, b) => {
     return r
   }
   if (typeof r === 'object') {
-    ({ r, g, b } = r)
+    ;({ r, g, b } = r)
   }
-  [r, g, b] = [r, g, b].map(val => {
+  ;[r, g, b] = [r, g, b].map((val) => {
     val = Math.ceil(val)
     val = val < 0 ? 0 : val
     val = val > 255 ? 255 : val
@@ -137,9 +137,9 @@ export const alphaBlend = (fg, fga, bg) => {
   // Simplified https://en.wikipedia.org/wiki/Alpha_compositing#Alpha_blending
   // for opaque bg and transparent fg
   return {
-    r: (fg.r * fga + bg.r * (1 - fga)),
-    g: (fg.g * fga + bg.g * (1 - fga)),
-    b: (fg.b * fga + bg.b * (1 - fga))
+    r: fg.r * fga + bg.r * (1 - fga),
+    g: fg.g * fga + bg.g * (1 - fga),
+    b: fg.b * fga + bg.b * (1 - fga),
   }
 }
 
@@ -149,15 +149,16 @@ export const alphaBlend = (fg, fga, bg) => {
  * @param {Object} bedrock - layer at the very bottom
  * @param {[Object, Number]} layers[] - layers between text and bedrock
  */
-export const alphaBlendLayers = (bedrock, layers) => layers.reduce((acc, [color, opacity]) => {
-  return alphaBlend(color, opacity, acc)
-}, bedrock)
+export const alphaBlendLayers = (bedrock, layers) =>
+  layers.reduce((acc, [color, opacity]) => {
+    return alphaBlend(color, opacity, acc)
+  }, bedrock)
 
 export const invert = (rgb) => {
   return {
     r: 255 - rgb.r,
     g: 255 - rgb.g,
-    b: 255 - rgb.b
+    b: 255 - rgb.b,
   }
 }
 
@@ -174,7 +175,7 @@ export const hex2rgb = (hex) => {
     ? {
         r: parseInt(result[1], 16),
         g: parseInt(result[2], 16),
-        b: parseInt(result[3], 16)
+        b: parseInt(result[3], 16),
       }
     : null
 }
@@ -190,7 +191,7 @@ export const mixrgb = (a, b) => {
   return {
     r: (a.r + b.r) / 2,
     g: (a.g + b.g) / 2,
-    b: (a.b + b.b) / 2
+    b: (a.b + b.b) / 2,
   }
 }
 
@@ -205,7 +206,7 @@ export const rgba2css = function (rgba) {
     r: 0,
     g: 0,
     b: 0,
-    a: 1
+    a: 1,
   }
 
   if (rgba !== null) {
diff --git a/src/services/completion/completion.js b/src/services/completion/completion.js
index 8fa4f75bc..369524f6a 100644
--- a/src/services/completion/completion.js
+++ b/src/services/completion/completion.js
@@ -12,26 +12,30 @@ export const wordAtPosition = (str, pos) => {
 }
 
 export const addPositionToWords = (words) => {
-  return reduce(words, (result, word) => {
-    const data = {
-      word,
-      start: 0,
-      end: word.length
-    }
+  return reduce(
+    words,
+    (result, word) => {
+      const data = {
+        word,
+        start: 0,
+        end: word.length,
+      }
 
-    if (result.length > 0) {
-      const previous = result.pop()
+      if (result.length > 0) {
+        const previous = result.pop()
 
-      data.start += previous.end
-      data.end += previous.end
+        data.start += previous.end
+        data.end += previous.end
 
-      result.push(previous)
-    }
+        result.push(previous)
+      }
 
-    result.push(data)
+      result.push(data)
 
-    return result
-  }, [])
+      return result
+    },
+    [],
+  )
 }
 
 export const splitByWhitespaceBoundary = (str) => {
@@ -64,7 +68,7 @@ const completion = {
   wordAtPosition,
   addPositionToWords,
   splitByWhitespaceBoundary,
-  replaceWord
+  replaceWord,
 }
 
 export default completion
diff --git a/src/services/component_utils/component_utils.js b/src/services/component_utils/component_utils.js
index 77ea14a10..49a110860 100644
--- a/src/services/component_utils/component_utils.js
+++ b/src/services/component_utils/component_utils.js
@@ -1,10 +1,8 @@
 import isFunction from 'lodash/isFunction'
 
-const getComponentOptions = (Component) => (isFunction(Component)) ? Component.options : Component
+const getComponentOptions = (Component) =>
+  isFunction(Component) ? Component.options : Component
 
 const getComponentProps = (Component) => getComponentOptions(Component).props
 
-export {
-  getComponentOptions,
-  getComponentProps
-}
+export { getComponentOptions, getComponentProps }
diff --git a/src/services/date_utils/date_utils.js b/src/services/date_utils/date_utils.js
index 69398c0cf..06c16fb42 100644
--- a/src/services/date_utils/date_utils.js
+++ b/src/services/date_utils/date_utils.js
@@ -47,17 +47,23 @@ export const relativeTimeShort = (date, nowThreshold = 1) => {
 
 export const unitToSeconds = (unit, amount) => {
   switch (unit) {
-    case 'minutes': return 0.001 * amount * MINUTE
-    case 'hours': return 0.001 * amount * HOUR
-    case 'days': return 0.001 * amount * DAY
+    case 'minutes':
+      return 0.001 * amount * MINUTE
+    case 'hours':
+      return 0.001 * amount * HOUR
+    case 'days':
+      return 0.001 * amount * DAY
   }
 }
 
 export const secondsToUnit = (unit, amount) => {
   switch (unit) {
-    case 'minutes': return (1000 * amount) / MINUTE
-    case 'hours': return (1000 * amount) / HOUR
-    case 'days': return (1000 * amount) / DAY
+    case 'minutes':
+      return (1000 * amount) / MINUTE
+    case 'hours':
+      return (1000 * amount) / HOUR
+    case 'days':
+      return (1000 * amount) / DAY
   }
 }
 
@@ -66,14 +72,15 @@ export const isSameYear = (a, b) => {
 }
 
 export const isSameMonth = (a, b) => {
-  return a.getFullYear() === b.getFullYear() &&
-    a.getMonth() === b.getMonth()
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth()
 }
 
 export const isSameDay = (a, b) => {
-  return a.getFullYear() === b.getFullYear() &&
+  return (
+    a.getFullYear() === b.getFullYear() &&
     a.getMonth() === b.getMonth() &&
     a.getDate() === b.getDate()
+  )
 }
 
 export const durationStrToMs = (str) => {
diff --git a/src/services/desktop_notification_utils/desktop_notification_utils.js b/src/services/desktop_notification_utils/desktop_notification_utils.js
index 7f1493056..0c83505a4 100644
--- a/src/services/desktop_notification_utils/desktop_notification_utils.js
+++ b/src/services/desktop_notification_utils/desktop_notification_utils.js
@@ -1,19 +1,27 @@
 import {
   showDesktopNotification as swDesktopNotification,
   closeDesktopNotification as swCloseDesktopNotification,
-  isSWSupported
+  isSWSupported,
 } from '../sw/sw.js'
 const state = { failCreateNotif: false }
 
 export const showDesktopNotification = (rootState, desktopNotificationOpts) => {
-  if (!('Notification' in window && window.Notification.permission === 'granted')) return
-  if (rootState.notifications.desktopNotificationSilence) { return }
+  if (
+    !('Notification' in window && window.Notification.permission === 'granted')
+  )
+    return
+  if (rootState.notifications.desktopNotificationSilence) {
+    return
+  }
 
   if (isSWSupported()) {
     swDesktopNotification(desktopNotificationOpts)
   } else if (!state.failCreateNotif) {
     try {
-      const desktopNotification = new window.Notification(desktopNotificationOpts.title, desktopNotificationOpts)
+      const desktopNotification = new window.Notification(
+        desktopNotificationOpts.title,
+        desktopNotificationOpts,
+      )
       setTimeout(desktopNotification.close.bind(desktopNotification), 5000)
     } catch {
       state.failCreateNotif = true
@@ -22,7 +30,10 @@ export const showDesktopNotification = (rootState, desktopNotificationOpts) => {
 }
 
 export const closeDesktopNotification = (rootState, { id }) => {
-  if (!('Notification' in window && window.Notification.permission === 'granted')) return
+  if (
+    !('Notification' in window && window.Notification.permission === 'granted')
+  )
+    return
 
   if (isSWSupported()) {
     swCloseDesktopNotification({ id })
@@ -30,7 +41,10 @@ export const closeDesktopNotification = (rootState, { id }) => {
 }
 
 export const closeAllDesktopNotifications = () => {
-  if (!('Notification' in window && window.Notification.permission === 'granted')) return
+  if (
+    !('Notification' in window && window.Notification.permission === 'granted')
+  )
+    return
 
   if (isSWSupported()) {
     swCloseDesktopNotification({})
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 1e60e2272..6351908fc 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -21,16 +21,25 @@ const qvitterStatusType = (status) => {
     return 'retweet'
   }
 
-  if ((typeof status.uri === 'string' && status.uri.match(/(fave|objectType=Favourite)/)) ||
-      (typeof status.text === 'string' && status.text.match(/favorited/))) {
+  if (
+    (typeof status.uri === 'string' &&
+      status.uri.match(/(fave|objectType=Favourite)/)) ||
+    (typeof status.text === 'string' && status.text.match(/favorited/))
+  ) {
     return 'favorite'
   }
 
-  if (status.text.match(/deleted notice {{tag/) || status.qvitter_delete_notice) {
+  if (
+    status.text.match(/deleted notice {{tag/) ||
+    status.qvitter_delete_notice
+  ) {
     return 'deletion'
   }
 
-  if (status.text.match(/started following/) || status.activity_type === 'follow') {
+  if (
+    status.text.match(/started following/) ||
+    status.activity_type === 'follow'
+  ) {
     return 'follow'
   }
 
@@ -69,16 +78,16 @@ export const parseUser = (data) => {
     output.description_html = data.note
 
     output.fields = data.fields
-    output.fields_html = data.fields.map(field => {
+    output.fields_html = data.fields.map((field) => {
       return {
         name: escape(field.name),
-        value: field.value
+        value: field.value,
       }
     })
-    output.fields_text = data.fields.map(field => {
+    output.fields_text = data.fields.map((field) => {
       return {
         name: unescape(field.name.replace(/<[^>]*>/g, '')),
-        value: unescape(field.value.replace(/<[^>]*>/g, ''))
+        value: unescape(field.value.replace(/<[^>]*>/g, '')),
       }
     })
 
@@ -119,7 +128,7 @@ export const parseUser = (data) => {
 
       output.rights = {
         moderator: data.pleroma.is_moderator,
-        admin: data.pleroma.is_admin
+        admin: data.pleroma.is_admin,
       }
       // TODO: Clean up in UI? This is duplication from what BE does for qvitterapi
       if (output.rights.admin) {
@@ -149,13 +158,10 @@ export const parseUser = (data) => {
           'moderation_log_read',
           'announcements_manage_announcements',
           'emoji_manage_emoji',
-          'statistics_read'
+          'statistics_read',
         ]
       } else if (data.pleroma.is_moderator) {
-        output.privileges = [
-          'messages_delete',
-          'reports_manage_reports'
-        ]
+        output.privileges = ['messages_delete', 'reports_manage_reports']
       } else {
         output.privileges = []
       }
@@ -203,7 +209,7 @@ export const parseUser = (data) => {
     if (data.rights) {
       output.rights = {
         moderator: data.rights.delete_others_notice,
-        admin: data.rights.admin
+        admin: data.rights.admin,
       }
     }
     output.no_rich_text = data.no_rich_text
@@ -221,7 +227,7 @@ export const parseUser = (data) => {
       muting: data.muted,
       blocking: data.statusnet_blocking,
       followed_by: data.follows_you,
-      following: data.following
+      following: data.following,
     }
   }
 
@@ -237,9 +243,10 @@ export const parseUser = (data) => {
 
     // deactivated was changed to is_active in Pleroma 2.3.0
     // so check if is_active is present
-    output.deactivated = typeof data.pleroma.is_active !== 'undefined'
-      ? !data.pleroma.is_active // new backend
-      : data.pleroma.deactivated // old backend
+    output.deactivated =
+      typeof data.pleroma.is_active !== 'undefined'
+        ? !data.pleroma.is_active // new backend
+        : data.pleroma.deactivated // old backend
 
     output.notification_settings = data.pleroma.notification_settings
     output.unread_chat_count = data.pleroma.unread_chat_count
@@ -324,14 +331,19 @@ export const parseStatus = (data) => {
     const { pleroma } = data
 
     if (data.pleroma) {
-      output.text = pleroma.content ? data.pleroma.content['text/plain'] : data.content
-      output.summary = pleroma.spoiler_text ? data.pleroma.spoiler_text['text/plain'] : data.spoiler_text
+      output.text = pleroma.content
+        ? data.pleroma.content['text/plain']
+        : data.content
+      output.summary = pleroma.spoiler_text
+        ? data.pleroma.spoiler_text['text/plain']
+        : data.spoiler_text
       output.statusnet_conversation_id = data.pleroma.conversation_id
       output.is_local = pleroma.local
       output.in_reply_to_screen_name = pleroma.in_reply_to_account_acct
       output.thread_muted = pleroma.thread_muted
       output.emoji_reactions = pleroma.emoji_reactions
-      output.parent_visible = pleroma.parent_visible === undefined ? true : pleroma.parent_visible
+      output.parent_visible =
+        pleroma.parent_visible === undefined ? true : pleroma.parent_visible
       output.quote_visible = pleroma.quote_visible || true
       output.quotes_count = pleroma.quotes_count
       output.bookmark_folder_id = pleroma.bookmark_folder
@@ -341,9 +353,10 @@ export const parseStatus = (data) => {
     }
 
     const quoteRaw = pleroma?.quote || data.quote
-    const quoteData =  quoteRaw ? parseStatus(quoteRaw) : undefined
+    const quoteData = quoteRaw ? parseStatus(quoteRaw) : undefined
     output.quote = quoteData
-    output.quote_id = data.quote?.id ?? data.quote_id ?? quoteData?.id ?? pleroma.quote_id
+    output.quote_id =
+      data.quote?.id ?? data.quote_id ?? quoteData?.id ?? pleroma.quote_id
     output.quote_url = data.quote?.url ?? quoteData?.url ?? pleroma.quote_url
 
     output.in_reply_to_status_id = data.in_reply_to_id
@@ -358,9 +371,9 @@ export const parseStatus = (data) => {
     output.external_url = data.url
     output.poll = data.poll
     if (output.poll) {
-      output.poll.options = (output.poll.options || []).map(field => ({
+      output.poll.options = (output.poll.options || []).map((field) => ({
         ...field,
-        title_html: escape(field.title)
+        title_html: escape(field.title),
       }))
     }
     output.pinned = data.pinned
@@ -419,10 +432,13 @@ export const parseStatus = (data) => {
 
   output.user = parseUser(masto ? data.account : data.user)
 
-  output.attentions = ((masto ? data.mentions : data.attentions) || []).map(parseUser)
+  output.attentions = ((masto ? data.mentions : data.attentions) || []).map(
+    parseUser,
+  )
 
-  output.attachments = ((masto ? data.media_attachments : data.attachments) || [])
-    .map(parseAttachment)
+  output.attachments = (
+    (masto ? data.media_attachments : data.attachments) || []
+  ).map(parseAttachment)
 
   const retweetedStatus = masto ? data.reblog : data.retweeted_status
   if (retweetedStatus) {
@@ -442,7 +458,7 @@ export const parseStatus = (data) => {
 export const parseNotification = (data) => {
   const mastoDict = {
     favourite: 'like',
-    reblog: 'repeat'
+    reblog: 'repeat',
   }
   const masto = !Object.hasOwn(data, 'ntype')
   const output = {}
@@ -452,10 +468,11 @@ export const parseNotification = (data) => {
     output.seen = data.pleroma.is_seen
     // TODO: null check should be a temporary fix, I guess.
     // Investigate why backend does this.
-    output.status = isStatusNotification(output.type) && data.status !== null ? parseStatus(data.status) : null
-    output.target = output.type !== 'move'
-      ? null
-      : parseUser(data.target)
+    output.status =
+      isStatusNotification(output.type) && data.status !== null
+        ? parseStatus(data.status)
+        : null
+    output.target = output.type !== 'move' ? null : parseUser(data.target)
     output.from_profile = parseUser(data.account)
     output.emoji = data.emoji
     output.emoji_url = data.emoji_url
@@ -470,11 +487,15 @@ export const parseNotification = (data) => {
     const parsedNotice = parseStatus(data.notice)
     output.type = data.ntype
     output.seen = Boolean(data.is_seen)
-    output.status = output.type === 'like'
-      ? parseStatus(data.notice.favorited_status)
-      : parsedNotice
+    output.status =
+      output.type === 'like'
+        ? parseStatus(data.notice.favorited_status)
+        : parsedNotice
     output.action = parsedNotice
-    output.from_profile = output.type === 'pleroma:chat_mention' ? parseUser(data.account) : parseUser(data.from_profile)
+    output.from_profile =
+      output.type === 'pleroma:chat_mention'
+        ? parseUser(data.account)
+        : parseUser(data.from_profile)
   }
 
   output.created_at = new Date(data.created_at)
@@ -485,7 +506,10 @@ export const parseNotification = (data) => {
 
 const isNsfw = (status) => {
   const nsfwRegex = /#nsfw/i
-  return (status.tags || []).includes('nsfw') || !!(status.text || '').match(nsfwRegex)
+  return (
+    (status.tags || []).includes('nsfw') ||
+    !!(status.text || '').match(nsfwRegex)
+  )
 }
 
 export const parseLinkHeaderPagination = (linkHeader, opts = {}) => {
@@ -497,7 +521,7 @@ export const parseLinkHeaderPagination = (linkHeader, opts = {}) => {
 
   return {
     maxId: flakeId ? maxId : parseInt(maxId, 10),
-    minId: flakeId ? minId : parseInt(minId, 10)
+    minId: flakeId ? minId : parseInt(minId, 10),
   }
 }
 
@@ -512,8 +536,12 @@ export const parseChat = (chat) => {
 }
 
 export const parseChatMessage = (message) => {
-  if (!message) { return }
-  if (message.isNormalized) { return message }
+  if (!message) {
+    return
+  }
+  if (message.isNormalized) {
+    return message
+  }
   const output = message
   output.id = message.id
   output.created_at = new Date(message.created_at)
diff --git a/src/services/errors/errors.js b/src/services/errors/errors.js
index ef18c36ed..41829eb19 100644
--- a/src/services/errors/errors.js
+++ b/src/services/errors/errors.js
@@ -1,6 +1,6 @@
 import { capitalize } from 'lodash'
 
-function humanizeErrors (errors) {
+function humanizeErrors(errors) {
   return Object.entries(errors).reduce((errs, [k, val]) => {
     const message = val.reduce((acc, message) => {
       const key = capitalize(k.replace(/_/g, ' '))
@@ -10,15 +10,17 @@ function humanizeErrors (errors) {
   }, [])
 }
 
-export function StatusCodeError (statusCode, body, options, response) {
+export function StatusCodeError(statusCode, body, options, response) {
   this.name = 'StatusCodeError'
   this.statusCode = statusCode
-  this.message = statusCode + ' - ' + (JSON && JSON.stringify ? JSON.stringify(body) : body)
+  this.message =
+    statusCode + ' - ' + (JSON && JSON.stringify ? JSON.stringify(body) : body)
   this.error = body // legacy attribute
   this.options = options
   this.response = response
 
-  if (Error.captureStackTrace) { // required for non-V8 environments
+  if (Error.captureStackTrace) {
+    // required for non-V8 environments
     Error.captureStackTrace(this)
   }
 }
@@ -26,7 +28,7 @@ StatusCodeError.prototype = Object.create(Error.prototype)
 StatusCodeError.prototype.constructor = StatusCodeError
 
 export class RegistrationError extends Error {
-  constructor (error) {
+  constructor(error) {
     super()
     if (Error.captureStackTrace) {
       Error.captureStackTrace(this)
diff --git a/src/services/export_import/export_import.js b/src/services/export_import/export_import.js
index dc1172e6d..c6a5ec334 100644
--- a/src/services/export_import/export_import.js
+++ b/src/services/export_import/export_import.js
@@ -4,9 +4,9 @@ export const newExporter = ({
   filename = 'data',
   mime = 'application/json',
   extension = 'json',
-  getExportedObject
+  getExportedObject,
 }) => ({
-  exportData () {
+  exportData() {
     let stringified
     if (mime === 'application/json') {
       stringified = utf8.encode(JSON.stringify(getExportedObject(), null, 2)) // Pretty-print and indent with 2 spaces
@@ -24,7 +24,7 @@ export const newExporter = ({
     document.body.appendChild(e)
     e.click()
     document.body.removeChild(e)
-  }
+  },
 })
 
 export const newImporter = ({
@@ -32,14 +32,14 @@ export const newImporter = ({
   parser = (string) => JSON.parse(string),
   onImport,
   onImportFailure,
-  validator = () => true
+  validator = () => true,
 }) => ({
-  importData () {
+  importData() {
     const filePicker = document.createElement('input')
     filePicker.setAttribute('type', 'file')
     filePicker.setAttribute('accept', accept)
 
-    filePicker.addEventListener('change', event => {
+    filePicker.addEventListener('change', (event) => {
       if (event.target.files[0]) {
         const filename = event.target.files[0].name
 
@@ -64,5 +64,5 @@ export const newImporter = ({
     document.body.appendChild(filePicker)
     filePicker.click()
     document.body.removeChild(filePicker)
-  }
+  },
 })
diff --git a/src/services/favicon_service/favicon_service.js b/src/services/favicon_service/favicon_service.js
index 9cbe65449..f489db534 100644
--- a/src/services/favicon_service/favicon_service.js
+++ b/src/services/favicon_service/favicon_service.js
@@ -1,18 +1,18 @@
 const checkCanvasExtractPermission = () => {
-  const canvas = document.createElement('canvas');
-  canvas.width = 1;
-  canvas.height = 1;
+  const canvas = document.createElement('canvas')
+  canvas.width = 1
+  canvas.height = 1
 
-  const ctx = canvas.getContext('2d');
-  if (!ctx) return false;
+  const ctx = canvas.getContext('2d')
+  if (!ctx) return false
 
-  ctx.fillStyle = '#0f161e';
-  ctx.fillRect(0, 0, 1, 1);
+  ctx.fillStyle = '#0f161e'
+  ctx.fillRect(0, 0, 1, 1)
 
-  const { data } = ctx.getImageData(0, 0, 1, 1);
+  const { data } = ctx.getImageData(0, 0, 1, 1)
 
-  return data.join(',') === '15,22,30,255';
-};
+  return data.join(',') === '15,22,30,255'
+}
 
 const createFaviconService = () => {
   const favicons = []
@@ -21,10 +21,10 @@ const createFaviconService = () => {
   const badgeRadius = 32
 
   const initFaviconService = () => {
-    if (!checkCanvasExtractPermission()) return;
+    if (!checkCanvasExtractPermission()) return
 
     const nodes = document.querySelectorAll('link[rel="icon"]')
-    nodes.forEach(favicon => {
+    nodes.forEach((favicon) => {
       if (favicon) {
         const favcanvas = document.createElement('canvas')
         favcanvas.width = faviconWidth
@@ -47,7 +47,17 @@ const createFaviconService = () => {
 
       favcontext.clearRect(0, 0, faviconWidth, faviconHeight)
       if (isImageLoaded(favimg)) {
-        favcontext.drawImage(favimg, 0, 0, favimg.width, favimg.height, 0, 0, faviconWidth, faviconHeight)
+        favcontext.drawImage(
+          favimg,
+          0,
+          0,
+          favimg.width,
+          favimg.height,
+          0,
+          0,
+          faviconWidth,
+          faviconHeight,
+        )
       }
       favicon.href = favcanvas.toDataURL('image/png')
     })
@@ -63,11 +73,28 @@ const createFaviconService = () => {
       const badgeColor = `${style.getPropertyValue('--badgeNotification') || 'rgb(240, 100, 100)'}`
 
       if (isImageLoaded(favimg)) {
-        favcontext.drawImage(favimg, 0, 0, favimg.width, favimg.height, 0, 0, faviconWidth, faviconHeight)
+        favcontext.drawImage(
+          favimg,
+          0,
+          0,
+          favimg.width,
+          favimg.height,
+          0,
+          0,
+          faviconWidth,
+          faviconHeight,
+        )
       }
       favcontext.fillStyle = badgeColor
       favcontext.beginPath()
-      favcontext.arc(faviconWidth - badgeRadius, badgeRadius, badgeRadius, 0, 2 * Math.PI, false)
+      favcontext.arc(
+        faviconWidth - badgeRadius,
+        badgeRadius,
+        badgeRadius,
+        0,
+        2 * Math.PI,
+        false,
+      )
       favcontext.fill()
       favicon.href = favcanvas.toDataURL('image/png')
     })
@@ -79,7 +106,7 @@ const createFaviconService = () => {
     initFaviconService,
     clearFaviconBadge,
     drawFaviconBadge,
-    getOriginalFavicons
+    getOriginalFavicons,
   }
 }
 
diff --git a/src/services/file_size_format/file_size_format.js b/src/services/file_size_format/file_size_format.js
index 17deb09b2..536c228fb 100644
--- a/src/services/file_size_format/file_size_format.js
+++ b/src/services/file_size_format/file_size_format.js
@@ -5,12 +5,15 @@ const fileSizeFormat = (numArg) => {
     return num + ' ' + units[0]
   }
 
-  const exponent = Math.min(Math.floor(Math.log(num) / Math.log(1024)), units.length - 1)
+  const exponent = Math.min(
+    Math.floor(Math.log(num) / Math.log(1024)),
+    units.length - 1,
+  )
   num = (num / Math.pow(1024, exponent)).toFixed(2) * 1
   const unit = units[exponent]
   return { num, unit }
 }
 const fileSizeFormatService = {
-  fileSizeFormat
+  fileSizeFormat,
 }
 export default fileSizeFormatService
diff --git a/src/services/file_type/file_type.service.js b/src/services/file_type/file_type.service.js
index f7989ffed..02f659eec 100644
--- a/src/services/file_type/file_type.service.js
+++ b/src/services/file_type/file_type.service.js
@@ -1,7 +1,7 @@
 // TODO this func might as well take the entire file and use its mimetype
 // or the entire service could be just mimetype service that only operates
 // on mimetypes and not files. Currently the naming is confusing.
-export const fileType = mimetype => {
+export const fileType = (mimetype) => {
   if (mimetype.match(/flash/)) {
     return 'flash'
   }
@@ -25,26 +25,30 @@ export const fileType = mimetype => {
   return 'unknown'
 }
 
-export const fileTypeExt = url => {
+export const fileTypeExt = (url) => {
   if (url.match(/\.(a?png|jpe?g|gif|webp|avif)$/)) {
     return 'image'
   }
   if (url.match(/\.(ogv|mp4|webm|mov)$/)) {
     return 'video'
   }
-  if (url.match(/\.(it|s3m|mod|umx|mp3|aac|m4a|flac|alac|ogg|oga|opus|wav|ape|midi?)$/)) {
+  if (
+    url.match(
+      /\.(it|s3m|mod|umx|mp3|aac|m4a|flac|alac|ogg|oga|opus|wav|ape|midi?)$/,
+    )
+  ) {
     return 'audio'
   }
   return 'unknown'
 }
 
 export const fileMatchesSomeType = (types, file) =>
-  types.some(type => fileType(file.mimetype) === type)
+  types.some((type) => fileType(file.mimetype) === type)
 
 const fileTypeService = {
   fileType,
   fileTypeExt,
-  fileMatchesSomeType
+  fileMatchesSomeType,
 }
 
 export default fileTypeService
diff --git a/src/services/follow_manipulate/follow_manipulate.js b/src/services/follow_manipulate/follow_manipulate.js
index 41c0acc75..209a5f0c0 100644
--- a/src/services/follow_manipulate/follow_manipulate.js
+++ b/src/services/follow_manipulate/follow_manipulate.js
@@ -1,52 +1,64 @@
-const fetchRelationship = (attempt, userId, store) => new Promise((resolve, reject) => {
-  setTimeout(() => {
-    store.state.api.backendInteractor.fetchUserRelationship({ id: userId })
-      .then((relationship) => {
-        store.commit('updateUserRelationship', [relationship])
-        return relationship
-      })
-      .then((relationship) => resolve([relationship.following, relationship.requested, relationship.locked, attempt]))
-      .catch((e) => reject(e))
-  }, 500)
-}).then(([following, sent, locked, attempt]) => {
-  if (!following && !(locked && sent) && attempt <= 3) {
-    // If we BE reports that we still not following that user - retry,
-    // increment attempts by one
-    fetchRelationship(++attempt, userId, store)
-  }
-})
+const fetchRelationship = (attempt, userId, store) =>
+  new Promise((resolve, reject) => {
+    setTimeout(() => {
+      store.state.api.backendInteractor
+        .fetchUserRelationship({ id: userId })
+        .then((relationship) => {
+          store.commit('updateUserRelationship', [relationship])
+          return relationship
+        })
+        .then((relationship) =>
+          resolve([
+            relationship.following,
+            relationship.requested,
+            relationship.locked,
+            attempt,
+          ]),
+        )
+        .catch((e) => reject(e))
+    }, 500)
+  }).then(([following, sent, locked, attempt]) => {
+    if (!following && !(locked && sent) && attempt <= 3) {
+      // If we BE reports that we still not following that user - retry,
+      // increment attempts by one
+      fetchRelationship(++attempt, userId, store)
+    }
+  })
 
-export const requestFollow = (userId, store) => new Promise((resolve) => {
-  store.state.api.backendInteractor.followUser({ id: userId })
-    .then((updated) => {
-      store.commit('updateUserRelationship', [updated])
+export const requestFollow = (userId, store) =>
+  new Promise((resolve) => {
+    store.state.api.backendInteractor
+      .followUser({ id: userId })
+      .then((updated) => {
+        store.commit('updateUserRelationship', [updated])
 
-      if (updated.following || (updated.locked && updated.requested)) {
-        // If we get result immediately or the account is locked, just stop.
-        resolve()
-        return
-      }
+        if (updated.following || (updated.locked && updated.requested)) {
+          // If we get result immediately or the account is locked, just stop.
+          resolve()
+          return
+        }
 
-      // But usually we don't get result immediately, so we ask server
-      // for updated user profile to confirm if we are following them
-      // Sometimes it takes several tries. Sometimes we end up not following
-      // user anyway, probably because they locked themselves and we
-      // don't know that yet.
-      // Recursive Promise, it will call itself up to 3 times.
+        // But usually we don't get result immediately, so we ask server
+        // for updated user profile to confirm if we are following them
+        // Sometimes it takes several tries. Sometimes we end up not following
+        // user anyway, probably because they locked themselves and we
+        // don't know that yet.
+        // Recursive Promise, it will call itself up to 3 times.
 
-      return fetchRelationship(1, updated, store)
-        .then(() => {
+        return fetchRelationship(1, updated, store).then(() => {
           resolve()
         })
-    })
-})
-
-export const requestUnfollow = (userId, store) => new Promise((resolve) => {
-  store.state.api.backendInteractor.unfollowUser({ id: userId })
-    .then((updated) => {
-      store.commit('updateUserRelationship', [updated])
-      resolve({
-        updated
       })
-    })
-})
+  })
+
+export const requestUnfollow = (userId, store) =>
+  new Promise((resolve) => {
+    store.state.api.backendInteractor
+      .unfollowUser({ id: userId })
+      .then((updated) => {
+        store.commit('updateUserRelationship', [updated])
+        resolve({
+          updated,
+        })
+      })
+  })
diff --git a/src/services/follow_request_fetcher/follow_request_fetcher.service.js b/src/services/follow_request_fetcher/follow_request_fetcher.service.js
index 74af40815..6cdc5fd3b 100644
--- a/src/services/follow_request_fetcher/follow_request_fetcher.service.js
+++ b/src/services/follow_request_fetcher/follow_request_fetcher.service.js
@@ -2,11 +2,15 @@ import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
 
 const fetchAndUpdate = ({ store, credentials }) => {
-  return apiService.fetchFollowRequests({ credentials })
-    .then((requests) => {
-      store.commit('setFollowRequests', requests)
-      store.commit('addNewUsers', requests)
-    }, () => {})
+  return apiService
+    .fetchFollowRequests({ credentials })
+    .then(
+      (requests) => {
+        store.commit('setFollowRequests', requests)
+        store.commit('addNewUsers', requests)
+      },
+      () => {},
+    )
     .catch(() => {})
 }
 
@@ -17,7 +21,7 @@ const startFetching = ({ credentials, store }) => {
 }
 
 const followRequestFetcher = {
-  startFetching
+  startFetching,
 }
 
 export default followRequestFetcher
diff --git a/src/services/gesture_service/gesture_service.js b/src/services/gesture_service/gesture_service.js
index 74e3b3291..f3b81dce6 100644
--- a/src/services/gesture_service/gesture_service.js
+++ b/src/services/gesture_service/gesture_service.js
@@ -5,22 +5,25 @@ const DIRECTION_DOWN = [0, 1]
 
 const BUTTON_LEFT = 0
 
-const deltaCoord = (oldCoord, newCoord) => [newCoord[0] - oldCoord[0], newCoord[1] - oldCoord[1]]
+const deltaCoord = (oldCoord, newCoord) => [
+  newCoord[0] - oldCoord[0],
+  newCoord[1] - oldCoord[1],
+]
 
-const touchCoord = touch => [touch.screenX, touch.screenY]
+const touchCoord = (touch) => [touch.screenX, touch.screenY]
 
-const touchEventCoord = e => touchCoord(e.touches[0])
+const touchEventCoord = (e) => touchCoord(e.touches[0])
 
-const pointerEventCoord = e => [e.clientX, e.clientY]
+const pointerEventCoord = (e) => [e.clientX, e.clientY]
 
-const vectorLength = v => Math.sqrt(v[0] * v[0] + v[1] * v[1])
+const vectorLength = (v) => Math.sqrt(v[0] * v[0] + v[1] * v[1])
 
-const perpendicular = v => [v[1], -v[0]]
+const perpendicular = (v) => [v[1], -v[0]]
 
 const dotProduct = (v1, v2) => v1[0] * v2[0] + v1[1] * v2[1]
 
 const project = (v1, v2) => {
-  const scalar = (dotProduct(v1, v2) / dotProduct(v2, v2))
+  const scalar = dotProduct(v1, v2) / dotProduct(v2, v2)
   return [scalar * v2[0], scalar * v2[1]]
 }
 
@@ -30,14 +33,19 @@ const project = (v1, v2) => {
 // divergentTolerance: a scalar for much of divergent direction we tolerate when
 //    above threshold. for example, with 1.0 we only call the callback if
 //    divergent component of delta is < 1.0 * direction component of delta.
-const swipeGesture = (direction, onSwipe, threshold = 30, perpendicularTolerance = 1.0) => {
+const swipeGesture = (
+  direction,
+  onSwipe,
+  threshold = 30,
+  perpendicularTolerance = 1.0,
+) => {
   return {
     direction,
     onSwipe,
     threshold,
     perpendicularTolerance,
     _startPos: [0, 0],
-    _swiping: false
+    _swiping: false,
   }
 }
 
@@ -60,7 +68,8 @@ const updateSwipe = (event, gesture) => {
   if (
     vectorLength(towardsDir) * gesture.perpendicularTolerance <
     vectorLength(towardsPerpendicular)
-  ) return
+  )
+    return
 
   gesture.onSwipe()
   gesture._swiping = false
@@ -73,7 +82,7 @@ class SwipeAndClickGesture {
   //   sign: if the swipe does not meet the threshold, 0
   //         if the swipe meets the threshold in the positive direction, 1
   //         if the swipe meets the threshold in the negative direction, -1
-  constructor ({
+  constructor({
     direction,
     // swipeStartCallback
     swipePreviewCallback,
@@ -82,7 +91,7 @@ class SwipeAndClickGesture {
     swipelessClickCallback,
     threshold = 30,
     perpendicularTolerance = 1.0,
-    disableClickThreshold = 1
+    disableClickThreshold = 1,
   }) {
     const nop = () => {}
     this.direction = direction
@@ -90,13 +99,17 @@ class SwipeAndClickGesture {
     this.swipeEndCallback = swipeEndCallback || nop
     this.swipeCancelCallback = swipeCancelCallback || nop
     this.swipelessClickCallback = swipelessClickCallback || nop
-    this.threshold = typeof threshold === 'function' ? threshold : () => threshold
-    this.disableClickThreshold = typeof disableClickThreshold === 'function' ? disableClickThreshold : () => disableClickThreshold
+    this.threshold =
+      typeof threshold === 'function' ? threshold : () => threshold
+    this.disableClickThreshold =
+      typeof disableClickThreshold === 'function'
+        ? disableClickThreshold
+        : () => disableClickThreshold
     this.perpendicularTolerance = perpendicularTolerance
     this._reset()
   }
 
-  _reset () {
+  _reset() {
     this._startPos = [0, 0]
     this._pointerId = -1
     this._swiping = false
@@ -104,7 +117,7 @@ class SwipeAndClickGesture {
     this._preventNextClick = false
   }
 
-  start (event) {
+  start(event) {
     // Only handle left click
     if (event.button !== BUTTON_LEFT) {
       return
@@ -116,7 +129,7 @@ class SwipeAndClickGesture {
     this._swiped = false
   }
 
-  move (event) {
+  move(event) {
     if (this._swiping && this._pointerId === event.pointerId) {
       this._swiped = true
 
@@ -127,7 +140,7 @@ class SwipeAndClickGesture {
     }
   }
 
-  cancel (event) {
+  cancel(event) {
     if (!this._swiping || this._pointerId !== event.pointerId) {
       return
     }
@@ -135,7 +148,7 @@ class SwipeAndClickGesture {
     this.swipeCancelCallback()
   }
 
-  end (event) {
+  end(event) {
     if (!this._swiping) {
       return
     }
@@ -163,7 +176,7 @@ class SwipeAndClickGesture {
       const towardsPerpendicular = project(delta, perpendicularDir)
       if (
         vectorLength(towardsDir) * this.perpendicularTolerance <
-          vectorLength(towardsPerpendicular)
+        vectorLength(towardsPerpendicular)
       ) {
         return 0
       }
@@ -179,12 +192,15 @@ class SwipeAndClickGesture {
     // the end point is far from the starting point
     // so for other kinds of pointers do not check
     // whether we have swiped
-    if (vectorLength(delta) >= this.disableClickThreshold() && event.pointerType === 'mouse') {
+    if (
+      vectorLength(delta) >= this.disableClickThreshold() &&
+      event.pointerType === 'mouse'
+    ) {
       this._preventNextClick = true
     }
   }
 
-  click () {
+  click() {
     if (!this._preventNextClick) {
       this.swipelessClickCallback()
     }
@@ -200,7 +216,7 @@ const GestureService = {
   swipeGesture,
   beginSwipe,
   updateSwipe,
-  SwipeAndClickGesture
+  SwipeAndClickGesture,
 }
 
 export default GestureService
diff --git a/src/services/html_converter/html_line_converter.service.js b/src/services/html_converter/html_line_converter.service.js
index 9c3d1f19f..0e3335dfa 100644
--- a/src/services/html_converter/html_line_converter.service.js
+++ b/src/services/html_converter/html_line_converter.service.js
@@ -22,16 +22,58 @@ export const convertHtmlToLines = (html = '') => {
   // Elements that are implicitly self-closing
   // https://developer.mozilla.org/en-US/docs/Glossary/empty_element
   const emptyElements = new Set([
-    'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
-    'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr'
+    'area',
+    'base',
+    'br',
+    'col',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'keygen',
+    'link',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr',
   ])
   // Block-level element (they make a visual line)
   // https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements
   const blockElements = new Set([
-    'address', 'article', 'aside', 'blockquote', 'details', 'dialog', 'dd',
-    'div', 'dl', 'dt', 'fieldset', 'figcaption', 'figure', 'footer', 'form',
-    'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'hgroup', 'hr', 'li', 'main',
-    'nav', 'ol', 'p', 'pre', 'section', 'table', 'ul'
+    'address',
+    'article',
+    'aside',
+    'blockquote',
+    'details',
+    'dialog',
+    'dd',
+    'div',
+    'dl',
+    'dt',
+    'fieldset',
+    'figcaption',
+    'figure',
+    'footer',
+    'form',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'header',
+    'hgroup',
+    'hr',
+    'li',
+    'main',
+    'nav',
+    'ol',
+    'p',
+    'pre',
+    'section',
+    'table',
+    'ul',
   ])
   // br is very weird in a way that it's technically not block-level, it's
   // essentially converted to a \n (or \r\n). There's also wbr but it doesn't
@@ -40,7 +82,7 @@ export const convertHtmlToLines = (html = '') => {
 
   const visualLineElements = new Set([
     ...blockElements.values(),
-    ...linebreakElements.values()
+    ...linebreakElements.values(),
   ])
 
   // All block-level elements that aren't empty elements, i.e. not <hr>
@@ -53,7 +95,7 @@ export const convertHtmlToLines = (html = '') => {
   // All elements that we are recognizing
   const allElements = new Set([
     ...nonEmptyElements.values(),
-    ...emptyElements.values()
+    ...emptyElements.values(),
   ])
 
   const buffer = [] // Current output buffer
@@ -61,7 +103,8 @@ export const convertHtmlToLines = (html = '') => {
   let textBuffer = '' // Current line content
   let tagBuffer = null // Current tag buffer, if null = we are not currently reading a tag
 
-  const flush = () => { // Processes current line buffer, adds it to output buffer and clears line buffer
+  const flush = () => {
+    // Processes current line buffer, adds it to output buffer and clears line buffer
     if (textBuffer.trim().length > 0) {
       buffer.push({ level: [...level], text: textBuffer })
     } else {
@@ -70,23 +113,27 @@ export const convertHtmlToLines = (html = '') => {
     textBuffer = ''
   }
 
-  const handleBr = (tag) => { // handles single newlines/linebreaks/selfclosing
+  const handleBr = (tag) => {
+    // handles single newlines/linebreaks/selfclosing
     flush()
     buffer.push(tag)
   }
 
-  const handleOpen = (tag) => { // handles opening tags
+  const handleOpen = (tag) => {
+    // handles opening tags
     flush()
     buffer.push(tag)
     level.unshift(getTagName(tag))
   }
 
-  const handleClose = (tag) => { // handles closing tags
+  const handleClose = (tag) => {
+    // handles closing tags
     if (level[0] === getTagName(tag)) {
       flush()
       buffer.push(tag)
       level.shift()
-    } else { // Broken case
+    } else {
+      // Broken case
       textBuffer += tag
     }
   }
diff --git a/src/services/html_converter/html_tree_converter.service.js b/src/services/html_converter/html_tree_converter.service.js
index 247a81736..c47618fff 100644
--- a/src/services/html_converter/html_tree_converter.service.js
+++ b/src/services/html_converter/html_tree_converter.service.js
@@ -24,8 +24,21 @@ export const convertHtmlToTree = (html = '') => {
   // Elements that are implicitly self-closing
   // https://developer.mozilla.org/en-US/docs/Glossary/empty_element
   const emptyElements = new Set([
-    'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
-    'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr'
+    'area',
+    'base',
+    'br',
+    'col',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'keygen',
+    'link',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr',
   ])
   // TODO For future - also parse HTML5 multi-source components?
 
@@ -38,7 +51,8 @@ export const convertHtmlToTree = (html = '') => {
     return levels[levels.length - 1][1]
   }
 
-  const flushText = () => { // Processes current line buffer, adds it to output buffer and clears line buffer
+  const flushText = () => {
+    // Processes current line buffer, adds it to output buffer and clears line buffer
     if (textBuffer === '') return
     getCurrentBuffer().push(textBuffer)
     textBuffer = ''
@@ -79,7 +93,10 @@ export const convertHtmlToTree = (html = '') => {
       const tagName = getTagName(tagFull)
       if (tagFull[1] === '/') {
         handleClose(tagFull)
-      } else if (emptyElements.has(tagName) || tagFull[tagFull.length - 2] === '/') {
+      } else if (
+        emptyElements.has(tagName) ||
+        tagFull[tagFull.length - 2] === '/'
+      ) {
         // self-closing
         handleSelfClosing(tagFull)
       } else {
diff --git a/src/services/html_converter/utility.service.js b/src/services/html_converter/utility.service.js
index 894b9ab05..5cdcf33cd 100644
--- a/src/services/html_converter/utility.service.js
+++ b/src/services/html_converter/utility.service.js
@@ -22,7 +22,9 @@ export const getAttrs = (tag, filter) => {
     .replace(new RegExp('^' + getTagName(tag)), '')
     .replace(/\/?$/, '')
     .trim()
-  const attrs = Array.from(innertag.matchAll(/([a-z]+[a-z0-9-]*)(?:=("[^"]+?"|'[^']+?'))?/gi))
+  const attrs = Array.from(
+    innertag.matchAll(/([a-z]+[a-z0-9-]*)(?:=("[^"]+?"|'[^']+?'))?/gi),
+  )
     .map(([, key, value]) => [key, value])
     .map(([k, v]) => {
       if (!v) return [k, true]
@@ -59,7 +61,10 @@ export const processTextForEmoji = (text, emojis, processor) => {
       const next = text.slice(i + 1)
       let found = false
       for (const emoji of emojis) {
-        if (next.slice(0, emoji.shortcode.length + 1) === (emoji.shortcode + ':')) {
+        if (
+          next.slice(0, emoji.shortcode.length + 1) ===
+          emoji.shortcode + ':'
+        ) {
           found = emoji
           break
         }
diff --git a/src/services/lists_fetcher/lists_fetcher.service.js b/src/services/lists_fetcher/lists_fetcher.service.js
index 5d3c9ed23..0f6ca0c70 100644
--- a/src/services/lists_fetcher/lists_fetcher.service.js
+++ b/src/services/lists_fetcher/lists_fetcher.service.js
@@ -3,10 +3,14 @@ import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
 
 const fetchAndUpdate = ({ credentials }) => {
-  return apiService.fetchLists({ credentials })
-    .then(lists => {
-      useListsStore().setLists(lists)
-    }, () => {})
+  return apiService
+    .fetchLists({ credentials })
+    .then(
+      (lists) => {
+        useListsStore().setLists(lists)
+      },
+      () => {},
+    )
     .catch(() => {})
 }
 
@@ -17,7 +21,7 @@ const startFetching = ({ credentials, store }) => {
 }
 
 const listsFetcher = {
-  startFetching
+  startFetching,
 }
 
 export default listsFetcher
diff --git a/src/services/locale/locale.service.js b/src/services/locale/locale.service.js
index 9a96cf012..809dda3a9 100644
--- a/src/services/locale/locale.service.js
+++ b/src/services/locale/locale.service.js
@@ -6,13 +6,14 @@ const specialLanguageCodes = {
   pdc: 'en',
   ja_easy: 'ja',
   zh_Hant: 'zh-HANT',
-  zh: 'zh-Hans'
+  zh: 'zh-Hans',
 }
 
-const internalToBrowserLocale = code => specialLanguageCodes[code] || code
+const internalToBrowserLocale = (code) => specialLanguageCodes[code] || code
 
-const internalToBackendLocale = code => internalToBrowserLocale(code).replace('_', '-')
-const internalToBackendLocaleMulti = codes => {
+const internalToBackendLocale = (code) =>
+  internalToBrowserLocale(code).replace('_', '-')
+const internalToBackendLocaleMulti = (codes) => {
   const langs = Array.isArray(codes) ? codes : [codes]
   return langs.map(internalToBackendLocale).join(',')
 }
@@ -23,21 +24,27 @@ const getLanguageName = (code) => {
     ja_easy: 'やさしいにほんご',
     'nan-TW': '臺語（閩南語）',
     zh: '简体中文',
-    zh_Hant: '繁體中文'
+    zh_Hant: '繁體中文',
   }
   const languageName = specialLanguageNames[code] || ISO6391.getNativeName(code)
   const browserLocale = internalToBrowserLocale(code)
-  return languageName.charAt(0).toLocaleUpperCase(browserLocale) + languageName.slice(1)
+  return (
+    languageName.charAt(0).toLocaleUpperCase(browserLocale) +
+    languageName.slice(1)
+  )
 }
 
-const languages = _.map(languagesObject.languages, (code) => ({ code, name: getLanguageName(code) })).sort((a, b) => a.name.localeCompare(b.name))
+const languages = _.map(languagesObject.languages, (code) => ({
+  code,
+  name: getLanguageName(code),
+})).sort((a, b) => a.name.localeCompare(b.name))
 
 const localeService = {
   internalToBrowserLocale,
   internalToBackendLocale,
   internalToBackendLocaleMulti,
   languages,
-  getLanguageName
+  getLanguageName,
 }
 
 export default localeService
diff --git a/src/services/matcher/matcher.service.js b/src/services/matcher/matcher.service.js
index 54f02d312..df9e1a073 100644
--- a/src/services/matcher/matcher.service.js
+++ b/src/services/matcher/matcher.service.js
@@ -3,7 +3,10 @@ export const mentionMatchesUrl = (attention, url) => {
     return true
   }
   const [namepart, instancepart] = attention.screen_name.split('@')
-  const matchstring = new RegExp('://' + instancepart + '/.*' + namepart + '$', 'g')
+  const matchstring = new RegExp(
+    '://' + instancepart + '/.*' + namepart + '$',
+    'g',
+  )
 
   return !!url.match(matchstring)
 }
@@ -17,7 +20,8 @@ export const extractTagFromUrl = (url) => {
   const decoded = decodeURI(url)
   // https://git.pleroma.social/pleroma/elixir-libraries/linkify/-/blob/master/lib/linkify/parser.ex
   // https://www.pcre.org/original/doc/html/pcrepattern.html
-  const regex = /tag[s]*\/([\p{L}\p{N}_]*[\p{Alphabetic}_·\u{200c}][\p{L}\p{N}_·\p{M}\u{200c}]*)$/ug
+  const regex =
+    /tag[s]*\/([\p{L}\p{N}_]*[\p{Alphabetic}_·\u{200c}][\p{L}\p{N}_·\p{M}\u{200c}]*)$/gu
   const result = regex.exec(decoded)
   if (!result) {
     return false
diff --git a/src/services/new_api/mfa.js b/src/services/new_api/mfa.js
index c944667c0..1d35b65a8 100644
--- a/src/services/new_api/mfa.js
+++ b/src/services/new_api/mfa.js
@@ -1,4 +1,10 @@
-const verifyOTPCode = ({ clientId, clientSecret, instance, mfaToken, code }) => {
+const verifyOTPCode = ({
+  clientId,
+  clientSecret,
+  instance,
+  mfaToken,
+  code,
+}) => {
   const url = `${instance}/oauth/mfa/challenge`
   const form = new window.FormData()
 
@@ -8,13 +14,21 @@ const verifyOTPCode = ({ clientId, clientSecret, instance, mfaToken, code }) =>
   form.append('code', code)
   form.append('challenge_type', 'totp')
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
-const verifyRecoveryCode = ({ clientId, clientSecret, instance, mfaToken, code }) => {
+const verifyRecoveryCode = ({
+  clientId,
+  clientSecret,
+  instance,
+  mfaToken,
+  code,
+}) => {
   const url = `${instance}/oauth/mfa/challenge`
   const form = new window.FormData()
 
@@ -24,15 +38,17 @@ const verifyRecoveryCode = ({ clientId, clientSecret, instance, mfaToken, code }
   form.append('code', code)
   form.append('challenge_type', 'recovery')
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
 const mfa = {
   verifyOTPCode,
-  verifyRecoveryCode
+  verifyRecoveryCode,
 }
 
 export default mfa
diff --git a/src/services/new_api/oauth.js b/src/services/new_api/oauth.js
index d077110c8..8f0f07131 100644
--- a/src/services/new_api/oauth.js
+++ b/src/services/new_api/oauth.js
@@ -5,12 +5,16 @@ const REDIRECT_URI = `${window.location.origin}/oauth-callback`
 
 export const getJsonOrError = async (response) => {
   if (response.ok) {
-    return response.json()
-      .catch((error) => {
-        throw new StatusCodeError(response.status, error, {}, response)
-      })
+    return response.json().catch((error) => {
+      throw new StatusCodeError(response.status, error, {}, response)
+    })
   } else {
-    throw new StatusCodeError(response.status, await response.text(), {}, response)
+    throw new StatusCodeError(
+      response.status,
+      await response.text(),
+      {},
+      response,
+    )
   }
 }
 
@@ -23,19 +27,24 @@ export const createApp = (instance) => {
   form.append('redirect_uris', REDIRECT_URI)
   form.append('scopes', 'read write follow push admin')
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  })
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
     .then(getJsonOrError)
-    .then((app) => ({ clientId: app.client_id, clientSecret: app.client_secret }))
+    .then((app) => ({
+      clientId: app.client_id,
+      clientSecret: app.client_secret,
+    }))
 }
 
 export const verifyAppToken = ({ instance, appToken }) => {
-  return window.fetch(`${instance}/api/v1/apps/verify_credentials`, {
-    method: 'GET',
-    headers: { Authorization: `Bearer ${appToken}` }
-  })
+  return window
+    .fetch(`${instance}/api/v1/apps/verify_credentials`, {
+      method: 'GET',
+      headers: { Authorization: `Bearer ${appToken}` },
+    })
     .then(getJsonOrError)
 }
 
@@ -44,17 +53,21 @@ const login = ({ instance, clientId }) => {
     response_type: 'code',
     client_id: clientId,
     redirect_uri: REDIRECT_URI,
-    scope: 'read write follow push admin'
+    scope: 'read write follow push admin',
   }
 
-  const dataString = reduce(data, (acc, v, k) => {
-    const encoded = `${k}=${encodeURIComponent(v)}`
-    if (!acc) {
-      return encoded
-    } else {
-      return `${acc}&${encoded}`
-    }
-  }, false)
+  const dataString = reduce(
+    data,
+    (acc, v, k) => {
+      const encoded = `${k}=${encodeURIComponent(v)}`
+      if (!acc) {
+        return encoded
+      } else {
+        return `${acc}&${encoded}`
+      }
+    },
+    false,
+  )
 
   // Do the redirect...
   const url = `${instance}/oauth/authorize?${dataString}`
@@ -62,7 +75,13 @@ const login = ({ instance, clientId }) => {
   window.location.href = url
 }
 
-const getTokenWithCredentials = ({ clientId, clientSecret, instance, username, password }) => {
+const getTokenWithCredentials = ({
+  clientId,
+  clientSecret,
+  instance,
+  username,
+  password,
+}) => {
   const url = `${instance}/oauth/token`
   const form = new window.FormData()
 
@@ -72,10 +91,12 @@ const getTokenWithCredentials = ({ clientId, clientSecret, instance, username, p
   form.append('username', username)
   form.append('password', password)
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
 const getToken = ({ clientId, clientSecret, instance, code }) => {
@@ -88,10 +109,11 @@ const getToken = ({ clientId, clientSecret, instance, code }) => {
   form.append('code', code)
   form.append('redirect_uri', `${window.location.origin}/oauth-callback`)
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  })
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
     .then((data) => data.json())
 }
 
@@ -104,10 +126,12 @@ export const getClientToken = ({ clientId, clientSecret, instance }) => {
   form.append('grant_type', 'client_credentials')
   form.append('redirect_uri', `${window.location.origin}/oauth-callback`)
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then(getJsonOrError)
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then(getJsonOrError)
 }
 const verifyOTPCode = ({ app, instance, mfaToken, code }) => {
   const url = `${instance}/oauth/mfa/challenge`
@@ -119,10 +143,12 @@ const verifyOTPCode = ({ app, instance, mfaToken, code }) => {
   form.append('code', code)
   form.append('challenge_type', 'totp')
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
 const verifyRecoveryCode = ({ app, instance, mfaToken, code }) => {
@@ -135,10 +161,12 @@ const verifyRecoveryCode = ({ app, instance, mfaToken, code }) => {
   form.append('code', code)
   form.append('challenge_type', 'recovery')
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
 const revokeToken = ({ app, instance, token }) => {
@@ -149,10 +177,12 @@ const revokeToken = ({ app, instance, token }) => {
   form.append('client_secret', app.clientSecret)
   form.append('token', token)
 
-  return window.fetch(url, {
-    method: 'POST',
-    body: form
-  }).then((data) => data.json())
+  return window
+    .fetch(url, {
+      method: 'POST',
+      body: form,
+    })
+    .then((data) => data.json())
 }
 
 const oauth = {
@@ -161,7 +191,7 @@ const oauth = {
   getTokenWithCredentials,
   verifyOTPCode,
   verifyRecoveryCode,
-  revokeToken
+  revokeToken,
 }
 
 export default oauth
diff --git a/src/services/new_api/password_reset.js b/src/services/new_api/password_reset.js
index 9f3c27b5c..65342c04b 100644
--- a/src/services/new_api/password_reset.js
+++ b/src/services/new_api/password_reset.js
@@ -4,14 +4,18 @@ const MASTODON_PASSWORD_RESET_URL = '/auth/password'
 
 const resetPassword = ({ instance, email }) => {
   const params = { email }
-  const query = reduce(params, (acc, v, k) => {
-    const encoded = `${k}=${encodeURIComponent(v)}`
-    return `${acc}&${encoded}`
-  }, '')
+  const query = reduce(
+    params,
+    (acc, v, k) => {
+      const encoded = `${k}=${encodeURIComponent(v)}`
+      return `${acc}&${encoded}`
+    },
+    '',
+  )
   const url = `${instance}${MASTODON_PASSWORD_RESET_URL}?${query}`
 
   return window.fetch(url, {
-    method: 'POST'
+    method: 'POST',
   })
 }
 
diff --git a/src/services/notification_utils/notification_utils.js b/src/services/notification_utils/notification_utils.js
index 74fd91204..65eda39ff 100644
--- a/src/services/notification_utils/notification_utils.js
+++ b/src/services/notification_utils/notification_utils.js
@@ -5,19 +5,23 @@ import { useAnnouncementsStore } from 'src/stores/announcements'
 
 import FaviconService from 'src/services/favicon_service/favicon_service.js'
 
-export const ACTIONABLE_NOTIFICATION_TYPES = new Set(['mention', 'pleroma:report', 'follow_request'])
+export const ACTIONABLE_NOTIFICATION_TYPES = new Set([
+  'mention',
+  'pleroma:report',
+  'follow_request',
+])
 
 let cachedBadgeUrl = null
 
-export const notificationsFromStore = store => store.state.notifications.data
+export const notificationsFromStore = (store) => store.state.notifications.data
 
-export const visibleTypes = store => {
+export const visibleTypes = (store) => {
   // When called from within a module we need rootGetters to access wider scope
   // however when called from a component (i.e. this.$store) we already have wider scope
   const rootGetters = store.rootGetters || store.getters
   const { notificationVisibility } = rootGetters.mergedConfig
 
-  return ([
+  return [
     notificationVisibility.likes && 'like',
     notificationVisibility.mentions && 'mention',
     notificationVisibility.statuses && 'status',
@@ -27,11 +31,18 @@ export const visibleTypes = store => {
     notificationVisibility.moves && 'move',
     notificationVisibility.emojiReactions && 'pleroma:emoji_reaction',
     notificationVisibility.reports && 'pleroma:report',
-    notificationVisibility.polls && 'poll'
-  ].filter(_ => _))
+    notificationVisibility.polls && 'poll',
+  ].filter((_) => _)
 }
 
-const statusNotifications = new Set(['like', 'mention', 'status', 'repeat', 'pleroma:emoji_reaction', 'poll'])
+const statusNotifications = new Set([
+  'like',
+  'mention',
+  'status',
+  'repeat',
+  'pleroma:emoji_reaction',
+  'poll',
+])
 
 export const isStatusNotification = (type) => statusNotifications.has(type)
 
@@ -69,22 +80,28 @@ export const maybeShowNotification = (store, notification) => {
 
   if (notification.seen) return
   if (!visibleTypes(store).includes(notification.type)) return
-  if (notification.type === 'mention' && isMutedNotification(notification)) return
+  if (notification.type === 'mention' && isMutedNotification(notification))
+    return
 
-  const notificationObject = prepareNotificationObject(notification, useI18nStore().i18n)
+  const notificationObject = prepareNotificationObject(
+    notification,
+    useI18nStore().i18n,
+  )
   showDesktopNotification(rootState, notificationObject)
 }
 
 export const filteredNotificationsFromStore = (store, types) => {
   // map is just to clone the array since sort mutates it and it causes some issues
-  const sortedNotifications = notificationsFromStore(store).map(_ => _).sort(sortById)
+  const sortedNotifications = notificationsFromStore(store)
+    .map((_) => _)
+    .sort(sortById)
   // TODO implement sorting elsewhere and make it optional
-  return sortedNotifications.filter(
-    (notification) => (types || visibleTypes(store)).includes(notification.type)
+  return sortedNotifications.filter((notification) =>
+    (types || visibleTypes(store)).includes(notification.type),
   )
 }
 
-export const unseenNotificationsFromStore = store => {
+export const unseenNotificationsFromStore = (store) => {
   const rootGetters = store.rootGetters || store.getters
   const ignoreInactionableSeen = rootGetters.mergedConfig.ignoreInactionableSeen
 
@@ -109,7 +126,7 @@ export const prepareNotificationObject = (notification, i18n) => {
   const notifObj = {
     tag: notification.id,
     type: notification.type,
-    badge: cachedBadgeUrl
+    badge: cachedBadgeUrl,
   }
   const status = notification.status
   const title = notification.from_profile.name
@@ -152,8 +169,13 @@ export const prepareNotificationObject = (notification, i18n) => {
   }
 
   // Shows first attached non-nsfw image, if any. Should add configuration for this somehow...
-  if (status && status.attachments && status.attachments.length > 0 && !status.nsfw &&
-    status.attachments[0].mimetype.startsWith('image/')) {
+  if (
+    status &&
+    status.attachments &&
+    status.attachments.length > 0 &&
+    !status.nsfw &&
+    status.attachments[0].mimetype.startsWith('image/')
+  ) {
     notifObj.image = status.attachments[0].url
   }
 
@@ -169,8 +191,14 @@ export const countExtraNotifications = (store) => {
   }
 
   return [
-    mergedConfig.showChatsInExtraNotifications ? rootGetters.unreadChatCount : 0,
-    mergedConfig.showAnnouncementsInExtraNotifications ? useAnnouncementsStore().unreadAnnouncementCount : 0,
-    mergedConfig.showFollowRequestsInExtraNotifications ? rootGetters.followRequestCount : 0
+    mergedConfig.showChatsInExtraNotifications
+      ? rootGetters.unreadChatCount
+      : 0,
+    mergedConfig.showAnnouncementsInExtraNotifications
+      ? useAnnouncementsStore().unreadAnnouncementCount
+      : 0,
+    mergedConfig.showFollowRequestsInExtraNotifications
+      ? rootGetters.followRequestCount
+      : 0,
   ].reduce((a, c) => a + c, 0)
 }
diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index c7eed1858..c8dca3159 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -18,11 +18,10 @@ const mastoApiNotificationTypes = new Set([
   'move',
   'poll',
   'pleroma:emoji_reaction',
-  'pleroma:report'
+  'pleroma:report',
 ])
 
 const fetchAndUpdate = ({ store, credentials, older = false, since }) => {
-
   const args = { credentials }
   const { getters } = store
   const rootState = store.rootState || store.state
@@ -44,7 +43,10 @@ const fetchAndUpdate = ({ store, credentials, older = false, since }) => {
     return fetchNotifications({ store, args, older })
   } else {
     // fetch new notifications
-    if (since === undefined && timelineData.maxId !== Number.POSITIVE_INFINITY) {
+    if (
+      since === undefined &&
+      timelineData.maxId !== Number.POSITIVE_INFINITY
+    ) {
       args.since = timelineData.maxId
     } else if (since !== null) {
       args.since = since
@@ -57,8 +59,10 @@ const fetchAndUpdate = ({ store, credentials, older = false, since }) => {
     // we can update the state in this session to mark them as read as well.
     // The normal maxId-check does not tell if older notifications have changed
     const notifications = timelineData.data
-    const readNotifsIds = notifications.filter(n => n.seen).map(n => n.id)
-    const unreadNotifsIds = notifications.filter(n => !n.seen).map(n => n.id)
+    const readNotifsIds = notifications.filter((n) => n.seen).map((n) => n.id)
+    const unreadNotifsIds = notifications
+      .filter((n) => !n.seen)
+      .map((n) => n.id)
     if (readNotifsIds.length > 0 && readNotifsIds.length > 0) {
       const minId = Math.min(...unreadNotifsIds) // Oldest known unread notification
       if (minId !== Infinity) {
@@ -73,16 +77,19 @@ const fetchAndUpdate = ({ store, credentials, older = false, since }) => {
 }
 
 const fetchNotifications = ({ store, args, older }) => {
-  return apiService.fetchTimeline(args)
+  return apiService
+    .fetchTimeline(args)
     .then((response) => {
       if (response.errors) {
-        if (response.status === 400 && response.statusText.includes('Invalid value for enum')) {
-          response
-            .statusText
+        if (
+          response.status === 400 &&
+          response.statusText.includes('Invalid value for enum')
+        ) {
+          response.statusText
             .matchAll(/(\w+) - Invalid value for enum./g)
             .toArray()
-            .map(x => x[1])
-            .forEach(x => mastoApiNotificationTypes.delete(x))
+            .map((x) => x[1])
+            .forEach((x) => mastoApiNotificationTypes.delete(x))
           return fetchNotifications({ store, args, older })
         } else {
           throw new Error(`${response.status} ${response.statusText}`)
@@ -97,7 +104,7 @@ const fetchNotifications = ({ store, args, older }) => {
         level: 'error',
         messageKey: 'notifications.error',
         messageArgs: [error.message],
-        timeout: 5000
+        timeout: 5000,
       })
       console.error(error)
     })
@@ -115,7 +122,7 @@ const startFetching = ({ credentials, store }) => {
 
 const notificationsFetcher = {
   fetchAndUpdate,
-  startFetching
+  startFetching,
 }
 
 export default notificationsFetcher
diff --git a/src/services/offset_finder/offset_finder.service.js b/src/services/offset_finder/offset_finder.service.js
index 5a904f08c..a144bcfd3 100644
--- a/src/services/offset_finder/offset_finder.service.js
+++ b/src/services/offset_finder/offset_finder.service.js
@@ -1,7 +1,12 @@
-export const findOffset = (child, parent, { top = 0, left = 0 } = {}, ignorePadding = true) => {
+export const findOffset = (
+  child,
+  parent,
+  { top = 0, left = 0 } = {},
+  ignorePadding = true,
+) => {
   const result = {
     top: top + child.offsetTop,
-    left: left + child.offsetLeft
+    left: left + child.offsetLeft,
   }
   if (!ignorePadding && child !== window) {
     const { topPadding, leftPadding } = findPadding(child)
@@ -9,7 +14,13 @@ export const findOffset = (child, parent, { top = 0, left = 0 } = {}, ignorePadd
     result.left += ignorePadding ? 0 : leftPadding
   }
 
-  if (child.offsetParent && window.getComputedStyle(child.offsetParent).position !== 'sticky' && (parent === window || parent.contains(child.offsetParent) || parent === child.offsetParent)) {
+  if (
+    child.offsetParent &&
+    window.getComputedStyle(child.offsetParent).position !== 'sticky' &&
+    (parent === window ||
+      parent.contains(child.offsetParent) ||
+      parent === child.offsetParent)
+  ) {
     return findOffset(child.offsetParent, parent, result, false)
   } else {
     if (parent !== window) {
@@ -23,9 +34,13 @@ export const findOffset = (child, parent, { top = 0, left = 0 } = {}, ignorePadd
 
 const findPadding = (el) => {
   const topPaddingStr = window.getComputedStyle(el)['padding-top']
-  const topPadding = Number(topPaddingStr.substring(0, topPaddingStr.length - 2))
+  const topPadding = Number(
+    topPaddingStr.substring(0, topPaddingStr.length - 2),
+  )
   const leftPaddingStr = window.getComputedStyle(el)['padding-left']
-  const leftPadding = Number(leftPaddingStr.substring(0, leftPaddingStr.length - 2))
+  const leftPadding = Number(
+    leftPaddingStr.substring(0, leftPaddingStr.length - 2),
+  )
 
   return { topPadding, leftPadding }
 }
diff --git a/src/services/poll/poll.service.js b/src/services/poll/poll.service.js
index 90f8e87ae..44e1677b5 100644
--- a/src/services/poll/poll.service.js
+++ b/src/services/poll/poll.service.js
@@ -5,7 +5,7 @@ const pollFallbackValues = {
   pollType: 'single',
   options: ['', ''],
   expiryAmount: 10,
-  expiryUnit: 'minutes'
+  expiryUnit: 'minutes',
 }
 
 const pollFallback = (object, attr) => {
@@ -15,10 +15,12 @@ const pollFallback = (object, attr) => {
 const pollFormToMasto = (poll) => {
   const expiresIn = DateUtils.unitToSeconds(
     pollFallback(poll, 'expiryUnit'),
-    pollFallback(poll, 'expiryAmount')
+    pollFallback(poll, 'expiryAmount'),
   )
 
-  const options = uniq(pollFallback(poll, 'options').filter(option => option !== ''))
+  const options = uniq(
+    pollFallback(poll, 'options').filter((option) => option !== ''),
+  )
   if (options.length < 2) {
     return { errorKey: 'polls.not_enough_options' }
   }
@@ -26,11 +28,8 @@ const pollFormToMasto = (poll) => {
   return {
     options,
     multiple: pollFallback(poll, 'pollType') === 'multiple',
-    expiresIn
+    expiresIn,
   }
 }
 
-export {
-  pollFallback,
-  pollFormToMasto
-}
+export { pollFallback, pollFormToMasto }
diff --git a/src/services/promise_interval/promise_interval.js b/src/services/promise_interval/promise_interval.js
index 0f9abaf13..46ac68996 100644
--- a/src/services/promise_interval/promise_interval.js
+++ b/src/services/promise_interval/promise_interval.js
@@ -13,7 +13,9 @@ export const promiseInterval = (promiseCall, interval) => {
     // something unexpected happened and promiseCall did not
     // return a promise, abort the loop.
     if (!(promise && promise.finally)) {
-      console.warn('promiseInterval: promise call did not return a promise, stopping interval.')
+      console.warn(
+        'promiseInterval: promise call did not return a promise, stopping interval.',
+      )
       return
     }
     promise.finally(() => {
diff --git a/src/services/resettable_async_component.js b/src/services/resettable_async_component.js
index 1c046ce7b..5fdc484db 100644
--- a/src/services/resettable_async_component.js
+++ b/src/services/resettable_async_component.js
@@ -7,23 +7,24 @@ import { defineAsyncComponent, shallowReactive, h } from 'vue'
  * this should be done from error component but could be done from loading or
  * actual target component itself if needs to be.
  */
-function getResettableAsyncComponent (asyncComponent, options) {
-  const asyncComponentFactory = () => () => defineAsyncComponent({
-    loader: asyncComponent,
-    ...options
-  })
+function getResettableAsyncComponent(asyncComponent, options) {
+  const asyncComponentFactory = () => () =>
+    defineAsyncComponent({
+      loader: asyncComponent,
+      ...options,
+    })
 
   const observe = shallowReactive({ c: asyncComponentFactory() })
 
   return {
-    render () {
+    render() {
       //  emit event resetAsyncComponent to reloading
       return h(observe.c(), {
-        onResetAsyncComponent () {
+        onResetAsyncComponent() {
           observe.c = asyncComponentFactory()
-        }
+        },
       })
-    }
+    },
   }
 }
 
diff --git a/src/services/ruffle_service/ruffle_service.js b/src/services/ruffle_service/ruffle_service.js
index b317f08eb..c029330aa 100644
--- a/src/services/ruffle_service/ruffle_service.js
+++ b/src/services/ruffle_service/ruffle_service.js
@@ -1,37 +1,44 @@
 const createRuffleService = () => {
   let ruffleInstance = null
 
-  const getRuffle = async () => new Promise((resolve, reject) => {
-    if (ruffleInstance) {
-      resolve(ruffleInstance)
-      return
-    }
+  const getRuffle = async () =>
+    new Promise((resolve, reject) => {
+      if (ruffleInstance) {
+        resolve(ruffleInstance)
+        return
+      }
 
-    // Ruffle needs these to be set before it's loaded
-    // https://github.com/ruffle-rs/ruffle/issues/3952
-    window.RufflePlayer = {}
-    window.RufflePlayer.config = {
-      polyfills: false,
-      publicPath: '/static/ruffle'
-    }
+      // Ruffle needs these to be set before it's loaded
+      // https://github.com/ruffle-rs/ruffle/issues/3952
+      window.RufflePlayer = {}
+      window.RufflePlayer.config = {
+        polyfills: false,
+        publicPath: '/static/ruffle',
+      }
 
-    // Currently it's seems like a better way of loading ruffle
-    // because it needs the wasm publically accessible, but it needs path to it
-    // and filename of wasm seems to be pseudo-randomly generated (is it a hash?)
-    const script = document.createElement('script')
-    // see webpack config, using CopyPlugin to copy it from node_modules
-    // provided via ruffle-mirror
-    script.src = '/static/ruffle/ruffle.js'
-    script.type = 'text/javascript'
-    script.onerror = (e) => { reject(e) }
-    script.onabort = (e) => { reject(e) }
-    script.oncancel = (e) => { reject(e) }
-    script.onload = () => {
-      ruffleInstance = window.RufflePlayer
-      resolve(ruffleInstance)
-    }
-    document.body.appendChild(script)
-  })
+      // Currently it's seems like a better way of loading ruffle
+      // because it needs the wasm publically accessible, but it needs path to it
+      // and filename of wasm seems to be pseudo-randomly generated (is it a hash?)
+      const script = document.createElement('script')
+      // see webpack config, using CopyPlugin to copy it from node_modules
+      // provided via ruffle-mirror
+      script.src = '/static/ruffle/ruffle.js'
+      script.type = 'text/javascript'
+      script.onerror = (e) => {
+        reject(e)
+      }
+      script.onabort = (e) => {
+        reject(e)
+      }
+      script.oncancel = (e) => {
+        reject(e)
+      }
+      script.onload = () => {
+        ruffleInstance = window.RufflePlayer
+        resolve(ruffleInstance)
+      }
+      document.body.appendChild(script)
+    })
 
   return { getRuffle }
 }
diff --git a/src/services/status_parser/status_parser.js b/src/services/status_parser/status_parser.js
index 19a349532..27771c28b 100644
--- a/src/services/status_parser/status_parser.js
+++ b/src/services/status_parser/status_parser.js
@@ -3,58 +3,65 @@ export const muteFilterHits = (muteFilters, status) => {
   const statusSummary = status.summary.toLowerCase()
   const replyToUser = status.in_reply_to_screen_name?.toLowerCase()
   const poster = status.user.screen_name?.toLowerCase()
-  const mentions = (status.attentions || []).map(att => att.screen_name.toLowerCase())
+  const mentions = (status.attentions || []).map((att) =>
+    att.screen_name.toLowerCase(),
+  )
 
-
-  return muteFilters.toSorted((a,b) => b.order - a.order).map(filter => {
-    const { hide, expires, name, value, type, enabled} = filter
-    if (!enabled) return false
-    if (value === '') return false
-    if (expires !== null && expires < Date.now()) return false
-    switch (type) {
-      case 'word': {
-        const lowercaseValue = value.toLowerCase()
-        if (statusText.toLowerCase().includes(lowercaseValue) || statusSummary.toLowerCase().includes(lowercaseValue)) {
-          return { hide, name }
-        }
-        break
-      }
-      case 'regexp': {
-        try {
-          const re = new RegExp(value, 'i')
-          if (re.test(statusText) || re.test(statusSummary)) {
-            return { hide, name }
-          }
-          return false
-        } catch {
-          return false
-        }
-      }
-      case 'user': {
-        if (
-          poster.includes(value) ||
-            replyToUser.includes(value) ||
-            mentions.some(mention => mention.includes(value))
-        ) {
-          return { hide, name }
-        }
-        break
-      }
-      case 'user_regexp': {
-        try {
-          const re = new RegExp(value, 'i')
+  return muteFilters
+    .toSorted((a, b) => b.order - a.order)
+    .map((filter) => {
+      const { hide, expires, name, value, type, enabled } = filter
+      if (!enabled) return false
+      if (value === '') return false
+      if (expires !== null && expires < Date.now()) return false
+      switch (type) {
+        case 'word': {
+          const lowercaseValue = value.toLowerCase()
           if (
-            re.test(poster) ||
-              re.test(replyToUser) ||
-              mentions.some(mention => re.test(mention))
+            statusText.toLowerCase().includes(lowercaseValue) ||
+            statusSummary.toLowerCase().includes(lowercaseValue)
           ) {
             return { hide, name }
           }
-          return false
-        } catch {
-          return false
+          break
+        }
+        case 'regexp': {
+          try {
+            const re = new RegExp(value, 'i')
+            if (re.test(statusText) || re.test(statusSummary)) {
+              return { hide, name }
+            }
+            return false
+          } catch {
+            return false
+          }
+        }
+        case 'user': {
+          if (
+            poster.includes(value) ||
+            replyToUser.includes(value) ||
+            mentions.some((mention) => mention.includes(value))
+          ) {
+            return { hide, name }
+          }
+          break
+        }
+        case 'user_regexp': {
+          try {
+            const re = new RegExp(value, 'i')
+            if (
+              re.test(poster) ||
+              re.test(replyToUser) ||
+              mentions.some((mention) => re.test(mention))
+            ) {
+              return { hide, name }
+            }
+            return false
+          } catch {
+            return false
+          }
         }
       }
-    }
-  }).filter(_ => _)
+    })
+    .filter((_) => _)
 }
diff --git a/src/services/status_poster/status_poster.service.js b/src/services/status_poster/status_poster.service.js
index aaef5a7a8..c338661cc 100644
--- a/src/services/status_poster/status_poster.service.js
+++ b/src/services/status_poster/status_poster.service.js
@@ -13,38 +13,39 @@ const postStatus = ({
   quoteId = undefined,
   contentType = 'text/plain',
   preview = false,
-  idempotencyKey = ''
+  idempotencyKey = '',
 }) => {
   const mediaIds = map(media, 'id')
 
-  return apiService.postStatus({
-    credentials: store.state.users.currentUser.credentials,
-    status,
-    spoilerText,
-    visibility,
-    sensitive,
-    mediaIds,
-    inReplyToStatusId,
-    quoteId,
-    contentType,
-    poll,
-    preview,
-    idempotencyKey
-  })
+  return apiService
+    .postStatus({
+      credentials: store.state.users.currentUser.credentials,
+      status,
+      spoilerText,
+      visibility,
+      sensitive,
+      mediaIds,
+      inReplyToStatusId,
+      quoteId,
+      contentType,
+      poll,
+      preview,
+      idempotencyKey,
+    })
     .then((data) => {
       if (!data.error && !preview) {
         store.dispatch('addNewStatuses', {
           statuses: [data],
           timeline: 'friends',
           showImmediately: true,
-          noIdUpdate: true // To prevent missing notices on next pull.
+          noIdUpdate: true, // To prevent missing notices on next pull.
         })
       }
       return data
     })
     .catch((err) => {
       return {
-        error: err.message
+        error: err.message,
       }
     })
 }
@@ -57,27 +58,28 @@ const editStatus = ({
   sensitive,
   poll,
   media = [],
-  contentType = 'text/plain'
+  contentType = 'text/plain',
 }) => {
   const mediaIds = map(media, 'id')
 
-  return apiService.editStatus({
-    id: statusId,
-    credentials: store.state.users.currentUser.credentials,
-    status,
-    spoilerText,
-    sensitive,
-    poll,
-    mediaIds,
-    contentType
-  })
+  return apiService
+    .editStatus({
+      id: statusId,
+      credentials: store.state.users.currentUser.credentials,
+      status,
+      spoilerText,
+      sensitive,
+      poll,
+      mediaIds,
+      contentType,
+    })
     .then((data) => {
       if (!data.error) {
         store.dispatch('addNewStatuses', {
           statuses: [data],
           timeline: 'friends',
           showImmediately: true,
-          noIdUpdate: true // To prevent missing notices on next pull.
+          noIdUpdate: true, // To prevent missing notices on next pull.
         })
       }
       return data
@@ -85,7 +87,7 @@ const editStatus = ({
     .catch((err) => {
       console.error('Error editing status', err)
       return {
-        error: err.message
+        error: err.message,
       }
     })
 }
@@ -104,7 +106,7 @@ const statusPosterService = {
   postStatus,
   editStatus,
   uploadMedia,
-  setMediaDescription
+  setMediaDescription,
 }
 
 export default statusPosterService
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 29392610a..142e54a80 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -16,40 +16,40 @@ export const createStyleSheet = (id, priority = 1000) => {
     rules: [],
     ready: false,
     priority,
-    clear () {
+    clear() {
       this.rules = []
     },
-    addRule (rule) {
+    addRule(rule) {
       let newRule = rule
       if (!CSS.supports?.('backdrop-filter', 'blur()')) {
         newRule = newRule.replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
       }
 
       // firefox doesn't like invalid selectors
-      if (!CSS.supports?.('selector(::-webkit-scrollbar)') && newRule.startsWith('::-webkit')) {
+      if (
+        !CSS.supports?.('selector(::-webkit-scrollbar)') &&
+        newRule.startsWith('::-webkit')
+      ) {
         return
       }
       this.rules.push(
-        newRule
-          .replace(/var\(--shadowFilter\)[^;]*;/g, '') // Remove shadowFilter references
+        newRule.replace(/var\(--shadowFilter\)[^;]*;/g, ''), // Remove shadowFilter references
       )
-    }
+    },
   }
 
   stylesheets[id] = newStyleSheet
   return newStyleSheet
 }
 
-
 export const adoptStyleSheets = throttle(() => {
   if (supportsAdoptedStyleSheets) {
-    document.adoptedStyleSheets = Object
-      .values(stylesheets)
-      .filter(x => x.ready)
+    document.adoptedStyleSheets = Object.values(stylesheets)
+      .filter((x) => x.ready)
       .sort((a, b) => a.priority - b.priority)
-      .map(sheet => {
+      .map((sheet) => {
         const css = new CSSStyleSheet()
-        sheet.rules.forEach(r => css.insertRule(r))
+        sheet.rules.forEach((r) => css.insertRule(r))
         return css
       })
   } else {
@@ -59,12 +59,11 @@ export const adoptStyleSheets = throttle(() => {
       holder.sheet.deleteRule(i)
     }
 
-    Object
-      .values(stylesheets)
-      .filter(x => x.ready)
+    Object.values(stylesheets)
+      .filter((x) => x.ready)
       .sort((a, b) => a.priority - b.priority)
-      .forEach(sheet => {
-        sheet.rules.forEach(r => holder.sheet.insertRule(r))
+      .forEach((sheet) => {
+        sheet.rules.forEach((r) => holder.sheet.insertRule(r))
       })
   }
   // Some older browsers do not support document.adoptedStyleSheets.
@@ -73,7 +72,6 @@ export const adoptStyleSheets = throttle(() => {
   // is nothing to do here.
 }, 500)
 
-
 const EAGER_STYLE_ID = 'pleroma-eager-styles'
 const LAZY_STYLE_ID = 'pleroma-lazy-styles'
 
@@ -81,15 +79,15 @@ export const generateTheme = (inputRuleset, callbacks, debug) => {
   const {
     onNewRule = () => {},
     onLazyFinished = () => {},
-    onEagerFinished = () => {}
+    onEagerFinished = () => {},
   } = callbacks
 
   const themes3 = init({
     inputRuleset,
-    debug
+    debug,
   })
 
-  getCssRules(themes3.eager, debug).forEach(rule => {
+  getCssRules(themes3.eager, debug).forEach((rule) => {
     // Hacks to support multiple selectors on same component
     onNewRule(rule, false)
   })
@@ -103,8 +101,11 @@ export const generateTheme = (inputRuleset, callbacks, debug) => {
   // let t0 = performance.now()
   const processChunk = () => {
     const chunk = chunks[counter]
-    Promise.all(chunk.map(x => x())).then(result => {
-      getCssRules(result.filter(x => x), debug).forEach(rule => {
+    Promise.all(chunk.map((x) => x())).then((result) => {
+      getCssRules(
+        result.filter((x) => x),
+        debug,
+      ).forEach((rule) => {
         onNewRule(rule, true)
       })
       // const t1 = performance.now()
@@ -131,8 +132,8 @@ export const tryLoadCache = async () => {
       const eagerStyles = createStyleSheet(EAGER_STYLE_ID, 10)
       const lazyStyles = createStyleSheet(LAZY_STYLE_ID, 20)
 
-      cache.data[0].forEach(rule => eagerStyles.addRule(rule))
-      cache.data[1].forEach(rule => lazyStyles.addRule(rule))
+      cache.data[0].forEach((rule) => eagerStyles.addRule(rule))
+      cache.data[1].forEach((rule) => lazyStyles.addRule(rule))
 
       eagerStyles.ready = true
       lazyStyles.ready = true
@@ -140,7 +141,7 @@ export const tryLoadCache = async () => {
       console.info(`Loaded theme from cache`)
       return true
     } else {
-      console.warn('Engine checksum doesn\'t match, cache not usable, clearing')
+      console.warn("Engine checksum doesn't match, cache not usable, clearing")
       localStorage.removeItem('pleroma-fe-theme-cache')
     }
   } catch (e) {
@@ -153,7 +154,7 @@ export const applyTheme = (
   input,
   onEagerFinish = () => {},
   onFinish = () => {},
-  debug
+  debug,
 ) => {
   const eagerStyles = createStyleSheet(EAGER_STYLE_ID, 10)
   const lazyStyles = createStyleSheet(LAZY_STYLE_ID, 20)
@@ -164,29 +165,34 @@ export const applyTheme = (
   const { lazyProcessFunc } = generateTheme(
     input,
     {
-      onNewRule (rule, isLazy) {
+      onNewRule(rule, isLazy) {
         if (isLazy) {
           lazyStyles.addRule(rule)
         } else {
           eagerStyles.addRule(rule)
         }
       },
-      onEagerFinished () {
+      onEagerFinished() {
         eagerStyles.ready = true
         adoptStyleSheets()
         onEagerFinish()
-        console.info('Eager part of theme finished, waiting for lazy part to finish to store cache')
+        console.info(
+          'Eager part of theme finished, waiting for lazy part to finish to store cache',
+        )
       },
-      onLazyFinished () {
+      onLazyFinished() {
         lazyStyles.ready = true
         adoptStyleSheets()
-        const cache = { engineChecksum: getEngineChecksum(), data: [eagerStyles.rules, lazyStyles.rules] }
+        const cache = {
+          engineChecksum: getEngineChecksum(),
+          data: [eagerStyles.rules, lazyStyles.rules],
+        }
         onFinish(cache)
         localforage.setItem('pleromafe-theme-cache', cache)
         console.info('Theme cache stored')
-      }
+      },
     },
-    debug
+    debug,
   )
 
   setTimeout(lazyProcessFunc, 0)
@@ -202,18 +208,19 @@ const extractStyleConfig = ({
   navbarSize,
   panelHeaderSize,
   textSize,
-  forcedRoundness
+  forcedRoundness,
 }) => {
   const result = {
     sidebarColumnWidth,
     contentColumnWidth,
     notifsColumnWidth,
-    themeEditorMinWidth: parseInt(themeEditorMinWidth) === 0 ? 'fit-content' : themeEditorMinWidth,
+    themeEditorMinWidth:
+      parseInt(themeEditorMinWidth) === 0 ? 'fit-content' : themeEditorMinWidth,
     emojiReactionsScale,
     emojiSize,
     navbarSize,
     panelHeaderSize,
-    textSize
+    textSize,
   }
 
   switch (forcedRoundness) {
@@ -243,10 +250,10 @@ export const applyConfig = (input) => {
     return
   }
 
-  const rules = Object
-    .entries(config)
+  const rules = Object.entries(config)
     .filter(([, v]) => v)
-    .map(([k, v]) => `--${k}: ${v}`).join(';')
+    .map(([k, v]) => `--${k}: ${v}`)
+    .join(';')
 
   const styleSheet = createStyleSheet('theme-holder', 30)
 
@@ -270,28 +277,27 @@ export const getResourcesIndex = async (url, parser = JSON.parse) => {
   let custom
 
   const resourceTransform = (resources) => {
-    return Object
-      .entries(resources)
-      .map(([k, v]) => {
-        if (typeof v === 'object') {
-          return [k, () => Promise.resolve(v)]
-        } else if (typeof v === 'string') {
-          return [
-            k,
-            () => window
+    return Object.entries(resources).map(([k, v]) => {
+      if (typeof v === 'object') {
+        return [k, () => Promise.resolve(v)]
+      } else if (typeof v === 'string') {
+        return [
+          k,
+          () =>
+            window
               .fetch(v, { cache })
-              .then(data => data.text())
-              .then(text => parser(text))
-              .catch(e => {
+              .then((data) => data.text())
+              .then((text) => parser(text))
+              .catch((e) => {
                 console.error(e)
                 return null
-              })
-          ]
-        } else {
-          console.error(`Unknown resource format - ${k} is a ${typeof v}`)
-          return [k, null]
-        }
-      })
+              }),
+        ]
+      } else {
+        console.error(`Unknown resource format - ${k} is a ${typeof v}`)
+        return [k, null]
+      }
+    })
   }
 
   try {
@@ -314,7 +320,11 @@ export const getResourcesIndex = async (url, parser = JSON.parse) => {
 
   const total = [...custom, ...builtin]
   if (total.length === 0) {
-    return Promise.reject(new Error(`Resource at ${url} and ${customUrl} completely unavailable. Panicking`))
+    return Promise.reject(
+      new Error(
+        `Resource at ${url} and ${customUrl} completely unavailable. Panicking`,
+      ),
+    )
   }
   return Promise.resolve(Object.fromEntries(total))
 }
diff --git a/src/services/sw/sw.js b/src/services/sw/sw.js
index 8c5edc9ed..72d78384c 100644
--- a/src/services/sw/sw.js
+++ b/src/services/sw/sw.js
@@ -1,89 +1,100 @@
 /* global process */
-function urlBase64ToUint8Array (base64String) {
-  const padding = '='.repeat((4 - base64String.length % 4) % 4)
-  const base64 = (base64String + padding)
-    .replace(/-/g, '+')
-    .replace(/_/g, '/')
+function urlBase64ToUint8Array(base64String) {
+  const padding = '='.repeat((4 - (base64String.length % 4)) % 4)
+  const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/')
 
   const rawData = window.atob(base64)
   return Uint8Array.from([...rawData].map((char) => char.charCodeAt(0)))
 }
 
-export function isSWSupported () {
+export function isSWSupported() {
   return 'serviceWorker' in navigator
 }
 
-function isPushSupported () {
+function isPushSupported() {
   return 'PushManager' in window
 }
 
-function getOrCreateServiceWorker () {
+function getOrCreateServiceWorker() {
   if (!isSWSupported()) return
   const swType = process.env.HAS_MODULE_SERVICE_WORKER ? 'module' : 'classic'
-  return navigator.serviceWorker.register('/sw-pleroma.js', { type: swType })
-    .catch((err) => console.error('Unable to get or create a service worker.', err))
+  return navigator.serviceWorker
+    .register('/sw-pleroma.js', { type: swType })
+    .catch((err) =>
+      console.error('Unable to get or create a service worker.', err),
+    )
 }
 
-function subscribePush (registration, isEnabled, vapidPublicKey) {
-  if (!isEnabled) return Promise.reject(new Error('Web Push is disabled in config'))
-  if (!vapidPublicKey) return Promise.reject(new Error('VAPID public key is not found'))
+function subscribePush(registration, isEnabled, vapidPublicKey) {
+  if (!isEnabled)
+    return Promise.reject(new Error('Web Push is disabled in config'))
+  if (!vapidPublicKey)
+    return Promise.reject(new Error('VAPID public key is not found'))
 
   const subscribeOptions = {
     userVisibleOnly: false,
-    applicationServerKey: urlBase64ToUint8Array(vapidPublicKey)
+    applicationServerKey: urlBase64ToUint8Array(vapidPublicKey),
   }
   return registration.pushManager.subscribe(subscribeOptions)
 }
 
-function unsubscribePush (registration) {
-  return registration.pushManager.getSubscription()
-    .then((subscription) => {
-      if (subscription === null) { return }
-      return subscription.unsubscribe()
-    })
+function unsubscribePush(registration) {
+  return registration.pushManager.getSubscription().then((subscription) => {
+    if (subscription === null) {
+      return
+    }
+    return subscription.unsubscribe()
+  })
 }
 
-function deleteSubscriptionFromBackEnd (token) {
+function deleteSubscriptionFromBackEnd(token) {
   return fetch('/api/v1/push/subscription/', {
     method: 'DELETE',
     headers: {
       'Content-Type': 'application/json',
-      Authorization: `Bearer ${token}`
-    }
+      Authorization: `Bearer ${token}`,
+    },
   }).then((response) => {
     if (!response.ok) throw new Error('Bad status code from server.')
     return response
   })
 }
 
-function sendSubscriptionToBackEnd (subscription, token, notificationVisibility) {
-  return window.fetch('/api/v1/push/subscription/', {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${token}`
-    },
-    body: JSON.stringify({
-      subscription,
-      data: {
-        alerts: {
-          follow: notificationVisibility.follows,
-          favourite: notificationVisibility.likes,
-          mention: notificationVisibility.mentions,
-          reblog: notificationVisibility.repeats,
-          move: notificationVisibility.moves
-        }
-      }
+function sendSubscriptionToBackEnd(
+  subscription,
+  token,
+  notificationVisibility,
+) {
+  return window
+    .fetch('/api/v1/push/subscription/', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${token}`,
+      },
+      body: JSON.stringify({
+        subscription,
+        data: {
+          alerts: {
+            follow: notificationVisibility.follows,
+            favourite: notificationVisibility.likes,
+            mention: notificationVisibility.mentions,
+            reblog: notificationVisibility.repeats,
+            move: notificationVisibility.moves,
+          },
+        },
+      }),
+    })
+    .then((response) => {
+      if (!response.ok) throw new Error('Bad status code from server.')
+      return response.json()
+    })
+    .then((responseData) => {
+      if (!responseData.id) throw new Error('Bad response from server.')
+      return responseData
     })
-  }).then((response) => {
-    if (!response.ok) throw new Error('Bad status code from server.')
-    return response.json()
-  }).then((responseData) => {
-    if (!responseData.id) throw new Error('Bad response from server.')
-    return responseData
-  })
 }
-export async function initServiceWorker (store) {
+export async function initServiceWorker(store) {
   if (!isSWSupported()) return
   await getOrCreateServiceWorker()
   navigator.serviceWorker.addEventListener('message', (event) => {
@@ -97,16 +108,18 @@ export async function initServiceWorker (store) {
   })
 }
 
-export async function showDesktopNotification (content) {
+export async function showDesktopNotification(content) {
   if (!isSWSupported) return
-  const { active: sw } = (await window.navigator.serviceWorker.getRegistration()) || {}
+  const { active: sw } =
+    (await window.navigator.serviceWorker.getRegistration()) || {}
   if (!sw) return console.error('No serviceworker found!')
   sw.postMessage({ type: 'desktopNotification', content })
 }
 
-export async function closeDesktopNotification ({ id }) {
+export async function closeDesktopNotification({ id }) {
   if (!isSWSupported) return
-  const { active: sw } = (await window.navigator.serviceWorker.getRegistration()) || {}
+  const { active: sw } =
+    (await window.navigator.serviceWorker.getRegistration()) || {}
   if (!sw) return console.error('No serviceworker found!')
   if (id >= 0) {
     sw.postMessage({ type: 'desktopNotificationClose', content: { id } })
@@ -115,36 +128,53 @@ export async function closeDesktopNotification ({ id }) {
   }
 }
 
-export async function updateFocus () {
+export async function updateFocus() {
   if (!isSWSupported) return
-  const { active: sw } = (await window.navigator.serviceWorker.getRegistration()) || {}
+  const { active: sw } =
+    (await window.navigator.serviceWorker.getRegistration()) || {}
   if (!sw) return console.error('No serviceworker found!')
   sw.postMessage({ type: 'updateFocus' })
 }
 
-export function registerPushNotifications (isEnabled, vapidPublicKey, token, notificationVisibility) {
+export function registerPushNotifications(
+  isEnabled,
+  vapidPublicKey,
+  token,
+  notificationVisibility,
+) {
   if (isPushSupported()) {
     getOrCreateServiceWorker()
-      .then((registration) => subscribePush(registration, isEnabled, vapidPublicKey))
-      .then((subscription) => sendSubscriptionToBackEnd(subscription, token, notificationVisibility))
-      .catch((e) => console.warn(`Failed to setup Web Push Notifications: ${e.message}`))
+      .then((registration) =>
+        subscribePush(registration, isEnabled, vapidPublicKey),
+      )
+      .then((subscription) =>
+        sendSubscriptionToBackEnd(subscription, token, notificationVisibility),
+      )
+      .catch((e) =>
+        console.warn(`Failed to setup Web Push Notifications: ${e.message}`),
+      )
   }
 }
 
-export function unregisterPushNotifications (token) {
+export function unregisterPushNotifications(token) {
   if (isPushSupported()) {
     Promise.all([
       deleteSubscriptionFromBackEnd(token),
       getOrCreateServiceWorker()
         .then((registration) => {
-          return unsubscribePush(registration).then((result) => [registration, result])
+          return unsubscribePush(registration).then((result) => [
+            registration,
+            result,
+          ])
         })
         .then(([, unsubResult]) => {
           if (!unsubResult) {
-            console.warn('Push subscription cancellation wasn\'t successful')
+            console.warn("Push subscription cancellation wasn't successful")
           }
-        })
-    ]).catch((e) => console.warn(`Failed to disable Web Push Notifications: ${e.message}`))
+        }),
+    ]).catch((e) =>
+      console.warn(`Failed to disable Web Push Notifications: ${e.message}`),
+    )
   }
 }
 
diff --git a/src/services/theme_data/css_utils.js b/src/services/theme_data/css_utils.js
index 48935ea0e..2e3758ad5 100644
--- a/src/services/theme_data/css_utils.js
+++ b/src/services/theme_data/css_utils.js
@@ -2,7 +2,8 @@ import { convert } from 'chromatism'
 
 import { hex2rgb, rgba2css } from '../color_convert/color_convert.js'
 
-export const getCssColorString = (color, alpha = 1) => rgba2css({ ...convert(color).rgb, a: alpha })
+export const getCssColorString = (color, alpha = 1) =>
+  rgba2css({ ...convert(color).rgb, a: alpha })
 
 export const getCssShadow = (input, usesDropShadow) => {
   if (input.length === 0) {
@@ -10,16 +11,17 @@ export const getCssShadow = (input, usesDropShadow) => {
   }
 
   return input
-    .filter(_ => usesDropShadow ? _.inset : _)
-    .map((shad) => [
-      shad.x,
-      shad.y,
-      shad.blur,
-      shad.spread
-    ].map(_ => _ + 'px ').concat([
-      getCssColorString(shad.color, shad.alpha),
-      shad.inset ? 'inset' : ''
-    ]).join(' ')).join(', ')
+    .filter((_) => (usesDropShadow ? _.inset : _))
+    .map((shad) =>
+      [shad.x, shad.y, shad.blur, shad.spread]
+        .map((_) => _ + 'px ')
+        .concat([
+          getCssColorString(shad.color, shad.alpha),
+          shad.inset ? 'inset' : '',
+        ])
+        .join(' '),
+    )
+    .join(', ')
 }
 
 export const getCssShadowFilter = (input) => {
@@ -27,124 +29,156 @@ export const getCssShadowFilter = (input) => {
     return 'none'
   }
 
-  return input
-  // drop-shadow doesn't support inset or spread
-    .filter((shad) => !shad.inset && Number(shad.spread) === 0)
-    .map((shad) => [
-      shad.x,
-      shad.y,
-      // drop-shadow's blur is twice as strong compared to box-shadow
-      shad.blur / 2
-    ].map(_ => _ + 'px').concat([
-      getCssColorString(shad.color, shad.alpha)
-    ]).join(' '))
-    .map(_ => `drop-shadow(${_})`)
-    .join(' ')
+  return (
+    input
+      // drop-shadow doesn't support inset or spread
+      .filter((shad) => !shad.inset && Number(shad.spread) === 0)
+      .map((shad) =>
+        [
+          shad.x,
+          shad.y,
+          // drop-shadow's blur is twice as strong compared to box-shadow
+          shad.blur / 2,
+        ]
+          .map((_) => _ + 'px')
+          .concat([getCssColorString(shad.color, shad.alpha)])
+          .join(' '),
+      )
+      .map((_) => `drop-shadow(${_})`)
+      .join(' ')
+  )
 }
 
 // `debug` changes what backgrounds are used to "stacked" solid colors so you can see
 // what theme engine "thinks" is actual background color is for purposes of text color
 // generation and for when --stacked variable is used
-export const getCssRules = (rules, debug) => rules.map(rule => {
-  let selector = rule.selector
-  if (!selector) {
-    selector = 'html'
-  }
-  const header = selector + ' {'
-  const footer = '}'
-
-  const virtualDirectives = Object.entries(rule.virtualDirectives || {}).map(([k, v]) => {
-    return '  ' + k + ': ' + v
-  }).join(';\n')
-
-  const directives = Object.entries(rule.directives).map(([k, v]) => {
-    switch (k) {
-      case 'roundness': {
-        return '  ' + [
-          '--roundness: ' + v + 'px'
-        ].join(';\n  ')
+export const getCssRules = (rules, debug) =>
+  rules
+    .map((rule) => {
+      let selector = rule.selector
+      if (!selector) {
+        selector = 'html'
       }
-      case 'shadow': {
-        if (!rule.dynamicVars.shadow) {
-          return ''
-        }
-        return '  ' + [
-          '--shadow: ' + getCssShadow(rule.dynamicVars.shadow),
-          '--shadowFilter: ' + getCssShadowFilter(rule.dynamicVars.shadow),
-          '--shadowInset: ' + getCssShadow(rule.dynamicVars.shadow, true)
-        ].join(';\n  ')
-      }
-      case 'background': {
-        if (debug) {
-          return `
+      const header = selector + ' {'
+      const footer = '}'
+
+      const virtualDirectives = Object.entries(rule.virtualDirectives || {})
+        .map(([k, v]) => {
+          return '  ' + k + ': ' + v
+        })
+        .join(';\n')
+
+      const directives = Object.entries(rule.directives)
+        .map(([k, v]) => {
+          switch (k) {
+            case 'roundness': {
+              return '  ' + ['--roundness: ' + v + 'px'].join(';\n  ')
+            }
+            case 'shadow': {
+              if (!rule.dynamicVars.shadow) {
+                return ''
+              }
+              return (
+                '  ' +
+                [
+                  '--shadow: ' + getCssShadow(rule.dynamicVars.shadow),
+                  '--shadowFilter: ' +
+                    getCssShadowFilter(rule.dynamicVars.shadow),
+                  '--shadowInset: ' +
+                    getCssShadow(rule.dynamicVars.shadow, true),
+                ].join(';\n  ')
+              )
+            }
+            case 'background': {
+              if (debug) {
+                return `
             --background: ${getCssColorString(rule.dynamicVars.stacked)};
             background-color: ${getCssColorString(rule.dynamicVars.stacked)};
           `
-        }
-        if (v === 'transparent') {
-          if (rule.component === 'Root') return null
-          return [
-            rule.directives.backgroundNoCssColor !== 'yes' ? ('background-color: ' + v) : '',
-            '  --background: ' + v
-          ].filter(x => x).join(';\n')
-        }
-        const color = getCssColorString(rule.dynamicVars.background, rule.directives.opacity)
-        const cssDirectives = ['--background: ' + color]
-        if (rule.directives.backgroundNoCssColor !== 'yes') {
-          cssDirectives.push('background-color: ' + color)
-        }
-        return cssDirectives.filter(x => x).join(';\n')
-      }
-      case 'blur': {
-        const cssDirectives = []
-        if (rule.directives.opacity < 1) {
-          cssDirectives.push(`--backdrop-filter: blur(${v}) `)
-          if (rule.directives.backgroundNoCssColor !== 'yes') {
-            cssDirectives.push(`backdrop-filter: blur(${v}) `)
-          }
-        }
-        return cssDirectives.join(';\n')
-      }
-      case 'font': {
-        return 'font-family: ' + v
-      }
-      case 'textColor': {
-        if (rule.directives.textNoCssColor === 'yes') { return '' }
-        return 'color: ' + v
-      }
-      default:
-        if (k.startsWith('--')) {
-          const [type, value] = v.split('|').map(x => x.trim())
-          switch (type) {
-            case 'color': {
-              const color = rule.dynamicVars[k]
-              if (typeof color === 'string') {
-                return k + ': ' + rgba2css(hex2rgb(color))
-              } else {
-                return k + ': ' + rgba2css(color)
               }
+              if (v === 'transparent') {
+                if (rule.component === 'Root') return null
+                return [
+                  rule.directives.backgroundNoCssColor !== 'yes'
+                    ? 'background-color: ' + v
+                    : '',
+                  '  --background: ' + v,
+                ]
+                  .filter((x) => x)
+                  .join(';\n')
+              }
+              const color = getCssColorString(
+                rule.dynamicVars.background,
+                rule.directives.opacity,
+              )
+              const cssDirectives = ['--background: ' + color]
+              if (rule.directives.backgroundNoCssColor !== 'yes') {
+                cssDirectives.push('background-color: ' + color)
+              }
+              return cssDirectives.filter((x) => x).join(';\n')
+            }
+            case 'blur': {
+              const cssDirectives = []
+              if (rule.directives.opacity < 1) {
+                cssDirectives.push(`--backdrop-filter: blur(${v}) `)
+                if (rule.directives.backgroundNoCssColor !== 'yes') {
+                  cssDirectives.push(`backdrop-filter: blur(${v}) `)
+                }
+              }
+              return cssDirectives.join(';\n')
+            }
+            case 'font': {
+              return 'font-family: ' + v
+            }
+            case 'textColor': {
+              if (rule.directives.textNoCssColor === 'yes') {
+                return ''
+              }
+              return 'color: ' + v
             }
-            case 'generic':
-              return k + ': ' + value
             default:
+              if (k.startsWith('--')) {
+                const [type, value] = v.split('|').map((x) => x.trim())
+                switch (type) {
+                  case 'color': {
+                    const color = rule.dynamicVars[k]
+                    if (typeof color === 'string') {
+                      return k + ': ' + rgba2css(hex2rgb(color))
+                    } else {
+                      return k + ': ' + rgba2css(color)
+                    }
+                  }
+                  case 'generic':
+                    return k + ': ' + value
+                  default:
+                    return null
+                }
+              }
               return null
           }
-        }
-        return null
-    }
-  }).filter(x => x).map(x => '  ' + x + ';').join('\n')
+        })
+        .filter((x) => x)
+        .map((x) => '  ' + x + ';')
+        .join('\n')
 
-  return [
-    header,
-    directives,
-    (rule.component === 'Text' && rule.state.indexOf('faint') < 0 && rule.directives.textNoCssColor !== 'yes') ? '  color: var(--text);' : '',
-    virtualDirectives,
-    footer
-  ].filter(x => x).join('\n')
-}).filter(x => x)
+      return [
+        header,
+        directives,
+        rule.component === 'Text' &&
+        rule.state.indexOf('faint') < 0 &&
+        rule.directives.textNoCssColor !== 'yes'
+          ? '  color: var(--text);'
+          : '',
+        virtualDirectives,
+        footer,
+      ]
+        .filter((x) => x)
+        .join('\n')
+    })
+    .filter((x) => x)
 
 export const getScopedVersion = (rules, newScope) => {
-  return rules.map(x => {
+  return rules.map((x) => {
     if (x.startsWith('html')) {
       return x.replace('html', newScope)
     } else if (x.startsWith('#content')) {
diff --git a/src/services/theme_data/iss_deserializer.js b/src/services/theme_data/iss_deserializer.js
index a69a18576..e5506ae42 100644
--- a/src/services/theme_data/iss_deserializer.js
+++ b/src/services/theme_data/iss_deserializer.js
@@ -1,7 +1,17 @@
 import { flattenDeep } from 'lodash'
 
-export const deserializeShadow = string => {
-  const modes = ['_full', 'inset', 'x', 'y', 'blur', 'spread', 'color', 'alpha', 'name']
+export const deserializeShadow = (string) => {
+  const modes = [
+    '_full',
+    'inset',
+    'x',
+    'y',
+    'blur',
+    'spread',
+    'color',
+    'alpha',
+    'name',
+  ]
   const regexPrep = [
     // inset keyword (optional)
     '^',
@@ -20,7 +30,7 @@ export const deserializeShadow = string => {
     '(?:\\s+\\/\\s+([0-9]+(?:\\.[0-9]+)?)\\s*)?',
     // name
     '(?:\\s+#(\\w+)\\s*)?',
-    '$'
+    '$',
   ].join('')
   const regex = new RegExp(regexPrep, 'gis') // global, (stable) indices, single-string
   const result = regex.exec(string)
@@ -32,20 +42,26 @@ export const deserializeShadow = string => {
     }
   } else {
     const numeric = new Set(['x', 'y', 'blur', 'spread', 'alpha'])
-    const { x, y, blur, spread, alpha, inset, color, name } = Object.fromEntries(modes.map((mode, i) => {
-      if (numeric.has(mode)) {
-        const number = Number(result[i])
-        if (Number.isNaN(number)) {
-          if (mode === 'alpha') return [mode, 1]
-          return [mode, 0]
-        }
-        return [mode, number]
-      } else if (mode === 'inset') {
-        return [mode, !!result[i]]
-      } else {
-        return [mode, result[i]]
-      }
-    }).filter(([, v]) => v !== false).slice(1))
+    const { x, y, blur, spread, alpha, inset, color, name } =
+      Object.fromEntries(
+        modes
+          .map((mode, i) => {
+            if (numeric.has(mode)) {
+              const number = Number(result[i])
+              if (Number.isNaN(number)) {
+                if (mode === 'alpha') return [mode, 1]
+                return [mode, 0]
+              }
+              return [mode, number]
+            } else if (mode === 'inset') {
+              return [mode, !!result[i]]
+            } else {
+              return [mode, result[i]]
+            }
+          })
+          .filter(([, v]) => v !== false)
+          .slice(1),
+      )
 
     return { x, y, blur, spread, color, alpha, inset, name }
   }
@@ -94,77 +110,87 @@ const parseIss = (input) => {
 }
 export const deserialize = (input) => {
   const ast = parseIss(input)
-  const finalResult = ast.filter(i => i.selector != null).map(item => {
-    const { selector, content } = item
-    let stateCount = 0
-    const selectors = selector.split(/,/g)
-    const result = selectors.map(selector => {
-      const output = { component: '' }
-      let currentDepth = null
+  const finalResult = ast
+    .filter((i) => i.selector != null)
+    .map((item) => {
+      const { selector, content } = item
+      let stateCount = 0
+      const selectors = selector.split(/,/g)
+      const result = selectors.map((selector) => {
+        const output = { component: '' }
+        let currentDepth = null
 
-      selector.split(/ /g).reverse().forEach((fragment, index, arr) => {
-        const fragmentObject = { component: '' }
+        selector
+          .split(/ /g)
+          .reverse()
+          .forEach((fragment, index, arr) => {
+            const fragmentObject = { component: '' }
 
-        let mode = 'component'
-        for (let i = 0; i < fragment.length; i++) {
-          const char = fragment[i]
-          switch (char) {
-            case '.': {
-              mode = 'variant'
-              fragmentObject.variant = ''
-              break
-            }
-            case ':': {
-              mode = 'state'
-              fragmentObject.state = fragmentObject.state || []
-              stateCount++
-              break
-            }
-            default: {
-              if (mode === 'state') {
-                const currentState = fragmentObject.state[stateCount - 1]
-                if (currentState == null) {
-                  fragmentObject.state.push('')
+            let mode = 'component'
+            for (let i = 0; i < fragment.length; i++) {
+              const char = fragment[i]
+              switch (char) {
+                case '.': {
+                  mode = 'variant'
+                  fragmentObject.variant = ''
+                  break
+                }
+                case ':': {
+                  mode = 'state'
+                  fragmentObject.state = fragmentObject.state || []
+                  stateCount++
+                  break
+                }
+                default: {
+                  if (mode === 'state') {
+                    const currentState = fragmentObject.state[stateCount - 1]
+                    if (currentState == null) {
+                      fragmentObject.state.push('')
+                    }
+                    fragmentObject.state[stateCount - 1] += char
+                  } else {
+                    fragmentObject[mode] += char
+                  }
                 }
-                fragmentObject.state[stateCount - 1] += char
-              } else {
-                fragmentObject[mode] += char
               }
             }
-          }
-        }
-        if (currentDepth !== null) {
-          currentDepth.parent = { ...fragmentObject }
-          currentDepth = currentDepth.parent
-        } else {
-          Object.keys(fragmentObject).forEach(key => {
-            output[key] = fragmentObject[key]
+            if (currentDepth !== null) {
+              currentDepth.parent = { ...fragmentObject }
+              currentDepth = currentDepth.parent
+            } else {
+              Object.keys(fragmentObject).forEach((key) => {
+                output[key] = fragmentObject[key]
+              })
+              if (index !== arr.length - 1) {
+                output.parent = { component: '' }
+              }
+              currentDepth = output
+            }
           })
-          if (index !== (arr.length - 1)) {
-            output.parent = { component: '' }
-          }
-          currentDepth = output
-        }
+
+        output.directives = Object.fromEntries(
+          content.map((d) => {
+            const [property, value] = d.split(':')
+            let realValue = (value || '').trim()
+            if (property === 'shadow') {
+              if (realValue === 'none') {
+                realValue = []
+              } else {
+                realValue = value
+                  .split(',')
+                  .map((v) => deserializeShadow(v.trim()))
+              }
+            }
+            if (!Number.isNaN(Number(value))) {
+              realValue = Number(value)
+            }
+            return [property, realValue]
+          }),
+        )
+
+        return output
       })
-
-      output.directives = Object.fromEntries(content.map(d => {
-        const [property, value] = d.split(':')
-        let realValue = (value || '').trim()
-        if (property === 'shadow') {
-          if (realValue === 'none') {
-            realValue = []
-          } else {
-            realValue = value.split(',').map(v => deserializeShadow(v.trim()))
-          }
-        } if (!Number.isNaN(Number(value))) {
-          realValue = Number(value)
-        }
-        return [property, realValue]
-      }))
-
-      return output
+      return result
     })
-    return result
-  })
   return flattenDeep(finalResult)
 }
diff --git a/src/services/theme_data/iss_serializer.js b/src/services/theme_data/iss_serializer.js
index ce3551224..a99adb529 100644
--- a/src/services/theme_data/iss_serializer.js
+++ b/src/services/theme_data/iss_serializer.js
@@ -14,40 +14,54 @@ export const serializeShadow = (s) => {
 }
 
 export const serialize = (ruleset) => {
-  return ruleset.map((rule) => {
-    if (Object.keys(rule.directives || {}).length === 0) return false
+  return ruleset
+    .map((rule) => {
+      if (Object.keys(rule.directives || {}).length === 0) return false
 
-    const header = unroll(rule).reverse().map(rule => {
-      const { component } = rule
-      const newVariant = (rule.variant == null || rule.variant === 'normal') ? '' : ('.' + rule.variant)
-      const newState = (rule.state || []).filter(st => st !== 'normal')
+      const header = unroll(rule)
+        .reverse()
+        .map((rule) => {
+          const { component } = rule
+          const newVariant =
+            rule.variant == null || rule.variant === 'normal'
+              ? ''
+              : '.' + rule.variant
+          const newState = (rule.state || []).filter((st) => st !== 'normal')
 
-      return `${component}${newVariant}${newState.map(st => ':' + st).join('')}`
-    }).join(' ')
+          return `${component}${newVariant}${newState.map((st) => ':' + st).join('')}`
+        })
+        .join(' ')
 
-    const content = Object.entries(rule.directives).map(([directive, value]) => {
-      if (directive.startsWith('--')) {
-        const [valType, newValue] = value.split('|') // only first one! intentional!
-        switch (valType) {
-          case 'shadow':
-            return `  ${directive}: ${valType.trim()} | ${newValue.map(serializeShadow).map(s => s.trim()).join(', ')}`
-          default:
-            return `  ${directive}: ${valType.trim()} | ${newValue.trim()}`
-        }
-      } else {
-        switch (directive) {
-          case 'shadow':
-            if (value.length > 0) {
-              return `  ${directive}: ${value.map(serializeShadow).join(', ')}`
-            } else {
-              return `  ${directive}: none`
+      const content = Object.entries(rule.directives).map(
+        ([directive, value]) => {
+          if (directive.startsWith('--')) {
+            const [valType, newValue] = value.split('|') // only first one! intentional!
+            switch (valType) {
+              case 'shadow':
+                return `  ${directive}: ${valType.trim()} | ${newValue
+                  .map(serializeShadow)
+                  .map((s) => s.trim())
+                  .join(', ')}`
+              default:
+                return `  ${directive}: ${valType.trim()} | ${newValue.trim()}`
             }
-          default:
-            return `  ${directive}: ${value}`
-        }
-      }
-    })
+          } else {
+            switch (directive) {
+              case 'shadow':
+                if (value.length > 0) {
+                  return `  ${directive}: ${value.map(serializeShadow).join(', ')}`
+                } else {
+                  return `  ${directive}: none`
+                }
+              default:
+                return `  ${directive}: ${value}`
+            }
+          }
+        },
+      )
 
-    return `${header} {\n${content.join(';\n')}\n}`
-  }).filter(x => x).join('\n\n')
+      return `${header} {\n${content.join(';\n')}\n}`
+    })
+    .filter((x) => x)
+    .join('\n\n')
 }
diff --git a/src/services/theme_data/iss_utils.js b/src/services/theme_data/iss_utils.js
index a12991485..e5aa5cd15 100644
--- a/src/services/theme_data/iss_utils.js
+++ b/src/services/theme_data/iss_utils.js
@@ -15,18 +15,18 @@ export const unroll = (item) => {
 // This gives you an array of arrays of all possible unique (i.e. order-insensitive) combinations
 // Can only accept primitives. Duplicates are not supported and can cause unexpected behavior
 export const getAllPossibleCombinations = (array) => {
-  const combos = [array.map(x => [x])]
+  const combos = [array.map((x) => [x])]
   for (let comboSize = 2; comboSize <= array.length; comboSize++) {
     const previous = combos[combos.length - 1]
-    const newCombos = previous.map(self => {
+    const newCombos = previous.map((self) => {
       const selfSet = new Set()
-      self.forEach(x => selfSet.add(x))
-      const nonSelf = array.filter(x => !selfSet.has(x))
-      return nonSelf.map(x => [...self, x])
+      self.forEach((x) => selfSet.add(x))
+      const nonSelf = array.filter((x) => !selfSet.has(x))
+      return nonSelf.map((x) => [...self, x])
     })
     const flatCombos = newCombos.reduce((acc, x) => [...acc, ...x], [])
     const uniqueComboStrings = new Set()
-    const uniqueCombos = flatCombos.map(sortBy).filter(x => {
+    const uniqueCombos = flatCombos.map(sortBy).filter((x) => {
       if (uniqueComboStrings.has(x.join())) {
         return false
       } else {
@@ -56,75 +56,98 @@ export const getAllPossibleCombinations = (array) => {
  *
  * @returns {String} CSS selector (or path)
  */
-export const genericRuleToSelector = components => (rule, ignoreOutOfTreeSelector, liteMode, children) => {
-  const isParent = !!children
-  if (!rule && !isParent) return null
-  const component = components[rule.component]
-  const { states = {}, variants = {}, outOfTreeSelector } = component
+export const genericRuleToSelector =
+  (components) => (rule, ignoreOutOfTreeSelector, liteMode, children) => {
+    const isParent = !!children
+    if (!rule && !isParent) return null
+    const component = components[rule.component]
+    const { states = {}, variants = {}, outOfTreeSelector } = component
 
-  const expand = (array = [], subArray = []) => {
-    if (array.length === 0) return subArray.map(x => [x])
-    if (subArray.length === 0) return array.map(x => [x])
-    return array.map(a => {
-      return subArray.map(b => [a, b])
-    }).flat()
-  }
-
-  let componentSelectors = Array.isArray(component.selector) ? component.selector : [component.selector]
-  if (ignoreOutOfTreeSelector || liteMode) componentSelectors = [componentSelectors[0]]
-  componentSelectors = componentSelectors.map(selector => {
-    if (selector === ':root') {
-      return ''
-    } else if (isParent) {
-      return selector
-    } else {
-      if (outOfTreeSelector && !ignoreOutOfTreeSelector) return outOfTreeSelector
-      return selector
+    const expand = (array = [], subArray = []) => {
+      if (array.length === 0) return subArray.map((x) => [x])
+      if (subArray.length === 0) return array.map((x) => [x])
+      return array
+        .map((a) => {
+          return subArray.map((b) => [a, b])
+        })
+        .flat()
     }
-  })
 
-  const applicableVariantName = (rule.variant || 'normal')
-  let variantSelectors = null
-  if (applicableVariantName !== 'normal') {
-    variantSelectors = variants[applicableVariantName]
-  } else {
-    variantSelectors = variants?.normal ?? ''
+    let componentSelectors = Array.isArray(component.selector)
+      ? component.selector
+      : [component.selector]
+    if (ignoreOutOfTreeSelector || liteMode)
+      componentSelectors = [componentSelectors[0]]
+    componentSelectors = componentSelectors.map((selector) => {
+      if (selector === ':root') {
+        return ''
+      } else if (isParent) {
+        return selector
+      } else {
+        if (outOfTreeSelector && !ignoreOutOfTreeSelector)
+          return outOfTreeSelector
+        return selector
+      }
+    })
+
+    const applicableVariantName = rule.variant || 'normal'
+    let variantSelectors = null
+    if (applicableVariantName !== 'normal') {
+      variantSelectors = variants[applicableVariantName]
+    } else {
+      variantSelectors = variants?.normal ?? ''
+    }
+    variantSelectors = Array.isArray(variantSelectors)
+      ? variantSelectors
+      : [variantSelectors]
+    if (ignoreOutOfTreeSelector || liteMode)
+      variantSelectors = [variantSelectors[0]]
+
+    const applicableStates = (rule.state || []).filter((x) => x !== 'normal')
+    // const applicableStates = (rule.state || [])
+    const statesSelectors = applicableStates.map((state) => {
+      const selector = states[state] || ''
+      let arraySelector = Array.isArray(selector) ? selector : [selector]
+      if (ignoreOutOfTreeSelector || liteMode)
+        arraySelector = [arraySelector[0]]
+      arraySelector
+        .sort((a) => {
+          if (a.startsWith(':')) return 1
+          if (/^[a-z]/.exec(a)) return -1
+          else return 0
+        })
+        .join('')
+      return arraySelector
+    })
+
+    const statesSelectorsFlat = statesSelectors.reduce((acc, s) => {
+      return expand(acc, s).map((st) => st.join(''))
+    }, [])
+
+    const componentVariant = expand(componentSelectors, variantSelectors).map(
+      (cv) => cv.join(''),
+    )
+    const componentVariantStates = expand(
+      componentVariant,
+      statesSelectorsFlat,
+    ).map((cvs) => cvs.join(''))
+    const selectors = expand(componentVariantStates, children).map((cvsc) =>
+      cvsc.join(' '),
+    )
+    /*
+     */
+
+    if (rule.parent) {
+      return genericRuleToSelector(components)(
+        rule.parent,
+        ignoreOutOfTreeSelector,
+        liteMode,
+        selectors,
+      )
+    }
+
+    return selectors.join(', ').trim()
   }
-  variantSelectors = Array.isArray(variantSelectors) ? variantSelectors : [variantSelectors]
-  if (ignoreOutOfTreeSelector || liteMode) variantSelectors = [variantSelectors[0]]
-
-  const applicableStates = (rule.state || []).filter(x => x !== 'normal')
-  // const applicableStates = (rule.state || [])
-  const statesSelectors = applicableStates.map(state => {
-    const selector = states[state] || ''
-    let arraySelector = Array.isArray(selector) ? selector : [selector]
-    if (ignoreOutOfTreeSelector || liteMode) arraySelector = [arraySelector[0]]
-    arraySelector
-      .sort((a) => {
-        if (a.startsWith(':')) return 1
-        if (/^[a-z]/.exec(a)) return -1
-        else return 0
-      })
-      .join('')
-    return arraySelector
-  })
-
-  const statesSelectorsFlat = statesSelectors.reduce((acc, s) => {
-    return expand(acc, s).map(st => st.join(''))
-  }, [])
-
-  const componentVariant = expand(componentSelectors, variantSelectors).map(cv => cv.join(''))
-  const componentVariantStates = expand(componentVariant, statesSelectorsFlat).map(cvs => cvs.join(''))
-  const selectors = expand(componentVariantStates, children).map(cvsc => cvsc.join(' '))
-  /*
-  */
-
-  if (rule.parent) {
-    return genericRuleToSelector(components)(rule.parent, ignoreOutOfTreeSelector, liteMode, selectors)
-  }
-
-  return selectors.join(', ').trim()
-}
 
 /**
  * Check if combination matches
@@ -151,8 +174,8 @@ export const combinationsMatch = (criteria, subject, strict) => {
     const criteriaStatesSet = new Set(criteria.state)
 
     const setsAreEqual =
-      [...criteriaStatesSet].every(state => subjectStatesSet.has(state)) &&
-      [...subjectStatesSet].every(state => criteriaStatesSet.has(state))
+      [...criteriaStatesSet].every((state) => subjectStatesSet.has(state)) &&
+      [...subjectStatesSet].every((state) => criteriaStatesSet.has(state))
 
     if (!setsAreEqual) return false
   }
@@ -168,7 +191,7 @@ export const combinationsMatch = (criteria, subject, strict) => {
  *
  * @return function that returns true/false if subject matches
  */
-export const findRules = (criteria, strict) => subject => {
+export const findRules = (criteria, strict) => (subject) => {
   // If we searching for "general" rules - ignore "specific" ones
   if (criteria.parent === null && !!subject.parent) return false
   if (!combinationsMatch(criteria, subject, strict)) return false
@@ -186,14 +209,15 @@ export const findRules = (criteria, strict) => subject => {
       const criteriaParent = pathCriteria[i]
       const subjectParent = pathSubject[i]
       if (!subjectParent) return true
-      if (!combinationsMatch(criteriaParent, subjectParent, strict)) return false
+      if (!combinationsMatch(criteriaParent, subjectParent, strict))
+        return false
     }
   }
   return true
 }
 
 // Pre-fills 'normal' state/variant if missing
-export const normalizeCombination = rule => {
+export const normalizeCombination = (rule) => {
   rule.variant = rule.variant ?? 'normal'
   rule.state = [...new Set(['normal', ...(rule.state || [])])]
 }
diff --git a/src/services/theme_data/pleromafe.js b/src/services/theme_data/pleromafe.js
index dc7a5d897..bd9356372 100644
--- a/src/services/theme_data/pleromafe.js
+++ b/src/services/theme_data/pleromafe.js
@@ -25,7 +25,7 @@ export const LAYERS = {
   alertPanel: 'panel',
   poll: 'bg',
   chatBg: 'underlay',
-  chatMessage: 'chatBg'
+  chatMessage: 'chatBg',
 }
 
 /* By default opacity slots have 1 as default opacity
@@ -37,7 +37,7 @@ export const DEFAULT_OPACITY = {
   input: 0.5,
   faint: 0.5,
   underlay: 0.15,
-  alertPopup: 0.95
+  alertPopup: 0.95,
 }
 
 /**  SUBJECT TO CHANGE IN THE FUTURE, this is all beta
@@ -82,45 +82,45 @@ export const SLOT_INHERITANCE = {
   bg: {
     depends: [],
     opacity: 'bg',
-    priority: 1
+    priority: 1,
   },
   wallpaper: {
     depends: ['bg'],
-    color: (mod, bg) => brightness(-2 * mod, bg).rgb
+    color: (mod, bg) => brightness(-2 * mod, bg).rgb,
   },
   fg: {
     depends: [],
-    priority: 1
+    priority: 1,
   },
   text: {
     depends: [],
     layer: 'bg',
     opacity: null,
-    priority: 1
+    priority: 1,
   },
   underlay: {
     default: '#000000',
-    opacity: 'underlay'
+    opacity: 'underlay',
   },
   link: {
     depends: ['accent'],
-    priority: 1
+    priority: 1,
   },
   accent: {
     depends: ['link'],
-    priority: 1
+    priority: 1,
   },
   faint: {
     depends: ['text'],
-    opacity: 'faint'
+    opacity: 'faint',
   },
   faintLink: {
     depends: ['link'],
-    opacity: 'faint'
+    opacity: 'faint',
   },
   postFaintLink: {
     depends: ['postLink'],
-    opacity: 'faint'
+    opacity: 'faint',
   },
 
   cBlue: '#0000ff',
@@ -133,101 +133,101 @@ export const SLOT_INHERITANCE = {
     color: (mod, bg) => ({
       r: Math.floor(bg.r * 0.53),
       g: Math.floor(bg.g * 0.56),
-      b: Math.floor(bg.b * 0.59)
-    })
+      b: Math.floor(bg.b * 0.59),
+    }),
   },
   profileTint: {
     depends: ['bg'],
     layer: 'profileTint',
-    opacity: 'profileTint'
+    opacity: 'profileTint',
   },
 
   highlight: {
     depends: ['bg'],
-    color: (mod, bg) => brightness(5 * mod, bg).rgb
+    color: (mod, bg) => brightness(5 * mod, bg).rgb,
   },
   highlightLightText: {
     depends: ['lightText'],
     layer: 'highlight',
-    textColor: true
+    textColor: true,
   },
   highlightPostLink: {
     depends: ['postLink'],
     layer: 'highlight',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   highlightFaintText: {
     depends: ['faint'],
     layer: 'highlight',
-    textColor: true
+    textColor: true,
   },
   highlightFaintLink: {
     depends: ['faintLink'],
     layer: 'highlight',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   highlightPostFaintLink: {
     depends: ['postFaintLink'],
     layer: 'highlight',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   highlightText: {
     depends: ['text'],
     layer: 'highlight',
-    textColor: true
+    textColor: true,
   },
   highlightLink: {
     depends: ['link'],
     layer: 'highlight',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   highlightIcon: {
     depends: ['highlight', 'highlightText'],
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   popover: {
     depends: ['bg'],
-    opacity: 'popover'
+    opacity: 'popover',
   },
   popoverLightText: {
     depends: ['lightText'],
     layer: 'popover',
-    textColor: true
+    textColor: true,
   },
   popoverPostLink: {
     depends: ['postLink'],
     layer: 'popover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   popoverFaintText: {
     depends: ['faint'],
     layer: 'popover',
-    textColor: true
+    textColor: true,
   },
   popoverFaintLink: {
     depends: ['faintLink'],
     layer: 'popover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   popoverPostFaintLink: {
     depends: ['postFaintLink'],
     layer: 'popover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   popoverText: {
     depends: ['text'],
     layer: 'popover',
-    textColor: true
+    textColor: true,
   },
   popoverLink: {
     depends: ['link'],
     layer: 'popover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   popoverIcon: {
     depends: ['popover', 'popoverText'],
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   selectedPost: '--highlight',
@@ -235,201 +235,201 @@ export const SLOT_INHERITANCE = {
     depends: ['highlightFaintText'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: true
+    textColor: true,
   },
   selectedPostLightText: {
     depends: ['highlightLightText'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: true
+    textColor: true,
   },
   selectedPostPostLink: {
     depends: ['highlightPostLink'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedPostFaintLink: {
     depends: ['highlightFaintLink'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedPostText: {
     depends: ['highlightText'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: true
+    textColor: true,
   },
   selectedPostLink: {
     depends: ['highlightLink'],
     layer: 'highlight',
     variant: 'selectedPost',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedPostIcon: {
     depends: ['selectedPost', 'selectedPostText'],
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   selectedMenu: {
     depends: ['bg'],
-    color: (mod, bg) => brightness(5 * mod, bg).rgb
+    color: (mod, bg) => brightness(5 * mod, bg).rgb,
   },
   selectedMenuLightText: {
     depends: ['highlightLightText'],
     layer: 'selectedMenu',
     variant: 'selectedMenu',
-    textColor: true
+    textColor: true,
   },
   selectedMenuFaintText: {
     depends: ['highlightFaintText'],
     layer: 'selectedMenu',
     variant: 'selectedMenu',
-    textColor: true
+    textColor: true,
   },
   selectedMenuFaintLink: {
     depends: ['highlightFaintLink'],
     layer: 'selectedMenu',
     variant: 'selectedMenu',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedMenuText: {
     depends: ['highlightText'],
     layer: 'selectedMenu',
     variant: 'selectedMenu',
-    textColor: true
+    textColor: true,
   },
   selectedMenuLink: {
     depends: ['highlightLink'],
     layer: 'selectedMenu',
     variant: 'selectedMenu',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedMenuIcon: {
     depends: ['selectedMenu', 'selectedMenuText'],
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   selectedMenuPopover: {
     depends: ['popover'],
-    color: (mod, bg) => brightness(5 * mod, bg).rgb
+    color: (mod, bg) => brightness(5 * mod, bg).rgb,
   },
   selectedMenuPopoverLightText: {
     depends: ['selectedMenuLightText'],
     layer: 'selectedMenuPopover',
     variant: 'selectedMenuPopover',
-    textColor: true
+    textColor: true,
   },
   selectedMenuPopoverFaintText: {
     depends: ['selectedMenuFaintText'],
     layer: 'selectedMenuPopover',
     variant: 'selectedMenuPopover',
-    textColor: true
+    textColor: true,
   },
   selectedMenuPopoverFaintLink: {
     depends: ['selectedMenuFaintLink'],
     layer: 'selectedMenuPopover',
     variant: 'selectedMenuPopover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedMenuPopoverText: {
     depends: ['selectedMenuText'],
     layer: 'selectedMenuPopover',
     variant: 'selectedMenuPopover',
-    textColor: true
+    textColor: true,
   },
   selectedMenuPopoverLink: {
     depends: ['selectedMenuLink'],
     layer: 'selectedMenuPopover',
     variant: 'selectedMenuPopover',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
   selectedMenuPopoverIcon: {
     depends: ['selectedMenuPopover', 'selectedMenuText'],
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   lightText: {
     depends: ['text'],
     layer: 'bg',
     textColor: 'preserve',
-    color: (mod, text) => brightness(20 * mod, text).rgb
+    color: (mod, text) => brightness(20 * mod, text).rgb,
   },
 
   postLink: {
     depends: ['link'],
     layer: 'bg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   postGreentext: {
     depends: ['cGreen'],
     layer: 'bg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   postCyantext: {
     depends: ['cBlue'],
     layer: 'bg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   border: {
     depends: ['fg'],
     opacity: 'border',
-    color: (mod, fg) => brightness(2 * mod, fg).rgb
+    color: (mod, fg) => brightness(2 * mod, fg).rgb,
   },
 
   poll: {
     depends: ['accent', 'bg'],
     copacity: 'poll',
-    color: (mod, accent, bg) => alphaBlend(accent, 0.4, bg)
+    color: (mod, accent, bg) => alphaBlend(accent, 0.4, bg),
   },
   pollText: {
     depends: ['text'],
     layer: 'poll',
-    textColor: true
+    textColor: true,
   },
 
   icon: {
     depends: ['bg', 'text'],
     inheritsOpacity: false,
-    color: (mod, bg, text) => mixrgb(bg, text)
+    color: (mod, bg, text) => mixrgb(bg, text),
   },
 
   // Foreground
   fgText: {
     depends: ['text'],
     layer: 'fg',
-    textColor: true
+    textColor: true,
   },
   fgLink: {
     depends: ['link'],
     layer: 'fg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   // Panel header
   panel: {
     depends: ['fg'],
-    opacity: 'panel'
+    opacity: 'panel',
   },
   panelText: {
     depends: ['text'],
     layer: 'panel',
-    textColor: true
+    textColor: true,
   },
   panelFaint: {
     depends: ['fgText'],
     layer: 'panel',
     opacity: 'faint',
-    textColor: true
+    textColor: true,
   },
   panelLink: {
     depends: ['fgLink'],
     layer: 'panel',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   // Top bar
@@ -437,268 +437,268 @@ export const SLOT_INHERITANCE = {
   topBarText: {
     depends: ['fgText'],
     layer: 'topBar',
-    textColor: true
+    textColor: true,
   },
   topBarLink: {
     depends: ['fgLink'],
     layer: 'topBar',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   // Tabs
   tab: {
-    depends: ['btn']
+    depends: ['btn'],
   },
   tabText: {
     depends: ['btnText'],
     layer: 'btn',
-    textColor: true
+    textColor: true,
   },
   tabActiveText: {
     depends: ['text'],
     layer: 'bg',
-    textColor: true
+    textColor: true,
   },
 
   // Buttons
   btn: {
     depends: ['fg'],
     variant: 'btn',
-    opacity: 'btn'
+    opacity: 'btn',
   },
   btnText: {
     depends: ['fgText'],
     layer: 'btn',
-    textColor: true
+    textColor: true,
   },
   btnPanelText: {
     depends: ['btnText'],
     layer: 'btnPanel',
     variant: 'btn',
-    textColor: true
+    textColor: true,
   },
   btnTopBarText: {
     depends: ['btnText'],
     layer: 'btnTopBar',
     variant: 'btn',
-    textColor: true
+    textColor: true,
   },
 
   // Buttons: pressed
   btnPressed: {
     depends: ['btn'],
-    layer: 'btn'
+    layer: 'btn',
   },
   btnPressedText: {
     depends: ['btnText'],
     layer: 'btn',
     variant: 'btnPressed',
-    textColor: true
+    textColor: true,
   },
   btnPressedPanel: {
     depends: ['btnPressed'],
-    layer: 'btn'
+    layer: 'btn',
   },
   btnPressedPanelText: {
     depends: ['btnPanelText'],
     layer: 'btnPanel',
     variant: 'btnPressed',
-    textColor: true
+    textColor: true,
   },
   btnPressedTopBar: {
     depends: ['btnPressed'],
-    layer: 'btn'
+    layer: 'btn',
   },
   btnPressedTopBarText: {
     depends: ['btnTopBarText'],
     layer: 'btnTopBar',
     variant: 'btnPressed',
-    textColor: true
+    textColor: true,
   },
 
   // Buttons: toggled
   btnToggled: {
     depends: ['btn'],
     layer: 'btn',
-    color: (mod, btn) => brightness(mod * 20, btn).rgb
+    color: (mod, btn) => brightness(mod * 20, btn).rgb,
   },
   btnToggledText: {
     depends: ['btnText'],
     layer: 'btn',
     variant: 'btnToggled',
-    textColor: true
+    textColor: true,
   },
   btnToggledPanelText: {
     depends: ['btnPanelText'],
     layer: 'btnPanel',
     variant: 'btnToggled',
-    textColor: true
+    textColor: true,
   },
   btnToggledTopBarText: {
     depends: ['btnTopBarText'],
     layer: 'btnTopBar',
     variant: 'btnToggled',
-    textColor: true
+    textColor: true,
   },
 
   // Buttons: disabled
   btnDisabled: {
     depends: ['btn', 'bg'],
-    color: (mod, btn, bg) => alphaBlend(btn, 0.25, bg)
+    color: (mod, btn, bg) => alphaBlend(btn, 0.25, bg),
   },
   btnDisabledText: {
     depends: ['btnText', 'btnDisabled'],
     layer: 'btn',
     variant: 'btnDisabled',
-    color: (mod, text, btn) => alphaBlend(text, 0.25, btn)
+    color: (mod, text, btn) => alphaBlend(text, 0.25, btn),
   },
   btnDisabledPanelText: {
     depends: ['btnPanelText', 'btnDisabled'],
     layer: 'btnPanel',
     variant: 'btnDisabled',
-    color: (mod, text, btn) => alphaBlend(text, 0.25, btn)
+    color: (mod, text, btn) => alphaBlend(text, 0.25, btn),
   },
   btnDisabledTopBarText: {
     depends: ['btnTopBarText', 'btnDisabled'],
     layer: 'btnTopBar',
     variant: 'btnDisabled',
-    color: (mod, text, btn) => alphaBlend(text, 0.25, btn)
+    color: (mod, text, btn) => alphaBlend(text, 0.25, btn),
   },
 
   // Input fields
   input: {
     depends: ['fg'],
-    opacity: 'input'
+    opacity: 'input',
   },
   inputText: {
     depends: ['text'],
     layer: 'input',
-    textColor: true
+    textColor: true,
   },
   inputPanelText: {
     depends: ['panelText'],
     layer: 'inputPanel',
     variant: 'input',
-    textColor: true
+    textColor: true,
   },
   inputTopbarText: {
     depends: ['topBarText'],
     layer: 'inputTopBar',
     variant: 'input',
-    textColor: true
+    textColor: true,
   },
 
   alertError: {
     depends: ['cRed'],
-    opacity: 'alert'
+    opacity: 'alert',
   },
   alertErrorText: {
     depends: ['text'],
     layer: 'alert',
     variant: 'alertError',
-    textColor: true
+    textColor: true,
   },
   alertErrorPanelText: {
     depends: ['panelText'],
     layer: 'alertPanel',
     variant: 'alertError',
-    textColor: true
+    textColor: true,
   },
 
   alertWarning: {
     depends: ['cOrange'],
-    opacity: 'alert'
+    opacity: 'alert',
   },
   alertWarningText: {
     depends: ['text'],
     layer: 'alert',
     variant: 'alertWarning',
-    textColor: true
+    textColor: true,
   },
   alertWarningPanelText: {
     depends: ['panelText'],
     layer: 'alertPanel',
     variant: 'alertWarning',
-    textColor: true
+    textColor: true,
   },
 
   alertSuccess: {
     depends: ['cGreen'],
-    opacity: 'alert'
+    opacity: 'alert',
   },
   alertSuccessText: {
     depends: ['text'],
     layer: 'alert',
     variant: 'alertSuccess',
-    textColor: true
+    textColor: true,
   },
   alertSuccessPanelText: {
     depends: ['panelText'],
     layer: 'alertPanel',
     variant: 'alertSuccess',
-    textColor: true
+    textColor: true,
   },
 
   alertNeutral: {
     depends: ['text'],
-    opacity: 'alert'
+    opacity: 'alert',
   },
   alertNeutralText: {
     depends: ['text'],
     layer: 'alert',
     variant: 'alertNeutral',
     color: (mod, text) => invertLightness(text).rgb,
-    textColor: true
+    textColor: true,
   },
   alertNeutralPanelText: {
     depends: ['panelText'],
     layer: 'alertPanel',
     variant: 'alertNeutral',
-    textColor: true
+    textColor: true,
   },
 
   alertPopupError: {
     depends: ['alertError'],
-    opacity: 'alertPopup'
+    opacity: 'alertPopup',
   },
   alertPopupErrorText: {
     depends: ['alertErrorText'],
     layer: 'popover',
     variant: 'alertPopupError',
-    textColor: true
+    textColor: true,
   },
 
   alertPopupWarning: {
     depends: ['alertWarning'],
-    opacity: 'alertPopup'
+    opacity: 'alertPopup',
   },
   alertPopupWarningText: {
     depends: ['alertWarningText'],
     layer: 'popover',
     variant: 'alertPopupWarning',
-    textColor: true
+    textColor: true,
   },
 
   alertPopupSuccess: {
     depends: ['alertSuccess'],
-    opacity: 'alertPopup'
+    opacity: 'alertPopup',
   },
   alertPopupSuccessText: {
     depends: ['alertSuccessText'],
     layer: 'popover',
     variant: 'alertPopupSuccess',
-    textColor: true
+    textColor: true,
   },
 
   alertPopupNeutral: {
     depends: ['alertNeutral'],
-    opacity: 'alertPopup'
+    opacity: 'alertPopup',
   },
   alertPopupNeutralText: {
     depends: ['alertNeutralText'],
     layer: 'popover',
     variant: 'alertPopupNeutral',
-    textColor: true
+    textColor: true,
   },
 
   badgeNotification: '--cRed',
@@ -706,7 +706,7 @@ export const SLOT_INHERITANCE = {
     depends: ['text', 'badgeNotification'],
     layer: 'badge',
     variant: 'badgeNotification',
-    textColor: 'bw'
+    textColor: 'bw',
   },
 
   badgeNeutral: '--cGreen',
@@ -714,59 +714,59 @@ export const SLOT_INHERITANCE = {
     depends: ['text', 'badgeNeutral'],
     layer: 'badge',
     variant: 'badgeNeutral',
-    textColor: 'bw'
+    textColor: 'bw',
   },
 
   chatBg: {
-    depends: ['bg']
+    depends: ['bg'],
   },
 
   chatMessageIncomingBg: {
-    depends: ['chatBg']
+    depends: ['chatBg'],
   },
 
   chatMessageIncomingText: {
     depends: ['text'],
     layer: 'chatMessage',
     variant: 'chatMessageIncomingBg',
-    textColor: true
+    textColor: true,
   },
 
   chatMessageIncomingLink: {
     depends: ['link'],
     layer: 'chatMessage',
     variant: 'chatMessageIncomingBg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   chatMessageIncomingBorder: {
     depends: ['border'],
     opacity: 'border',
-    color: (mod, border) => brightness(2 * mod, border).rgb
+    color: (mod, border) => brightness(2 * mod, border).rgb,
   },
 
   chatMessageOutgoingBg: {
     depends: ['chatMessageIncomingBg'],
-    color: (mod, chatMessage) => brightness(5 * mod, chatMessage).rgb
+    color: (mod, chatMessage) => brightness(5 * mod, chatMessage).rgb,
   },
 
   chatMessageOutgoingText: {
     depends: ['text'],
     layer: 'chatMessage',
     variant: 'chatMessageOutgoingBg',
-    textColor: true
+    textColor: true,
   },
 
   chatMessageOutgoingLink: {
     depends: ['link'],
     layer: 'chatMessage',
     variant: 'chatMessageOutgoingBg',
-    textColor: 'preserve'
+    textColor: 'preserve',
   },
 
   chatMessageOutgoingBorder: {
     depends: ['chatMessageOutgoingBg'],
     opacity: 'border',
-    color: (mod, border) => brightness(2 * mod, border).rgb
-  }
+    color: (mod, border) => brightness(2 * mod, border).rgb,
+  },
 }
diff --git a/src/services/theme_data/theme2_keys.js b/src/services/theme_data/theme2_keys.js
index ffc5627c4..88ad4a98a 100644
--- a/src/services/theme_data/theme2_keys.js
+++ b/src/services/theme_data/theme2_keys.js
@@ -173,5 +173,5 @@ export default [
   'chatMessageOutgoingBg',
   'chatMessageOutgoingText',
   'chatMessageOutgoingLink',
-  'chatMessageOutgoingBorder'
+  'chatMessageOutgoingBorder',
 ]
diff --git a/src/services/theme_data/theme2_to_theme3.js b/src/services/theme_data/theme2_to_theme3.js
index 0c3383283..106d7f434 100644
--- a/src/services/theme_data/theme2_to_theme3.js
+++ b/src/services/theme_data/theme2_to_theme3.js
@@ -14,15 +14,10 @@ export const basePaletteKeys = new Set([
   'cGreen',
   'cOrange',
 
-  'wallpaper'
+  'wallpaper',
 ])
 
-export const fontsKeys = new Set([
-  'interface',
-  'input',
-  'post',
-  'postCode'
-])
+export const fontsKeys = new Set(['interface', 'input', 'post', 'postCode'])
 
 export const opacityKeys = new Set([
   'alert',
@@ -35,7 +30,7 @@ export const opacityKeys = new Set([
   'panel',
   'popover',
   'profileTint',
-  'underlay'
+  'underlay',
 ])
 
 export const shadowsKeys = new Set([
@@ -48,7 +43,7 @@ export const shadowsKeys = new Set([
   'button',
   'buttonHover',
   'buttonPressed',
-  'input'
+  'input',
 ])
 
 export const radiiKeys = new Set([
@@ -60,14 +55,11 @@ export const radiiKeys = new Set([
   'avatarAlt',
   'tooltip',
   'attachment',
-  'chatMessage'
+  'chatMessage',
 ])
 
 // Keys that are not available in editor and never meant to be edited
-export const hiddenKeys = new Set([
-  'profileBg',
-  'profileTint'
-])
+export const hiddenKeys = new Set(['profileBg', 'profileTint'])
 
 export const extendedBasePrefixes = [
   'border',
@@ -93,33 +85,30 @@ export const extendedBasePrefixes = [
   'poll',
 
   'chatBg',
-  'chatMessage'
+  'chatMessage',
 ]
 export const nonComponentPrefixes = new Set([
   'border',
   'icon',
   'highlight',
   'lightText',
-  'chatBg'
+  'chatBg',
 ])
 
 export const extendedBaseKeys = Object.fromEntries(
-  extendedBasePrefixes.map(prefix => [
+  extendedBasePrefixes.map((prefix) => [
     prefix,
-    allKeys.filter(k => {
+    allKeys.filter((k) => {
       if (prefix === 'alert') {
         return k.startsWith(prefix) && !k.startsWith('alertPopup')
       }
       return k.startsWith(prefix)
-    })
-  ])
+    }),
+  ]),
 )
 
 // Keysets that are only really used intermideately, i.e. to generate other colors
-export const temporary = new Set([
-  '',
-  'highlight'
-])
+export const temporary = new Set(['', 'highlight'])
 
 export const temporaryColors = {}
 
@@ -128,16 +117,18 @@ export const convertTheme2To3 = (data) => {
   data.colors.link = data.colors.link || data.colors.accent
   const generateRoot = () => {
     const directives = {}
-    basePaletteKeys.forEach(key => { directives['--' + key] = 'color | ' + convert(data.colors[key]).hex })
+    basePaletteKeys.forEach((key) => {
+      directives['--' + key] = 'color | ' + convert(data.colors[key]).hex
+    })
     return {
       component: 'Root',
-      directives
+      directives,
     }
   }
 
   const convertOpacity = () => {
     const newRules = []
-    Object.keys(data.opacity || {}).forEach(key => {
+    Object.keys(data.opacity || {}).forEach((key) => {
       if (!opacityKeys.has(key) || data.opacity[key] === undefined) return null
       const originalOpacity = data.opacity[key]
       const rule = { source: '2to3' }
@@ -201,7 +192,12 @@ export const convertTheme2To3 = (data) => {
       if (rule.component === 'Button') {
         newRules.push({ ...rule, component: 'ScrollbarElement' })
         newRules.push({ ...rule, component: 'Tab' })
-        newRules.push({ ...rule, component: 'Tab', state: ['active'], directives: { opacity: 0 } })
+        newRules.push({
+          ...rule,
+          component: 'Tab',
+          state: ['active'],
+          directives: { opacity: 0 },
+        })
       }
       if (rule.component === 'Panel') {
         newRules.push({ ...rule, component: 'Post' })
@@ -212,7 +208,7 @@ export const convertTheme2To3 = (data) => {
 
   const convertRadii = () => {
     const newRules = []
-    Object.keys(data.radii || {}).forEach(key => {
+    Object.keys(data.radii || {}).forEach((key) => {
       if (!radiiKeys.has(key) || data.radii[key] === undefined) return null
       const originalRadius = data.radii[key]
       const rule = { source: '2to3' }
@@ -249,7 +245,7 @@ export const convertTheme2To3 = (data) => {
           break
       }
       rule.directives = {
-        roundness: originalRadius
+        roundness: originalRadius,
       }
       newRules.push(rule)
       if (rule.component === 'Button') {
@@ -262,7 +258,7 @@ export const convertTheme2To3 = (data) => {
 
   const convertFonts = () => {
     const newRules = []
-    Object.keys(data.fonts || {}).forEach(key => {
+    Object.keys(data.fonts || {}).forEach((key) => {
       if (!fontsKeys.has(key)) return
       if (!data.fonts[key]) return
       const originalFont = data.fonts[key].family
@@ -297,7 +293,7 @@ export const convertTheme2To3 = (data) => {
   }
   const convertShadows = () => {
     const newRules = []
-    Object.keys(data.shadows || {}).forEach(key => {
+    Object.keys(data.shadows || {}).forEach((key) => {
       if (!shadowsKeys.has(key)) return
       const originalShadow = data.shadows[key]
       const rule = { source: '2to3' }
@@ -338,11 +334,15 @@ export const convertTheme2To3 = (data) => {
           break
       }
       rule.directives = {
-        shadow: originalShadow
+        shadow: originalShadow,
       }
       newRules.push(rule)
       if (key === 'topBar') {
-        newRules.push({ ...rule, component: 'PanelHeader', parent: { component: 'MobileDrawer' } })
+        newRules.push({
+          ...rule,
+          component: 'PanelHeader',
+          parent: { component: 'MobileDrawer' },
+        })
       }
       if (key === 'avatarStatus') {
         newRules.push({ ...rule, parent: { component: 'Notification' } })
@@ -363,169 +363,211 @@ export const convertTheme2To3 = (data) => {
     return newRules
   }
 
-  const extendedRules = Object.entries(extendedBaseKeys).map(([prefix, keys]) => {
-    if (nonComponentPrefixes.has(prefix)) return null
-    const rule = { source: '2to3' }
-    if (prefix === 'alertPopup') {
-      rule.component = 'Alert'
-      rule.parent = { component: 'Popover' }
-    } else if (prefix === 'selectedPost') {
-      rule.component = 'Post'
-      rule.state = ['selected']
-    } else if (prefix === 'selectedMenu') {
-      rule.component = 'MenuItem'
-      rule.state = ['hover']
-    } else if (prefix === 'chatMessageIncoming') {
-      rule.component = 'ChatMessage'
-    } else if (prefix === 'chatMessageOutgoing') {
-      rule.component = 'ChatMessage'
-      rule.variant = 'outgoing'
-    } else if (prefix === 'panel') {
-      rule.component = 'PanelHeader'
-    } else if (prefix === 'topBar') {
-      rule.component = 'TopBar'
-    } else if (prefix === 'chatMessage') {
-      rule.component = 'ChatMessage'
-    } else if (prefix === 'poll') {
-      rule.component = 'PollGraph'
-    } else if (prefix === 'btn') {
-      rule.component = 'Button'
-    } else {
-      rule.component = prefix[0].toUpperCase() + prefix.slice(1).toLowerCase()
-    }
-    return keys.map((key) => {
-      if (!data.colors[key]) return null
-      const leftoverKey = key.replace(prefix, '')
-      const parts = (leftoverKey || 'Bg').match(/[A-Z][a-z]*/g)
-      const last = parts.slice(-1)[0]
-      let newRule = { source: '2to3', directives: {} }
-      let variantArray = []
-
-      switch (last) {
-        case 'Text':
-        case 'Faint': // typo
-        case 'Link':
-        case 'Icon':
-        case 'Greentext':
-        case 'Cyantext':
-        case 'Border':
-          newRule.parent = rule
-          newRule.directives.textColor = data.colors[key]
-          variantArray = parts.slice(0, -1)
-          break
-        default:
-          newRule = { ...rule, directives: {} }
-          newRule.directives.background = data.colors[key]
-          variantArray = parts
-          break
+  const extendedRules = Object.entries(extendedBaseKeys).map(
+    ([prefix, keys]) => {
+      if (nonComponentPrefixes.has(prefix)) return null
+      const rule = { source: '2to3' }
+      if (prefix === 'alertPopup') {
+        rule.component = 'Alert'
+        rule.parent = { component: 'Popover' }
+      } else if (prefix === 'selectedPost') {
+        rule.component = 'Post'
+        rule.state = ['selected']
+      } else if (prefix === 'selectedMenu') {
+        rule.component = 'MenuItem'
+        rule.state = ['hover']
+      } else if (prefix === 'chatMessageIncoming') {
+        rule.component = 'ChatMessage'
+      } else if (prefix === 'chatMessageOutgoing') {
+        rule.component = 'ChatMessage'
+        rule.variant = 'outgoing'
+      } else if (prefix === 'panel') {
+        rule.component = 'PanelHeader'
+      } else if (prefix === 'topBar') {
+        rule.component = 'TopBar'
+      } else if (prefix === 'chatMessage') {
+        rule.component = 'ChatMessage'
+      } else if (prefix === 'poll') {
+        rule.component = 'PollGraph'
+      } else if (prefix === 'btn') {
+        rule.component = 'Button'
+      } else {
+        rule.component = prefix[0].toUpperCase() + prefix.slice(1).toLowerCase()
       }
+      return keys.map((key) => {
+        if (!data.colors[key]) return null
+        const leftoverKey = key.replace(prefix, '')
+        const parts = (leftoverKey || 'Bg').match(/[A-Z][a-z]*/g)
+        const last = parts.slice(-1)[0]
+        let newRule = { source: '2to3', directives: {} }
+        let variantArray = []
 
-      if (last === 'Text' || last === 'Link') {
-        const secondLast = parts.slice(-2)[0]
-        if (secondLast === 'Light') {
-          return null // unsupported
-        } else if (secondLast === 'Faint') {
-          newRule.state = ['faint']
-          variantArray = parts.slice(0, -2)
+        switch (last) {
+          case 'Text':
+          case 'Faint': // typo
+          case 'Link':
+          case 'Icon':
+          case 'Greentext':
+          case 'Cyantext':
+          case 'Border':
+            newRule.parent = rule
+            newRule.directives.textColor = data.colors[key]
+            variantArray = parts.slice(0, -1)
+            break
+          default:
+            newRule = { ...rule, directives: {} }
+            newRule.directives.background = data.colors[key]
+            variantArray = parts
+            break
         }
-      }
 
-      switch (last) {
-        case 'Text':
-        case 'Link':
-        case 'Icon':
-        case 'Border':
-          newRule.component = last
-          break
-        case 'Greentext':
-        case 'Cyantext':
-          newRule.component = 'FunText'
-          newRule.variant = last.toLowerCase()
-          break
-        case 'Faint':
-          newRule.component = 'Text'
-          newRule.state = ['faint']
-          break
-      }
-
-      variantArray = variantArray.filter(x => x !== 'Bg')
-
-      if (last === 'Link' && prefix === 'selectedPost') {
-        // selectedPost has typo - duplicate 'Post'
-        variantArray = variantArray.filter(x => x !== 'Post')
-      }
-
-      if (prefix === 'popover' && variantArray[0] === 'Post') {
-        newRule.component = 'Post'
-        newRule.parent = { source: '2to3hack', component: 'Popover' }
-        variantArray = variantArray.filter(x => x !== 'Post')
-      }
-
-      if (prefix === 'selectedMenu' && variantArray[0] === 'Popover') {
-        newRule.parent = { source: '2to3hack', component: 'Popover' }
-        variantArray = variantArray.filter(x => x !== 'Popover')
-      }
-
-      switch (prefix) {
-        case 'btn':
-        case 'input':
-        case 'alert': {
-          const hasPanel = variantArray.find(x => x === 'Panel')
-          if (hasPanel) {
-            newRule.parent = { source: '2to3hack', component: 'PanelHeader', parent: newRule.parent }
-            variantArray = variantArray.filter(x => x !== 'Panel')
+        if (last === 'Text' || last === 'Link') {
+          const secondLast = parts.slice(-2)[0]
+          if (secondLast === 'Light') {
+            return null // unsupported
+          } else if (secondLast === 'Faint') {
+            newRule.state = ['faint']
+            variantArray = parts.slice(0, -2)
           }
-          const hasTop = variantArray.find(x => x === 'Top') // TopBar
-          if (hasTop) {
-            newRule.parent = { source: '2to3hack', component: 'TopBar', parent: newRule.parent }
-            variantArray = variantArray.filter(x => x !== 'Top' && x !== 'Bar')
+        }
+
+        switch (last) {
+          case 'Text':
+          case 'Link':
+          case 'Icon':
+          case 'Border':
+            newRule.component = last
+            break
+          case 'Greentext':
+          case 'Cyantext':
+            newRule.component = 'FunText'
+            newRule.variant = last.toLowerCase()
+            break
+          case 'Faint':
+            newRule.component = 'Text'
+            newRule.state = ['faint']
+            break
+        }
+
+        variantArray = variantArray.filter((x) => x !== 'Bg')
+
+        if (last === 'Link' && prefix === 'selectedPost') {
+          // selectedPost has typo - duplicate 'Post'
+          variantArray = variantArray.filter((x) => x !== 'Post')
+        }
+
+        if (prefix === 'popover' && variantArray[0] === 'Post') {
+          newRule.component = 'Post'
+          newRule.parent = { source: '2to3hack', component: 'Popover' }
+          variantArray = variantArray.filter((x) => x !== 'Post')
+        }
+
+        if (prefix === 'selectedMenu' && variantArray[0] === 'Popover') {
+          newRule.parent = { source: '2to3hack', component: 'Popover' }
+          variantArray = variantArray.filter((x) => x !== 'Popover')
+        }
+
+        switch (prefix) {
+          case 'btn':
+          case 'input':
+          case 'alert': {
+            const hasPanel = variantArray.find((x) => x === 'Panel')
+            if (hasPanel) {
+              newRule.parent = {
+                source: '2to3hack',
+                component: 'PanelHeader',
+                parent: newRule.parent,
+              }
+              variantArray = variantArray.filter((x) => x !== 'Panel')
+            }
+            const hasTop = variantArray.find((x) => x === 'Top') // TopBar
+            if (hasTop) {
+              newRule.parent = {
+                source: '2to3hack',
+                component: 'TopBar',
+                parent: newRule.parent,
+              }
+              variantArray = variantArray.filter(
+                (x) => x !== 'Top' && x !== 'Bar',
+              )
+            }
+            break
           }
-          break
         }
-      }
 
-      if (variantArray.length > 0) {
-        if (prefix === 'btn') {
-          newRule.state = variantArray.map(x => x.toLowerCase())
-        } else {
-          newRule.variant = variantArray[0].toLowerCase()
+        if (variantArray.length > 0) {
+          if (prefix === 'btn') {
+            newRule.state = variantArray.map((x) => x.toLowerCase())
+          } else {
+            newRule.variant = variantArray[0].toLowerCase()
+          }
         }
-      }
 
-      if (newRule.component === 'Panel') {
-        return [newRule, { ...newRule, component: 'MobileDrawer' }]
-      } else if (newRule.component === 'Button') {
-        const rules = [
-          newRule,
-          { ...newRule, component: 'Tab' },
-          { ...newRule, component: 'ScrollbarElement' }
-        ]
-        if (newRule.state?.indexOf('toggled') >= 0) {
-          rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
-          rules.push({ ...newRule, state: [...newRule.state, 'hover'] })
-          rules.push({ ...newRule, state: [...newRule.state, 'hover', 'focused'] })
-        }
-        if (newRule.state?.indexOf('hover') >= 0) {
-          rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
-        }
-        return rules
-      } else if (newRule.component === 'Badge') {
-        if (newRule.variant === 'notification') {
-          return [newRule, { component: 'Root', directives: { '--badgeNotification': 'color | ' + newRule.directives.background } }]
-        } else if (newRule.variant === 'neutral') {
-          return [{ ...newRule, variant: 'normal' }]
+        if (newRule.component === 'Panel') {
+          return [newRule, { ...newRule, component: 'MobileDrawer' }]
+        } else if (newRule.component === 'Button') {
+          const rules = [
+            newRule,
+            { ...newRule, component: 'Tab' },
+            { ...newRule, component: 'ScrollbarElement' },
+          ]
+          if (newRule.state?.indexOf('toggled') >= 0) {
+            rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
+            rules.push({ ...newRule, state: [...newRule.state, 'hover'] })
+            rules.push({
+              ...newRule,
+              state: [...newRule.state, 'hover', 'focused'],
+            })
+          }
+          if (newRule.state?.indexOf('hover') >= 0) {
+            rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
+          }
+          return rules
+        } else if (newRule.component === 'Badge') {
+          if (newRule.variant === 'notification') {
+            return [
+              newRule,
+              {
+                component: 'Root',
+                directives: {
+                  '--badgeNotification':
+                    'color | ' + newRule.directives.background,
+                },
+              },
+            ]
+          } else if (newRule.variant === 'neutral') {
+            return [{ ...newRule, variant: 'normal' }]
+          } else {
+            return [newRule]
+          }
+        } else if (newRule.component === 'TopBar') {
+          return [
+            newRule,
+            {
+              ...newRule,
+              parent: { component: 'MobileDrawer' },
+              component: 'PanelHeader',
+            },
+          ]
         } else {
           return [newRule]
         }
-      } else if (newRule.component === 'TopBar') {
-        return [newRule, { ...newRule, parent: { component: 'MobileDrawer' }, component: 'PanelHeader' }]
-      } else {
-        return [newRule]
-      }
-    })
-  })
+      })
+    },
+  )
 
-  const flatExtRules = extendedRules.filter(x => x).reduce((acc, x) => [...acc, ...x], []).filter(x => x).reduce((acc, x) => [...acc, ...x], [])
+  const flatExtRules = extendedRules
+    .filter((x) => x)
+    .reduce((acc, x) => [...acc, ...x], [])
+    .filter((x) => x)
+    .reduce((acc, x) => [...acc, ...x], [])
 
-  return [generateRoot(), ...convertShadows(), ...convertRadii(), ...convertOpacity(), ...convertFonts(), ...flatExtRules]
+  return [
+    generateRoot(),
+    ...convertShadows(),
+    ...convertRadii(),
+    ...convertOpacity(),
+    ...convertFonts(),
+    ...flatExtRules,
+  ]
 }
diff --git a/src/services/theme_data/theme3_slot_functions.js b/src/services/theme_data/theme3_slot_functions.js
index f534b19f4..be89bbd23 100644
--- a/src/services/theme_data/theme3_slot_functions.js
+++ b/src/services/theme_data/theme3_slot_functions.js
@@ -1,13 +1,28 @@
 import { convert, brightness } from 'chromatism'
-import { alphaBlend, arithmeticBlend, getTextColor, relativeLuminance } from '../color_convert/color_convert.js'
+import {
+  alphaBlend,
+  arithmeticBlend,
+  getTextColor,
+  relativeLuminance,
+} from '../color_convert/color_convert.js'
 
-export const process = (text, functions, { findColor, findShadow }, { dynamicVars, staticVars }) => {
-  const { funcName, argsString } = /\$(?<funcName>\w+)\((?<argsString>[#a-zA-Z0-9-+,.'"\s]*)\)/.exec(text).groups
-  const args = argsString.split(/ /g).map(a => a.trim())
+export const process = (
+  text,
+  functions,
+  { findColor, findShadow },
+  { dynamicVars, staticVars },
+) => {
+  const { funcName, argsString } =
+    /\$(?<funcName>\w+)\((?<argsString>[#a-zA-Z0-9-+,.'"\s]*)\)/.exec(
+      text,
+    ).groups
+  const args = argsString.split(/ /g).map((a) => a.trim())
 
   const func = functions[funcName]
   if (args.length < func.argsNeeded) {
-    throw new Error(`$${funcName} requires at least ${func.argsNeeded} arguments, but ${args.length} were provided`)
+    throw new Error(
+      `$${funcName} requires at least ${func.argsNeeded} arguments, but ${args.length} were provided`,
+    )
   }
   return func.exec(args, { findColor, findShadow }, { dynamicVars, staticVars })
 }
@@ -15,53 +30,57 @@ export const process = (text, functions, { findColor, findShadow }, { dynamicVar
 export const colorFunctions = {
   alpha: {
     argsNeeded: 2,
-    documentation: 'Changes alpha value of the color only to be used for CSS variables',
-    args: [
-      'color: source color used',
-      'amount: alpha value'
-    ],
+    documentation:
+      'Changes alpha value of the color only to be used for CSS variables',
+    args: ['color: source color used', 'amount: alpha value'],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [color, amountArg] = args
 
-      const colorArg = convert(findColor(color, { dynamicVars, staticVars })).rgb
+      const colorArg = convert(
+        findColor(color, { dynamicVars, staticVars }),
+      ).rgb
       const amount = Number(amountArg)
       return { ...colorArg, a: amount }
-    }
+    },
   },
   brightness: {
     argsNeeded: 2,
     document: 'Changes brightness/lightness of color in HSL colorspace',
-    args: [
-      'color: source color used',
-      'amount: lightness value'
-    ],
+    args: ['color: source color used', 'amount: lightness value'],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [color, amountArg] = args
 
-      const colorArg = convert(findColor(color, { dynamicVars, staticVars })).hsl
+      const colorArg = convert(
+        findColor(color, { dynamicVars, staticVars }),
+      ).hsl
       colorArg.l += Number(amountArg)
       return { ...convert(colorArg).rgb }
-    }
+    },
   },
   textColor: {
     argsNeeded: 2,
-    documentation: 'Get text color with adequate contrast for given background and intended text color. Same function is used internally',
+    documentation:
+      'Get text color with adequate contrast for given background and intended text color. Same function is used internally',
     args: [
       'background: color of backdrop where text will be shown',
       'foreground: intended text color',
       `[preserve]: (optional) intended color preservation:
 'preserve' - try to preserve the color
 'no-preserve' - if can't get adequate color - fall back to black or white
-'no-auto' - don't do anything (useless as a color function)`
+'no-auto' - don't do anything (useless as a color function)`,
     ],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [backgroundArg, foregroundArg, preserve = 'preserve'] = args
 
-      const background = convert(findColor(backgroundArg, { dynamicVars, staticVars })).rgb
-      const foreground = convert(findColor(foregroundArg, { dynamicVars, staticVars })).rgb
+      const background = convert(
+        findColor(backgroundArg, { dynamicVars, staticVars }),
+      ).rgb
+      const foreground = convert(
+        findColor(foregroundArg, { dynamicVars, staticVars }),
+      ).rgb
 
       return getTextColor(background, foreground, preserve === 'preserve')
-    }
+    },
   },
   blend: {
     argsNeeded: 3,
@@ -69,17 +88,21 @@ export const colorFunctions = {
     args: [
       'background: bottom layer color',
       'amount: opacity of top layer',
-      'foreground: upper layer color'
+      'foreground: upper layer color',
     ],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [backgroundArg, amountArg, foregroundArg] = args
 
-      const background = convert(findColor(backgroundArg, { dynamicVars, staticVars })).rgb
-      const foreground = convert(findColor(foregroundArg, { dynamicVars, staticVars })).rgb
+      const background = convert(
+        findColor(backgroundArg, { dynamicVars, staticVars }),
+      ).rgb
+      const foreground = convert(
+        findColor(foregroundArg, { dynamicVars, staticVars }),
+      ).rgb
       const amount = Number(amountArg)
 
       return alphaBlend(background, amount, foreground)
-    }
+    },
   },
   shift: {
     argsNeeded: 2,
@@ -87,66 +110,72 @@ export const colorFunctions = {
     args: [
       'origin: base color',
       'value: shift value',
-      'operator: math operator to use (+ or -)'
+      'operator: math operator to use (+ or -)',
     ],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [originArg, valueArg, operatorArg] = args
 
-      const origin = convert(findColor(originArg, { dynamicVars, staticVars })).rgb
-      const value = convert(findColor(valueArg, { dynamicVars, staticVars })).rgb
+      const origin = convert(
+        findColor(originArg, { dynamicVars, staticVars }),
+      ).rgb
+      const value = convert(
+        findColor(valueArg, { dynamicVars, staticVars }),
+      ).rgb
 
       return arithmeticBlend(origin, value, operatorArg)
-    }
+    },
   },
   boost: {
     argsNeeded: 2,
-    documentation: 'If given color is dark makes it darker, if color is light - makes it lighter',
-    args: [
-      'color: source color',
-      'amount: how much darken/brighten the color'
-    ],
+    documentation:
+      'If given color is dark makes it darker, if color is light - makes it lighter',
+    args: ['color: source color', 'amount: how much darken/brighten the color'],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [colorArg, amountArg] = args
 
-      const color = convert(findColor(colorArg, { dynamicVars, staticVars })).rgb
+      const color = convert(
+        findColor(colorArg, { dynamicVars, staticVars }),
+      ).rgb
       const amount = Number(amountArg)
 
       const isLight = relativeLuminance(color) < 0.5
       const mod = isLight ? -1 : 1
       return brightness(amount * mod, color).rgb
-    }
+    },
   },
   mod: {
     argsNeeded: 2,
-    documentation: 'Old function that increases or decreases brightness depending if background color is dark or light. Advised against using it as it might give unexpected results.',
-    args: [
-      'color: source color',
-      'amount: how much darken/brighten the color'
-    ],
+    documentation:
+      'Old function that increases or decreases brightness depending if background color is dark or light. Advised against using it as it might give unexpected results.',
+    args: ['color: source color', 'amount: how much darken/brighten the color'],
     exec: (args, { findColor }, { dynamicVars, staticVars }) => {
       const [colorArg, amountArg] = args
 
-      const color = convert(findColor(colorArg, { dynamicVars, staticVars })).rgb
+      const color = convert(
+        findColor(colorArg, { dynamicVars, staticVars }),
+      ).rgb
       const amount = Number(amountArg)
 
       const effectiveBackground = dynamicVars.lowerLevelBackground ?? color
-      const isLightOnDark = relativeLuminance(convert(effectiveBackground).rgb) < 0.5
+      const isLightOnDark =
+        relativeLuminance(convert(effectiveBackground).rgb) < 0.5
       const mod = isLightOnDark ? 1 : -1
       return brightness(amount * mod, color).rgb
-    }
-  }
+    },
+  },
 }
 
 export const shadowFunctions = {
   borderSide: {
     argsNeeded: 3,
-    documentation: 'Simulate a border on a side with a shadow, best works on inset border',
+    documentation:
+      'Simulate a border on a side with a shadow, best works on inset border',
     args: [
       'color: border color',
       'side: string indicating on which side border should be, takes either one word or two words joined by dash (i.e. "left" or "bottom-right")',
       'width: border width (thickness)',
       '[alpha]: (Optional) border opacity, defaults to 1 (fully opaque)',
-      '[inset]: (Optional) whether border should be on the inside or outside, defaults to inside'
+      '[inset]: (Optional) whether border should be on the inside or outside, defaults to inside',
     ],
     exec: (args) => {
       const [color, side, alpha = '1', widthArg = '1', inset = 'inset'] = args
@@ -161,7 +190,7 @@ export const shadowFunctions = {
         spread: 0,
         color,
         alpha: Number(alpha),
-        inset: isInset
+        inset: isInset,
       }
 
       side.split('-').forEach((position) => {
@@ -181,6 +210,6 @@ export const shadowFunctions = {
         }
       })
       return [targetShadow]
-    }
-  }
+    },
+  },
 }
diff --git a/src/services/theme_data/theme_data.service.js b/src/services/theme_data/theme_data.service.js
index 3cd2bf36c..e9e59af3b 100644
--- a/src/services/theme_data/theme_data.service.js
+++ b/src/services/theme_data/theme_data.service.js
@@ -1,5 +1,12 @@
 import { convert, brightness, contrastRatio } from 'chromatism'
-import { rgb2hex, rgba2css, alphaBlendLayers, getTextColor, relativeLuminance, getCssColor } from '../color_convert/color_convert.js'
+import {
+  rgb2hex,
+  rgba2css,
+  alphaBlendLayers,
+  getTextColor,
+  relativeLuminance,
+  getCssColor,
+} from '../color_convert/color_convert.js'
 import { LAYERS, DEFAULT_OPACITY, SLOT_INHERITANCE } from './pleromafe.js'
 
 /*
@@ -48,15 +55,17 @@ export const getLayersArray = (layer, data = LAYERS) => {
   return array
 }
 
-export const getLayers = (layer, variant = layer, opacitySlot, colors, opacity) => {
-  return getLayersArray(layer).map((currentLayer) => ([
-    currentLayer === layer
-      ? colors[variant]
-      : colors[currentLayer],
-    currentLayer === layer
-      ? opacity[opacitySlot] || 1
-      : opacity[currentLayer]
-  ]))
+export const getLayers = (
+  layer,
+  variant = layer,
+  opacitySlot,
+  colors,
+  opacity,
+) => {
+  return getLayersArray(layer).map((currentLayer) => [
+    currentLayer === layer ? colors[variant] : colors[currentLayer],
+    currentLayer === layer ? opacity[opacitySlot] || 1 : opacity[currentLayer],
+  ])
 }
 
 const getDependencies = (key, inheritance) => {
@@ -67,11 +76,9 @@ const getDependencies = (key, inheritance) => {
     if (data === null) return []
     const { depends, layer, variant } = data
     const layerDeps = layer
-      ? getLayersArray(layer).map(currentLayer => {
-        return currentLayer === layer
-          ? variant || layer
-          : currentLayer
-      })
+      ? getLayersArray(layer).map((currentLayer) => {
+          return currentLayer === layer ? variant || layer : currentLayer
+        })
       : []
     if (Array.isArray(depends)) {
       return [...depends, ...layerDeps]
@@ -93,7 +100,7 @@ const getDependencies = (key, inheritance) => {
  */
 export const topoSort = (
   inheritance = SLOT_INHERITANCE,
-  getDeps = getDependencies
+  getDeps = getDependencies,
 ) => {
   // This is an implementation of https://en.wikipedia.org/wiki/Tarjan%27s_strongly_connected_components_algorithm
 
@@ -130,22 +137,25 @@ export const topoSort = (
 
   // The index thing is to make sorting stable on browsers
   // where Array.sort() isn't stable
-  return output.map((data, index) => ({ data, index })).sort(({ data: a, index: ai }, { data: b, index: bi }) => {
-    const depsA = getDeps(a, inheritance).length
-    const depsB = getDeps(b, inheritance).length
+  return output
+    .map((data, index) => ({ data, index }))
+    .sort(({ data: a, index: ai }, { data: b, index: bi }) => {
+      const depsA = getDeps(a, inheritance).length
+      const depsB = getDeps(b, inheritance).length
 
-    if (depsA === depsB || (depsB !== 0 && depsA !== 0)) return ai - bi
-    if (depsA === 0 && depsB !== 0) return -1
-    if (depsB === 0 && depsA !== 0) return 1
-    return 0 // failsafe, shouldn't happen?
-  }).map(({ data }) => data)
+      if (depsA === depsB || (depsB !== 0 && depsA !== 0)) return ai - bi
+      if (depsA === 0 && depsB !== 0) return -1
+      if (depsB === 0 && depsA !== 0) return 1
+      return 0 // failsafe, shouldn't happen?
+    })
+    .map(({ data }) => data)
 }
 
 const expandSlotValue = (value) => {
   if (typeof value === 'object') return value
   return {
     depends: value.startsWith('--') ? [value.substring(2)] : [],
-    default: value.startsWith('#') ? value : undefined
+    default: value.startsWith('#') ? value : undefined,
   }
 }
 /**
@@ -156,7 +166,7 @@ const expandSlotValue = (value) => {
 export const getOpacitySlot = (
   k,
   inheritance = SLOT_INHERITANCE,
-  getDeps = getDependencies
+  getDeps = getDependencies,
 ) => {
   const value = expandSlotValue(inheritance[k])
   if (value.opacity === null) return
@@ -189,7 +199,7 @@ export const getOpacitySlot = (
 export const getLayerSlot = (
   k,
   inheritance = SLOT_INHERITANCE,
-  getDeps = getDependencies
+  getDeps = getDependencies,
 ) => {
   const value = expandSlotValue(inheritance[k])
   if (LAYERS[k]) return k
@@ -218,8 +228,11 @@ export const getLayerSlot = (
  */
 export const SLOT_ORDERED = topoSort(
   Object.entries(SLOT_INHERITANCE)
-    .sort(([, aV], [, bV]) => ((aV && aV.priority) || 0) - ((bV && bV.priority) || 0))
-    .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {})
+    .sort(
+      ([, aV], [, bV]) =>
+        ((aV && aV.priority) || 0) - ((bV && bV.priority) || 0),
+    )
+    .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {}),
 )
 
 /**
@@ -233,8 +246,11 @@ export const OPACITIES = Object.entries(SLOT_INHERITANCE).reduce((acc, [k]) => {
       ...acc,
       [opacity]: {
         defaultValue: DEFAULT_OPACITY[opacity] || 1,
-        affectedSlots: [...((acc[opacity] && acc[opacity].affectedSlots) || []), k]
-      }
+        affectedSlots: [
+          ...((acc[opacity] && acc[opacity].affectedSlots) || []),
+          k,
+        ],
+      },
     }
   } else {
     return acc
@@ -245,10 +261,11 @@ export const OPACITIES = Object.entries(SLOT_INHERITANCE).reduce((acc, [k]) => {
  * Handle dynamic color
  */
 export const computeDynamicColor = (sourceColor, getColor, mod) => {
-  if (typeof sourceColor !== 'string' || !sourceColor.startsWith('--')) return sourceColor
+  if (typeof sourceColor !== 'string' || !sourceColor.startsWith('--'))
+    return sourceColor
   let targetColor = null
   // Color references other color
-  const [variable, modifier] = sourceColor.split(/,/g).map(str => str.trim())
+  const [variable, modifier] = sourceColor.split(/,/g).map((str) => str.trim())
   const variableSlot = variable.substring(2)
   targetColor = getColor(variableSlot)
   if (modifier) {
@@ -261,151 +278,167 @@ export const computeDynamicColor = (sourceColor, getColor, mod) => {
  * THE function you want to use. Takes provided colors and opacities
  * value and uses inheritance data to figure out color needed for the slot.
  */
-export const getColors = (sourceColors, sourceOpacity) => SLOT_ORDERED.reduce(({ colors, opacity }, key) => {
-  const sourceColor = sourceColors[key]
-  const value = expandSlotValue(SLOT_INHERITANCE[key])
-  const deps = getDependencies(key, SLOT_INHERITANCE)
-  const isTextColor = !!value.textColor
-  const variant = value.variant || value.layer
+export const getColors = (sourceColors, sourceOpacity) =>
+  SLOT_ORDERED.reduce(
+    ({ colors, opacity }, key) => {
+      const sourceColor = sourceColors[key]
+      const value = expandSlotValue(SLOT_INHERITANCE[key])
+      const deps = getDependencies(key, SLOT_INHERITANCE)
+      const isTextColor = !!value.textColor
+      const variant = value.variant || value.layer
 
-  let backgroundColor = null
+      let backgroundColor = null
 
-  if (isTextColor) {
-    backgroundColor = alphaBlendLayers(
-      { ...(colors[deps[0]] || convert(sourceColors[key] || '#FF00FF').rgb) },
-      getLayers(
-        getLayerSlot(key) || 'bg',
-        variant || 'bg',
-        getOpacitySlot(variant),
-        colors,
-        opacity
-      )
-    )
-  } else if (variant && variant !== key) {
-    backgroundColor = colors[variant] || convert(sourceColors[variant]).rgb
-  } else {
-    backgroundColor = colors.bg || convert(sourceColors.bg)
-  }
-
-  const isLightOnDark = relativeLuminance(backgroundColor) < 0.5
-  const mod = isLightOnDark ? 1 : -1
-
-  let outputColor = null
-  if (sourceColor) {
-    // Color is defined in source color
-    let targetColor = sourceColor
-    if (targetColor === 'transparent') {
-      // We take only layers below current one
-      const layers = getLayers(
-        getLayerSlot(key),
-        key,
-        getOpacitySlot(key) || key,
-        colors,
-        opacity
-      ).slice(0, -1)
-      targetColor = {
-        ...alphaBlendLayers(
-          convert('#FF00FF').rgb,
-          layers
-        ),
-        a: 0
-      }
-    } else if (typeof sourceColor === 'string' && sourceColor.startsWith('--')) {
-      targetColor = computeDynamicColor(
-        sourceColor,
-        variableSlot => colors[variableSlot] || sourceColors[variableSlot],
-        mod
-      )
-    } else if (typeof sourceColor === 'string' && sourceColor.startsWith('#')) {
-      targetColor = convert(targetColor).rgb
-    }
-    outputColor = { ...targetColor }
-  } else if (value.default) {
-    // same as above except in object form
-    outputColor = convert(value.default).rgb
-  } else {
-    // calculate color
-    const defaultColorFunc = (mod, dep) => ({ ...dep })
-    const colorFunc = value.color || defaultColorFunc
-
-    if (value.textColor) {
-      if (value.textColor === 'bw') {
-        outputColor = contrastRatio(backgroundColor).rgb
-      } else {
-        let color = { ...colors[deps[0]] }
-        if (value.color) {
-          color = colorFunc(mod, ...deps.map((dep) => ({ ...colors[dep] })))
-        }
-        outputColor = getTextColor(
-          backgroundColor,
-          { ...color },
-          value.textColor === 'preserve'
+      if (isTextColor) {
+        backgroundColor = alphaBlendLayers(
+          {
+            ...(colors[deps[0]] || convert(sourceColors[key] || '#FF00FF').rgb),
+          },
+          getLayers(
+            getLayerSlot(key) || 'bg',
+            variant || 'bg',
+            getOpacitySlot(variant),
+            colors,
+            opacity,
+          ),
         )
+      } else if (variant && variant !== key) {
+        backgroundColor = colors[variant] || convert(sourceColors[variant]).rgb
+      } else {
+        backgroundColor = colors.bg || convert(sourceColors.bg)
       }
-    } else {
-      // background color case
-      outputColor = colorFunc(
-        mod,
-        ...deps.map((dep) => ({ ...colors[dep] }))
-      )
-    }
-  }
-  if (!outputColor) {
-    throw new Error('Couldn\'t generate color for ' + key)
-  }
 
-  const opacitySlot = value.opacity || getOpacitySlot(key)
-  const ownOpacitySlot = value.opacity
+      const isLightOnDark = relativeLuminance(backgroundColor) < 0.5
+      const mod = isLightOnDark ? 1 : -1
 
-  if (ownOpacitySlot === null) {
-    outputColor.a = 1
-  } else if (sourceColor === 'transparent') {
-    outputColor.a = 0
-  } else {
-    const opacityOverriden = ownOpacitySlot && sourceOpacity[opacitySlot] !== undefined
+      let outputColor = null
+      if (sourceColor) {
+        // Color is defined in source color
+        let targetColor = sourceColor
+        if (targetColor === 'transparent') {
+          // We take only layers below current one
+          const layers = getLayers(
+            getLayerSlot(key),
+            key,
+            getOpacitySlot(key) || key,
+            colors,
+            opacity,
+          ).slice(0, -1)
+          targetColor = {
+            ...alphaBlendLayers(convert('#FF00FF').rgb, layers),
+            a: 0,
+          }
+        } else if (
+          typeof sourceColor === 'string' &&
+          sourceColor.startsWith('--')
+        ) {
+          targetColor = computeDynamicColor(
+            sourceColor,
+            (variableSlot) =>
+              colors[variableSlot] || sourceColors[variableSlot],
+            mod,
+          )
+        } else if (
+          typeof sourceColor === 'string' &&
+          sourceColor.startsWith('#')
+        ) {
+          targetColor = convert(targetColor).rgb
+        }
+        outputColor = { ...targetColor }
+      } else if (value.default) {
+        // same as above except in object form
+        outputColor = convert(value.default).rgb
+      } else {
+        // calculate color
+        const defaultColorFunc = (mod, dep) => ({ ...dep })
+        const colorFunc = value.color || defaultColorFunc
 
-    const dependencySlot = deps[0]
-    const dependencyColor = dependencySlot && colors[dependencySlot]
+        if (value.textColor) {
+          if (value.textColor === 'bw') {
+            outputColor = contrastRatio(backgroundColor).rgb
+          } else {
+            let color = { ...colors[deps[0]] }
+            if (value.color) {
+              color = colorFunc(mod, ...deps.map((dep) => ({ ...colors[dep] })))
+            }
+            outputColor = getTextColor(
+              backgroundColor,
+              { ...color },
+              value.textColor === 'preserve',
+            )
+          }
+        } else {
+          // background color case
+          outputColor = colorFunc(
+            mod,
+            ...deps.map((dep) => ({ ...colors[dep] })),
+          )
+        }
+      }
+      if (!outputColor) {
+        throw new Error("Couldn't generate color for " + key)
+      }
 
-    if (!ownOpacitySlot && dependencyColor && !value.textColor && ownOpacitySlot !== null) {
-      // Inheriting color from dependency (weird, i know)
-      // except if it's a text color or opacity slot is set to 'null'
-      outputColor.a = dependencyColor.a
-    } else if (!dependencyColor && !opacitySlot) {
-      // Remove any alpha channel if no dependency and no opacitySlot found
-      delete outputColor.a
-    } else {
-      // Otherwise try to assign opacity
-      if (dependencyColor && dependencyColor.a === 0) {
-        // transparent dependency shall make dependents transparent too
+      const opacitySlot = value.opacity || getOpacitySlot(key)
+      const ownOpacitySlot = value.opacity
+
+      if (ownOpacitySlot === null) {
+        outputColor.a = 1
+      } else if (sourceColor === 'transparent') {
         outputColor.a = 0
       } else {
-        // Otherwise check if opacity is overriden and use that or default value instead
-        outputColor.a = Number(
-          opacityOverriden
-            ? sourceOpacity[opacitySlot]
-            : (OPACITIES[opacitySlot] || {}).defaultValue
-        )
+        const opacityOverriden =
+          ownOpacitySlot && sourceOpacity[opacitySlot] !== undefined
+
+        const dependencySlot = deps[0]
+        const dependencyColor = dependencySlot && colors[dependencySlot]
+
+        if (
+          !ownOpacitySlot &&
+          dependencyColor &&
+          !value.textColor &&
+          ownOpacitySlot !== null
+        ) {
+          // Inheriting color from dependency (weird, i know)
+          // except if it's a text color or opacity slot is set to 'null'
+          outputColor.a = dependencyColor.a
+        } else if (!dependencyColor && !opacitySlot) {
+          // Remove any alpha channel if no dependency and no opacitySlot found
+          delete outputColor.a
+        } else {
+          // Otherwise try to assign opacity
+          if (dependencyColor && dependencyColor.a === 0) {
+            // transparent dependency shall make dependents transparent too
+            outputColor.a = 0
+          } else {
+            // Otherwise check if opacity is overriden and use that or default value instead
+            outputColor.a = Number(
+              opacityOverriden
+                ? sourceOpacity[opacitySlot]
+                : (OPACITIES[opacitySlot] || {}).defaultValue,
+            )
+          }
+        }
       }
-    }
-  }
 
-  if (Number.isNaN(outputColor.a) || outputColor.a === undefined) {
-    outputColor.a = 1
-  }
+      if (Number.isNaN(outputColor.a) || outputColor.a === undefined) {
+        outputColor.a = 1
+      }
 
-  if (opacitySlot) {
-    return {
-      colors: { ...colors, [key]: outputColor },
-      opacity: { ...opacity, [opacitySlot]: outputColor.a }
-    }
-  } else {
-    return {
-      colors: { ...colors, [key]: outputColor },
-      opacity
-    }
-  }
-}, { colors: {}, opacity: {} })
+      if (opacitySlot) {
+        return {
+          colors: { ...colors, [key]: outputColor },
+          opacity: { ...opacity, [opacitySlot]: outputColor.a },
+        }
+      } else {
+        return {
+          colors: { ...colors, [key]: outputColor },
+          opacity,
+        }
+      }
+    },
+    { colors: {}, opacity: {} },
+  )
 
 export const composePreset = (colors, radii, shadows, fonts) => {
   return {
@@ -413,14 +446,14 @@ export const composePreset = (colors, radii, shadows, fonts) => {
       ...shadows.rules,
       ...colors.rules,
       ...radii.rules,
-      ...fonts.rules
+      ...fonts.rules,
     },
     theme: {
       ...shadows.theme,
       ...colors.theme,
       ...radii.theme,
-      ...fonts.theme
-    }
+      ...fonts.theme,
+    },
   }
 }
 
@@ -430,7 +463,7 @@ export const generatePreset = (input) => {
     colors,
     generateRadii(input),
     generateShadows(input, colors.theme.colors, colors.mod),
-    generateFonts(input)
+    generateFonts(input),
   )
 }
 
@@ -440,16 +473,17 @@ export const getCssShadow = (input, usesDropShadow) => {
   }
 
   return input
-    .filter(_ => usesDropShadow ? _.inset : _)
-    .map((shad) => [
-      shad.x,
-      shad.y,
-      shad.blur,
-      shad.spread
-    ].map(_ => _ + 'px').concat([
-      getCssColor(shad.color, shad.alpha),
-      shad.inset ? 'inset' : ''
-    ]).join(' ')).join(', ')
+    .filter((_) => (usesDropShadow ? _.inset : _))
+    .map((shad) =>
+      [shad.x, shad.y, shad.blur, shad.spread]
+        .map((_) => _ + 'px')
+        .concat([
+          getCssColor(shad.color, shad.alpha),
+          shad.inset ? 'inset' : '',
+        ])
+        .join(' '),
+    )
+    .join(', ')
 }
 
 export const getCssShadowFilter = (input) => {
@@ -457,19 +491,24 @@ export const getCssShadowFilter = (input) => {
     return 'none'
   }
 
-  return input
-  // drop-shadow doesn't support inset or spread
-    .filter((shad) => !shad.inset && Number(shad.spread) === 0)
-    .map((shad) => [
-      shad.x,
-      shad.y,
-      // drop-shadow's blur is twice as strong compared to box-shadow
-      shad.blur / 2
-    ].map(_ => _ + 'px').concat([
-      getCssColor(shad.color, shad.alpha)
-    ]).join(' '))
-    .map(_ => `drop-shadow(${_})`)
-    .join(' ')
+  return (
+    input
+      // drop-shadow doesn't support inset or spread
+      .filter((shad) => !shad.inset && Number(shad.spread) === 0)
+      .map((shad) =>
+        [
+          shad.x,
+          shad.y,
+          // drop-shadow's blur is twice as strong compared to box-shadow
+          shad.blur / 2,
+        ]
+          .map((_) => _ + 'px')
+          .concat([getCssColor(shad.color, shad.alpha)])
+          .join(' '),
+      )
+      .map((_) => `drop-shadow(${_})`)
+      .join(' ')
+  )
 }
 
 export const generateColors = (themeData) => {
@@ -479,24 +518,26 @@ export const generateColors = (themeData) => {
 
   const { colors, opacity } = getColors(sourceColors, themeData.opacity || {})
 
-  const htmlColors = Object.entries(colors)
-    .reduce((acc, [k, v]) => {
+  const htmlColors = Object.entries(colors).reduce(
+    (acc, [k, v]) => {
       if (!v) return acc
       acc.solid[k] = rgb2hex(v)
       acc.complete[k] = typeof v.a === 'undefined' ? rgb2hex(v) : rgba2css(v)
       return acc
-    }, { complete: {}, solid: {} })
+    },
+    { complete: {}, solid: {} },
+  )
   return {
     rules: {
       colors: Object.entries(htmlColors.complete)
         .filter(([, v]) => v)
         .map(([k, v]) => `--${k}: ${v}`)
-        .join(';')
+        .join(';'),
     },
     theme: {
       colors: htmlColors.solid,
-      opacity
-    }
+      opacity,
+    },
   }
 }
 
@@ -504,68 +545,85 @@ export const generateRadii = (input) => {
   let inputRadii = input.radii || {}
   // v1 -> v2
   if (typeof input.btnRadius !== 'undefined') {
-    inputRadii = Object
-      .entries(input)
+    inputRadii = Object.entries(input)
       .filter(([k]) => k.endsWith('Radius'))
-      .reduce((acc, e) => { acc[e[0].split('Radius')[0]] = e[1]; return acc }, {})
+      .reduce((acc, e) => {
+        acc[e[0].split('Radius')[0]] = e[1]
+        return acc
+      }, {})
   }
-  const radii = Object.entries(inputRadii).filter(([, v]) => v).reduce((acc, [k, v]) => {
-    acc[k] = v
-    return acc
-  }, {
-    btn: 4,
-    input: 4,
-    checkbox: 2,
-    panel: 10,
-    avatar: 5,
-    avatarAlt: 50,
-    tooltip: 2,
-    attachment: 5,
-    chatMessage: inputRadii.panel
-  })
+  const radii = Object.entries(inputRadii)
+    .filter(([, v]) => v)
+    .reduce(
+      (acc, [k, v]) => {
+        acc[k] = v
+        return acc
+      },
+      {
+        btn: 4,
+        input: 4,
+        checkbox: 2,
+        panel: 10,
+        avatar: 5,
+        avatarAlt: 50,
+        tooltip: 2,
+        attachment: 5,
+        chatMessage: inputRadii.panel,
+      },
+    )
 
   return {
     rules: {
-      radii: Object.entries(radii).filter(([, v]) => v).map(([k, v]) => `--${k}Radius: ${v}px`).join(';')
+      radii: Object.entries(radii)
+        .filter(([, v]) => v)
+        .map(([k, v]) => `--${k}Radius: ${v}px`)
+        .join(';'),
     },
     theme: {
-      radii
-    }
+      radii,
+    },
   }
 }
 
 export const generateFonts = (input) => {
-  const fonts = Object.entries(input.fonts || {}).filter(([, v]) => v).reduce((acc, [k, v]) => {
-    acc[k] = Object.entries(v).filter(([, v]) => v).reduce((acc, [k, v]) => {
-      acc[k] = v
-      return acc
-    }, acc[k])
-    return acc
-  }, {
-    interface: {
-      family: 'sans-serif'
-    },
-    input: {
-      family: 'inherit'
-    },
-    post: {
-      family: 'inherit'
-    },
-    postCode: {
-      family: 'monospace'
-    }
-  })
+  const fonts = Object.entries(input.fonts || {})
+    .filter(([, v]) => v)
+    .reduce(
+      (acc, [k, v]) => {
+        acc[k] = Object.entries(v)
+          .filter(([, v]) => v)
+          .reduce((acc, [k, v]) => {
+            acc[k] = v
+            return acc
+          }, acc[k])
+        return acc
+      },
+      {
+        interface: {
+          family: 'sans-serif',
+        },
+        input: {
+          family: 'inherit',
+        },
+        post: {
+          family: 'inherit',
+        },
+        postCode: {
+          family: 'monospace',
+        },
+      },
+    )
 
   return {
     rules: {
-      fonts: Object
-        .entries(fonts)
+      fonts: Object.entries(fonts)
         .filter(([, v]) => v)
-        .map(([k, v]) => `--${k}Font: ${v.family}`).join(';')
+        .map(([k, v]) => `--${k}Font: ${v.family}`)
+        .join(';'),
     },
     theme: {
-      fonts
-    }
+      fonts,
+    },
   }
 }
 
@@ -576,7 +634,7 @@ const border = (top, shadow) => ({
   spread: 0,
   color: shadow ? '#000000' : '#FFFFFF',
   alpha: 0.2,
-  inset: true
+  inset: true,
 })
 const buttonInsetFakeBorders = [border(true, false), border(false, true)]
 const inputInsetFakeBorders = [border(true, true), border(false, false)]
@@ -586,63 +644,77 @@ const hoverGlow = {
   blur: 4,
   spread: 0,
   color: '--faint',
-  alpha: 1
+  alpha: 1,
 }
 
 export const DEFAULT_SHADOWS = {
-  panel: [{
-    x: 1,
-    y: 1,
-    blur: 4,
-    spread: 0,
-    color: '#000000',
-    alpha: 0.6
-  }],
-  topBar: [{
-    x: 0,
-    y: 0,
-    blur: 4,
-    spread: 0,
-    color: '#000000',
-    alpha: 0.6
-  }],
-  popup: [{
-    x: 2,
-    y: 2,
-    blur: 3,
-    spread: 0,
-    color: '#000000',
-    alpha: 0.5
-  }],
-  avatar: [{
-    x: 0,
-    y: 1,
-    blur: 8,
-    spread: 0,
-    color: '#000000',
-    alpha: 0.7
-  }],
+  panel: [
+    {
+      x: 1,
+      y: 1,
+      blur: 4,
+      spread: 0,
+      color: '#000000',
+      alpha: 0.6,
+    },
+  ],
+  topBar: [
+    {
+      x: 0,
+      y: 0,
+      blur: 4,
+      spread: 0,
+      color: '#000000',
+      alpha: 0.6,
+    },
+  ],
+  popup: [
+    {
+      x: 2,
+      y: 2,
+      blur: 3,
+      spread: 0,
+      color: '#000000',
+      alpha: 0.5,
+    },
+  ],
+  avatar: [
+    {
+      x: 0,
+      y: 1,
+      blur: 8,
+      spread: 0,
+      color: '#000000',
+      alpha: 0.7,
+    },
+  ],
   avatarStatus: [],
   panelHeader: [],
-  button: [{
-    x: 0,
-    y: 0,
-    blur: 2,
-    spread: 0,
-    color: '#000000',
-    alpha: 1
-  }, ...buttonInsetFakeBorders],
+  button: [
+    {
+      x: 0,
+      y: 0,
+      blur: 2,
+      spread: 0,
+      color: '#000000',
+      alpha: 1,
+    },
+    ...buttonInsetFakeBorders,
+  ],
   buttonHover: [hoverGlow, ...buttonInsetFakeBorders],
   buttonPressed: [hoverGlow, ...inputInsetFakeBorders],
-  input: [...inputInsetFakeBorders, {
-    x: 0,
-    y: 0,
-    blur: 2,
-    inset: true,
-    spread: 0,
-    color: '#000000',
-    alpha: 1
-  }]
+  input: [
+    ...inputInsetFakeBorders,
+    {
+      x: 0,
+      y: 0,
+      blur: 2,
+      inset: true,
+      spread: 0,
+      color: '#000000',
+      alpha: 1,
+    },
+  ],
 }
 export const generateShadows = (input, colors) => {
   // TODO this is a small hack for `mod` to work with shadows
@@ -654,58 +726,65 @@ export const generateShadows = (input, colors) => {
     popup: 'popover',
     avatar: 'bg',
     panelHeader: 'panel',
-    input: 'input'
+    input: 'input',
   }
 
   const cleanInputShadows = Object.fromEntries(
-    Object.entries(input.shadows || {})
-      .map(([name, shadowSlot]) => [
-        name,
-        // defaulting color to black to avoid potential problems
-        shadowSlot.map(shadowDef => ({ color: '#000000', ...shadowDef }))
-      ])
+    Object.entries(input.shadows || {}).map(([name, shadowSlot]) => [
+      name,
+      // defaulting color to black to avoid potential problems
+      shadowSlot.map((shadowDef) => ({ color: '#000000', ...shadowDef })),
+    ]),
   )
-  const inputShadows = cleanInputShadows && !input.themeEngineVersion
-    ? shadows2to3(cleanInputShadows, input.opacity)
-    : cleanInputShadows || {}
+  const inputShadows =
+    cleanInputShadows && !input.themeEngineVersion
+      ? shadows2to3(cleanInputShadows, input.opacity)
+      : cleanInputShadows || {}
   const shadows = Object.entries({
     ...DEFAULT_SHADOWS,
-    ...inputShadows
+    ...inputShadows,
   }).reduce((shadowsAcc, [slotName, shadowDefs]) => {
     const slotFirstWord = slotName.replace(/[A-Z].*$/, '')
     const colorSlotName = hackContextDict[slotFirstWord]
-    const isLightOnDark = relativeLuminance(convert(colors[colorSlotName]).rgb) < 0.5
+    const isLightOnDark =
+      relativeLuminance(convert(colors[colorSlotName]).rgb) < 0.5
     const mod = isLightOnDark ? 1 : -1
-    const newShadow = shadowDefs.reduce((shadowAcc, def) => [
-      ...shadowAcc,
-      {
-        ...def,
-        color: rgb2hex(computeDynamicColor(
-          def.color,
-          (variableSlot) => convert(colors[variableSlot]).rgb,
-          mod
-        ))
-      }
-    ], [])
+    const newShadow = shadowDefs.reduce(
+      (shadowAcc, def) => [
+        ...shadowAcc,
+        {
+          ...def,
+          color: rgb2hex(
+            computeDynamicColor(
+              def.color,
+              (variableSlot) => convert(colors[variableSlot]).rgb,
+              mod,
+            ),
+          ),
+        },
+      ],
+      [],
+    )
     return { ...shadowsAcc, [slotName]: newShadow }
   }, {})
 
   return {
     rules: {
-      shadows: Object
-        .entries(shadows)
-      // TODO for v2.2: if shadow doesn't have non-inset shadows with spread > 0 - optionally
-      // convert all non-inset shadows into filter: drop-shadow() to boost performance
-        .map(([k, v]) => [
-          `--${k}Shadow: ${getCssShadow(v)}`,
-          `--${k}ShadowFilter: ${getCssShadowFilter(v)}`,
-          `--${k}ShadowInset: ${getCssShadow(v, true)}`
-        ].join(';'))
-        .join(';')
+      shadows: Object.entries(shadows)
+        // TODO for v2.2: if shadow doesn't have non-inset shadows with spread > 0 - optionally
+        // convert all non-inset shadows into filter: drop-shadow() to boost performance
+        .map(([k, v]) =>
+          [
+            `--${k}Shadow: ${getCssShadow(v)}`,
+            `--${k}ShadowFilter: ${getCssShadowFilter(v)}`,
+            `--${k}ShadowInset: ${getCssShadow(v, true)}`,
+          ].join(';'),
+        )
+        .join(';'),
     },
     theme: {
-      shadows
-    }
+      shadows,
+    },
   }
 }
 
@@ -715,18 +794,25 @@ export const generateShadows = (input, colors) => {
  * Back in v2 shadows allowed you to use dynamic colors however those used pure CSS3 variables
  */
 export const shadows2to3 = (shadows, opacity) => {
-  return Object.entries(shadows).reduce((shadowsAcc, [slotName, shadowDefs]) => {
-    const isDynamic = ({ color = '#000000' }) => color.startsWith('--')
-    const getOpacity = ({ color }) => opacity[getOpacitySlot(color.substring(2).split(',')[0])]
-    const newShadow = shadowDefs.reduce((shadowAcc, def) => [
-      ...shadowAcc,
-      {
-        ...def,
-        alpha: isDynamic(def) ? getOpacity(def) || 1 : def.alpha
-      }
-    ], [])
-    return { ...shadowsAcc, [slotName]: newShadow }
-  }, {})
+  return Object.entries(shadows).reduce(
+    (shadowsAcc, [slotName, shadowDefs]) => {
+      const isDynamic = ({ color = '#000000' }) => color.startsWith('--')
+      const getOpacity = ({ color }) =>
+        opacity[getOpacitySlot(color.substring(2).split(',')[0])]
+      const newShadow = shadowDefs.reduce(
+        (shadowAcc, def) => [
+          ...shadowAcc,
+          {
+            ...def,
+            alpha: isDynamic(def) ? getOpacity(def) || 1 : def.alpha,
+          },
+        ],
+        [],
+      )
+      return { ...shadowsAcc, [slotName]: newShadow }
+    },
+    {},
+  )
 }
 
 export const colors2to3 = (colors) => {
@@ -738,12 +824,13 @@ export const colors2to3 = (colors) => {
       case 'btnText':
         return {
           ...acc,
-          ...btnPositions
-            .reduce(
-              (statePositionAcc, position) =>
-                ({ ...statePositionAcc, ['btn' + position + 'Text']: color })
-              , {}
-            )
+          ...btnPositions.reduce(
+            (statePositionAcc, position) => ({
+              ...statePositionAcc,
+              ['btn' + position + 'Text']: color,
+            }),
+            {},
+          ),
         }
       default:
         return { ...acc, [slotName]: color }
diff --git a/src/services/theme_data/theme_data_3.service.js b/src/services/theme_data/theme_data_3.service.js
index 78aad4488..78545ab22 100644
--- a/src/services/theme_data/theme_data_3.service.js
+++ b/src/services/theme_data/theme_data_3.service.js
@@ -6,13 +6,13 @@ import {
   getTextColor,
   rgba2css,
   mixrgb,
-  relativeLuminance
+  relativeLuminance,
 } from '../color_convert/color_convert.js'
 
 import {
   colorFunctions,
   shadowFunctions,
-  process
+  process,
 } from './theme3_slot_functions.js'
 
 import {
@@ -20,7 +20,7 @@ import {
   getAllPossibleCombinations,
   genericRuleToSelector,
   normalizeCombination,
-  findRules
+  findRules,
 } from './iss_utils.js'
 import { deserializeShadow } from './iss_deserializer.js'
 
@@ -36,15 +36,20 @@ const components = {
   Panel: null,
   Chat: null,
   ChatMessage: null,
-  Button: null
+  Button: null,
 }
 
 export const findShadow = (shadows, { dynamicVars, staticVars }) => {
-  return (shadows || []).map(shadow => {
+  return (shadows || []).map((shadow) => {
     let targetShadow
     if (typeof shadow === 'string') {
       if (shadow.startsWith('$')) {
-        targetShadow = process(shadow, shadowFunctions, { findColor, findShadow }, { dynamicVars, staticVars })
+        targetShadow = process(
+          shadow,
+          shadowFunctions,
+          { findColor, findShadow },
+          { dynamicVars, staticVars },
+        )
       } else if (shadow.startsWith('--')) {
         // modifiers are completely unsupported here
         const variableSlot = shadow.substring(2)
@@ -56,21 +61,27 @@ export const findShadow = (shadows, { dynamicVars, staticVars }) => {
       targetShadow = shadow
     }
 
-    const shadowArray = Array.isArray(targetShadow) ? targetShadow : [targetShadow]
-    return shadowArray.map(s => ({
+    const shadowArray = Array.isArray(targetShadow)
+      ? targetShadow
+      : [targetShadow]
+    return shadowArray.map((s) => ({
       ...s,
-      color: findColor(s.color, { dynamicVars, staticVars })
+      color: findColor(s.color, { dynamicVars, staticVars }),
     }))
   })
 }
 
 export const findColor = (color, { dynamicVars, staticVars }) => {
   try {
-    if (typeof color !== 'string' || (!color.startsWith('--') && !color.startsWith('$'))) return color
+    if (
+      typeof color !== 'string' ||
+      (!color.startsWith('--') && !color.startsWith('$'))
+    )
+      return color
     let targetColor = null
     if (color.startsWith('--')) {
       // Modifier support is pretty much for v2 themes only
-      const [variable, modifier] = color.split(/,/g).map(str => str.trim())
+      const [variable, modifier] = color.split(/,/g).map((str) => str.trim())
       const variableSlot = variable.substring(2)
       if (variableSlot === 'stack') {
         const { r, g, b } = dynamicVars.stacked
@@ -81,7 +92,9 @@ export const findColor = (color, { dynamicVars, staticVars }) => {
           targetColor = { r, g, b }
         } else {
           const virtualSlot = variableSlot.replace(/^parent/, '')
-          targetColor = convert(dynamicVars.lowerLevelVirtualDirectivesRaw[virtualSlot]).rgb
+          targetColor = convert(
+            dynamicVars.lowerLevelVirtualDirectivesRaw[virtualSlot],
+          ).rgb
         }
       } else {
         const staticVar = staticVars[variableSlot]
@@ -98,18 +111,32 @@ ${JSON.stringify(dynamicVars, null, 2)}`)
       }
 
       if (modifier) {
-        const effectiveBackground = dynamicVars.lowerLevelBackground ?? targetColor
-        const isLightOnDark = relativeLuminance(convert(effectiveBackground).rgb) < 0.5
+        const effectiveBackground =
+          dynamicVars.lowerLevelBackground ?? targetColor
+        const isLightOnDark =
+          relativeLuminance(convert(effectiveBackground).rgb) < 0.5
         const mod = isLightOnDark ? 1 : -1
-        targetColor = brightness(Number.parseFloat(modifier) * mod, targetColor).rgb
+        targetColor = brightness(
+          Number.parseFloat(modifier) * mod,
+          targetColor,
+        ).rgb
       }
     }
 
     if (color.startsWith('$')) {
       try {
-        targetColor = process(color, colorFunctions, { findColor }, { dynamicVars, staticVars })
+        targetColor = process(
+          color,
+          colorFunctions,
+          { findColor },
+          { dynamicVars, staticVars },
+        )
       } catch (e) {
-        console.error('Failure executing color function', e ,'\n Function: ' + color)
+        console.error(
+          'Failure executing color function',
+          e,
+          '\n Function: ' + color,
+        )
         targetColor = '#FF00FF'
       }
     }
@@ -124,10 +151,17 @@ ${JSON.stringify(dynamicVars, null, 2)}\nError: ${e}`)
   }
 }
 
-const getTextColorAlpha = (directives, intendedTextColor, dynamicVars, staticVars) => {
+const getTextColorAlpha = (
+  directives,
+  intendedTextColor,
+  dynamicVars,
+  staticVars,
+) => {
   const opacity = directives.textOpacity
   const backgroundColor = convert(dynamicVars.lowerLevelBackground).rgb
-  const textColor = convert(findColor(intendedTextColor, { dynamicVars, staticVars })).rgb
+  const textColor = convert(
+    findColor(intendedTextColor, { dynamicVars, staticVars }),
+  ).rgb
   if (opacity === null || opacity === undefined || opacity >= 1) {
     return convert(textColor).hex
   }
@@ -148,26 +182,29 @@ const getTextColorAlpha = (directives, intendedTextColor, dynamicVars, staticVar
 // Loading all style.js[on] files dynamically
 const componentsContext = import.meta.glob(
   ['/src/**/*.style.js', '/src/**/*.style.json'],
-  { eager: true }
+  { eager: true },
 )
-Object.keys(componentsContext).forEach(key => {
+Object.keys(componentsContext).forEach((key) => {
   const component = componentsContext[key].default
   if (components[component.name] != null) {
-    console.warn(`Component in file ${key} is trying to override existing component ${component.name}! You have collisions/duplicates!`)
+    console.warn(
+      `Component in file ${key} is trying to override existing component ${component.name}! You have collisions/duplicates!`,
+    )
   }
   components[component.name] = component
 })
 
-Object.keys(components).forEach(key => {
+Object.keys(components).forEach((key) => {
   if (key === 'Root') return
-  components.Root.validInnerComponents = components.Root.validInnerComponents || []
+  components.Root.validInnerComponents =
+    components.Root.validInnerComponents || []
   components.Root.validInnerComponents.push(key)
 })
 
-Object.keys(components).forEach(key => {
+Object.keys(components).forEach((key) => {
   const component = components[key]
   const { validInnerComponents = [] } = component
-  validInnerComponents.forEach(inner => {
+  validInnerComponents.forEach((inner) => {
     const child = components[inner]
     component.possibleChildren = component.possibleChildren || []
     component.possibleChildren.push(child)
@@ -176,7 +213,6 @@ Object.keys(components).forEach(key => {
   })
 })
 
-
 const engineChecksum = sum(components)
 
 const ruleToSelector = genericRuleToSelector(components)
@@ -206,7 +242,7 @@ export const init = ({
   liteMode = false,
   editMode = false,
   onlyNormalState = false,
-  initialStaticVars = {}
+  initialStaticVars = {},
 }) => {
   const rootComponentName = 'Root'
   if (!inputRuleset) throw new Error('Ruleset is null or undefined!')
@@ -216,10 +252,16 @@ export const init = ({
 
   const rulesetUnsorted = [
     ...Object.values(components)
-      .map(c => (c.defaultRules || []).map(r => ({ source: 'Built-in', component: c.name, ...r })))
+      .map((c) =>
+        (c.defaultRules || []).map((r) => ({
+          source: 'Built-in',
+          component: c.name,
+          ...r,
+        })),
+      )
       .reduce((acc, arr) => [...acc, ...arr], []),
-    ...inputRuleset
-  ].map(rule => {
+    ...inputRuleset,
+  ].map((rule) => {
     normalizeCombination(rule)
     let currentParent = rule.parent
     while (currentParent) {
@@ -245,8 +287,8 @@ export const init = ({
       aScore += a.variant !== 'normal' ? 100 : 0
       bScore += b.variant !== 'normal' ? 100 : 0
 
-      aScore += a.state.filter(x => x !== 'normal').length * 1000
-      bScore += b.state.filter(x => x !== 'normal').length * 1000
+      aScore += a.state.filter((x) => x !== 'normal').length * 1000
+      bScore += b.state.filter((x) => x !== 'normal').length * 1000
 
       aScore += a.component === 'Text' ? 1 : 0
       bScore += b.component === 'Text' ? 1 : 0
@@ -263,24 +305,44 @@ export const init = ({
     .map(({ data }) => data)
 
   if (!ultimateBackgroundColor) {
-    console.warn('No ultimate background color provided, falling back to panel color')
-    const rootRule = ruleset.findLast((x) => (x.component === 'Root' && x.directives?.['--bg']))
+    console.warn(
+      'No ultimate background color provided, falling back to panel color',
+    )
+    const rootRule = ruleset.findLast(
+      (x) => x.component === 'Root' && x.directives?.['--bg'],
+    )
     ultimateBackgroundColor = rootRule.directives['--bg'].split('|')[1].trim()
   }
 
-  const virtualComponents = new Set(Object.values(components).filter(c => c.virtual).map(c => c.name))
-  const transparentComponents = new Set(Object.values(components).filter(c => c.transparent).map(c => c.name))
-  const nonEditableComponents = new Set(Object.values(components).filter(c => c.notEditable).map(c => c.name))
+  const virtualComponents = new Set(
+    Object.values(components)
+      .filter((c) => c.virtual)
+      .map((c) => c.name),
+  )
+  const transparentComponents = new Set(
+    Object.values(components)
+      .filter((c) => c.transparent)
+      .map((c) => c.name),
+  )
+  const nonEditableComponents = new Set(
+    Object.values(components)
+      .filter((c) => c.notEditable)
+      .map((c) => c.name),
+  )
   const extraCompileComponents = new Set([])
 
-  Object.values(components).forEach(component => {
-    const relevantRules = ruleset.filter(r => r.component === component.name)
-    const backgrounds = relevantRules.map(r => r.directives.background).filter(x => x)
-    const opacities = relevantRules.map(r => r.directives.opacity).filter(x => x)
+  Object.values(components).forEach((component) => {
+    const relevantRules = ruleset.filter((r) => r.component === component.name)
+    const backgrounds = relevantRules
+      .map((r) => r.directives.background)
+      .filter((x) => x)
+    const opacities = relevantRules
+      .map((r) => r.directives.opacity)
+      .filter((x) => x)
     if (
-      backgrounds.some(x => x.match(/--parent/)) ||
-        opacities.some(x => x != null && x < 1))
-    {
+      backgrounds.some((x) => x.match(/--parent/)) ||
+      opacities.some((x) => x != null && x < 1)
+    ) {
       extraCompileComponents.add(component.name)
     }
   })
@@ -299,25 +361,26 @@ export const init = ({
         // FIXME hack for editor until it supports handling component backgrounds
         lowerLevelBackground = '#00FFFF'
       }
-      const lowerLevelVirtualDirectives = computed[lowerLevelSelector]?.virtualDirectives
-      const lowerLevelVirtualDirectivesRaw = computed[lowerLevelSelector]?.virtualDirectivesRaw
+      const lowerLevelVirtualDirectives =
+        computed[lowerLevelSelector]?.virtualDirectives
+      const lowerLevelVirtualDirectivesRaw =
+        computed[lowerLevelSelector]?.virtualDirectivesRaw
 
       const dynamicVars = computed[selector] || {
         lowerLevelSelector,
         lowerLevelBackground,
         lowerLevelVirtualDirectives,
-        lowerLevelVirtualDirectivesRaw
+        lowerLevelVirtualDirectivesRaw,
       }
 
       // Inheriting all of the applicable rules
       const existingRules = ruleset.filter(findRules(combination))
-      const computedDirectives =
-            existingRules
-              .map(r => r.directives)
-              .reduce((acc, directives) => ({ ...acc, ...directives }), {})
+      const computedDirectives = existingRules
+        .map((r) => r.directives)
+        .reduce((acc, directives) => ({ ...acc, ...directives }), {})
       const computedRule = {
         ...combination,
-        directives: computedDirectives
+        directives: computedDirectives,
       }
 
       computed[selector] = computed[selector] || {}
@@ -327,7 +390,8 @@ export const init = ({
       // avoid putting more stuff into actual CSS
       computed[selector].virtualDirectives = {}
       // but still be able to access it i.e. from --parent
-      computed[selector].virtualDirectivesRaw = computed[lowerLevelSelector]?.virtualDirectivesRaw || {}
+      computed[selector].virtualDirectivesRaw =
+        computed[lowerLevelSelector]?.virtualDirectivesRaw || {}
 
       if (virtualComponents.has(combination.component)) {
         const virtualName = [
@@ -335,22 +399,37 @@ export const init = ({
           combination.component.toLowerCase(),
           combination.variant === 'normal'
             ? ''
-            : combination.variant[0].toUpperCase() + combination.variant.slice(1).toLowerCase(),
-          ...sortBy(combination.state.filter(x => x !== 'normal')).map(state => state[0].toUpperCase() + state.slice(1).toLowerCase())
+            : combination.variant[0].toUpperCase() +
+              combination.variant.slice(1).toLowerCase(),
+          ...sortBy(combination.state.filter((x) => x !== 'normal')).map(
+            (state) => state[0].toUpperCase() + state.slice(1).toLowerCase(),
+          ),
         ].join('')
 
         let inheritedTextColor = computedDirectives.textColor
         let inheritedTextAuto = computedDirectives.textAuto
         let inheritedTextOpacity = computedDirectives.textOpacity
         let inheritedTextOpacityMode = computedDirectives.textOpacityMode
-        const lowerLevelTextSelector = [...selector.split(/ /g).slice(0, -1), soloSelector].join(' ')
+        const lowerLevelTextSelector = [
+          ...selector.split(/ /g).slice(0, -1),
+          soloSelector,
+        ].join(' ')
         const lowerLevelTextRule = computed[lowerLevelTextSelector]
 
-        if (inheritedTextColor == null || inheritedTextOpacity == null || inheritedTextOpacityMode == null) {
-          inheritedTextColor = computedDirectives.textColor ?? lowerLevelTextRule.textColor
-          inheritedTextAuto = computedDirectives.textAuto ?? lowerLevelTextRule.textAuto
-          inheritedTextOpacity = computedDirectives.textOpacity ?? lowerLevelTextRule.textOpacity
-          inheritedTextOpacityMode = computedDirectives.textOpacityMode ?? lowerLevelTextRule.textOpacityMode
+        if (
+          inheritedTextColor == null ||
+          inheritedTextOpacity == null ||
+          inheritedTextOpacityMode == null
+        ) {
+          inheritedTextColor =
+            computedDirectives.textColor ?? lowerLevelTextRule.textColor
+          inheritedTextAuto =
+            computedDirectives.textAuto ?? lowerLevelTextRule.textAuto
+          inheritedTextOpacity =
+            computedDirectives.textOpacity ?? lowerLevelTextRule.textOpacity
+          inheritedTextOpacityMode =
+            computedDirectives.textOpacityMode ??
+            lowerLevelTextRule.textOpacityMode
         }
 
         const newTextRule = {
@@ -360,26 +439,37 @@ export const init = ({
             textColor: inheritedTextColor,
             textAuto: inheritedTextAuto ?? 'preserve',
             textOpacity: inheritedTextOpacity,
-            textOpacityMode: inheritedTextOpacityMode
-          }
+            textOpacityMode: inheritedTextOpacityMode,
+          },
         }
 
         dynamicVars.inheritedBackground = lowerLevelBackground
         dynamicVars.stacked = convert(stacked[lowerLevelSelector]).rgb
 
-        const intendedTextColor = convert(findColor(inheritedTextColor, { dynamicVars, staticVars })).rgb
-        const textColor = newTextRule.directives.textAuto === 'no-auto'
-          ? intendedTextColor
-          : getTextColor(
-            convert(stacked[lowerLevelSelector]).rgb,
-            intendedTextColor,
-            newTextRule.directives.textAuto === 'preserve'
-          )
-        const virtualDirectives = { ...(computed[lowerLevelSelector].virtualDirectives || {}) }
-        const virtualDirectivesRaw = { ...(computed[lowerLevelSelector].virtualDirectivesRaw || {}) }
+        const intendedTextColor = convert(
+          findColor(inheritedTextColor, { dynamicVars, staticVars }),
+        ).rgb
+        const textColor =
+          newTextRule.directives.textAuto === 'no-auto'
+            ? intendedTextColor
+            : getTextColor(
+                convert(stacked[lowerLevelSelector]).rgb,
+                intendedTextColor,
+                newTextRule.directives.textAuto === 'preserve',
+              )
+        const virtualDirectives = {
+          ...(computed[lowerLevelSelector].virtualDirectives || {}),
+        }
+        const virtualDirectivesRaw = {
+          ...(computed[lowerLevelSelector].virtualDirectivesRaw || {}),
+        }
 
         // Storing color data in lower layer to use as custom css properties
-        virtualDirectives[virtualName] = getTextColorAlpha(newTextRule.directives, textColor, dynamicVars)
+        virtualDirectives[virtualName] = getTextColorAlpha(
+          newTextRule.directives,
+          textColor,
+          dynamicVars,
+        )
         virtualDirectivesRaw[virtualName] = textColor
 
         computed[lowerLevelSelector].virtualDirectives = virtualDirectives
@@ -391,13 +481,14 @@ export const init = ({
           ...combination,
           directives: {},
           virtualDirectives,
-          virtualDirectivesRaw
+          virtualDirectivesRaw,
         }
       } else {
         computed[selector] = computed[selector] || {}
 
         // TODO: DEFAULT TEXT COLOR
-        const lowerLevelStackedBackground = stacked[lowerLevelSelector] || convert(ultimateBackgroundColor).rgb
+        const lowerLevelStackedBackground =
+          stacked[lowerLevelSelector] || convert(ultimateBackgroundColor).rgb
 
         if (computedDirectives.background) {
           let inheritRule = null
@@ -405,27 +496,37 @@ export const init = ({
             findRules({
               component: combination.component,
               variant: combination.variant,
-              parent: combination.parent
-            })
+              parent: combination.parent,
+            }),
           )
           const lastVariantRule = variantRules[variantRules.length - 1]
           if (lastVariantRule) {
             inheritRule = lastVariantRule
           } else {
-            const normalRules = ruleset.filter(findRules({
-              component: combination.component,
-              parent: combination.parent
-            }))
+            const normalRules = ruleset.filter(
+              findRules({
+                component: combination.component,
+                parent: combination.parent,
+              }),
+            )
             const lastNormalRule = normalRules[normalRules.length - 1]
             inheritRule = lastNormalRule
           }
 
-          const inheritSelector = ruleToSelector({ ...inheritRule, parent: combination.parent }, true)
+          const inheritSelector = ruleToSelector(
+            { ...inheritRule, parent: combination.parent },
+            true,
+          )
           const inheritedBackground = computed[inheritSelector].background
 
           dynamicVars.inheritedBackground = inheritedBackground
 
-          const rgb = convert(findColor(computedDirectives.background, { dynamicVars, staticVars })).rgb
+          const rgb = convert(
+            findColor(computedDirectives.background, {
+              dynamicVars,
+              staticVars,
+            }),
+          ).rgb
 
           if (!stacked[selector]) {
             let blend
@@ -435,31 +536,48 @@ export const init = ({
             } else if (alpha <= 0) {
               blend = lowerLevelStackedBackground
             } else {
-              blend = alphaBlend(rgb, computedDirectives.opacity, lowerLevelStackedBackground)
+              blend = alphaBlend(
+                rgb,
+                computedDirectives.opacity,
+                lowerLevelStackedBackground,
+              )
             }
             stacked[selector] = blend
-            computed[selector].background = { ...rgb, a: computedDirectives.opacity ?? 1 }
+            computed[selector].background = {
+              ...rgb,
+              a: computedDirectives.opacity ?? 1,
+            }
           }
         }
 
         if (computedDirectives.shadow) {
-          dynamicVars.shadow = flattenDeep(findShadow(flattenDeep(computedDirectives.shadow), { dynamicVars, staticVars }))
+          dynamicVars.shadow = flattenDeep(
+            findShadow(flattenDeep(computedDirectives.shadow), {
+              dynamicVars,
+              staticVars,
+            }),
+          )
         }
 
         if (!stacked[selector]) {
           computedDirectives.background = 'transparent'
           computedDirectives.opacity = 0
           stacked[selector] = lowerLevelStackedBackground
-          computed[selector].background = { ...lowerLevelStackedBackground, a: 0 }
+          computed[selector].background = {
+            ...lowerLevelStackedBackground,
+            a: 0,
+          }
         }
 
         dynamicVars.stacked = stacked[selector]
         dynamicVars.background = computed[selector].background
 
-        const dynamicSlots = Object.entries(computedDirectives).filter(([k]) => k.startsWith('--'))
+        const dynamicSlots = Object.entries(computedDirectives).filter(([k]) =>
+          k.startsWith('--'),
+        )
 
         dynamicSlots.forEach(([k, v]) => {
-          const [type, value] = v.split('|').map(x => x.trim()) // woah, Extreme!
+          const [type, value] = v.split('|').map((x) => x.trim()) // woah, Extreme!
           switch (type) {
             case 'color': {
               const color = findColor(value, { dynamicVars, staticVars })
@@ -470,7 +588,10 @@ export const init = ({
               break
             }
             case 'shadow': {
-              const shadow = value.split(/,/g).map(s => s.trim()).filter(x => x)
+              const shadow = value
+                .split(/,/g)
+                .map((s) => s.trim())
+                .filter((x) => x)
               dynamicVars[k] = shadow
               if (combination.component === rootComponentName) {
                 staticVars[k.substring(2)] = shadow
@@ -491,81 +612,97 @@ export const init = ({
           dynamicVars,
           selector: cssSelector,
           ...combination,
-          directives: computedDirectives
+          directives: computedDirectives,
         }
 
         return rule
       }
     } catch (e) {
       const { component, variant, state } = combination
-      throw new Error(`Error processing combination ${component}.${variant}:${state.join(':')}: ${e}`)
+      throw new Error(
+        `Error processing combination ${component}.${variant}:${state.join(':')}: ${e}`,
+      )
     }
   }
 
   const processInnerComponent = (component, parent) => {
     const combinations = []
-    const {
-      states: originalStates = {},
-      variants: originalVariants = {}
-    } = component
+    const { states: originalStates = {}, variants: originalVariants = {} } =
+      component
 
     let validInnerComponents
     if (editMode) {
-      const temp = (component.validInnerComponentsLite || component.validInnerComponents || [])
-      validInnerComponents = temp
-        .filter(c => virtualComponents.has(c) && !nonEditableComponents.has(c))
+      const temp =
+        component.validInnerComponentsLite ||
+        component.validInnerComponents ||
+        []
+      validInnerComponents = temp.filter(
+        (c) => virtualComponents.has(c) && !nonEditableComponents.has(c),
+      )
     } else if (liteMode) {
-      validInnerComponents = (component.validInnerComponentsLite || component.validInnerComponents || [])
-    } else if (component.name === 'Root' || component.states != null || component.background?.includes('--parent')) {
+      validInnerComponents =
+        component.validInnerComponentsLite ||
+        component.validInnerComponents ||
+        []
+    } else if (
+      component.name === 'Root' ||
+      component.states != null ||
+      component.background?.includes('--parent')
+    ) {
       validInnerComponents = component.validInnerComponents || []
     } else {
-      validInnerComponents = component
-        .validInnerComponents
-          ?.filter(
-            c => virtualComponents.has(c)
-              || transparentComponents.has(c)
-              || extraCompileComponents.has(c)
-          )
-          || []
+      validInnerComponents =
+        component.validInnerComponents?.filter(
+          (c) =>
+            virtualComponents.has(c) ||
+            transparentComponents.has(c) ||
+            extraCompileComponents.has(c),
+        ) || []
     }
 
     // Normalizing states and variants to always include "normal"
     const states = { normal: '', ...originalStates }
     const variants = { normal: '', ...originalVariants }
-    const innerComponents = (validInnerComponents).map(name => {
+    const innerComponents = validInnerComponents.map((name) => {
       const result = components[name]
-      if (result === undefined) console.error(`Component ${component.name} references a component ${name} which does not exist!`)
+      if (result === undefined)
+        console.error(
+          `Component ${component.name} references a component ${name} which does not exist!`,
+        )
       return result
     })
 
     // Optimization: we only really need combinations without "normal" because all states implicitly have it
-    const permutationStateKeys = Object.keys(states).filter(s => s !== 'normal')
-    const stateCombinations = (onlyNormalState && !virtualComponents.has(component.name))
-      ? [
-          ['normal']
-        ]
-      : [
-          ['normal'],
-          ...getAllPossibleCombinations(permutationStateKeys)
-            .map(combination => ['normal', ...combination])
-            .filter(combo => {
-              // Optimization: filter out some hard-coded combinations that don't make sense
-              if (combo.indexOf('disabled') >= 0) {
-                return !(
-                  combo.indexOf('hover') >= 0 ||
+    const permutationStateKeys = Object.keys(states).filter(
+      (s) => s !== 'normal',
+    )
+    const stateCombinations =
+      onlyNormalState && !virtualComponents.has(component.name)
+        ? [['normal']]
+        : [
+            ['normal'],
+            ...getAllPossibleCombinations(permutationStateKeys)
+              .map((combination) => ['normal', ...combination])
+              .filter((combo) => {
+                // Optimization: filter out some hard-coded combinations that don't make sense
+                if (combo.indexOf('disabled') >= 0) {
+                  return !(
+                    combo.indexOf('hover') >= 0 ||
                     combo.indexOf('focused') >= 0 ||
                     combo.indexOf('pressed') >= 0
-                )
-              }
-              return true
-            })
-        ]
+                  )
+                }
+                return true
+              }),
+          ]
 
-    const stateVariantCombination = Object.keys(variants).map(variant => {
-      return stateCombinations.map(state => ({ variant, state }))
-    }).reduce((acc, x) => [...acc, ...x], [])
+    const stateVariantCombination = Object.keys(variants)
+      .map((variant) => {
+        return stateCombinations.map((state) => ({ variant, state }))
+      })
+      .reduce((acc, x) => [...acc, ...x], [])
 
-    stateVariantCombination.forEach(combination => {
+    stateVariantCombination.forEach((combination) => {
       combination.component = component.name
       combination.lazy = component.lazy || parent?.lazy
       combination.parent = parent
@@ -576,16 +713,16 @@ export const init = ({
       if (
         !liteMode &&
         parent?.component !== 'Root' &&
-          !virtualComponents.has(component.name) &&
-          !transparentComponents.has(component.name) &&
-          extraCompileComponents.has(component.name)
+        !virtualComponents.has(component.name) &&
+        !transparentComponents.has(component.name) &&
+        extraCompileComponents.has(component.name)
       ) {
         combination.lazy = true
       }
 
       combinations.push(combination)
 
-      innerComponents.forEach(innerComponent => {
+      innerComponents.forEach((innerComponent) => {
         combinations.push(...processInnerComponent(innerComponent, combination))
       })
     })
@@ -594,19 +731,23 @@ export const init = ({
   }
 
   const t0 = performance.now()
-  const combinations = processInnerComponent(components[rootComponentName] ?? components.Root)
+  const combinations = processInnerComponent(
+    components[rootComponentName] ?? components.Root,
+  )
   const t1 = performance.now()
   if (debug) {
     console.debug('Tree traveral took ' + (t1 - t0) + ' ms')
   }
 
-  const result = combinations.map((combination) => {
-    if (combination.lazy) {
-      return async () => processCombination(combination)
-    } else {
-      return processCombination(combination)
-    }
-  }).filter(x => x)
+  const result = combinations
+    .map((combination) => {
+      if (combination.lazy) {
+        return async () => processCombination(combination)
+      } else {
+        return processCombination(combination)
+      }
+    })
+    .filter((x) => x)
   const t2 = performance.now()
   if (debug) {
     console.debug('Eager processing took ' + (t2 - t1) + ' ms')
@@ -616,7 +757,7 @@ export const init = ({
   const eager = []
   const lazy = []
 
-  result.forEach(x => {
+  result.forEach((x) => {
     if (typeof x === 'function') {
       lazy.push(x)
     } else {
@@ -629,6 +770,6 @@ export const init = ({
     eager,
     staticVars,
     engineChecksum,
-    themeChecksum: sum([lazy, eager])
+    themeChecksum: sum([lazy, eager]),
   }
 }
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index f64646593..05a1b9990 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -4,7 +4,15 @@ import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 
-const update = ({ store, statuses, timeline, showImmediately, userId, listId, pagination }) => {
+const update = ({
+  store,
+  statuses,
+  timeline,
+  showImmediately,
+  userId,
+  listId,
+  pagination,
+}) => {
   const ccTimeline = camelCase(timeline)
 
   store.dispatch('addNewStatuses', {
@@ -13,7 +21,7 @@ const update = ({ store, statuses, timeline, showImmediately, userId, listId, pa
     listId,
     statuses,
     showImmediately,
-    pagination
+    pagination,
   })
 }
 
@@ -29,7 +37,7 @@ const fetchAndUpdate = ({
   bookmarkFolderId = false,
   tag = false,
   until,
-  since
+  since,
 }) => {
   const args = { timeline, credentials }
   const rootState = store.rootState || store.state
@@ -54,14 +62,18 @@ const fetchAndUpdate = ({
   args.bookmarkFolderId = bookmarkFolderId
   args.tag = tag
   args.withMuted = !hideMutedPosts
-  if (loggedIn && ['friends', 'public', 'publicAndExternal', 'bubble'].includes(timeline)) {
+  if (
+    loggedIn &&
+    ['friends', 'public', 'publicAndExternal', 'bubble'].includes(timeline)
+  ) {
     args.replyVisibility = replyVisibility
   }
 
   const numStatusesBeforeFetch = timelineData.statuses.length
 
-  return apiService.fetchTimeline(args)
-    .then(response => {
+  return apiService
+    .fetchTimeline(args)
+    .then((response) => {
       if (response.errors) {
         if (timeline === 'favorites') {
           rootState.instance.pleromaPublicFavouritesAvailable = false
@@ -71,10 +83,23 @@ const fetchAndUpdate = ({
       }
 
       const { data: statuses, pagination } = response
-      if (!older && statuses.length >= 20 && !timelineData.loading && numStatusesBeforeFetch > 0) {
+      if (
+        !older &&
+        statuses.length >= 20 &&
+        !timelineData.loading &&
+        numStatusesBeforeFetch > 0
+      ) {
         store.dispatch('queueFlush', { timeline, id: timelineData.maxId })
       }
-      update({ store, statuses, timeline, showImmediately, userId, listId, pagination })
+      update({
+        store,
+        statuses,
+        timeline,
+        showImmediately,
+        userId,
+        listId,
+        pagination,
+      })
       return { statuses, pagination }
     })
     .catch((error) => {
@@ -82,26 +107,54 @@ const fetchAndUpdate = ({
         level: 'error',
         messageKey: 'timeline.error',
         messageArgs: [error.message],
-        timeout: 5000
+        timeout: 5000,
       })
     })
 }
 
-const startFetching = ({ timeline = 'friends', credentials, store, userId = false, listId = false, statusId = false, bookmarkFolderId = false, tag = false }) => {
+const startFetching = ({
+  timeline = 'friends',
+  credentials,
+  store,
+  userId = false,
+  listId = false,
+  statusId = false,
+  bookmarkFolderId = false,
+  tag = false,
+}) => {
   const rootState = store.rootState || store.state
   const timelineData = rootState.statuses.timelines[camelCase(timeline)]
   const showImmediately = timelineData.visibleStatuses.length === 0
   timelineData.userId = userId
   timelineData.listId = listId
   timelineData.bookmarkFolderId = bookmarkFolderId
-  fetchAndUpdate({ timeline, credentials, store, showImmediately, userId, listId, statusId, bookmarkFolderId, tag })
+  fetchAndUpdate({
+    timeline,
+    credentials,
+    store,
+    showImmediately,
+    userId,
+    listId,
+    statusId,
+    bookmarkFolderId,
+    tag,
+  })
   const boundFetchAndUpdate = () =>
-    fetchAndUpdate({ timeline, credentials, store, userId, listId, statusId, bookmarkFolderId, tag })
+    fetchAndUpdate({
+      timeline,
+      credentials,
+      store,
+      userId,
+      listId,
+      statusId,
+      bookmarkFolderId,
+      tag,
+    })
   return promiseInterval(boundFetchAndUpdate, 10000)
 }
 const timelineFetcher = {
   fetchAndUpdate,
-  startFetching
+  startFetching,
 }
 
 export default timelineFetcher
diff --git a/src/services/user_highlighter/user_highlighter.js b/src/services/user_highlighter/user_highlighter.js
index 244c5b2ff..6b0f0d7ce 100644
--- a/src/services/user_highlighter/user_highlighter.js
+++ b/src/services/user_highlighter/user_highlighter.js
@@ -11,7 +11,7 @@ const highlightStyle = (prefs) => {
   const customProps = {
     '--____highlight-solidColor': solidColor,
     '--____highlight-tintColor': tintColor,
-    '--____highlight-tintColor2': tintColor2
+    '--____highlight-tintColor2': tintColor2,
   }
   if (type === 'striped') {
     return {
@@ -20,15 +20,15 @@ const highlightStyle = (prefs) => {
         `${tintColor} ,`,
         `${tintColor} 20px,`,
         `${tintColor2} 20px,`,
-        `${tintColor2} 40px`
+        `${tintColor2} 40px`,
       ].join(' '),
       backgroundPosition: '0 0',
-      ...customProps
+      ...customProps,
     }
   } else if (type === 'solid') {
     return {
       backgroundColor: tintColor2,
-      ...customProps
+      ...customProps,
     }
   } else if (type === 'side') {
     return {
@@ -36,21 +36,18 @@ const highlightStyle = (prefs) => {
         'linear-gradient(to right,',
         `${solidColor} ,`,
         `${solidColor} 2px,`,
-        'transparent 6px'
+        'transparent 6px',
       ].join(' '),
       backgroundPosition: '0 0',
-      ...customProps
+      ...customProps,
     }
   }
 }
 
 const highlightClass = (user) => {
-  return 'USER____' + user.screen_name
-    ?.replace(/\./g, '_')
-    .replace(/@/g, '_AT_')
+  return (
+    'USER____' + user.screen_name?.replace(/\./g, '_').replace(/@/g, '_AT_')
+  )
 }
 
-export {
-  highlightClass,
-  highlightStyle
-}
+export { highlightClass, highlightStyle }
diff --git a/src/services/user_profile_link_generator/user_profile_link_generator.js b/src/services/user_profile_link_generator/user_profile_link_generator.js
index 16f1531d0..8f4ab7e58 100644
--- a/src/services/user_profile_link_generator/user_profile_link_generator.js
+++ b/src/services/user_profile_link_generator/user_profile_link_generator.js
@@ -1,13 +1,16 @@
 import { includes } from 'lodash'
 
 const generateProfileLink = (id, screenName, restrictedNicknames) => {
-  const complicated = !screenName || (isExternal(screenName) || includes(restrictedNicknames, screenName))
+  const complicated =
+    !screenName ||
+    isExternal(screenName) ||
+    includes(restrictedNicknames, screenName)
   return {
-    name: (complicated ? 'external-user-profile' : 'user-profile'),
-    params: (complicated ? { id } : { name: screenName })
+    name: complicated ? 'external-user-profile' : 'user-profile',
+    params: complicated ? { id } : { name: screenName },
   }
 }
 
-const isExternal = screenName => screenName && screenName.includes('@')
+const isExternal = (screenName) => screenName && screenName.includes('@')
 
 export default generateProfileLink
diff --git a/src/stores/announcements.js b/src/stores/announcements.js
index 5ee279835..bf88666c6 100644
--- a/src/stores/announcements.js
+++ b/src/stores/announcements.js
@@ -6,41 +6,48 @@ export const useAnnouncementsStore = defineStore('announcements', {
   state: () => ({
     announcements: [],
     supportsAnnouncements: true,
-    fetchAnnouncementsTimer: undefined
+    fetchAnnouncementsTimer: undefined,
   }),
   getters: {
-    unreadAnnouncementCount () {
+    unreadAnnouncementCount() {
       if (!window.vuex.state.users.currentUser) {
         return 0
       }
 
-      const unread = this.announcements.filter(announcement => !(announcement.inactive || announcement.read))
+      const unread = this.announcements.filter(
+        (announcement) => !(announcement.inactive || announcement.read),
+      )
       return unread.length
-    }
+    },
   },
   actions: {
-    fetchAnnouncements () {
+    fetchAnnouncements() {
       if (!this.supportsAnnouncements) {
         return Promise.resolve()
       }
 
       const currentUser = window.vuex.state.users.currentUser
-      const isAdmin = currentUser && currentUser.privileges.includes('announcements_manage_announcements')
+      const isAdmin =
+        currentUser &&
+        currentUser.privileges.includes('announcements_manage_announcements')
 
       const getAnnouncements = async () => {
         if (!isAdmin) {
           return window.vuex.state.api.backendInteractor.fetchAnnouncements()
         }
 
-        const all = await window.vuex.state.api.backendInteractor.adminFetchAnnouncements()
-        const visible = await window.vuex.state.api.backendInteractor.fetchAnnouncements()
+        const all =
+          await window.vuex.state.api.backendInteractor.adminFetchAnnouncements()
+        const visible =
+          await window.vuex.state.api.backendInteractor.fetchAnnouncements()
         const visibleObject = visible.reduce((a, c) => {
           a[c.id] = c
           return a
         }, {})
-        const getWithinVisible = announcement => visibleObject[announcement.id]
+        const getWithinVisible = (announcement) =>
+          visibleObject[announcement.id]
 
-        all.forEach(announcement => {
+        all.forEach((announcement) => {
           const visibleAnnouncement = getWithinVisible(announcement)
           if (!visibleAnnouncement) {
             announcement.inactive = true
@@ -53,10 +60,10 @@ export const useAnnouncementsStore = defineStore('announcements', {
       }
 
       return getAnnouncements()
-        .then(announcements => {
+        .then((announcements) => {
           this.announcements = announcements
         })
-        .catch(error => {
+        .catch((error) => {
           // If and only if backend does not support announcements, it would return 404.
           // In this case, silently ignores it.
           if (error && error.statusCode === 404) {
@@ -66,10 +73,11 @@ export const useAnnouncementsStore = defineStore('announcements', {
           }
         })
     },
-    markAnnouncementAsRead (id) {
-      return window.vuex.state.api.backendInteractor.dismissAnnouncement({ id })
+    markAnnouncementAsRead(id) {
+      return window.vuex.state.api.backendInteractor
+        .dismissAnnouncement({ id })
         .then(() => {
-          const index = this.announcements.findIndex(a => a.id === id)
+          const index = this.announcements.findIndex((a) => a.id === id)
 
           if (index < 0) {
             return
@@ -78,38 +86,44 @@ export const useAnnouncementsStore = defineStore('announcements', {
           this.announcements[index].read = true
         })
     },
-    startFetchingAnnouncements () {
+    startFetchingAnnouncements() {
       if (this.fetchAnnouncementsTimer) {
         return
       }
 
-      const interval = setInterval(() => this.fetchAnnouncements(), FETCH_ANNOUNCEMENT_INTERVAL_MS)
+      const interval = setInterval(
+        () => this.fetchAnnouncements(),
+        FETCH_ANNOUNCEMENT_INTERVAL_MS,
+      )
       this.fetchAnnouncementsTimer = interval
 
       return this.fetchAnnouncements()
     },
-    stopFetchingAnnouncements () {
+    stopFetchingAnnouncements() {
       const interval = this.fetchAnnouncementsTimer
       this.fetchAnnouncementsTimer = undefined
       clearInterval(interval)
     },
-    postAnnouncement ({ content, startsAt, endsAt, allDay }) {
-      return window.vuex.state.api.backendInteractor.postAnnouncement({ content, startsAt, endsAt, allDay })
+    postAnnouncement({ content, startsAt, endsAt, allDay }) {
+      return window.vuex.state.api.backendInteractor
+        .postAnnouncement({ content, startsAt, endsAt, allDay })
         .then(() => {
           return this.fetchAnnouncements()
         })
     },
-    editAnnouncement ({ id, content, startsAt, endsAt, allDay }) {
-      return window.vuex.state.api.backendInteractor.editAnnouncement({ id, content, startsAt, endsAt, allDay })
+    editAnnouncement({ id, content, startsAt, endsAt, allDay }) {
+      return window.vuex.state.api.backendInteractor
+        .editAnnouncement({ id, content, startsAt, endsAt, allDay })
         .then(() => {
           return this.fetchAnnouncements()
         })
     },
-    deleteAnnouncement (id) {
-      return window.vuex.state.api.backendInteractor.deleteAnnouncement({ id })
+    deleteAnnouncement(id) {
+      return window.vuex.state.api.backendInteractor
+        .deleteAnnouncement({ id })
         .then(() => {
           return this.fetchAnnouncements()
         })
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/auth_flow.js b/src/stores/auth_flow.js
index e41a9bc5e..6f18b817a 100644
--- a/src/stores/auth_flow.js
+++ b/src/stores/auth_flow.js
@@ -13,7 +13,7 @@ export const useAuthFlowStore = defineStore('authFlow', {
   state: () => ({
     settings: {},
     strategy: PASSWORD_STRATEGY,
-    initStrategy: PASSWORD_STRATEGY // default strategy from config
+    initStrategy: PASSWORD_STRATEGY, // default strategy from config
   }),
   // getters
   getters: {
@@ -31,39 +31,39 @@ export const useAuthFlowStore = defineStore('authFlow', {
     },
   },
   actions: {
-    setInitialStrategy (strategy) {
+    setInitialStrategy(strategy) {
       if (strategy) {
         this.initStrategy = strategy
         this.strategy = strategy
       }
     },
-    requirePassword () {
+    requirePassword() {
       this.strategy = PASSWORD_STRATEGY
     },
-    requireToken () {
+    requireToken() {
       this.strategy = TOKEN_STRATEGY
     },
-    requireMFA ({ settings }) {
+    requireMFA({ settings }) {
       this.settings = settings
       this.strategy = TOTP_STRATEGY // default strategy of MFA
     },
-    requireRecovery () {
+    requireRecovery() {
       this.strategy = RECOVERY_STRATEGY
     },
-    requireTOTP () {
+    requireTOTP() {
       this.strategy = TOTP_STRATEGY
     },
-    abortMFA () {
+    abortMFA() {
       this.resetState()
     },
-    resetState () {
+    resetState() {
       this.strategy = this.initStrategy
       this.settings = {}
     },
-    async login ({ access_token: accessToken }) {
+    async login({ access_token: accessToken }) {
       useOAuthStore().setToken(accessToken)
       await window.vuex.dispatch('loginUser', accessToken, { root: true })
       this.resetState()
-    }
-  }
-})
\ No newline at end of file
+    },
+  },
+})
diff --git a/src/stores/bookmark_folders.js b/src/stores/bookmark_folders.js
index 79f373b0a..a0e751177 100644
--- a/src/stores/bookmark_folders.js
+++ b/src/stores/bookmark_folders.js
@@ -3,23 +3,23 @@ import { defineStore } from 'pinia'
 
 export const useBookmarkFoldersStore = defineStore('bookmarkFolders', {
   state: () => ({
-    allFolders: []
+    allFolders: [],
   }),
   getters: {
-    findBookmarkFolderName () {
+    findBookmarkFolderName() {
       return (id) => {
-        const folder = this.allFolders.find(folder => folder.id === id)
-  
+        const folder = this.allFolders.find((folder) => folder.id === id)
+
         if (!folder) return
         return folder.name
       }
-    }
+    },
   },
   actions: {
-    setBookmarkFolders (value) {
+    setBookmarkFolders(value) {
       this.allFolders = value
     },
-    setBookmarkFolder ({ id, name, emoji, emoji_url: emojiUrl }) {
+    setBookmarkFolder({ id, name, emoji, emoji_url: emojiUrl }) {
       const entry = find(this.allFolders, { id })
       if (!entry) {
         this.allFolders.push({ id, name, emoji, emoji_url: emojiUrl })
@@ -29,23 +29,25 @@ export const useBookmarkFoldersStore = defineStore('bookmarkFolders', {
         entry.emoji_url = emojiUrl
       }
     },
-    createBookmarkFolder ({ name, emoji }) {
-      return window.vuex.state.api.backendInteractor.createBookmarkFolder({ name, emoji })
+    createBookmarkFolder({ name, emoji }) {
+      return window.vuex.state.api.backendInteractor
+        .createBookmarkFolder({ name, emoji })
         .then((folder) => {
           this.setBookmarkFolder(folder)
           return folder
         })
     },
-    updateBookmarkFolder ({ folderId, name, emoji }) {
-      return window.vuex.state.api.backendInteractor.updateBookmarkFolder({ folderId, name, emoji })
+    updateBookmarkFolder({ folderId, name, emoji }) {
+      return window.vuex.state.api.backendInteractor
+        .updateBookmarkFolder({ folderId, name, emoji })
         .then((folder) => {
           this.setBookmarkFolder(folder)
           return folder
         })
     },
-    deleteBookmarkFolder ({ folderId }) {
+    deleteBookmarkFolder({ folderId }) {
       window.vuex.state.api.backendInteractor.deleteBookmarkFolder({ folderId })
-      remove(this.allFolders, folder => folder.id === folderId)
-    }
-  }
+      remove(this.allFolders, (folder) => folder.id === folderId)
+    },
+  },
 })
diff --git a/src/stores/editStatus.js b/src/stores/editStatus.js
index 9ead99192..0dbe1a157 100644
--- a/src/stores/editStatus.js
+++ b/src/stores/editStatus.js
@@ -3,15 +3,15 @@ import { defineStore } from 'pinia'
 export const useEditStatusStore = defineStore('editStatus', {
   state: () => ({
     params: null,
-    modalActivated: false
+    modalActivated: false,
   }),
   actions: {
-    openEditStatusModal (params) {
+    openEditStatusModal(params) {
       this.params = params
       this.modalActivated = true
     },
-    closeEditStatusModal () {
+    closeEditStatusModal() {
       this.modalActivated = false
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/i18n.js b/src/stores/i18n.js
index d038b30a4..4e7c7c5d3 100644
--- a/src/stores/i18n.js
+++ b/src/stores/i18n.js
@@ -2,13 +2,13 @@ import { defineStore } from 'pinia'
 
 export const useI18nStore = defineStore('i18n', {
   state: () => ({
-    i18n: null
+    i18n: null,
   }),
   actions: {
-    setI18n (newI18n) {
+    setI18n(newI18n) {
       this.$patch({
-        i18n: newI18n.global
+        i18n: newI18n.global,
       })
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/interface.js b/src/stores/interface.js
index a5631ab17..3704c9cc9 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -1,7 +1,14 @@
 import { defineStore } from 'pinia'
 
-import { CURRENT_VERSION, generatePreset } from 'src/services/theme_data/theme_data.service.js'
-import { getResourcesIndex, applyTheme, tryLoadCache } from '../services/style_setter/style_setter.js'
+import {
+  CURRENT_VERSION,
+  generatePreset,
+} from 'src/services/theme_data/theme_data.service.js'
+import {
+  getResourcesIndex,
+  applyTheme,
+  tryLoadCache,
+} from '../services/style_setter/style_setter.js'
 import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 import { deserialize } from '../services/theme_data/iss_deserializer.js'
 
@@ -19,9 +26,9 @@ export const useInterfaceStore = defineStore('interface', {
     themeNameUsed: null,
     themeDataUsed: null,
     temporaryChangesTimeoutId: null,
-    temporaryChangesCountdown: -1,     // used for temporary options that revert after a timeout
+    temporaryChangesCountdown: -1, // used for temporary options that revert after a timeout
     temporaryChangesConfirm: () => {}, // used for applying temporary options
-    temporaryChangesRevert: () => {},  // used for reverting temporary options
+    temporaryChangesRevert: () => {}, // used for reverting temporary options
     settingsModalState: 'hidden',
     settingsModalLoadedUser: false,
     settingsModalLoadedAdmin: false,
@@ -30,22 +37,23 @@ export const useInterfaceStore = defineStore('interface', {
     settings: {
       currentSaveStateNotice: null,
       noticeClearTimeout: null,
-      notificationPermission: null
+      notificationPermission: null,
     },
     browserSupport: {
-      cssFilter: window.CSS && window.CSS.supports && (
-        window.CSS.supports('filter', 'drop-shadow(0 0)') ||
-        window.CSS.supports('-webkit-filter', 'drop-shadow(0 0)')
-      ),
-      localFonts: typeof window.queryLocalFonts === 'function'
+      cssFilter:
+        window.CSS &&
+        window.CSS.supports &&
+        (window.CSS.supports('filter', 'drop-shadow(0 0)') ||
+          window.CSS.supports('-webkit-filter', 'drop-shadow(0 0)')),
+      localFonts: typeof window.queryLocalFonts === 'function',
     },
     layoutType: 'normal',
     globalNotices: [],
     layoutHeight: 0,
-    lastTimeline: null
+    lastTimeline: null,
   }),
   actions: {
-    setTemporaryChanges ({ confirm, revert }) {
+    setTemporaryChanges({ confirm, revert }) {
       this.temporaryChangesCountdown = 10
       this.temporaryChangesConfirm = confirm
       this.temporaryChangesRevert = revert
@@ -60,38 +68,42 @@ export const useInterfaceStore = defineStore('interface', {
       }
       this.temporaryChangesTimeoutId = setTimeout(countdownFunc, 1000)
     },
-    clearTemporaryChanges () {
-      this.temporaryChangesTimeoutId ?? clearTimeout(this.temporaryChangesTimeoutId)
+    clearTemporaryChanges() {
+      this.temporaryChangesTimeoutId ??
+        clearTimeout(this.temporaryChangesTimeoutId)
       this.temporaryChangesTimeoutId = null
       this.temporaryChangesCountdown = -1
       this.temporaryChangesConfirm = () => {}
       this.temporaryChangesRevert = () => {}
     },
-    setPageTitle (option = '') {
+    setPageTitle(option = '') {
       try {
         document.title = `${option} ${window.vuex.state.instance.name}`
       } catch (error) {
         console.error(`${error}`)
       }
     },
-    settingsSaved ({ success, error }) {
+    settingsSaved({ success, error }) {
       if (success) {
         if (this.noticeClearTimeout) {
           clearTimeout(this.noticeClearTimeout)
         }
         this.settings.currentSaveStateNotice = { error: false, data: success }
-        this.settings.noticeClearTimeout = setTimeout(() => delete this.settings.currentSaveStateNotice, 2000)
+        this.settings.noticeClearTimeout = setTimeout(
+          () => delete this.settings.currentSaveStateNotice,
+          2000,
+        )
       } else {
         this.settings.currentSaveStateNotice = { error: true, errorData: error }
       }
     },
-    setNotificationPermission (permission) {
+    setNotificationPermission(permission) {
       this.notificationPermission = permission
     },
-    closeSettingsModal () {
+    closeSettingsModal() {
       this.settingsModalState = 'hidden'
     },
-    openSettingsModal (value) {
+    openSettingsModal(value) {
       this.settingsModalMode = value
       this.settingsModalState = 'visible'
       if (value === 'user') {
@@ -104,7 +116,7 @@ export const useInterfaceStore = defineStore('interface', {
         }
       }
     },
-    togglePeekSettingsModal () {
+    togglePeekSettingsModal() {
       switch (this.settingsModalState) {
         case 'minimized':
           this.settingsModalState = 'visible'
@@ -116,27 +128,26 @@ export const useInterfaceStore = defineStore('interface', {
           throw new Error('Illegal minimization state of settings modal')
       }
     },
-    clearSettingsModalTargetTab () {
+    clearSettingsModalTargetTab() {
       this.settingsModalTargetTab = null
     },
-    openSettingsModalTab (value, mode = 'user') {
+    openSettingsModalTab(value, mode = 'user') {
       this.settingsModalTargetTab = value
       this.openSettingsModal(mode)
     },
-    removeGlobalNotice (notice) {
-      this.globalNotices = this.globalNotices.filter(n => n !== notice)
+    removeGlobalNotice(notice) {
+      this.globalNotices = this.globalNotices.filter((n) => n !== notice)
     },
-    pushGlobalNotice (
-      {
-        messageKey,
-        messageArgs = {},
-        level = 'error',
-        timeout = 0
-      }) {
+    pushGlobalNotice({
+      messageKey,
+      messageArgs = {},
+      level = 'error',
+      timeout = 0,
+    }) {
       const notice = {
         messageKey,
         messageArgs,
-        level
+        level,
       }
 
       this.globalNotices.push(notice)
@@ -150,10 +161,10 @@ export const useInterfaceStore = defineStore('interface', {
 
       return newNotice
     },
-    setLayoutHeight (value) {
+    setLayoutHeight(value) {
       this.layoutHeight = value
     },
-    setLayoutWidth (value) {
+    setLayoutWidth(value) {
       let width = value
       if (value !== undefined) {
         this.layoutWidth = value
@@ -171,10 +182,10 @@ export const useInterfaceStore = defineStore('interface', {
         this.layoutType = wideLayout ? 'wide' : normalOrMobile
       }
     },
-    setFontsList (value) {
-      this.localFonts = [...(new Set(value.map(font => font.family))).values()]
+    setFontsList(value) {
+      this.localFonts = [...new Set(value.map((font) => font.family)).values()]
     },
-    queryLocalFonts () {
+    queryLocalFonts() {
       if (this.localFonts !== null) return
       this.setFontsList([])
 
@@ -190,27 +201,33 @@ export const useInterfaceStore = defineStore('interface', {
           this.pushGlobalNotice({
             messageKey: 'settings.style.themes3.font.font_list_unavailable',
             messageArgs: {
-              error: e
+              error: e,
             },
-            level: 'error'
+            level: 'error',
           })
         })
     },
-    setLastTimeline (value) {
+    setLastTimeline(value) {
       this.lastTimeline = value
     },
-    async fetchPalettesIndex () {
+    async fetchPalettesIndex() {
       try {
         const value = await getResourcesIndex('/static/palettes/index.json')
-        window.vuex.commit('setInstanceOption', { name: 'palettesIndex', value })
+        window.vuex.commit('setInstanceOption', {
+          name: 'palettesIndex',
+          value,
+        })
         return value
       } catch (e) {
         console.error('Could not fetch palettes index', e)
-        window.vuex.commit('setInstanceOption', { name: 'palettesIndex', value: { _error: e } })
+        window.vuex.commit('setInstanceOption', {
+          name: 'palettesIndex',
+          value: { _error: e },
+        })
         return Promise.resolve({})
       }
     },
-    setPalette (value) {
+    setPalette(value) {
       this.resetThemeV3Palette()
       this.resetThemeV2()
 
@@ -218,7 +235,7 @@ export const useInterfaceStore = defineStore('interface', {
 
       this.applyTheme({ recompile: true })
     },
-    setPaletteCustom (value) {
+    setPaletteCustom(value) {
       this.resetThemeV3Palette()
       this.resetThemeV2()
 
@@ -226,21 +243,24 @@ export const useInterfaceStore = defineStore('interface', {
 
       this.applyTheme({ recompile: true })
     },
-    async fetchStylesIndex () {
+    async fetchStylesIndex() {
       try {
         const value = await getResourcesIndex(
           '/static/styles/index.json',
-          deserialize
+          deserialize,
         )
         window.vuex.commit('setInstanceOption', { name: 'stylesIndex', value })
         return value
       } catch (e) {
         console.error('Could not fetch styles index', e)
-        window.vuex.commit('setInstanceOption', { name: 'stylesIndex', value: { _error: e } })
+        window.vuex.commit('setInstanceOption', {
+          name: 'stylesIndex',
+          value: { _error: e },
+        })
         return Promise.resolve({})
       }
     },
-    setStyle (value) {
+    setStyle(value) {
       this.resetThemeV3()
       this.resetThemeV2()
       this.resetThemeV3Palette()
@@ -252,7 +272,7 @@ export const useInterfaceStore = defineStore('interface', {
         this.useStylePalette = false
       })
     },
-    setStyleCustom (value) {
+    setStyleCustom(value) {
       this.resetThemeV3()
       this.resetThemeV2()
       this.resetThemeV3Palette()
@@ -264,18 +284,21 @@ export const useInterfaceStore = defineStore('interface', {
         this.useStylePalette = false
       })
     },
-    async fetchThemesIndex () {
+    async fetchThemesIndex() {
       try {
         const value = await getResourcesIndex('/static/styles.json')
         window.vuex.commit('setInstanceOption', { name: 'themesIndex', value })
         return value
       } catch (e) {
         console.error('Could not fetch themes index', e)
-        window.vuex.commit('setInstanceOption', { name: 'themesIndex', value: { _error: e } })
+        window.vuex.commit('setInstanceOption', {
+          name: 'themesIndex',
+          value: { _error: e },
+        })
         return Promise.resolve({})
       }
     },
-    setTheme (value) {
+    setTheme(value) {
       this.resetThemeV3()
       this.resetThemeV3Palette()
       this.resetThemeV2()
@@ -284,7 +307,7 @@ export const useInterfaceStore = defineStore('interface', {
 
       this.applyTheme({ recompile: true })
     },
-    setThemeCustom (value) {
+    setThemeCustom(value) {
       this.resetThemeV3()
       this.resetThemeV3Palette()
       this.resetThemeV2()
@@ -294,22 +317,29 @@ export const useInterfaceStore = defineStore('interface', {
 
       this.applyTheme({ recompile: true })
     },
-    resetThemeV3 () {
+    resetThemeV3() {
       window.vuex.commit('setOption', { name: 'style', value: null })
       window.vuex.commit('setOption', { name: 'styleCustomData', value: null })
     },
-    resetThemeV3Palette () {
+    resetThemeV3Palette() {
       window.vuex.commit('setOption', { name: 'palette', value: null })
-      window.vuex.commit('setOption', { name: 'paletteCustomData', value: null })
+      window.vuex.commit('setOption', {
+        name: 'paletteCustomData',
+        value: null,
+      })
     },
-    resetThemeV2 () {
+    resetThemeV2() {
       window.vuex.commit('setOption', { name: 'theme', value: null })
       window.vuex.commit('setOption', { name: 'customTheme', value: null })
-      window.vuex.commit('setOption', { name: 'customThemeSource', value: null })
+      window.vuex.commit('setOption', {
+        name: 'customThemeSource',
+        value: null,
+      })
     },
-    async getThemeData () {
+    async getThemeData() {
       const getData = async (resource, index, customData, name) => {
-        const capitalizedResource = resource[0].toUpperCase() + resource.slice(1)
+        const capitalizedResource =
+          resource[0].toUpperCase() + resource.slice(1)
         const result = {}
 
         if (customData) {
@@ -331,9 +361,13 @@ export const useInterfaceStore = defineStore('interface', {
             }
             const newName = Object.keys(index)[0]
             fetchFunc = index[newName]
-            console.warn(`${capitalizedResource} with id '${this.styleNameUsed}' not found, trying back to '${newName}'`)
+            console.warn(
+              `${capitalizedResource} with id '${this.styleNameUsed}' not found, trying back to '${newName}'`,
+            )
             if (!fetchFunc) {
-              console.warn(`${capitalizedResource} doesn't have a fallback, defaulting to stock.`)
+              console.warn(
+                `${capitalizedResource} doesn't have a fallback, defaulting to stock.`,
+              )
               fetchFunc = () => Promise.resolve(null)
             }
           }
@@ -342,52 +376,52 @@ export const useInterfaceStore = defineStore('interface', {
         return result
       }
 
-      const {
-        style: instanceStyleName,
-        palette: instancePaletteName
-      } = window.vuex.state.instance
+      const { style: instanceStyleName, palette: instancePaletteName } =
+        window.vuex.state.instance
 
       let {
         theme: instanceThemeV2Name,
         themesIndex,
         stylesIndex,
-        palettesIndex
+        palettesIndex,
       } = window.vuex.state.instance
 
       const {
         style: userStyleName,
         styleCustomData: userStyleCustomData,
         palette: userPaletteName,
-        paletteCustomData: userPaletteCustomData
+        paletteCustomData: userPaletteCustomData,
       } = window.vuex.state.config
 
       let {
         theme: userThemeV2Name,
         customTheme: userThemeV2Snapshot,
-        customThemeSource: userThemeV2Source
+        customThemeSource: userThemeV2Source,
       } = window.vuex.state.config
 
       let majorVersionUsed
 
       console.debug(
-        `User V3 palette: ${userPaletteName}, style: ${userStyleName} , custom: ${!!userStyleCustomData}`
+        `User V3 palette: ${userPaletteName}, style: ${userStyleName} , custom: ${!!userStyleCustomData}`,
       )
       console.debug(
-        `User V2 name: ${userThemeV2Name}, source: ${!!userThemeV2Source}, snapshot: ${!!userThemeV2Snapshot}`
+        `User V2 name: ${userThemeV2Name}, source: ${!!userThemeV2Source}, snapshot: ${!!userThemeV2Snapshot}`,
       )
 
-      console.debug(`Instance V3 palette: ${instancePaletteName}, style: ${instanceStyleName}`)
+      console.debug(
+        `Instance V3 palette: ${instancePaletteName}, style: ${instanceStyleName}`,
+      )
       console.debug('Instance V2 theme: ' + instanceThemeV2Name)
 
-      if (userPaletteName || userPaletteCustomData ||
-          userStyleName || userStyleCustomData ||
-          (
-            // User V2 overrides instance V3
-            (instancePaletteName ||
-             instanceStyleName) &&
-              instanceThemeV2Name == null &&
-              userThemeV2Name == null
-          )
+      if (
+        userPaletteName ||
+        userPaletteCustomData ||
+        userStyleName ||
+        userStyleCustomData ||
+        // User V2 overrides instance V3
+        ((instancePaletteName || instanceStyleName) &&
+          instanceThemeV2Name == null &&
+          userThemeV2Name == null)
       ) {
         // Palette and/or style overrides V2 themes
         instanceThemeV2Name = null
@@ -397,10 +431,10 @@ export const useInterfaceStore = defineStore('interface', {
 
         majorVersionUsed = 'v3'
       } else if (
-        (userThemeV2Name ||
-          userThemeV2Snapshot ||
-          userThemeV2Source ||
-         instanceThemeV2Name)
+        userThemeV2Name ||
+        userThemeV2Snapshot ||
+        userThemeV2Source ||
+        instanceThemeV2Name
       ) {
         majorVersionUsed = 'v2'
       } else {
@@ -411,16 +445,14 @@ export const useInterfaceStore = defineStore('interface', {
       if (majorVersionUsed === 'v3') {
         const result = await Promise.all([
           this.fetchPalettesIndex(),
-          this.fetchStylesIndex()
+          this.fetchStylesIndex(),
         ])
 
         palettesIndex = result[0]
         stylesIndex = result[1]
       } else {
         // Promise.all just to be uniform with v3
-        const result = await Promise.all([
-          this.fetchThemesIndex()
-        ])
+        const result = await Promise.all([this.fetchThemesIndex()])
 
         themesIndex = result[0]
       }
@@ -437,25 +469,22 @@ export const useInterfaceStore = defineStore('interface', {
           'style',
           stylesIndex,
           userStyleCustomData,
-          userStyleName || instanceStyleName
+          userStyleName || instanceStyleName,
         )
         this.styleNameUsed = style.nameUsed
         this.styleDataUsed = style.dataUsed
 
         let firstStylePaletteName = null
-        style
-          .dataUsed
-          ?.filter(x => x.component === '@palette')
-          .map(x => {
+        style.dataUsed
+          ?.filter((x) => x.component === '@palette')
+          .map((x) => {
             const cleanDirectives = Object.fromEntries(
-              Object
-                .entries(x.directives)
-                .filter(([k]) => k)
+              Object.entries(x.directives).filter(([k]) => k),
             )
 
             return { name: x.variant, ...cleanDirectives }
           })
-          .forEach(palette => {
+          .forEach((palette) => {
             const key = 'style.' + palette.name.toLowerCase().replace(/ /g, '_')
             if (!firstStylePaletteName) firstStylePaletteName = key
             palettesIndex[key] = () => Promise.resolve(palette)
@@ -465,19 +494,26 @@ export const useInterfaceStore = defineStore('interface', {
           'palette',
           palettesIndex,
           userPaletteCustomData,
-          this.useStylePalette ? firstStylePaletteName : (userPaletteName || instancePaletteName)
+          this.useStylePalette
+            ? firstStylePaletteName
+            : userPaletteName || instancePaletteName,
         )
 
         if (this.useStylePalette) {
-          window.vuex.commit('setOption', { name: 'palette', value: firstStylePaletteName })
+          window.vuex.commit('setOption', {
+            name: 'palette',
+            value: firstStylePaletteName,
+          })
         }
 
         this.paletteNameUsed = palette.nameUsed
         this.paletteDataUsed = palette.dataUsed
 
         if (this.paletteDataUsed) {
-          this.paletteDataUsed.link = this.paletteDataUsed.link || this.paletteDataUsed.accent
-          this.paletteDataUsed.accent = this.paletteDataUsed.accent || this.paletteDataUsed.link
+          this.paletteDataUsed.link =
+            this.paletteDataUsed.link || this.paletteDataUsed.accent
+          this.paletteDataUsed.accent =
+            this.paletteDataUsed.accent || this.paletteDataUsed.link
         }
         if (Array.isArray(this.paletteDataUsed)) {
           const [
@@ -489,7 +525,7 @@ export const useInterfaceStore = defineStore('interface', {
             cRed = '#FF0000',
             cGreen = '#00FF00',
             cBlue = '#0000FF',
-            cOrange = '#E3FF00'
+            cOrange = '#E3FF00',
           ] = palette.dataUsed
           this.paletteDataUsed = {
             name,
@@ -501,7 +537,7 @@ export const useInterfaceStore = defineStore('interface', {
             cRed,
             cBlue,
             cGreen,
-            cOrange
+            cOrange,
           }
         }
         console.debug('Palette data used', palette.dataUsed)
@@ -515,23 +551,18 @@ export const useInterfaceStore = defineStore('interface', {
           'theme',
           themesIndex,
           userThemeV2Source || userThemeV2Snapshot,
-          userThemeV2Name || instanceThemeV2Name
+          userThemeV2Name || instanceThemeV2Name,
         )
         this.themeNameUsed = theme.nameUsed
         this.themeDataUsed = theme.dataUsed
       }
     },
-    async setThemeApplied () {
+    async setThemeApplied() {
       this.themeApplied = true
     },
-    async applyTheme (
-      { recompile = false } = {}
-    ) {
-      const {
-        forceThemeRecompilation,
-        themeDebug,
-        theme3hacks
-      } = window.vuex.state.config
+    async applyTheme({ recompile = false } = {}) {
+      const { forceThemeRecompilation, themeDebug, theme3hacks } =
+        window.vuex.state.config
       this.themeChangeInProgress = true
       // If we're not forced to recompile try using
       // cache (tryLoadCache return true if load successful)
@@ -540,7 +571,7 @@ export const useInterfaceStore = defineStore('interface', {
 
       await this.getThemeData()
 
-      if (!forceRecompile && !themeDebug && await tryLoadCache()) {
+      if (!forceRecompile && !themeDebug && (await tryLoadCache())) {
         this.themeChangeInProgress = false
         return this.setThemeApplied()
       }
@@ -551,11 +582,10 @@ export const useInterfaceStore = defineStore('interface', {
           if (!this.paletteDataUsed) return null
           const result = {
             component: 'Root',
-            directives: {}
+            directives: {},
           }
 
-          Object
-            .entries(this.paletteDataUsed)
+          Object.entries(this.paletteDataUsed)
             .filter(([k]) => k !== 'name')
             .forEach(([k, v]) => {
               let issRootDirectiveName
@@ -574,7 +604,9 @@ export const useInterfaceStore = defineStore('interface', {
           return result
         })()
 
-        const theme2ruleset = this.themeDataUsed && convertTheme2To3(normalizeThemeData(this.themeDataUsed))
+        const theme2ruleset =
+          this.themeDataUsed &&
+          convertTheme2To3(normalizeThemeData(this.themeDataUsed))
         const hacks = []
 
         Object.entries(theme3hacks).forEach(([key, value]) => {
@@ -587,32 +619,32 @@ export const useInterfaceStore = defineStore('interface', {
                     hacks.push({
                       component: 'Root',
                       directives: {
-                        '--font': 'generic | ' + font.family
-                      }
+                        '--font': 'generic | ' + font.family,
+                      },
                     })
                     break
                   case 'input':
                     hacks.push({
                       component: 'Input',
                       directives: {
-                        '--font': 'generic | ' + font.family
-                      }
+                        '--font': 'generic | ' + font.family,
+                      },
                     })
                     break
                   case 'post':
                     hacks.push({
                       component: 'RichContent',
                       directives: {
-                        '--font': 'generic | ' + font.family
-                      }
+                        '--font': 'generic | ' + font.family,
+                      },
                     })
                     break
                   case 'monospace':
                     hacks.push({
                       component: 'Root',
                       directives: {
-                        '--monoFont': 'generic | ' + font.family
-                      }
+                        '--monoFont': 'generic | ' + font.family,
+                      },
                     })
                     break
                 }
@@ -623,7 +655,7 @@ export const useInterfaceStore = defineStore('interface', {
               if (value !== 'none') {
                 const newRule = {
                   component: 'Underlay',
-                  directives: {}
+                  directives: {},
                 }
                 if (value === 'opaque') {
                   newRule.directives.opacity = 1
@@ -643,8 +675,8 @@ export const useInterfaceStore = defineStore('interface', {
           theme2ruleset,
           this.styleDataUsed,
           paletteIss,
-          hacks
-        ].filter(x => x)
+          hacks,
+        ].filter((x) => x)
 
         return applyTheme(
           rulesetArray.flat(),
@@ -652,13 +684,13 @@ export const useInterfaceStore = defineStore('interface', {
           () => {
             this.themeChangeInProgress = false
           },
-          themeDebug
+          themeDebug,
         )
       } catch (e) {
         window.splashError(e)
       }
-    }
-  }
+    },
+  },
 })
 
 export const normalizeThemeData = (input) => {
@@ -669,15 +701,15 @@ export const normalizeThemeData = (input) => {
     return generatePreset(input).theme
   } else if (
     Object.hasOwn(input, '_pleroma_theme_version') ||
-      Object.hasOwn(input, 'source') ||
-      Object.hasOwn(input, 'theme')
+    Object.hasOwn(input, 'source') ||
+    Object.hasOwn(input, 'theme')
   ) {
     // We got passed a full theme file
     themeData = input.theme
     themeSource = input.source
   } else if (
     Object.hasOwn(input, 'themeEngineVersion') ||
-      Object.hasOwn(input, 'colors')
+    Object.hasOwn(input, 'colors')
   ) {
     // We got passed a source/snapshot
     themeData = input
diff --git a/src/stores/lists.js b/src/stores/lists.js
index c4b47380d..6eda03608 100644
--- a/src/stores/lists.js
+++ b/src/stores/lists.js
@@ -5,36 +5,39 @@ import { remove, find } from 'lodash'
 export const useListsStore = defineStore('lists', {
   state: () => ({
     allLists: [],
-    allListsObject: {}
+    allListsObject: {},
   }),
   getters: {
-    findListTitle () {
+    findListTitle() {
       return (id) => {
         if (!this.allListsObject[id]) return
         return this.allListsObject[id].title
       }
     },
-    findListAccounts () {
+    findListAccounts() {
       return (id) => [...this.allListsObject[id].accountIds]
-    }
+    },
   },
   actions: {
-    setLists (value) {
+    setLists(value) {
       this.allLists = value
     },
-    createList ({ title }) {
-      return window.vuex.state.api.backendInteractor.createList({ title })
+    createList({ title }) {
+      return window.vuex.state.api.backendInteractor
+        .createList({ title })
         .then((list) => {
           this.setList({ listId: list.id, title })
           return list
         })
     },
-    fetchList ({ listId }) {
-      return window.vuex.state.api.backendInteractor.getList({ listId })
+    fetchList({ listId }) {
+      return window.vuex.state.api.backendInteractor
+        .getList({ listId })
         .then((list) => this.setList({ listId: list.id, title: list.title }))
     },
-    fetchListAccounts ({ listId }) {
-      return window.vuex.state.api.backendInteractor.getListAccounts({ listId })
+    fetchListAccounts({ listId }) {
+      return window.vuex.state.api.backendInteractor
+        .getListAccounts({ listId })
         .then((accountIds) => {
           if (!this.allListsObject[listId]) {
             this.allListsObject[listId] = { accountIds: [] }
@@ -42,7 +45,7 @@ export const useListsStore = defineStore('lists', {
           this.allListsObject[listId].accountIds = accountIds
         })
     },
-    setList ({ listId, title }) {
+    setList({ listId, title }) {
       window.vuex.state.api.backendInteractor.updateList({ listId, title })
 
       if (!this.allListsObject[listId]) {
@@ -57,25 +60,29 @@ export const useListsStore = defineStore('lists', {
         entry.title = title
       }
     },
-    setListAccounts ({ listId, accountIds }) {
+    setListAccounts({ listId, accountIds }) {
       const saved = this.allListsObject[listId]?.accountIds || []
-      const added = accountIds.filter(id => !saved.includes(id))
-      const removed = saved.filter(id => !accountIds.includes(id))
+      const added = accountIds.filter((id) => !saved.includes(id))
+      const removed = saved.filter((id) => !accountIds.includes(id))
       if (!this.allListsObject[listId]) {
         this.allListsObject[listId] = { accountIds: [] }
       }
       this.allListsObject[listId].accountIds = accountIds
       if (added.length > 0) {
-        window.vuex.state.api.backendInteractor.addAccountsToList({ listId, accountIds: added })
+        window.vuex.state.api.backendInteractor.addAccountsToList({
+          listId,
+          accountIds: added,
+        })
       }
       if (removed.length > 0) {
-        window.vuex.state.api.backendInteractor.removeAccountsFromList({ listId, accountIds: removed })
+        window.vuex.state.api.backendInteractor.removeAccountsFromList({
+          listId,
+          accountIds: removed,
+        })
       }
     },
-    addListAccount ({ listId, accountId }) {
-      return window.vuex.state
-        .api
-        .backendInteractor
+    addListAccount({ listId, accountId }) {
+      return window.vuex.state.api.backendInteractor
         .addAccountsToList({ listId, accountIds: [accountId] })
         .then((result) => {
           if (!this.allListsObject[listId]) {
@@ -85,10 +92,8 @@ export const useListsStore = defineStore('lists', {
           return result
         })
     },
-    removeListAccount ({ listId, accountId }) {
-      return window.vuex.state
-        .api
-        .backendInteractor
+    removeListAccount({ listId, accountId }) {
+      return window.vuex.state.api.backendInteractor
         .removeAccountsFromList({ listId, accountIds: [accountId] })
         .then((result) => {
           if (!this.allListsObject[listId]) {
@@ -102,11 +107,11 @@ export const useListsStore = defineStore('lists', {
           return result
         })
     },
-    deleteList ({ listId }) {
+    deleteList({ listId }) {
       window.vuex.state.api.backendInteractor.deleteList({ listId })
 
       delete this.allListsObject[listId]
-      remove(this.allLists, list => list.id === listId)
-    }
-  }
+      remove(this.allLists, (list) => list.id === listId)
+    },
+  },
 })
diff --git a/src/stores/media_viewer.js b/src/stores/media_viewer.js
index 0e0e18289..f06129ff1 100644
--- a/src/stores/media_viewer.js
+++ b/src/stores/media_viewer.js
@@ -7,24 +7,24 @@ export const useMediaViewerStore = defineStore('mediaViewer', {
   state: () => ({
     media: [],
     currentIndex: 0,
-    activated: false
+    activated: false,
   }),
   actions: {
-    setMedia (attachments) {
-      const media = attachments.filter(attachment => {
+    setMedia(attachments) {
+      const media = attachments.filter((attachment) => {
         const type = fileTypeService.fileType(attachment.mimetype)
         return supportedTypes.has(type)
       })
 
       this.media = media
     },
-    setCurrentMedia (current) {
+    setCurrentMedia(current) {
       const index = this.media.indexOf(current)
       this.activated = true
       this.currentIndex = index
     },
-    closeMediaViewer () {
+    closeMediaViewer() {
       this.activated = false
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/oauth.js b/src/stores/oauth.js
index b9978596d..934b13f03 100644
--- a/src/stores/oauth.js
+++ b/src/stores/oauth.js
@@ -1,8 +1,12 @@
 import { defineStore } from 'pinia'
-import { createApp, getClientToken, verifyAppToken } from 'src/services/new_api/oauth.js'
+import {
+  createApp,
+  getClientToken,
+  verifyAppToken,
+} from 'src/services/new_api/oauth.js'
 
 // status codes about verifyAppToken (GET /api/v1/apps/verify_credentials)
-const isAppTokenRejected = error => (
+const isAppTokenRejected = (error) =>
   // Pleroma API docs say it returns 422 when unauthorized
   error.statusCode === 422 ||
   // but it actually returns 400 (as of 2.9.0)
@@ -10,16 +14,14 @@ const isAppTokenRejected = error => (
   error.statusCode === 400 ||
   // and Mastodon docs say it returns 401
   error.statusCode === 401
-)
 
 // status codes about getAppToken (GET /oauth/token)
-const isClientDataRejected = error => (
+const isClientDataRejected = (error) =>
   // Mastodon docs say it returns 401
   error.statusCode === 401 ||
   // but Pleroma actually returns 400 (as of 2.9.0)
   // NOTE: don't try to match against the error message, it is translatable
   error.statusCode === 400
-)
 
 export const useOAuthStore = defineStore('oauth', {
   state: () => ({
@@ -33,31 +35,31 @@ export const useOAuthStore = defineStore('oauth', {
     /* User token is authentication for app with user, this is for every calls
      * that need authorized user to be successful (i.e. posting, liking etc)
      */
-    userToken: false
+    userToken: false,
   }),
   getters: {
-    getToken () {
+    getToken() {
       return this.userToken || this.appToken
     },
-    getUserToken () {
+    getUserToken() {
       return this.userToken
-    }
+    },
   },
   actions: {
-    setClientData ({ clientId, clientSecret }) {
+    setClientData({ clientId, clientSecret }) {
       this.clientId = clientId
       this.clientSecret = clientSecret
     },
-    setAppToken (token) {
+    setAppToken(token) {
       this.appToken = token
     },
-    setToken (token) {
+    setToken(token) {
       this.userToken = token
     },
-    clearToken () {
+    clearToken() {
       this.userToken = false
     },
-    async createApp () {
+    async createApp() {
       const { state } = window.vuex
       const instance = state.instance.server
       const app = await createApp(instance)
@@ -67,36 +69,36 @@ export const useOAuthStore = defineStore('oauth', {
     /// Use this if you want to get the client id and secret but are not interested
     /// in whether they are valid.
     /// @return {{ clientId: string, clientSecret: string }} An object representing the app
-    async ensureApp () {
+    async ensureApp() {
       if (this.clientId && this.clientSecret) {
         return {
           clientId: this.clientId,
-          clientSecret: this.clientSecret
+          clientSecret: this.clientSecret,
         }
       } else {
         return this.createApp()
       }
     },
-    async getAppToken () {
+    async getAppToken() {
       const { state } = window.vuex
       const instance = state.instance.server
       const res = await getClientToken({
         clientId: this.clientId,
         clientSecret: this.clientSecret,
-        instance
+        instance,
       })
       this.setAppToken(res.access_token)
       return res.access_token
     },
     /// Use this if you want to ensure the app is still valid to use.
     /// @return {string} The access token to the app (not attached to any user)
-    async ensureAppToken () {
+    async ensureAppToken() {
       const { state } = window.vuex
       if (this.appToken) {
         try {
           await verifyAppToken({
             instance: state.instance.server,
-            appToken: this.appToken
+            appToken: this.appToken,
           })
           return this.appToken
         } catch (e) {
@@ -133,17 +135,17 @@ export const useOAuthStore = defineStore('oauth', {
           // and re-create our app
           this.setClientData({
             clientId: false,
-            clientSecret: false
+            clientSecret: false,
           })
           await this.createApp()
           // try once again to get the token
           return await this.getAppToken()
         }
       }
-    }
+    },
   },
   persist: {
-    afterLoad (state) {
+    afterLoad(state) {
       // state.token is userToken with older name, coming from persistent state
       if (state.token && !state.userToken) {
         state.userToken = state.token
@@ -152,6 +154,6 @@ export const useOAuthStore = defineStore('oauth', {
         delete state.token
       }
       return state
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/oauth_tokens.js b/src/stores/oauth_tokens.js
index ee9886672..ae9b396ac 100644
--- a/src/stores/oauth_tokens.js
+++ b/src/stores/oauth_tokens.js
@@ -2,23 +2,27 @@ import { defineStore } from 'pinia'
 
 export const useOAuthTokensStore = defineStore('oauthTokens', {
   state: () => ({
-    tokens: []
+    tokens: [],
   }),
   actions: {
-    fetchTokens () {
-      window.vuex.state.api.backendInteractor.fetchOAuthTokens().then((tokens) => {
-        this.swapTokens(tokens)
-      })
+    fetchTokens() {
+      window.vuex.state.api.backendInteractor
+        .fetchOAuthTokens()
+        .then((tokens) => {
+          this.swapTokens(tokens)
+        })
     },
-    revokeToken (id) {
-      window.vuex.state.api.backendInteractor.revokeOAuthToken({ id }).then((response) => {
-        if (response.status === 201) {
-          this.swapTokens(this.tokens.filter(token => token.id !== id))
-        }
-      })
+    revokeToken(id) {
+      window.vuex.state.api.backendInteractor
+        .revokeOAuthToken({ id })
+        .then((response) => {
+          if (response.status === 201) {
+            this.swapTokens(this.tokens.filter((token) => token.id !== id))
+          }
+        })
     },
-    swapTokens (tokens) {
+    swapTokens(tokens) {
       this.tokens = tokens
-    }
-  }
-});
\ No newline at end of file
+    },
+  },
+})
diff --git a/src/stores/polls.js b/src/stores/polls.js
index 3bc01037b..aac8a2421 100644
--- a/src/stores/polls.js
+++ b/src/stores/polls.js
@@ -5,10 +5,10 @@ export const usePollsStore = defineStore('polls', {
   state: () => ({
     // Contains key = id, value = number of trackers for this poll
     trackedPolls: {},
-    pollsObject: {}
+    pollsObject: {},
   }),
   actions: {
-    mergeOrAddPoll (poll) {
+    mergeOrAddPoll(poll) {
       const existingPoll = this.pollsObject[poll.id]
       // Make expired-state change trigger re-renders properly
       poll.expired = Date.now() > Date.parse(poll.expires_at)
@@ -18,17 +18,19 @@ export const usePollsStore = defineStore('polls', {
         this.pollsObject[poll.id] = poll
       }
     },
-    updateTrackedPoll (pollId) {
-      window.vuex.state.api.backendInteractor.fetchPoll({ pollId }).then(poll => {
-        setTimeout(() => {
-          if (this.trackedPolls[pollId]) {
-            this.updateTrackedPoll(pollId)
-          }
-        }, 30 * 1000)
-        this.mergeOrAddPoll(poll)
-      })
+    updateTrackedPoll(pollId) {
+      window.vuex.state.api.backendInteractor
+        .fetchPoll({ pollId })
+        .then((poll) => {
+          setTimeout(() => {
+            if (this.trackedPolls[pollId]) {
+              this.updateTrackedPoll(pollId)
+            }
+          }, 30 * 1000)
+          this.mergeOrAddPoll(poll)
+        })
     },
-    trackPoll (pollId) {
+    trackPoll(pollId) {
       if (!this.trackedPolls[pollId]) {
         setTimeout(() => this.updateTrackedPoll(pollId), 30 * 1000)
       }
@@ -39,7 +41,7 @@ export const usePollsStore = defineStore('polls', {
         this.trackedPolls[pollId] = 1
       }
     },
-    untrackPoll (pollId) {
+    untrackPoll(pollId) {
       const currentValue = this.trackedPolls[pollId]
       if (currentValue) {
         this.trackedPolls[pollId] = currentValue - 1
@@ -47,11 +49,13 @@ export const usePollsStore = defineStore('polls', {
         this.trackedPolls[pollId] = 0
       }
     },
-    votePoll ({ pollId, choices }) {
-      return window.vuex.state.api.backendInteractor.vote({ pollId, choices }).then(poll => {
-        this.mergeOrAddPoll(poll)
-        return poll
-      })
-    }
-  }
+    votePoll({ pollId, choices }) {
+      return window.vuex.state.api.backendInteractor
+        .vote({ pollId, choices })
+        .then((poll) => {
+          this.mergeOrAddPoll(poll)
+          return poll
+        })
+    },
+  },
 })
diff --git a/src/stores/post_status.js b/src/stores/post_status.js
index a19b0dbdd..eafe91bca 100644
--- a/src/stores/post_status.js
+++ b/src/stores/post_status.js
@@ -3,18 +3,18 @@ import { defineStore } from 'pinia'
 export const usePostStatusStore = defineStore('postStatus', {
   state: () => ({
     params: null,
-    modalActivated: false
+    modalActivated: false,
   }),
   actions: {
-    openPostStatusModal (params) {
+    openPostStatusModal(params) {
       this.params = params
       this.modalActivated = true
     },
-    closePostStatusModal () {
+    closePostStatusModal() {
       this.modalActivated = false
     },
-    resetPostStatusModal () {
+    resetPostStatusModal() {
       this.params = null
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/reports.js b/src/stores/reports.js
index 18080d4e7..c0bb1e6d7 100644
--- a/src/stores/reports.js
+++ b/src/stores/reports.js
@@ -9,18 +9,22 @@ export const useReportsStore = defineStore('reports', {
       userId: null,
       statuses: [],
       preTickedIds: [],
-      activated: false
+      activated: false,
     },
-    reports: {}
+    reports: {},
   }),
   actions: {
-    openUserReportingModal ({ userId, statusIds = [] }) {
-      const preTickedStatuses = statusIds.map(id => window.vuex.state.statuses.allStatusesObject[id])
+    openUserReportingModal({ userId, statusIds = [] }) {
+      const preTickedStatuses = statusIds.map(
+        (id) => window.vuex.state.statuses.allStatusesObject[id],
+      )
       const preTickedIds = statusIds
       const statuses = preTickedStatuses.concat(
-        filter(window.vuex.state.statuses.allStatuses,
-          status => status.user.id === userId && !preTickedIds.includes(status.id)
-        )
+        filter(
+          window.vuex.state.statuses.allStatuses,
+          (status) =>
+            status.user.id === userId && !preTickedIds.includes(status.id),
+        ),
       )
 
       this.reportModal.userId = userId
@@ -28,25 +32,27 @@ export const useReportsStore = defineStore('reports', {
       this.reportModal.preTickedIds = preTickedIds
       this.reportModal.activated = true
     },
-    closeUserReportingModal () {
+    closeUserReportingModal() {
       this.reportModal.activated = false
     },
-    setReportState ({ id, state }) {
+    setReportState({ id, state }) {
       const oldState = this.reports[id].state
       this.reports[id].state = state
-      window.vuex.state.api.backendInteractor.setReportState({ id, state }).catch(e => {
-        console.error('Failed to set report state', e)
-        useInterfaceStore().pushGlobalNotice({
-          level: 'error',
-          messageKey: 'general.generic_error_message',
-          messageArgs: [e.message],
-          timeout: 5000
+      window.vuex.state.api.backendInteractor
+        .setReportState({ id, state })
+        .catch((e) => {
+          console.error('Failed to set report state', e)
+          useInterfaceStore().pushGlobalNotice({
+            level: 'error',
+            messageKey: 'general.generic_error_message',
+            messageArgs: [e.message],
+            timeout: 5000,
+          })
+          this.reports[id].state = oldState
         })
-        this.reports[id].state = oldState
-      })
     },
-    addReport (report) {
+    addReport(report) {
       this.reports[report.id] = report
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/serverSideStorage.js b/src/stores/serverSideStorage.js
index 78bac1259..4ceebbdc0 100644
--- a/src/stores/serverSideStorage.js
+++ b/src/stores/serverSideStorage.js
@@ -12,7 +12,7 @@ import {
   findLastIndex,
   takeRight,
   uniqWith,
-  merge as _merge
+  merge as _merge,
 } from 'lodash'
 import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/update_notification.js'
 
@@ -29,7 +29,7 @@ export const defaultState = {
   flagStorage: {
     updateCounter: 0, // Counter for most recent update notification seen
     configMigration: 0, // Counter for config -> server-side migrations
-    reset: 0 // special flag that can be used to force-reset all flags, debug purposes only
+    reset: 0, // special flag that can be used to force-reset all flags, debug purposes only
     // special reset codes:
     // 1000: trim keys to those known by currently running FE
     // 1001: same as above + reset everything to 0
@@ -39,22 +39,22 @@ export const defaultState = {
     simple: {
       dontShowUpdateNotifs: false,
       collapseNav: false,
-      muteFilters: {}
+      muteFilters: {},
     },
     collections: {
       pinnedStatusActions: ['reply', 'retweet', 'favorite', 'emoji'],
-      pinnedNavItems: ['home', 'dms', 'chats']
-    }
+      pinnedNavItems: ['home', 'dms', 'chats'],
+    },
   },
   // raw data
   raw: null,
   // local cache
-  cache: null
+  cache: null,
 }
 
 export const newUserFlags = {
   ...defaultState.flagStorage,
-  updateCounter: CURRENT_UPDATE_COUNTER // new users don't need to see update notification
+  updateCounter: CURRENT_UPDATE_COUNTER, // new users don't need to see update notification
 }
 
 export const _moveItemInArray = (array, value, movement) => {
@@ -72,7 +72,7 @@ const _wrapData = (data, userName) => ({
   ...data,
   _user: userName,
   _timestamp: Date.now(),
-  _version: VERSION
+  _version: VERSION,
 })
 
 const _checkValidity = (data) => data._timestamp > 0 && data._version > 0
@@ -80,7 +80,7 @@ const _checkValidity = (data) => data._timestamp > 0 && data._version > 0
 const _verifyPrefs = (state) => {
   state.prefsStorage = state.prefsStorage || {
     simple: {},
-    collections: {}
+    collections: {},
   }
 
   // Simple
@@ -95,7 +95,11 @@ const _verifyPrefs = (state) => {
   Object.entries(defaultState.prefsStorage.collections).forEach(([k, v]) => {
     if (Array.isArray(v)) return
     console.warn(`Preference collections.${k} as invalid type, reinitializing`)
-    set(state.prefsStorage.collections, k, defaultState.prefsStorage.collections[k])
+    set(
+      state.prefsStorage.collections,
+      k,
+      defaultState.prefsStorage.collections[k],
+    )
   })
 }
 
@@ -105,21 +109,32 @@ export const _getRecentData = (cache, live, isTest) => {
   const liveValid = _checkValidity(live || {})
   if (!liveValid && cacheValid) {
     result.needUpload = true
-    console.debug('Nothing valid stored on server, assuming cache to be source of truth')
+    console.debug(
+      'Nothing valid stored on server, assuming cache to be source of truth',
+    )
     result.recent = cache
     result.stale = live
   } else if (!cacheValid && liveValid) {
-    console.debug('Valid storage on server found, no local cache found, using live as source of truth')
+    console.debug(
+      'Valid storage on server found, no local cache found, using live as source of truth',
+    )
     result.recent = live
     result.stale = cache
   } else if (cacheValid && liveValid) {
     console.debug('Both sources have valid data, figuring things out...')
-    if (live._timestamp === cache._timestamp && live._version === cache._version) {
-      console.debug('Same version/timestamp on both source, source of truth irrelevant')
+    if (
+      live._timestamp === cache._timestamp &&
+      live._version === cache._version
+    ) {
+      console.debug(
+        'Same version/timestamp on both source, source of truth irrelevant',
+      )
       result.recent = cache
       result.stale = live
     } else {
-      console.debug('Different timestamp, figuring out which one is more recent')
+      console.debug(
+        'Different timestamp, figuring out which one is more recent',
+      )
       if (live._timestamp < cache._timestamp) {
         result.recent = cache
         result.stale = live
@@ -139,49 +154,64 @@ export const _getRecentData = (cache, live, isTest) => {
     _timestamp: a._timestamp ?? b._timestamp,
     needUpload: b.needUpload ?? a.needUpload,
     prefsStorage: _merge(a.prefsStorage, b.prefsStorage),
-    flagStorage: _merge(a.flagStorage, b.flagStorage)
+    flagStorage: _merge(a.flagStorage, b.flagStorage),
   })
-  result.recent = isTest ? result.recent : (result.recent && merge(defaultState, result.recent))
-  result.stale = isTest ? result.stale : (result.stale && merge(defaultState, result.stale))
+  result.recent = isTest
+    ? result.recent
+    : result.recent && merge(defaultState, result.recent)
+  result.stale = isTest
+    ? result.stale
+    : result.stale && merge(defaultState, result.stale)
 
   return result
 }
 
 export const _getAllFlags = (recent, stale) => {
-  return Array.from(new Set([
-    ...Object.keys(toRaw((recent || {}).flagStorage || {})),
-    ...Object.keys(toRaw((stale || {}).flagStorage || {}))
-  ]))
+  return Array.from(
+    new Set([
+      ...Object.keys(toRaw((recent || {}).flagStorage || {})),
+      ...Object.keys(toRaw((stale || {}).flagStorage || {})),
+    ]),
+  )
 }
 
 export const _mergeFlags = (recent, stale, allFlagKeys) => {
   if (!stale.flagStorage) return recent.flagStorage
   if (!recent.flagStorage) return stale.flagStorage
-  return Object.fromEntries(allFlagKeys.map(flag => {
-    const recentFlag = recent.flagStorage[flag]
-    const staleFlag = stale.flagStorage[flag]
-    // use flag that is of higher value
-    return [flag, Number((recentFlag > staleFlag ? recentFlag : staleFlag) || 0)]
-  }))
+  return Object.fromEntries(
+    allFlagKeys.map((flag) => {
+      const recentFlag = recent.flagStorage[flag]
+      const staleFlag = stale.flagStorage[flag]
+      // use flag that is of higher value
+      return [
+        flag,
+        Number((recentFlag > staleFlag ? recentFlag : staleFlag) || 0),
+      ]
+    }),
+  )
 }
 
 const _mergeJournal = (...journals) => {
   // Ignore invalid journal entries
   const allJournals = flatten(
-    journals.map(j => Array.isArray(j) ? j : [])
-  ).filter(entry =>
-    Object.hasOwn(entry, 'path') &&
-    Object.hasOwn(entry, 'operation') &&
-    Object.hasOwn(entry, 'args') &&
-    Object.hasOwn(entry, 'timestamp')
+    journals.map((j) => (Array.isArray(j) ? j : [])),
+  ).filter(
+    (entry) =>
+      Object.hasOwn(entry, 'path') &&
+      Object.hasOwn(entry, 'operation') &&
+      Object.hasOwn(entry, 'args') &&
+      Object.hasOwn(entry, 'timestamp'),
   )
   const grouped = groupBy(allJournals, 'path')
   const trimmedGrouped = Object.entries(grouped).map(([path, journal]) => {
     // side effect
-    journal.sort((a, b) => a.timestamp > b.timestamp ? 1 : -1)
+    journal.sort((a, b) => (a.timestamp > b.timestamp ? 1 : -1))
 
     if (path.startsWith('collections')) {
-      const lastRemoveIndex = findLastIndex(journal, ({ operation }) => operation === 'removeFromCollection')
+      const lastRemoveIndex = findLastIndex(
+        journal,
+        ({ operation }) => operation === 'removeFromCollection',
+      )
       // everything before last remove is unimportant
       let remainder
       if (lastRemoveIndex > 0) {
@@ -191,8 +221,12 @@ const _mergeJournal = (...journals) => {
         remainder = journal
       }
       return uniqWith(remainder, (a, b) => {
-        if (a.path !== b.path) { return false }
-        if (a.operation !== b.operation) { return false }
+        if (a.path !== b.path) {
+          return false
+        }
+        if (a.operation !== b.operation) {
+          return false
+        }
         if (a.operation === 'addToCollection') {
           return a.args[0] === b.args[0]
         }
@@ -205,8 +239,9 @@ const _mergeJournal = (...journals) => {
       return journal
     }
   })
-  return flatten(trimmedGrouped)
-    .sort((a, b) => a.timestamp > b.timestamp ? 1 : -1)
+  return flatten(trimmedGrouped).sort((a, b) =>
+    a.timestamp > b.timestamp ? 1 : -1,
+  )
 }
 
 export const _mergePrefs = (recent, stale) => {
@@ -228,29 +263,45 @@ export const _mergePrefs = (recent, stale) => {
   const totalJournal = _mergeJournal(staleJournal, recentJournal)
   totalJournal.forEach(({ path, operation, args }) => {
     if (path.startsWith('_')) {
-      throw new Error(`journal contains entry to edit internal (starts with _) field '${path}', something is incorrect here, ignoring.`)
+      throw new Error(
+        `journal contains entry to edit internal (starts with _) field '${path}', something is incorrect here, ignoring.`,
+      )
     }
     switch (operation) {
       case 'set':
-        if (path.startsWith('collections') || path.startsWith('objectCollections')) {
+        if (
+          path.startsWith('collections') ||
+          path.startsWith('objectCollections')
+        ) {
           throw new Error('Illegal operation "set" on a collection')
         }
         if (path.split(/\./g).length <= 1) {
-          throw new Error(`Calling set on depth <= 1 (path: ${path}) is not allowed`)
+          throw new Error(
+            `Calling set on depth <= 1 (path: ${path}) is not allowed`,
+          )
         }
         set(resultOutput, path, args[0])
         break
       case 'unset':
-        if (path.startsWith('collections') || path.startsWith('objectCollections')) {
+        if (
+          path.startsWith('collections') ||
+          path.startsWith('objectCollections')
+        ) {
           throw new Error('Illegal operation "unset" on a collection')
         }
         if (path.split(/\./g).length <= 2) {
-          throw new Error(`Calling unset on depth <= 2 (path: ${path})  is not allowed`)
+          throw new Error(
+            `Calling unset on depth <= 2 (path: ${path})  is not allowed`,
+          )
         }
         unset(resultOutput, path)
         break
       case 'addToCollection':
-        set(resultOutput, path, Array.from(new Set(get(resultOutput, path)).add(args[0])))
+        set(
+          resultOutput,
+          path,
+          Array.from(new Set(get(resultOutput, path)).add(args[0])),
+        )
         break
       case 'removeFromCollection': {
         const newSet = new Set(get(resultOutput, path))
@@ -260,27 +311,39 @@ export const _mergePrefs = (recent, stale) => {
       }
       case 'reorderCollection': {
         const [value, movement] = args
-        set(resultOutput, path, _moveItemInArray(get(resultOutput, path), value, movement))
+        set(
+          resultOutput,
+          path,
+          _moveItemInArray(get(resultOutput, path), value, movement),
+        )
         break
       }
       default:
-        throw new Error(`Unknown journal operation: '${operation}', did we forget to run reverse migrations beforehand?`)
+        throw new Error(
+          `Unknown journal operation: '${operation}', did we forget to run reverse migrations beforehand?`,
+        )
     }
   })
   return { ...resultOutput, _journal: totalJournal }
 }
 
-export const _resetFlags = (totalFlags, knownKeys = defaultState.flagStorage) => {
+export const _resetFlags = (
+  totalFlags,
+  knownKeys = defaultState.flagStorage,
+) => {
   let result = { ...totalFlags }
   const allFlagKeys = Object.keys(totalFlags)
   // flag reset functionality
-  if (totalFlags.reset >= COMMAND_TRIM_FLAGS && totalFlags.reset <= COMMAND_TRIM_FLAGS_AND_RESET) {
+  if (
+    totalFlags.reset >= COMMAND_TRIM_FLAGS &&
+    totalFlags.reset <= COMMAND_TRIM_FLAGS_AND_RESET
+  ) {
     console.debug('Received command to trim the flags')
     const knownKeysSet = new Set(Object.keys(knownKeys))
 
     // Trim
     result = {}
-    allFlagKeys.forEach(flag => {
+    allFlagKeys.forEach((flag) => {
       if (knownKeysSet.has(flag)) {
         result[flag] = totalFlags[flag]
       }
@@ -290,11 +353,15 @@ export const _resetFlags = (totalFlags, knownKeys = defaultState.flagStorage) =>
     if (totalFlags.reset === COMMAND_TRIM_FLAGS_AND_RESET) {
       // 1001 - and reset everything to 0
       console.debug('Received command to reset the flags')
-      Object.keys(knownKeys).forEach(flag => { result[flag] = 0 })
+      Object.keys(knownKeys).forEach((flag) => {
+        result[flag] = 0
+      })
     }
   } else if (totalFlags.reset > 0 && totalFlags.reset < 9000) {
     console.debug('Received command to reset the flags')
-    allFlagKeys.forEach(flag => { result[flag] = 0 })
+    allFlagKeys.forEach((flag) => {
+      result[flag] = 0
+    })
   }
   result.reset = 0
   return result
@@ -304,20 +371,29 @@ export const _doMigrations = (cache) => {
   if (!cache) return cache
 
   if (cache._version < VERSION) {
-    console.debug('Local cached data has older version, seeing if there any migrations that can be applied')
+    console.debug(
+      'Local cached data has older version, seeing if there any migrations that can be applied',
+    )
 
     // no migrations right now since we only have one version
     console.debug('No migrations found')
   }
 
   if (cache._version > VERSION) {
-    console.debug('Local cached data has newer version, seeing if there any reverse migrations that can be applied')
+    console.debug(
+      'Local cached data has newer version, seeing if there any reverse migrations that can be applied',
+    )
 
     // no reverse migrations right now but we leave a possibility of loading a hotpatch if need be
     if (window._PLEROMA_HOTPATCH) {
       if (window._PLEROMA_HOTPATCH.reverseMigrations) {
         console.debug('Found hotpatch migration, applying')
-        return window._PLEROMA_HOTPATCH.reverseMigrations.call({}, 'serverSideStorage', { from: cache._version, to: VERSION }, cache)
+        return window._PLEROMA_HOTPATCH.reverseMigrations.call(
+          {},
+          'serverSideStorage',
+          { from: cache._version, to: VERSION },
+          cache,
+        )
       }
     }
   }
@@ -330,53 +406,77 @@ export const useServerSideStorageStore = defineStore('serverSideStorage', {
     return cloneDeep(defaultState)
   },
   actions: {
-    setFlag ({ flag, value }) {
+    setFlag({ flag, value }) {
       this.flagStorage[flag] = value
       this.dirty = true
     },
-    setPreference ({ path, value }) {
+    setPreference({ path, value }) {
       if (path.startsWith('_')) {
-        throw new Error(`Tried to edit internal (starts with _) field '${path}', ignoring.`)
+        throw new Error(
+          `Tried to edit internal (starts with _) field '${path}', ignoring.`,
+        )
       }
-      if (path.startsWith('collections') || path.startsWith('objectCollections')) {
-        throw new Error(`Invalid operation 'set' for collection field '${path}', ignoring.`)
+      if (
+        path.startsWith('collections') ||
+        path.startsWith('objectCollections')
+      ) {
+        throw new Error(
+          `Invalid operation 'set' for collection field '${path}', ignoring.`,
+        )
       }
       if (path.split(/\./g).length <= 1) {
-        throw new Error(`Calling set on depth <= 1 (path: ${path}) is not allowed`)
+        throw new Error(
+          `Calling set on depth <= 1 (path: ${path}) is not allowed`,
+        )
       }
       if (path.split(/\./g).length > 3) {
-        throw new Error(`Calling set on depth > 3 (path: ${path})  is not allowed`)
+        throw new Error(
+          `Calling set on depth > 3 (path: ${path})  is not allowed`,
+        )
       }
       set(this.prefsStorage, path, value)
       this.prefsStorage._journal = [
         ...this.prefsStorage._journal,
-        { operation: 'set', path, args: [value], timestamp: Date.now() }
+        { operation: 'set', path, args: [value], timestamp: Date.now() },
       ]
       this.dirty = true
     },
-    unsetPreference ({ path, value }) {
+    unsetPreference({ path, value }) {
       if (path.startsWith('_')) {
-        throw new Error(`Tried to edit internal (starts with _) field '${path}', ignoring.`)
+        throw new Error(
+          `Tried to edit internal (starts with _) field '${path}', ignoring.`,
+        )
       }
-      if (path.startsWith('collections') || path.startsWith('objectCollections')) {
-        throw new Error(`Invalid operation 'unset' for collection field '${path}', ignoring.`)
+      if (
+        path.startsWith('collections') ||
+        path.startsWith('objectCollections')
+      ) {
+        throw new Error(
+          `Invalid operation 'unset' for collection field '${path}', ignoring.`,
+        )
       }
       if (path.split(/\./g).length <= 2) {
-        throw new Error(`Calling unset on depth <= 2 (path: ${path})  is not allowed`)
+        throw new Error(
+          `Calling unset on depth <= 2 (path: ${path})  is not allowed`,
+        )
       }
       if (path.split(/\./g).length > 3) {
-        throw new Error(`Calling unset on depth > 3 (path: ${path})  is not allowed`)
+        throw new Error(
+          `Calling unset on depth > 3 (path: ${path})  is not allowed`,
+        )
       }
       unset(this.prefsStorage, path, value)
       this.prefsStorage._journal = [
         ...this.prefsStorage._journal,
-        { operation: 'unset', path, args: [], timestamp: Date.now() }
+        { operation: 'unset', path, args: [], timestamp: Date.now() },
       ]
       this.dirty = true
     },
-    addCollectionPreference ({ path, value }) {
+    addCollectionPreference({ path, value }) {
       if (path.startsWith('_')) {
-        throw new Error(`tried to edit internal (starts with _) field '${path}'`)
+        throw new Error(
+          `tried to edit internal (starts with _) field '${path}'`,
+        )
       }
       if (path.startsWith('collections')) {
         const collection = new Set(get(this.prefsStorage, path))
@@ -394,55 +494,79 @@ export const useServerSideStorageStore = defineStore('serverSideStorage', {
       }
       this.prefsStorage._journal = [
         ...this.prefsStorage._journal,
-        { operation: 'addToCollection', path, args: [value], timestamp: Date.now() }
+        {
+          operation: 'addToCollection',
+          path,
+          args: [value],
+          timestamp: Date.now(),
+        },
       ]
       this.dirty = true
     },
-    removeCollectionPreference ({ path, value }) {
+    removeCollectionPreference({ path, value }) {
       if (path.startsWith('_')) {
-        throw new Error(`tried to edit internal (starts with _) field '${path}', ignoring.`)
+        throw new Error(
+          `tried to edit internal (starts with _) field '${path}', ignoring.`,
+        )
       }
       const collection = new Set(get(this.prefsStorage, path))
       collection.delete(value)
       set(this.prefsStorage, path, [...collection])
       this.prefsStorage._journal = [
         ...this.prefsStorage._journal,
-        { operation: 'removeFromCollection', path, args: [value], timestamp: Date.now() }
+        {
+          operation: 'removeFromCollection',
+          path,
+          args: [value],
+          timestamp: Date.now(),
+        },
       ]
       this.dirty = true
     },
-    reorderCollectionPreference ({ path, value, movement }) {
+    reorderCollectionPreference({ path, value, movement }) {
       if (path.startsWith('_')) {
-        throw new Error(`tried to edit internal (starts with _) field '${path}', ignoring.`)
+        throw new Error(
+          `tried to edit internal (starts with _) field '${path}', ignoring.`,
+        )
       }
       const collection = get(this.prefsStorage, path)
       const newCollection = _moveItemInArray(collection, value, movement)
       set(this.prefsStorage, path, newCollection)
       this.prefsStorage._journal = [
         ...this.prefsStorage._journal,
-        { operation: 'arrangeCollection', path, args: [value], timestamp: Date.now() }
+        {
+          operation: 'arrangeCollection',
+          path,
+          args: [value],
+          timestamp: Date.now(),
+        },
       ]
       this.dirty = true
     },
-    updateCache ({ username }) {
+    updateCache({ username }) {
       this.prefsStorage._journal = _mergeJournal(this.prefsStorage._journal)
-      this.cache = _wrapData({
-        flagStorage: toRaw(this.flagStorage),
-        prefsStorage: toRaw(this.prefsStorage)
-      }, username)
+      this.cache = _wrapData(
+        {
+          flagStorage: toRaw(this.flagStorage),
+          prefsStorage: toRaw(this.prefsStorage),
+        },
+        username,
+      )
     },
-    clearServerSideStorage () {
+    clearServerSideStorage() {
       const blankState = { ...cloneDeep(defaultState) }
-      Object.keys(this).forEach(k => {
+      Object.keys(this).forEach((k) => {
         this[k] = blankState[k]
       })
     },
-    setServerSideStorage (userData) {
+    setServerSideStorage(userData) {
       const live = userData.storage
       this.raw = live
       let cache = this.cache
       if (cache && cache._user !== userData.fqn) {
-        console.warn('Cache belongs to another user! reinitializing local cache!')
+        console.warn(
+          'Cache belongs to another user! reinitializing local cache!',
+        )
         cache = null
       }
 
@@ -455,10 +579,12 @@ export const useServerSideStorageStore = defineStore('serverSideStorage', {
       let dirty = false
 
       if (recent === null) {
-        console.debug(`Data is empty, initializing for ${userNew ? 'new' : 'existing'} user`)
+        console.debug(
+          `Data is empty, initializing for ${userNew ? 'new' : 'existing'} user`,
+        )
         recent = _wrapData({
           flagStorage: { ...flagsTemplate },
-          prefsStorage: { ...defaultState.prefsStorage }
+          prefsStorage: { ...defaultState.prefsStorage },
         })
       }
 
@@ -470,7 +596,7 @@ export const useServerSideStorageStore = defineStore('serverSideStorage', {
         const { _timestamp: _2, _version: _3, ...staleData } = stale
         /* eslint-enable no-unused-vars */
         dirty = !isEqual(recentData, staleData)
-        console.debug(`Data ${dirty ? 'needs' : 'doesn\'t need'} merging`)
+        console.debug(`Data ${dirty ? 'needs' : "doesn't need"} merging`)
       }
 
       const allFlagKeys = _getAllFlags(recent, stale)
@@ -502,7 +628,7 @@ export const useServerSideStorageStore = defineStore('serverSideStorage', {
       this.flagStorage = this.cache.flagStorage
       this.prefsStorage = this.cache.prefsStorage
     },
-    pushServerSideStorage ({ force = false } = {}) {
+    pushServerSideStorage({ force = false } = {}) {
       const needPush = this.dirty || force
       if (!needPush) return
       this.updateCache({ username: window.vuex.state.users.currentUser.fqn })
@@ -513,6 +639,6 @@ export const useServerSideStorageStore = defineStore('serverSideStorage', {
           this.setServerSideStorage(user)
           this.dirty = false
         })
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/shout.js b/src/stores/shout.js
index 105e80e6f..79268bd57 100644
--- a/src/stores/shout.js
+++ b/src/stores/shout.js
@@ -4,10 +4,10 @@ export const useShoutStore = defineStore('shout', {
   state: () => ({
     messages: [],
     channel: { state: '' },
-    joined: false
+    joined: false,
   }),
   actions: {
-    initializeShout (socket) {
+    initializeShout(socket) {
       const channel = socket.channel('chat:public')
       channel.joinPush.receive('ok', () => {
         this.joined = true
@@ -27,6 +27,6 @@ export const useShoutStore = defineStore('shout', {
       })
       channel.join()
       this.channel = channel
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/statusHistory.js b/src/stores/statusHistory.js
index 0d3c54c89..9868b22c5 100644
--- a/src/stores/statusHistory.js
+++ b/src/stores/statusHistory.js
@@ -3,15 +3,15 @@ import { defineStore } from 'pinia'
 export const useStatusHistoryStore = defineStore('statusHistory', {
   state: () => ({
     params: {},
-    modalActivated: false
+    modalActivated: false,
   }),
   actions: {
-    openStatusHistoryModal (params) {
+    openStatusHistoryModal(params) {
       this.params = params
       this.modalActivated = true
     },
-    closeStatusHistoryModal () {
+    closeStatusHistoryModal() {
       this.modalActivated = false
-    }
-  }
+    },
+  },
 })
diff --git a/src/sw.js b/src/sw.js
index 834c68e7f..a108f1d69 100644
--- a/src/sw.js
+++ b/src/sw.js
@@ -15,17 +15,18 @@ const i18n = createI18n({
   // By default, use the browser locale, we will update it if neccessary
   locale: 'en',
   fallbackLocale: 'en',
-  messages
+  messages,
 })
 
 const state = {
   lastFocused: null,
   notificationIds: new Set(),
-  allowedNotificationTypes: null
+  allowedNotificationTypes: null,
 }
 
-function getWindowClients () {
-  return clients.matchAll({ includeUncontrolled: true })
+function getWindowClients() {
+  return clients
+    .matchAll({ includeUncontrolled: true })
     .then((clientList) => clientList.filter(({ type }) => type === 'window'))
 }
 
@@ -33,8 +34,11 @@ const setSettings = async () => {
   const vuexState = await storage.getItem('vuex-lz')
   const locale = vuexState.config.interfaceLanguage || 'en'
   i18n.locale = locale
-  const notificationsNativeArray = Object.entries(vuexState.config.notificationNative)
-  state.webPushAlwaysShowNotifications = vuexState.config.webPushAlwaysShowNotifications
+  const notificationsNativeArray = Object.entries(
+    vuexState.config.notificationNative,
+  )
+  state.webPushAlwaysShowNotifications =
+    vuexState.config.webPushAlwaysShowNotifications
 
   state.allowedNotificationTypes = new Set(
     notificationsNativeArray
@@ -62,7 +66,7 @@ const setSettings = async () => {
           default:
             return k
         }
-      })
+      }),
   )
 }
 
@@ -74,13 +78,18 @@ const showPushNotification = async (event) => {
     const data = event.data.json()
 
     const url = `${self.registration.scope}api/v1/notifications/${data.notification_id}`
-    const notification = await fetch(url, { headers: { Authorization: 'Bearer ' + data.access_token } })
+    const notification = await fetch(url, {
+      headers: { Authorization: 'Bearer ' + data.access_token },
+    })
     const notificationJson = await notification.json()
     const parsedNotification = parseNotification(notificationJson)
 
     const res = prepareNotificationObject(parsedNotification, i18n)
 
-    if (state.webPushAlwaysShowNotifications || state.allowedNotificationTypes.has(parsedNotification.type)) {
+    if (
+      state.webPushAlwaysShowNotifications ||
+      state.allowedNotificationTypes.has(parsedNotification.type)
+    ) {
       return self.registration.showNotification(res.title, res)
     }
   }
@@ -88,7 +97,7 @@ const showPushNotification = async (event) => {
 }
 
 const cacheFiles = self.serviceWorkerOption.assets
-const isEmoji = req => {
+const isEmoji = (req) => {
   if (req.method !== 'GET') {
     return false
   }
@@ -96,14 +105,14 @@ const isEmoji = req => {
 
   return url.pathname.startsWith('/emoji/')
 }
-const isNotMedia = req => {
+const isNotMedia = (req) => {
   if (req.method !== 'GET') {
     return false
   }
   const url = new URL(req.url)
   return !url.pathname.startsWith('/media/')
 }
-const isAsset = req => {
+const isAsset = (req) => {
   const url = new URL(req.url)
   return cacheFiles.includes(url.pathname)
 }
@@ -112,7 +121,7 @@ const isSuccessful = (resp) => {
   if (!resp.ok) {
     return false
   }
-  if ((new URL(resp.url)).pathname === '/index.html') {
+  if (new URL(resp.url).pathname === '/index.html') {
     // For index.html itself, there is no fallback possible.
     return true
   }
@@ -123,41 +132,52 @@ const isSuccessful = (resp) => {
 
 self.addEventListener('install', async (event) => {
   if (shouldCache) {
-    event.waitUntil((async () => {
-      // Do not preload i18n and emoji annotations to speed up loading
-      const shouldPreload = (route) => {
-        return !route.startsWith('/static/js/i18n/') && !route.startsWith('/static/js/emoji-annotations/')
-      }
-      const cache = await caches.open(cacheKey)
-      await Promise.allSettled(cacheFiles.filter(shouldPreload).map(async (route) => {
-        // https://developer.mozilla.org/en-US/docs/Web/API/Cache/add
-        // originally we used addAll() but it will raise a problem in one edge case:
-        // when the file for the route is not found, backend will return index.html with code 200
-        // but it's wrong, and it's cached, so we end up with a bad cache.
-        // this can happen when you refresh when you are in the process of upgrading
-        // the frontend.
-        const resp = await fetch(route)
-        if (isSuccessful(resp)) {
-          await cache.put(route, resp)
+    event.waitUntil(
+      (async () => {
+        // Do not preload i18n and emoji annotations to speed up loading
+        const shouldPreload = (route) => {
+          return (
+            !route.startsWith('/static/js/i18n/') &&
+            !route.startsWith('/static/js/emoji-annotations/')
+          )
         }
-      }))
-    })())
+        const cache = await caches.open(cacheKey)
+        await Promise.allSettled(
+          cacheFiles.filter(shouldPreload).map(async (route) => {
+            // https://developer.mozilla.org/en-US/docs/Web/API/Cache/add
+            // originally we used addAll() but it will raise a problem in one edge case:
+            // when the file for the route is not found, backend will return index.html with code 200
+            // but it's wrong, and it's cached, so we end up with a bad cache.
+            // this can happen when you refresh when you are in the process of upgrading
+            // the frontend.
+            const resp = await fetch(route)
+            if (isSuccessful(resp)) {
+              await cache.put(route, resp)
+            }
+          }),
+        )
+      })(),
+    )
   }
 })
 
 self.addEventListener('activate', async (event) => {
   if (shouldCache) {
-    event.waitUntil((async () => {
-      const cache = await caches.open(cacheKey)
-      const keys = await cache.keys()
-      await Promise.all(
-        keys.filter(request => {
-          const url = new URL(request.url)
-          const shouldKeep = cacheFiles.includes(url.pathname)
-          return !shouldKeep
-        }).map(k => cache.delete(k))
-      )
-    })())
+    event.waitUntil(
+      (async () => {
+        const cache = await caches.open(cacheKey)
+        const keys = await cache.keys()
+        await Promise.all(
+          keys
+            .filter((request) => {
+              const url = new URL(request.url)
+              const shouldKeep = cacheFiles.includes(url.pathname)
+              return !shouldKeep
+            })
+            .map((k) => cache.delete(k)),
+        )
+      })(),
+    )
   }
 })
 
@@ -188,66 +208,86 @@ self.addEventListener('message', async (event) => {
     const { id, all } = content
     const search = all ? null : { tag: id }
     const notifications = await self.registration.getNotifications(search)
-    notifications.forEach(n => n.close())
+    notifications.forEach((n) => n.close())
   }
 
   if (type === 'updateFocus') {
     state.lastFocused = event.source.id
 
     const notifications = await self.registration.getNotifications()
-    notifications.forEach(n => n.close())
+    notifications.forEach((n) => n.close())
   }
 })
 
 self.addEventListener('notificationclick', (event) => {
   event.notification.close()
 
-  event.waitUntil(getWindowClients().then((list) => {
-    for (let i = 0; i < list.length; i++) {
-      const client = list[i]
-      client.postMessage({ type: 'notificationClicked', id: event.notification.tag })
-    }
-
-    for (let i = 0; i < list.length; i++) {
-      const client = list[i]
-      if (state.lastFocused === null || client.id === state.lastFocused) {
-        if ('focus' in client) return client.focus()
+  event.waitUntil(
+    getWindowClients().then((list) => {
+      for (let i = 0; i < list.length; i++) {
+        const client = list[i]
+        client.postMessage({
+          type: 'notificationClicked',
+          id: event.notification.tag,
+        })
       }
-    }
 
-    if (clients.openWindow) return clients.openWindow('/')
-  }))
+      for (let i = 0; i < list.length; i++) {
+        const client = list[i]
+        if (state.lastFocused === null || client.id === state.lastFocused) {
+          if ('focus' in client) return client.focus()
+        }
+      }
+
+      if (clients.openWindow) return clients.openWindow('/')
+    }),
+  )
 })
 
 self.addEventListener('fetch', (event) => {
   // Do not mess up with remote things
-  const isSameOrigin = (new URL(event.request.url)).origin === self.location.origin
-  if (shouldCache && event.request.method === 'GET' && isSameOrigin && isNotMedia(event.request)) {
+  const isSameOrigin =
+    new URL(event.request.url).origin === self.location.origin
+  if (
+    shouldCache &&
+    event.request.method === 'GET' &&
+    isSameOrigin &&
+    isNotMedia(event.request)
+  ) {
     // this is a bit spammy
     // console.debug('[Service worker] fetch:', event.request.url)
-    event.respondWith((async () => {
-      const r = await caches.match(event.request)
-      const isEmojiReq = isEmoji(event.request)
+    event.respondWith(
+      (async () => {
+        const r = await caches.match(event.request)
+        const isEmojiReq = isEmoji(event.request)
 
-      if (r && isSuccessful(r)) {
-        console.debug('[Service worker] already cached:', event.request.url)
-        return r
-      }
-
-      try {
-        const response = await fetch(event.request)
-        if (response.ok &&
-            isSuccessful(response) &&
-            (isEmojiReq || isAsset(event.request))) {
-          console.debug(`[Service worker] caching ${isEmojiReq ? 'emoji' : 'asset'}:`, event.request.url)
-          const cache = await caches.open(isEmojiReq ? emojiCacheKey : cacheKey)
-          await cache.put(event.request.clone(), response.clone())
+        if (r && isSuccessful(r)) {
+          console.debug('[Service worker] already cached:', event.request.url)
+          return r
         }
-        return response
-      } catch (e) {
-        console.error('[Service worker] error when caching emoji:', e)
-        throw e
-      }
-    })())
+
+        try {
+          const response = await fetch(event.request)
+          if (
+            response.ok &&
+            isSuccessful(response) &&
+            (isEmojiReq || isAsset(event.request))
+          ) {
+            console.debug(
+              `[Service worker] caching ${isEmojiReq ? 'emoji' : 'asset'}:`,
+              event.request.url,
+            )
+            const cache = await caches.open(
+              isEmojiReq ? emojiCacheKey : cacheKey,
+            )
+            await cache.put(event.request.clone(), response.clone())
+          }
+          return response
+        } catch (e) {
+          console.error('[Service worker] error when caching emoji:', e)
+          throw e
+        }
+      })(),
+    )
   }
 })
diff --git a/test/e2e/custom-assertions/elementCount.js b/test/e2e/custom-assertions/elementCount.js
index 5d5a57b9b..a35c2fc07 100644
--- a/test/e2e/custom-assertions/elementCount.js
+++ b/test/e2e/custom-assertions/elementCount.js
@@ -17,10 +17,14 @@ exports.assertion = function (selector, count) {
   }
   this.command = function (cb) {
     const self = this
-    return this.api.execute(function (selector) {
-      return document.querySelectorAll(selector).length
-    }, [selector], function (res) {
-      cb.call(self, res)
-    })
+    return this.api.execute(
+      function (selector) {
+        return document.querySelectorAll(selector).length
+      },
+      [selector],
+      function (res) {
+        cb.call(self, res)
+      },
+    )
   }
 }
diff --git a/test/e2e/nightwatch.conf.js b/test/e2e/nightwatch.conf.js
index fdd2fda29..6dfc0c1df 100644
--- a/test/e2e/nightwatch.conf.js
+++ b/test/e2e/nightwatch.conf.js
@@ -13,8 +13,8 @@ module.exports = {
     host: '127.0.0.1',
     port: 4444,
     cli_args: {
-      'webdriver.chrome.driver': require('chromedriver').path
-    }
+      'webdriver.chrome.driver': require('chromedriver').path,
+    },
   },
 
   test_settings: {
@@ -23,24 +23,25 @@ module.exports = {
       selenium_host: 'localhost',
       silent: true,
       globals: {
-        devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port)
-      }
+        devServerURL:
+          'http://localhost:' + (process.env.PORT || config.dev.port),
+      },
     },
 
     chrome: {
       desiredCapabilities: {
         browserName: 'chrome',
         javascriptEnabled: true,
-        acceptSslCerts: true
-      }
+        acceptSslCerts: true,
+      },
     },
 
     firefox: {
       desiredCapabilities: {
         browserName: 'firefox',
         javascriptEnabled: true,
-        acceptSslCerts: true
-      }
-    }
-  }
+        acceptSslCerts: true,
+      },
+    },
+  },
 }
diff --git a/test/e2e/runner.js b/test/e2e/runner.js
index 57abc2e1e..33fcc322c 100644
--- a/test/e2e/runner.js
+++ b/test/e2e/runner.js
@@ -18,7 +18,9 @@ if (opts.indexOf('--env') === -1) {
 }
 
 const spawn = require('cross-spawn')
-const runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' })
+const runner = spawn('./node_modules/.bin/nightwatch', opts, {
+  stdio: 'inherit',
+})
 
 runner.on('exit', function (code) {
   server.close()
diff --git a/test/e2e/specs/test.js b/test/e2e/specs/test.js
index a7b1bd920..f8993989b 100644
--- a/test/e2e/specs/test.js
+++ b/test/e2e/specs/test.js
@@ -15,5 +15,5 @@ module.exports = {
       .assert.containsText('h1', 'Welcome to Your Vue.js App')
       .assert.elementCount('img', 1)
       .end()
-  }
+  },
 }
diff --git a/test/fixtures/mastoapi.json b/test/fixtures/mastoapi.json
index 887fb83e4..b6e251071 100644
--- a/test/fixtures/mastoapi.json
+++ b/test/fixtures/mastoapi.json
@@ -1,36 +1,37 @@
-[{
+[
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"14660\" href=\"https://pleroma.soykaf.com/users/sampo\">@<span>sampo</span></a></span> god i wish i was there",
     "created_at": "2019-01-17T16:29:23.000Z",
@@ -42,12 +43,14 @@
     "in_reply_to_id": "10423197",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "sampo@pleroma.soykaf.com",
         "id": "14660",
         "url": "https://pleroma.soykaf.com/users/sampo",
         "username": "sampo"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -60,41 +63,42 @@
     "url": "https://shigusegubu.club/objects/16033fbb-97c0-4f0e-b834-7abb92fb8639",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"982\" href=\"https://bikeshed.party/users/feld\">@<span>feld</span></a></span><br /><a href=\"https://shigusegubu.club/media/4596ab2f-28e6-4f26-83db-0f26f29848cd/Jotaro - YES YES YES YES YES-sq_Fm7qfRQk.webm\">Jotaro - YES YES YES YES YES-sq…</a>",
     "created_at": "2019-01-17T16:29:12.000Z",
@@ -105,7 +109,8 @@
     "in_reply_to_account_id": "982",
     "in_reply_to_id": "10423446",
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": "Jotaro - YES YES YES YES YES-sq_Fm7qfRQk.webm",
         "id": "1104859167",
         "preview_url": "https://shigusegubu.club/media/4596ab2f-28e6-4f26-83db-0f26f29848cd/Jotaro - YES YES YES YES YES-sq_Fm7qfRQk.webm",
@@ -113,13 +118,16 @@
         "text_url": "https://shigusegubu.club/media/4596ab2f-28e6-4f26-83db-0f26f29848cd/Jotaro - YES YES YES YES YES-sq_Fm7qfRQk.webm",
         "type": "video",
         "url": "https://shigusegubu.club/media/4596ab2f-28e6-4f26-83db-0f26f29848cd/Jotaro - YES YES YES YES YES-sq_Fm7qfRQk.webm"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "feld@bikeshed.party",
         "id": "982",
         "url": "https://bikeshed.party/users/feld",
         "username": "feld"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -132,41 +140,42 @@
     "url": "https://shigusegubu.club/objects/6634d32b-96a8-4852-a3db-ac8730715779",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "heh<br /><a href=\"https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png\">scrot_17-01-19_18-16-40.png</a>",
     "created_at": "2019-01-17T16:28:49.000Z",
@@ -177,7 +186,8 @@
     "in_reply_to_account_id": null,
     "in_reply_to_id": null,
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": "scrot_17-01-19_18-16-40.png",
         "id": "-804793492",
         "preview_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
@@ -185,81 +195,86 @@
         "text_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
         "type": "image",
         "url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "sampo@pleroma.soykaf.com",
         "id": "14660",
         "url": "https://pleroma.soykaf.com/users/sampo",
         "username": "sampo"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": {
-        "account": {
-            "acct": "sampo@pleroma.soykaf.com",
-            "avatar": "https://pleroma.soykaf.com/media/f820f4cb-0fc8-4e4d-9521-c896ad2f93b5/c6e8d2e6d471616b82031e8348782e057aee7f1ed3214fe1522415e65694aa07.png",
-            "avatar_static": "https://pleroma.soykaf.com/media/f820f4cb-0fc8-4e4d-9521-c896ad2f93b5/c6e8d2e6d471616b82031e8348782e057aee7f1ed3214fe1522415e65694aa07.png",
-            "bot": false,
-            "created_at": "2018-04-02T21:19:46.000Z",
-            "display_name": "sampo",
-            "emojis": [],
-            "fields": [],
-            "followers_count": 23,
-            "following_count": 7,
-            "header": "https://pleroma.soykaf.com/media/23c3c6e1-863f-4aa2-9711-ab25bfeadd10/6aa0c00c79010d9a735c3e25d7e53da5a9fb4231720b4bd5b6904cd963b4c1cd.png",
-            "header_static": "https://pleroma.soykaf.com/media/23c3c6e1-863f-4aa2-9711-ab25bfeadd10/6aa0c00c79010d9a735c3e25d7e53da5a9fb4231720b4bd5b6904cd963b4c1cd.png",
-            "id": "14660",
-            "locked": false,
-            "note": "welcome to binlan 🇫🇮 prööh",
-            "pleroma": {
-                "confirmation_pending": false,
-                "tags": null
-            },
-            "source": {
-                "note": "",
-                "privacy": "public",
-                "sensitive": false
-            },
-            "statuses_count": 17647,
-            "url": "https://pleroma.soykaf.com/users/sampo",
-            "username": "sampo"
-        },
-        "application": {
-            "name": "Web",
-            "website": null
-        },
-        "content": "heh<br /><a href=\"https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png\">scrot_17-01-19_18-16-40.png</a>",
-        "created_at": "2019-01-17T16:20:06.000Z",
+      "account": {
+        "acct": "sampo@pleroma.soykaf.com",
+        "avatar": "https://pleroma.soykaf.com/media/f820f4cb-0fc8-4e4d-9521-c896ad2f93b5/c6e8d2e6d471616b82031e8348782e057aee7f1ed3214fe1522415e65694aa07.png",
+        "avatar_static": "https://pleroma.soykaf.com/media/f820f4cb-0fc8-4e4d-9521-c896ad2f93b5/c6e8d2e6d471616b82031e8348782e057aee7f1ed3214fe1522415e65694aa07.png",
+        "bot": false,
+        "created_at": "2018-04-02T21:19:46.000Z",
+        "display_name": "sampo",
         "emojis": [],
-        "favourited": false,
-        "favourites_count": 7,
-        "id": "10423197",
-        "in_reply_to_account_id": null,
-        "in_reply_to_id": null,
-        "language": null,
-        "media_attachments": [{
-            "description": "scrot_17-01-19_18-16-40.png",
-            "id": "-804793492",
-            "preview_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
-            "remote_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
-            "text_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
-            "type": "image",
-            "url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png"
-        }],
-        "mentions": [],
-        "muted": false,
-        "reblog": null,
-        "reblogged": false,
-        "reblogs_count": 2,
-        "replies_count": 0,
-        "sensitive": false,
-        "spoiler_text": "",
-        "tags": [],
-        "uri": "https://pleroma.soykaf.com/objects/bf7e43d4-5048-4176-8519-58e3e1014f8b",
-        "url": "https://pleroma.soykaf.com/objects/bf7e43d4-5048-4176-8519-58e3e1014f8b",
-        "visibility": "public",
+        "fields": [],
+        "followers_count": 23,
+        "following_count": 7,
+        "header": "https://pleroma.soykaf.com/media/23c3c6e1-863f-4aa2-9711-ab25bfeadd10/6aa0c00c79010d9a735c3e25d7e53da5a9fb4231720b4bd5b6904cd963b4c1cd.png",
+        "header_static": "https://pleroma.soykaf.com/media/23c3c6e1-863f-4aa2-9711-ab25bfeadd10/6aa0c00c79010d9a735c3e25d7e53da5a9fb4231720b4bd5b6904cd963b4c1cd.png",
+        "id": "14660",
+        "locked": false,
+        "note": "welcome to binlan 🇫🇮 prööh",
         "pleroma": {
-            "local": true
+          "confirmation_pending": false,
+          "tags": null
+        },
+        "source": {
+          "note": "",
+          "privacy": "public",
+          "sensitive": false
+        },
+        "statuses_count": 17647,
+        "url": "https://pleroma.soykaf.com/users/sampo",
+        "username": "sampo"
+      },
+      "application": {
+        "name": "Web",
+        "website": null
+      },
+      "content": "heh<br /><a href=\"https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png\">scrot_17-01-19_18-16-40.png</a>",
+      "created_at": "2019-01-17T16:20:06.000Z",
+      "emojis": [],
+      "favourited": false,
+      "favourites_count": 7,
+      "id": "10423197",
+      "in_reply_to_account_id": null,
+      "in_reply_to_id": null,
+      "language": null,
+      "media_attachments": [
+        {
+          "description": "scrot_17-01-19_18-16-40.png",
+          "id": "-804793492",
+          "preview_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
+          "remote_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
+          "text_url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png",
+          "type": "image",
+          "url": "https://pleroma.soykaf.com/media/fd13d009-2c1f-4a53-9762-257e592a7ff6/scrot_17-01-19_18-16-40.png"
         }
+      ],
+      "mentions": [],
+      "muted": false,
+      "reblog": null,
+      "reblogged": false,
+      "reblogs_count": 2,
+      "replies_count": 0,
+      "sensitive": false,
+      "spoiler_text": "",
+      "tags": [],
+      "uri": "https://pleroma.soykaf.com/objects/bf7e43d4-5048-4176-8519-58e3e1014f8b",
+      "url": "https://pleroma.soykaf.com/objects/bf7e43d4-5048-4176-8519-58e3e1014f8b",
+      "visibility": "public",
+      "pleroma": {
+        "local": true
+      }
     },
     "reblogged": false,
     "reblogs_count": 0,
@@ -271,41 +286,42 @@
     "url": "https://pleroma.soykaf.com/objects/bf7e43d4-5048-4176-8519-58e3e1014f8b",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"982\" href=\"https://bikeshed.party/users/feld\">@<span>feld</span></a></span><br /><a href=\"https://shigusegubu.club/media/65de40a9-a99b-4207-97d0-40dd836532db/Uhh No.avi-Xrne2-gOoqU.webm\">Uhh No.avi-Xrne2-gOoqU.webm</a>",
     "created_at": "2019-01-17T16:27:29.000Z",
@@ -316,7 +332,8 @@
     "in_reply_to_account_id": "982",
     "in_reply_to_id": "10423380",
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": "Uhh No.avi-Xrne2-gOoqU.webm",
         "id": "483179103",
         "preview_url": "https://shigusegubu.club/media/65de40a9-a99b-4207-97d0-40dd836532db/Uhh No.avi-Xrne2-gOoqU.webm",
@@ -324,13 +341,16 @@
         "text_url": "https://shigusegubu.club/media/65de40a9-a99b-4207-97d0-40dd836532db/Uhh No.avi-Xrne2-gOoqU.webm",
         "type": "video",
         "url": "https://shigusegubu.club/media/65de40a9-a99b-4207-97d0-40dd836532db/Uhh No.avi-Xrne2-gOoqU.webm"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "feld@bikeshed.party",
         "id": "982",
         "url": "https://bikeshed.party/users/feld",
         "username": "feld"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -343,41 +363,42 @@
     "url": "https://shigusegubu.club/objects/0f963ca1-a263-41ca-a43c-b5d26d0a08e9",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"16633\" href=\"https://social.super-niche.club/user/31\">@<span>fedebot</span></a></span> lewd",
     "created_at": "2019-01-17T16:17:46.000Z",
@@ -389,12 +410,14 @@
     "in_reply_to_id": "10423114",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "fedebot@social.super-niche.club",
         "id": "16633",
         "url": "https://social.super-niche.club/user/31",
         "username": "fedebot"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -407,41 +430,42 @@
     "url": "https://shigusegubu.club/objects/3f809bd8-656f-4a29-81d4-80eed6916eb0",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "#<span><a href=\"https://social.super-niche.club/tag/animeirl\">animeirl</a></span> <a href=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\" title=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\">https://social.super-niche.club/attachment/368974</a>",
     "created_at": "2019-01-17T14:20:42.000Z",
@@ -452,7 +476,8 @@
     "in_reply_to_account_id": null,
     "in_reply_to_id": null,
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": null,
         "id": "1373175917",
         "preview_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
@@ -460,133 +485,143 @@
         "text_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
         "type": "image",
         "url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "fedebot@social.super-niche.club",
         "id": "16633",
         "url": "https://social.super-niche.club/user/31",
         "username": "fedebot"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": {
-        "account": {
-            "acct": "fedebot@social.super-niche.club",
-            "avatar": "https://social.super-niche.club/avatar/31-300-20180411174535.jpeg",
-            "avatar_static": "https://social.super-niche.club/avatar/31-300-20180411174535.jpeg",
-            "bot": false,
-            "created_at": "2018-04-11T21:08:46.000Z",
-            "display_name": "Federation Bot",
-            "emojis": [],
-            "fields": [],
-            "followers_count": 6,
-            "following_count": 135,
-            "header": "https://shigusegubu.club/images/banner.png",
-            "header_static": "https://shigusegubu.club/images/banner.png",
-            "id": "16633",
-            "locked": false,
-            "note": "",
-            "pleroma": {
-                "confirmation_pending": false,
-                "tags": null
-            },
-            "source": {
-                "note": "",
-                "privacy": "public",
-                "sensitive": false
-            },
-            "statuses_count": 6335,
-            "url": "https://social.super-niche.club/user/31",
-            "username": "fedebot"
-        },
-        "application": {
-            "name": "Web",
-            "website": null
-        },
-        "content": "#<span><a href=\"https://social.super-niche.club/tag/animeirl\">animeirl</a></span> <a href=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\" title=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\">https://social.super-niche.club/attachment/368974</a>",
-        "created_at": "2019-01-17T14:11:08.000Z",
+      "account": {
+        "acct": "fedebot@social.super-niche.club",
+        "avatar": "https://social.super-niche.club/avatar/31-300-20180411174535.jpeg",
+        "avatar_static": "https://social.super-niche.club/avatar/31-300-20180411174535.jpeg",
+        "bot": false,
+        "created_at": "2018-04-11T21:08:46.000Z",
+        "display_name": "Federation Bot",
         "emojis": [],
-        "favourited": false,
-        "favourites_count": 4,
-        "id": "10419912",
-        "in_reply_to_account_id": null,
-        "in_reply_to_id": null,
-        "language": null,
-        "media_attachments": [{
-            "description": null,
-            "id": "1373175917",
-            "preview_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
-            "remote_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
-            "text_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
-            "type": "image",
-            "url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg"
-        }],
-        "mentions": [],
-        "muted": false,
-        "reblog": null,
-        "reblogged": false,
-        "reblogs_count": 3,
-        "replies_count": 0,
-        "sensitive": false,
-        "spoiler_text": "",
-        "tags": [{
-            "name": "animeirl",
-            "url": "/tag/animeirl"
-        }],
-        "uri": "tag:social.super-niche.club,2019-01-17:noticeId=2353002:objectType=note",
-        "url": "https://social.super-niche.club/notice/2353002",
-        "visibility": "public",
+        "fields": [],
+        "followers_count": 6,
+        "following_count": 135,
+        "header": "https://shigusegubu.club/images/banner.png",
+        "header_static": "https://shigusegubu.club/images/banner.png",
+        "id": "16633",
+        "locked": false,
+        "note": "",
         "pleroma": {
-            "local": true
+          "confirmation_pending": false,
+          "tags": null
+        },
+        "source": {
+          "note": "",
+          "privacy": "public",
+          "sensitive": false
+        },
+        "statuses_count": 6335,
+        "url": "https://social.super-niche.club/user/31",
+        "username": "fedebot"
+      },
+      "application": {
+        "name": "Web",
+        "website": null
+      },
+      "content": "#<span><a href=\"https://social.super-niche.club/tag/animeirl\">animeirl</a></span> <a href=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\" title=\"https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg\">https://social.super-niche.club/attachment/368974</a>",
+      "created_at": "2019-01-17T14:11:08.000Z",
+      "emojis": [],
+      "favourited": false,
+      "favourites_count": 4,
+      "id": "10419912",
+      "in_reply_to_account_id": null,
+      "in_reply_to_id": null,
+      "language": null,
+      "media_attachments": [
+        {
+          "description": null,
+          "id": "1373175917",
+          "preview_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
+          "remote_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
+          "text_url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg",
+          "type": "image",
+          "url": "https://social.super-niche.club/file/c366cae1e5820d68dc1e6bc7a06a2f2bc15166de1faabea4f060490d45fdf527.jpg"
         }
+      ],
+      "mentions": [],
+      "muted": false,
+      "reblog": null,
+      "reblogged": false,
+      "reblogs_count": 3,
+      "replies_count": 0,
+      "sensitive": false,
+      "spoiler_text": "",
+      "tags": [
+        {
+          "name": "animeirl",
+          "url": "/tag/animeirl"
+        }
+      ],
+      "uri": "tag:social.super-niche.club,2019-01-17:noticeId=2353002:objectType=note",
+      "url": "https://social.super-niche.club/notice/2353002",
+      "visibility": "public",
+      "pleroma": {
+        "local": true
+      }
     },
     "reblogged": false,
     "reblogs_count": 0,
     "replies_count": 0,
     "sensitive": false,
     "spoiler_text": "",
-    "tags": [{
+    "tags": [
+      {
         "name": "animeirl",
         "url": "/tag/animeirl"
-    }],
+      }
+    ],
     "uri": "tag:social.super-niche.club,2019-01-17:noticeId=2353002:objectType=note",
     "url": "tag:social.super-niche.club,2019-01-17:noticeId=2353002:objectType=note",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "ruin a distro in 3 words<br /><a href=\"https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png\">image.png</a>",
     "created_at": "2019-01-17T14:13:36.000Z",
@@ -597,7 +632,8 @@
     "in_reply_to_account_id": null,
     "in_reply_to_id": null,
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": "image.png",
         "id": "-948580066",
         "preview_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
@@ -605,86 +641,93 @@
         "text_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
         "type": "image",
         "url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "ivesen@miniwa.moe",
         "id": "39686",
         "url": "https://miniwa.moe/users/ivesen",
         "username": "ivesen"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": {
-        "account": {
-            "acct": "ivesen@miniwa.moe",
-            "avatar": "https://miniwa.moe/media/745353b1-89b0-4597-bd76-3ed6ec122c03/504e655c84a6a6d61d34f8daaf3baa6627088f73427763a044729dbf85cff4b8.png",
-            "avatar_static": "https://miniwa.moe/media/745353b1-89b0-4597-bd76-3ed6ec122c03/504e655c84a6a6d61d34f8daaf3baa6627088f73427763a044729dbf85cff4b8.png",
-            "bot": false,
-            "created_at": "2018-09-08T17:55:27.000Z",
-            "display_name": "tsumiki :bun:",
-            "emojis": [{
-                "shortcode": "bun",
-                "static_url": "https://miniwa.moe/emoji/custom/bun.png",
-                "url": "https://miniwa.moe/emoji/custom/bun.png",
-                "visible_in_picker": false
-            }],
-            "fields": [],
-            "followers_count": 8,
-            "following_count": 3,
-            "header": "https://miniwa.moe/media/bff7489f-22bb-4170-a68b-ba0e1c52116e/cf69fbec904a109f8c41b97ec03bfa7dbe49992fd7d61528a933740789b55eb1.gif",
-            "header_static": "https://miniwa.moe/media/bff7489f-22bb-4170-a68b-ba0e1c52116e/cf69fbec904a109f8c41b97ec03bfa7dbe49992fd7d61528a933740789b55eb1.gif",
-            "id": "39686",
-            "locked": false,
-            "note": "native resident of the black lizard planet trying to understand hoomanslocated near niflheimr xmpp: ivesen@xmpp.xyz | matrix: no | email: anything you could imagine @ ivesen.moe",
-            "pleroma": {
-                "confirmation_pending": false,
-                "tags": null
-            },
-            "source": {
-                "note": "",
-                "privacy": "public",
-                "sensitive": false
-            },
-            "statuses_count": 13174,
-            "url": "https://miniwa.moe/users/ivesen",
-            "username": "ivesen"
-        },
-        "application": {
-            "name": "Web",
-            "website": null
-        },
-        "content": "ruin a distro in 3 words<br /><a href=\"https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png\">image.png</a>",
-        "created_at": "2019-01-17T13:41:35.000Z",
-        "emojis": [],
-        "favourited": false,
-        "favourites_count": 3,
-        "id": "10418865",
-        "in_reply_to_account_id": null,
-        "in_reply_to_id": null,
-        "language": null,
-        "media_attachments": [{
-            "description": "image.png",
-            "id": "-948580066",
-            "preview_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
-            "remote_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
-            "text_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
-            "type": "image",
-            "url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png"
-        }],
-        "mentions": [],
-        "muted": false,
-        "reblog": null,
-        "reblogged": false,
-        "reblogs_count": 6,
-        "replies_count": 0,
-        "sensitive": false,
-        "spoiler_text": "",
-        "tags": [],
-        "uri": "https://miniwa.moe/objects/448e2944-0ecd-457f-92c3-cb454f2b0fab",
-        "url": "https://miniwa.moe/objects/448e2944-0ecd-457f-92c3-cb454f2b0fab",
-        "visibility": "public",
+      "account": {
+        "acct": "ivesen@miniwa.moe",
+        "avatar": "https://miniwa.moe/media/745353b1-89b0-4597-bd76-3ed6ec122c03/504e655c84a6a6d61d34f8daaf3baa6627088f73427763a044729dbf85cff4b8.png",
+        "avatar_static": "https://miniwa.moe/media/745353b1-89b0-4597-bd76-3ed6ec122c03/504e655c84a6a6d61d34f8daaf3baa6627088f73427763a044729dbf85cff4b8.png",
+        "bot": false,
+        "created_at": "2018-09-08T17:55:27.000Z",
+        "display_name": "tsumiki :bun:",
+        "emojis": [
+          {
+            "shortcode": "bun",
+            "static_url": "https://miniwa.moe/emoji/custom/bun.png",
+            "url": "https://miniwa.moe/emoji/custom/bun.png",
+            "visible_in_picker": false
+          }
+        ],
+        "fields": [],
+        "followers_count": 8,
+        "following_count": 3,
+        "header": "https://miniwa.moe/media/bff7489f-22bb-4170-a68b-ba0e1c52116e/cf69fbec904a109f8c41b97ec03bfa7dbe49992fd7d61528a933740789b55eb1.gif",
+        "header_static": "https://miniwa.moe/media/bff7489f-22bb-4170-a68b-ba0e1c52116e/cf69fbec904a109f8c41b97ec03bfa7dbe49992fd7d61528a933740789b55eb1.gif",
+        "id": "39686",
+        "locked": false,
+        "note": "native resident of the black lizard planet trying to understand hoomanslocated near niflheimr xmpp: ivesen@xmpp.xyz | matrix: no | email: anything you could imagine @ ivesen.moe",
         "pleroma": {
-            "local": true
+          "confirmation_pending": false,
+          "tags": null
+        },
+        "source": {
+          "note": "",
+          "privacy": "public",
+          "sensitive": false
+        },
+        "statuses_count": 13174,
+        "url": "https://miniwa.moe/users/ivesen",
+        "username": "ivesen"
+      },
+      "application": {
+        "name": "Web",
+        "website": null
+      },
+      "content": "ruin a distro in 3 words<br /><a href=\"https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png\">image.png</a>",
+      "created_at": "2019-01-17T13:41:35.000Z",
+      "emojis": [],
+      "favourited": false,
+      "favourites_count": 3,
+      "id": "10418865",
+      "in_reply_to_account_id": null,
+      "in_reply_to_id": null,
+      "language": null,
+      "media_attachments": [
+        {
+          "description": "image.png",
+          "id": "-948580066",
+          "preview_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
+          "remote_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
+          "text_url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png",
+          "type": "image",
+          "url": "https://miniwa.moe/media/4076945a-4a3b-4fb3-8b62-04eb401697ff/image.png"
         }
+      ],
+      "mentions": [],
+      "muted": false,
+      "reblog": null,
+      "reblogged": false,
+      "reblogs_count": 6,
+      "replies_count": 0,
+      "sensitive": false,
+      "spoiler_text": "",
+      "tags": [],
+      "uri": "https://miniwa.moe/objects/448e2944-0ecd-457f-92c3-cb454f2b0fab",
+      "url": "https://miniwa.moe/objects/448e2944-0ecd-457f-92c3-cb454f2b0fab",
+      "visibility": "public",
+      "pleroma": {
+        "local": true
+      }
     },
     "reblogged": false,
     "reblogs_count": 0,
@@ -696,50 +739,53 @@
     "url": "https://miniwa.moe/objects/448e2944-0ecd-457f-92c3-cb454f2b0fab",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"570\" href=\"https://social.sakamoto.gq/users/eal\">@<span>eal</span></a></span> thanks, alex jacobson :denton:",
     "created_at": "2019-01-17T14:12:42.000Z",
-    "emojis": [{
+    "emojis": [
+      {
         "shortcode": "denton",
         "static_url": "https://shigusegubu.club/emoji/sgsgb/denton.png",
         "url": "https://shigusegubu.club/emoji/sgsgb/denton.png",
         "visible_in_picker": false
-    }],
+      }
+    ],
     "favourited": false,
     "favourites_count": 0,
     "id": "10419752",
@@ -747,12 +793,14 @@
     "in_reply_to_id": "10419729",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "eal@social.sakamoto.gq",
         "id": "570",
         "url": "https://social.sakamoto.gq/users/eal",
         "username": "eal"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -765,41 +813,42 @@
     "url": "https://shigusegubu.club/objects/38b1bc44-15d8-40dd-b1aa-937e0ff4a86d",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"4395\" href=\"https://blovice.bahnhof.cz/users/pony\">@<span>pony</span></a></span> yeah",
     "created_at": "2019-01-17T14:11:01.000Z",
@@ -811,12 +860,14 @@
     "in_reply_to_id": "10419694",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "pony@blovice.bahnhof.cz",
         "id": "4395",
         "url": "https://blovice.bahnhof.cz/users/pony",
         "username": "pony"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -829,41 +880,42 @@
     "url": "https://shigusegubu.club/objects/fbff5da4-a517-42a9-bca9-17cae8cf2542",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "i probably shouldn't be watchng 4-hour stream vods of joel playing doom",
     "created_at": "2019-01-17T14:10:34.000Z",
@@ -888,41 +940,42 @@
     "url": "https://shigusegubu.club/objects/4007d659-27c6-4577-be10-fd134f5e4e7e",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "i got out of bed.",
     "created_at": "2019-01-17T14:10:18.000Z",
@@ -947,41 +1000,42 @@
     "url": "https://shigusegubu.club/objects/59912d51-1cc6-4dc7-828c-f167e6c8b391",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "New day!",
     "created_at": "2019-01-17T13:25:56.000Z",
@@ -1006,41 +1060,42 @@
     "url": "https://shigusegubu.club/objects/62690bce-3f49-4047-9c8e-8941f2f79e10",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"27194\" href=\"https://queer.hacktivis.me/users/lanodan\">@<span>lanodan</span></a></span> you either use nvidia-blob or don't use nvidia. Unless it's a very VERY old GPU.",
     "created_at": "2019-01-16T22:21:10.000Z",
@@ -1052,12 +1107,14 @@
     "in_reply_to_id": "10394997",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "lanodan@queer.hacktivis.me",
         "id": "27194",
         "url": "https://queer.hacktivis.me/users/lanodan",
         "username": "lanodan"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1070,41 +1127,42 @@
     "url": "https://shigusegubu.club/objects/818f3dd0-2ff8-4def-a170-e4d4c405f387",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"58\" href=\"https://pleroma.soykaf.com/users/lain\">@<span>lain</span></a></span> <br />1. 🔪<br />2. trigger trypophobia<br />3. sprinkle with spices<br />4. pee on it<br />5. pat pat<br />6. blanket time<br />7. bring in the cocaine<br />8. ?????????????<br />9. ???? hitler ???????<br />10. ???????????<br />11. ???? Adobe After Effects ????<br />12. !!!!!!!!!!!!!!BREAK IT!!!!!!!!!!!<br />13. !!!kindar suprize!!<br />14. (time skip for two hours, realisation that using cocaine was a bad idea)<br />15. (still not over from cocaine)<br />16. куличики! Плов, огурцы, это еще что бля<br />17. fuck it, play it cool, just put meat on the mounds<br />18. note to self: never use cocaine in culinary ever again",
     "created_at": "2019-01-16T22:20:50.000Z",
@@ -1116,12 +1174,14 @@
     "in_reply_to_id": "10394990",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "lain@pleroma.soykaf.com",
         "id": "58",
         "url": "https://pleroma.soykaf.com/users/lain",
         "username": "lain"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1134,41 +1194,42 @@
     "url": "https://shigusegubu.club/objects/0783a193-c097-488d-8944-47df9372cd6e",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"55339\" href=\"https://pleroma.site/users/cathode\">@<span>cathode</span></a></span> me too",
     "created_at": "2019-01-16T22:09:28.000Z",
@@ -1180,12 +1241,14 @@
     "in_reply_to_id": "10394677",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "cathode@pleroma.site",
         "id": "55339",
         "url": "https://pleroma.site/users/cathode",
         "username": "cathode"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1198,41 +1261,42 @@
     "url": "https://shigusegubu.club/objects/145d5252-7b8e-467d-9f36-1db0818f452f",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "I love pleroma and lain",
     "created_at": "2019-01-16T22:09:24.000Z",
@@ -1244,72 +1308,74 @@
     "in_reply_to_id": null,
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "cathode@pleroma.site",
         "id": "55339",
         "url": "https://pleroma.site/users/cathode",
         "username": "cathode"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": {
-        "account": {
-            "acct": "cathode@pleroma.site",
-            "avatar": "https://pleroma.site/media/cc874883-fafb-4f25-80f2-e16677e83621/c50a4ea55a99fdf3b69bf66ce2768bc2c48c6135332914bb49445aab1211d794.gif",
-            "avatar_static": "https://pleroma.site/media/cc874883-fafb-4f25-80f2-e16677e83621/c50a4ea55a99fdf3b69bf66ce2768bc2c48c6135332914bb49445aab1211d794.gif",
-            "bot": false,
-            "created_at": "2018-12-14T21:47:14.000Z",
-            "display_name": "gay hug bug loves you",
-            "emojis": [],
-            "fields": [],
-            "followers_count": 0,
-            "following_count": 0,
-            "header": "https://pleroma.site/media/8170fac2-fc17-4b9c-8624-52491d56f769/8cb558d3960254180b10860012a519253baaa1db88a0476da02be6a558015b34.jpg",
-            "header_static": "https://pleroma.site/media/8170fac2-fc17-4b9c-8624-52491d56f769/8cb558d3960254180b10860012a519253baaa1db88a0476da02be6a558015b34.jpg",
-            "id": "55339",
-            "locked": false,
-            "note": "he/him but you can call me anything really<br /><br />welcome to my profile :333<br /><br /><a href=\"https://cathode.neocities.org/\">https://cathode.neocities.org/</a>",
-            "pleroma": {
-                "confirmation_pending": false,
-                "tags": null
-            },
-            "source": {
-                "note": "",
-                "privacy": "public",
-                "sensitive": false
-            },
-            "statuses_count": 16,
-            "url": "https://pleroma.site/users/cathode",
-            "username": "cathode"
-        },
-        "application": {
-            "name": "Web",
-            "website": null
-        },
-        "content": "I love pleroma and lain",
-        "created_at": "2019-01-16T22:08:50.000Z",
+      "account": {
+        "acct": "cathode@pleroma.site",
+        "avatar": "https://pleroma.site/media/cc874883-fafb-4f25-80f2-e16677e83621/c50a4ea55a99fdf3b69bf66ce2768bc2c48c6135332914bb49445aab1211d794.gif",
+        "avatar_static": "https://pleroma.site/media/cc874883-fafb-4f25-80f2-e16677e83621/c50a4ea55a99fdf3b69bf66ce2768bc2c48c6135332914bb49445aab1211d794.gif",
+        "bot": false,
+        "created_at": "2018-12-14T21:47:14.000Z",
+        "display_name": "gay hug bug loves you",
         "emojis": [],
-        "favourited": false,
-        "favourites_count": 4,
-        "id": "10394677",
-        "in_reply_to_account_id": null,
-        "in_reply_to_id": null,
-        "language": null,
-        "media_attachments": [],
-        "mentions": [],
-        "muted": false,
-        "reblog": null,
-        "reblogged": false,
-        "reblogs_count": 2,
-        "replies_count": 0,
-        "sensitive": false,
-        "spoiler_text": "",
-        "tags": [],
-        "uri": "https://pleroma.site/objects/3076c055-0e34-4cf9-86ca-2d148b9b694a",
-        "url": "https://pleroma.site/objects/3076c055-0e34-4cf9-86ca-2d148b9b694a",
-        "visibility": "public",
+        "fields": [],
+        "followers_count": 0,
+        "following_count": 0,
+        "header": "https://pleroma.site/media/8170fac2-fc17-4b9c-8624-52491d56f769/8cb558d3960254180b10860012a519253baaa1db88a0476da02be6a558015b34.jpg",
+        "header_static": "https://pleroma.site/media/8170fac2-fc17-4b9c-8624-52491d56f769/8cb558d3960254180b10860012a519253baaa1db88a0476da02be6a558015b34.jpg",
+        "id": "55339",
+        "locked": false,
+        "note": "he/him but you can call me anything really<br /><br />welcome to my profile :333<br /><br /><a href=\"https://cathode.neocities.org/\">https://cathode.neocities.org/</a>",
         "pleroma": {
-            "local": true
-        }
+          "confirmation_pending": false,
+          "tags": null
+        },
+        "source": {
+          "note": "",
+          "privacy": "public",
+          "sensitive": false
+        },
+        "statuses_count": 16,
+        "url": "https://pleroma.site/users/cathode",
+        "username": "cathode"
+      },
+      "application": {
+        "name": "Web",
+        "website": null
+      },
+      "content": "I love pleroma and lain",
+      "created_at": "2019-01-16T22:08:50.000Z",
+      "emojis": [],
+      "favourited": false,
+      "favourites_count": 4,
+      "id": "10394677",
+      "in_reply_to_account_id": null,
+      "in_reply_to_id": null,
+      "language": null,
+      "media_attachments": [],
+      "mentions": [],
+      "muted": false,
+      "reblog": null,
+      "reblogged": false,
+      "reblogs_count": 2,
+      "replies_count": 0,
+      "sensitive": false,
+      "spoiler_text": "",
+      "tags": [],
+      "uri": "https://pleroma.site/objects/3076c055-0e34-4cf9-86ca-2d148b9b694a",
+      "url": "https://pleroma.site/objects/3076c055-0e34-4cf9-86ca-2d148b9b694a",
+      "visibility": "public",
+      "pleroma": {
+        "local": true
+      }
     },
     "reblogged": false,
     "reblogs_count": 0,
@@ -1321,41 +1387,42 @@
     "url": "https://pleroma.site/objects/3076c055-0e34-4cf9-86ca-2d148b9b694a",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"58\" href=\"https://pleroma.soykaf.com/users/lain\">@<span>lain</span></a></span> that trick he does in the very beginning with that smile oh my god",
     "created_at": "2019-01-16T22:08:15.000Z",
@@ -1367,12 +1434,14 @@
     "in_reply_to_id": "10394582",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "lain@pleroma.soykaf.com",
         "id": "58",
         "url": "https://pleroma.soykaf.com/users/lain",
         "username": "lain"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1385,41 +1454,42 @@
     "url": "https://shigusegubu.club/objects/d4eb7c46-02f9-4b1f-83af-926cefa21f33",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": ".",
     "created_at": "2019-01-16T22:08:01.000Z",
@@ -1430,7 +1500,8 @@
     "in_reply_to_account_id": null,
     "in_reply_to_id": null,
     "language": null,
-    "media_attachments": [{
+    "media_attachments": [
+      {
         "description": null,
         "id": "-1089888084",
         "preview_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
@@ -1438,81 +1509,86 @@
         "text_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
         "type": "video",
         "url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm"
-    }],
-    "mentions": [{
+      }
+    ],
+    "mentions": [
+      {
         "acct": "lain@pleroma.soykaf.com",
         "id": "58",
         "url": "https://pleroma.soykaf.com/users/lain",
         "username": "lain"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": {
-        "account": {
-            "acct": "lain@pleroma.soykaf.com",
-            "avatar": "https://pleroma.soykaf.com/media/57abd080-73da-4541-92c7-506d0008bce3/04c76c19e87b23f759fac1118db5e5c4fe0b0ba8d67942a9a8f4e88108543abd.jpeg",
-            "avatar_static": "https://pleroma.soykaf.com/media/57abd080-73da-4541-92c7-506d0008bce3/04c76c19e87b23f759fac1118db5e5c4fe0b0ba8d67942a9a8f4e88108543abd.jpeg",
-            "bot": false,
-            "created_at": "2017-12-17T22:26:31.000Z",
-            "display_name": "you're looking at an ace",
-            "emojis": [],
-            "fields": [],
-            "followers_count": 29,
-            "following_count": 1389,
-            "header": "https://pleroma.soykaf.com/images/banner.png",
-            "header_static": "https://pleroma.soykaf.com/images/banner.png",
-            "id": "58",
-            "locked": false,
-            "note": "blushy-crushy fediverse idol + pleroma dev.<br />let's be friends <br />ぷれろまの生徒会長。謎の外人。日本語OK. <br />公主病.<br />I invented the internet.<br />xmpp: lain@trashserver.net<br />matrix: lambadalambda@matrix.heldscal.la<br />pgp: 58B48DE582EE103C964735A1F9C6698E14CCE33C",
-            "pleroma": {
-                "confirmation_pending": false,
-                "tags": null
-            },
-            "source": {
-                "note": "",
-                "privacy": "public",
-                "sensitive": false
-            },
-            "statuses_count": 35042,
-            "url": "https://pleroma.soykaf.com/users/lain",
-            "username": "lain"
-        },
-        "application": {
-            "name": "Web",
-            "website": null
-        },
-        "content": ".",
-        "created_at": "2019-01-16T22:06:35.000Z",
+      "account": {
+        "acct": "lain@pleroma.soykaf.com",
+        "avatar": "https://pleroma.soykaf.com/media/57abd080-73da-4541-92c7-506d0008bce3/04c76c19e87b23f759fac1118db5e5c4fe0b0ba8d67942a9a8f4e88108543abd.jpeg",
+        "avatar_static": "https://pleroma.soykaf.com/media/57abd080-73da-4541-92c7-506d0008bce3/04c76c19e87b23f759fac1118db5e5c4fe0b0ba8d67942a9a8f4e88108543abd.jpeg",
+        "bot": false,
+        "created_at": "2017-12-17T22:26:31.000Z",
+        "display_name": "you're looking at an ace",
         "emojis": [],
-        "favourited": false,
-        "favourites_count": 2,
-        "id": "10394582",
-        "in_reply_to_account_id": null,
-        "in_reply_to_id": null,
-        "language": null,
-        "media_attachments": [{
-            "description": null,
-            "id": "-1089888084",
-            "preview_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
-            "remote_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
-            "text_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
-            "type": "video",
-            "url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm"
-        }],
-        "mentions": [],
-        "muted": false,
-        "reblog": null,
-        "reblogged": false,
-        "reblogs_count": 1,
-        "replies_count": 0,
-        "sensitive": false,
-        "spoiler_text": "",
-        "tags": [],
-        "uri": "https://pleroma.soykaf.com/objects/338b6bd2-3c2d-40fe-93a3-28b688782733",
-        "url": "https://pleroma.soykaf.com/objects/338b6bd2-3c2d-40fe-93a3-28b688782733",
-        "visibility": "public",
+        "fields": [],
+        "followers_count": 29,
+        "following_count": 1389,
+        "header": "https://pleroma.soykaf.com/images/banner.png",
+        "header_static": "https://pleroma.soykaf.com/images/banner.png",
+        "id": "58",
+        "locked": false,
+        "note": "blushy-crushy fediverse idol + pleroma dev.<br />let's be friends <br />ぷれろまの生徒会長。謎の外人。日本語OK. <br />公主病.<br />I invented the internet.<br />xmpp: lain@trashserver.net<br />matrix: lambadalambda@matrix.heldscal.la<br />pgp: 58B48DE582EE103C964735A1F9C6698E14CCE33C",
         "pleroma": {
-            "local": true
+          "confirmation_pending": false,
+          "tags": null
+        },
+        "source": {
+          "note": "",
+          "privacy": "public",
+          "sensitive": false
+        },
+        "statuses_count": 35042,
+        "url": "https://pleroma.soykaf.com/users/lain",
+        "username": "lain"
+      },
+      "application": {
+        "name": "Web",
+        "website": null
+      },
+      "content": ".",
+      "created_at": "2019-01-16T22:06:35.000Z",
+      "emojis": [],
+      "favourited": false,
+      "favourites_count": 2,
+      "id": "10394582",
+      "in_reply_to_account_id": null,
+      "in_reply_to_id": null,
+      "language": null,
+      "media_attachments": [
+        {
+          "description": null,
+          "id": "-1089888084",
+          "preview_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
+          "remote_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
+          "text_url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm",
+          "type": "video",
+          "url": "https://pleroma.soykaf.com/media/d985e90d-b079-4f6a-a5bc-9b5e26b1fa5a/Tusky_1547676391813_2VJ7ITWJ3T.webm"
         }
+      ],
+      "mentions": [],
+      "muted": false,
+      "reblog": null,
+      "reblogged": false,
+      "reblogs_count": 1,
+      "replies_count": 0,
+      "sensitive": false,
+      "spoiler_text": "",
+      "tags": [],
+      "uri": "https://pleroma.soykaf.com/objects/338b6bd2-3c2d-40fe-93a3-28b688782733",
+      "url": "https://pleroma.soykaf.com/objects/338b6bd2-3c2d-40fe-93a3-28b688782733",
+      "visibility": "public",
+      "pleroma": {
+        "local": true
+      }
     },
     "reblogged": false,
     "reblogs_count": 0,
@@ -1524,41 +1600,42 @@
     "url": "https://pleroma.soykaf.com/objects/338b6bd2-3c2d-40fe-93a3-28b688782733",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"17544\" href=\"https://iscute.moe/users/proxeus\">@<span>proxeus</span></a></span> good song",
     "created_at": "2019-01-16T22:04:23.000Z",
@@ -1570,12 +1647,14 @@
     "in_reply_to_id": "10393849",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "proxeus@iscute.moe",
         "id": "17544",
         "url": "https://iscute.moe/users/proxeus",
         "username": "proxeus"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1588,41 +1667,42 @@
     "url": "https://shigusegubu.club/objects/f472f4ed-8b0b-492f-9d53-d69eda79629d",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}, {
+  },
+  {
     "account": {
-        "acct": "hj",
-        "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
-        "bot": false,
-        "created_at": "2017-12-17T21:54:14.000Z",
-        "display_name": "whatever whatever whatever witch",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 705,
-        "following_count": 326,
-        "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
-        "id": "1",
-        "locked": false,
-        "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
-        "pleroma": {
-            "confirmation_pending": false,
-            "tags": null
-        },
-        "source": {
-            "note": "",
-            "privacy": "public",
-            "sensitive": false
-        },
-        "statuses_count": 41775,
-        "url": "https://shigusegubu.club/users/hj",
-        "username": "hj"
+      "acct": "hj",
+      "avatar": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "avatar_static": "https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png",
+      "bot": false,
+      "created_at": "2017-12-17T21:54:14.000Z",
+      "display_name": "whatever whatever whatever witch",
+      "emojis": [],
+      "fields": [],
+      "followers_count": 705,
+      "following_count": 326,
+      "header": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "header_static": "https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png",
+      "id": "1",
+      "locked": false,
+      "note": "Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user=\"1\" href=\"https://shigusegubu.club/users/hj\">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it's truly private matter and you're instance's admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.",
+      "pleroma": {
+        "confirmation_pending": false,
+        "tags": null
+      },
+      "source": {
+        "note": "",
+        "privacy": "public",
+        "sensitive": false
+      },
+      "statuses_count": 41775,
+      "url": "https://shigusegubu.club/users/hj",
+      "username": "hj"
     },
     "application": {
-        "name": "Web",
-        "website": null
+      "name": "Web",
+      "website": null
     },
     "content": "<span><a data-user=\"60913\" href=\"https://shigusegubu.club/users/cdmnky\">@<span>cdmnky</span></a></span> olivia been repeating \"hey i moved\" post like once every day or so",
     "created_at": "2019-01-16T21:56:05.000Z",
@@ -1634,12 +1714,14 @@
     "in_reply_to_id": "10393808",
     "language": null,
     "media_attachments": [],
-    "mentions": [{
+    "mentions": [
+      {
         "acct": "cdmnky",
         "id": "60913",
         "url": "https://shigusegubu.club/users/cdmnky",
         "username": "cdmnky"
-    }],
+      }
+    ],
     "muted": false,
     "reblog": null,
     "reblogged": false,
@@ -1652,6 +1734,7 @@
     "url": "https://shigusegubu.club/objects/d6fb4fd2-1f6a-4446-a1a6-5edd34050096",
     "visibility": "public",
     "pleroma": {
-        "local": true
+      "local": true
     }
-}]
+  }
+]
diff --git a/test/fixtures/mock_api.js b/test/fixtures/mock_api.js
index 3f9e72955..e4de9fe0e 100644
--- a/test/fixtures/mock_api.js
+++ b/test/fixtures/mock_api.js
@@ -17,8 +17,8 @@ export const injectMswToTest = (defaultHandlers) => {
         worker.stop()
       },
       {
-        auto: true
-      }
+        auto: true,
+      },
     ],
   })
 }
@@ -29,34 +29,44 @@ export const authApis = [
   http.post(`${testServer}/api/v1/apps`, () => {
     return HttpResponse.json({
       client_id: 'test-id',
-      client_secret: 'test-secret'
+      client_secret: 'test-secret',
     })
   }),
   http.get(`${testServer}/api/v1/apps/verify_credentials`, ({ request }) => {
     const authHeader = request.headers.get('Authorization')
-    if (authHeader === 'Bearer test-app-token' ||
-        authHeader === 'Bearer also-good-app-token') {
+    if (
+      authHeader === 'Bearer test-app-token' ||
+      authHeader === 'Bearer also-good-app-token'
+    ) {
       return HttpResponse.json({})
     } else {
       // Pleroma 2.9.0 gives the following respoonse upon error
-      return HttpResponse.json({ error: { detail: 'Internal server error' } }, {
-        status: 400
-      })
+      return HttpResponse.json(
+        { error: { detail: 'Internal server error' } },
+        {
+          status: 400,
+        },
+      )
     }
   }),
   http.post(`${testServer}/oauth/token`, async ({ request }) => {
     const data = await request.formData()
 
-    if (data.get('client_id') === 'test-id' &&
-       data.get('client_secret') === 'test-secret' &&
-       data.get('grant_type') === 'client_credentials' &&
-       data.has('redirect_uri')) {
+    if (
+      data.get('client_id') === 'test-id' &&
+      data.get('client_secret') === 'test-secret' &&
+      data.get('grant_type') === 'client_credentials' &&
+      data.has('redirect_uri')
+    ) {
       return HttpResponse.json({ access_token: 'test-app-token' })
     } else {
       // Pleroma 2.9.0 gives the following respoonse upon error
-      return HttpResponse.json({ error: 'Invalid credentials' }, {
-        status: 400
-      })
+      return HttpResponse.json(
+        { error: 'Invalid credentials' },
+        {
+          status: 400,
+        },
+      )
     }
-  })
+  }),
 ]
diff --git a/test/fixtures/mock_store.js b/test/fixtures/mock_store.js
index 3bfdf0fca..595cb041c 100644
--- a/test/fixtures/mock_store.js
+++ b/test/fixtures/mock_store.js
@@ -2,7 +2,7 @@ import { createStore } from 'vuex'
 import { cloneDeep } from 'lodash'
 import vuexModules from 'src/modules/index.js'
 
-const tweakModules = modules => {
+const tweakModules = (modules) => {
   const res = {}
   Object.entries(modules).forEach(([name, module]) => {
     const m = { ...module }
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index 6da2e4c9d..6a998efa0 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -4,8 +4,8 @@ import VueVirtualScroller from 'vue-virtual-scroller'
 import routes from 'src/boot/routes'
 import makeMockStore from './mock_store'
 
-export const $t = msg => msg
-const $i18n = { t: msg => msg }
+export const $t = (msg) => msg
+const $i18n = { t: (msg) => msg }
 
 const applyAfterStore = (store, afterStore) => {
   afterStore(store)
@@ -19,17 +19,20 @@ const getDefaultOpts = ({ afterStore = () => {} } = {}) => ({
       VueVirtualScroller,
       createRouter({
         history: createMemoryHistory(),
-        routes: routes({ state: {
-          users: {
-            currentUser: {}
+        routes: routes({
+          state: {
+            users: {
+              currentUser: {},
+            },
+            instance: {},
           },
-          instance: {}
-        }})
+        }),
       }),
-      (Vue) => { Vue.directive('body-scroll-lock', {}) }
+      (Vue) => {
+        Vue.directive('body-scroll-lock', {})
+      },
     ],
-    components: {
-    },
+    components: {},
     stubs: {
       I18nT: true,
       teleport: true,
@@ -38,23 +41,23 @@ const getDefaultOpts = ({ afterStore = () => {} } = {}) => ({
     },
     mocks: {
       $t,
-      $i18n
-    }
-  }
+      $i18n,
+    },
+  },
 })
 
 // https://github.com/vuejs/vue-test-utils/issues/960
 const customBehaviors = () => {
-  const filterByText = keyword => {
-    const match = keyword instanceof RegExp
-          ? (target) => target && keyword.test(target)
-          : (target) => keyword === target
+  const filterByText = (keyword) => {
+    const match =
+      keyword instanceof RegExp
+        ? (target) => target && keyword.test(target)
+        : (target) => keyword === target
 
-    return wrapper => (
+    return (wrapper) =>
       match(wrapper.text()) ||
-        match(wrapper.attributes('aria-label')) ||
-        match(wrapper.attributes('title'))
-    )
+      match(wrapper.attributes('aria-label')) ||
+      match(wrapper.attributes('title'))
   }
 
   return {
@@ -64,12 +67,10 @@ const customBehaviors = () => {
         .at(0)
     },
     findByText(searchedElement, text) {
-      return this.findAll(searchedElement)
-        .filter(filterByText(text))
-        .at(0)
+      return this.findAll(searchedElement).filter(filterByText(text)).at(0)
     },
-  };
-};
+  }
+}
 
 config.plugins.VueWrapper.install(customBehaviors)
 
@@ -79,12 +80,14 @@ export const mountOpts = (allOpts = {}) => {
   const mergedOpts = {
     ...opts,
     global: {
-      ...defaultOpts.global
-    }
+      ...defaultOpts.global,
+    },
   }
 
   if (opts.global) {
-    mergedOpts.global.plugins = mergedOpts.global.plugins.concat(opts.global.plugins || [])
+    mergedOpts.global.plugins = mergedOpts.global.plugins.concat(
+      opts.global.plugins || [],
+    )
     Object.entries(opts.global).forEach(([k, v]) => {
       if (k === 'plugins') {
         return
@@ -104,10 +107,11 @@ export const mountOpts = (allOpts = {}) => {
 }
 
 // https://stackoverflow.com/questions/78033718/how-can-i-wait-for-an-emitted-event-of-a-mounted-component-in-vue-test-utils
-export const waitForEvent = (wrapper, event, {
-  timeout = 1000,
-  timesEmitted = 1
-} = {}) => {
+export const waitForEvent = (
+  wrapper,
+  event,
+  { timeout = 1000, timesEmitted = 1 } = {},
+) => {
   const tick = 10
 
   return vi.waitFor(
@@ -120,7 +124,7 @@ export const waitForEvent = (wrapper, event, {
     },
     {
       timeout,
-      interval: tick
-    }
+      interval: tick,
+    },
   )
 }
diff --git a/test/fixtures/statuses.json b/test/fixtures/statuses.json
index 227f55300..76faf9746 100644
--- a/test/fixtures/statuses.json
+++ b/test/fixtures/statuses.json
@@ -144,9 +144,7 @@
     "external_url": "https:\/\/sealion.club\/notice\/957950",
     "in_reply_to_profileurl": "https:\/\/shitposter.club\/moonman",
     "in_reply_to_ostatus_uri": "https:\/\/shitposter.club\/user\/1",
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": false,
@@ -229,9 +227,7 @@
     "external_url": "https:\/\/soykaf.com\/notice\/339506",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": true,
@@ -629,9 +625,7 @@
     "external_url": "https:\/\/soykaf.com\/notice\/339502",
     "in_reply_to_profileurl": "https:\/\/gs.smuglo.li\/jimrusell01",
     "in_reply_to_ostatus_uri": "https:\/\/gs.smuglo.li\/user\/1987",
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": false,
@@ -806,9 +800,7 @@
     "external_url": "https:\/\/status.akionux.net\/notice\/359563",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": true,
@@ -975,9 +967,7 @@
     "external_url": "https:\/\/gs.smuglo.li\/notice\/589590",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": true,
@@ -1046,9 +1036,7 @@
     "external_url": "https:\/\/shitposter.club\/notice\/773502",
     "in_reply_to_profileurl": "https:\/\/gs.smuglo.li\/jimrusell01",
     "in_reply_to_ostatus_uri": "https:\/\/gs.smuglo.li\/user\/1987",
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": false,
@@ -1131,9 +1119,7 @@
     "external_url": "https:\/\/gs.smuglo.li\/notice\/589587",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 2,
     "repeat_num": 0,
     "is_post_verb": true,
@@ -1224,9 +1210,7 @@
     "external_url": "https:\/\/shitposter.club\/notice\/773500",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": true,
@@ -1561,9 +1545,7 @@
     "external_url": "https:\/\/soykaf.com\/notice\/339493",
     "in_reply_to_profileurl": null,
     "in_reply_to_ostatus_uri": null,
-    "attentions": [
-      
-    ],
+    "attentions": [],
     "fave_num": 0,
     "repeat_num": 0,
     "is_post_verb": true,
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index 2029eca10..043b51338 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -4,14 +4,14 @@ import { createStore } from 'vuex'
 
 const store = createStore({
   state: {
-    instance: {}
-  }
+    instance: {},
+  },
 })
 
 describe('routes', () => {
   const router = createRouter({
     history: createMemoryHistory(),
-    routes: routes(store)
+    routes: routes(store),
   })
 
   it('root path', async () => {
@@ -20,25 +20,40 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     // eslint-disable-next-line no-prototype-builtins
-    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'Timeline')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'Timeline',
+      ),
+    ).to.eql(true)
   })
 
-  it('user\'s profile', async () => {
+  it("user's profile", async () => {
     await router.push('/fake-user-name')
 
     const matchedComponents = router.currentRoute.value.matched
 
     // eslint-disable-next-line no-prototype-builtins
-    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'UserCard')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'UserCard',
+      ),
+    ).to.eql(true)
   })
 
-  it('user\'s profile at /users', async () => {
+  it("user's profile at /users", async () => {
     await router.push('/users/fake-user-name')
 
     const matchedComponents = router.currentRoute.value.matched
 
     // eslint-disable-next-line no-prototype-builtins
-    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'UserCard')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'UserCard',
+      ),
+    ).to.eql(true)
   })
 
   it('list view', async () => {
@@ -46,7 +61,12 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'ListsCard')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'ListsCard',
+      ),
+    ).to.eql(true)
   })
 
   it('list timeline', async () => {
@@ -54,7 +74,12 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'Timeline')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'Timeline',
+      ),
+    ).to.eql(true)
   })
 
   it('list edit', async () => {
@@ -62,6 +87,11 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    expect(Object.hasOwn(matchedComponents[0].components.default.components, 'BasicUserCard')).to.eql(true)
+    expect(
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'BasicUserCard',
+      ),
+    ).to.eql(true)
   })
 })
diff --git a/test/unit/specs/components/draft.spec.js b/test/unit/specs/components/draft.spec.js
index 276fe6fbe..47bc2aa26 100644
--- a/test/unit/specs/components/draft.spec.js
+++ b/test/unit/specs/components/draft.spec.js
@@ -14,10 +14,16 @@ const autoSaveOrNot = (caseFn, caseTitle, runFn) => {
 }
 
 const saveManually = async (wrapper) => {
-  const morePostActions = wrapper.findByText('button', $t('post_status.more_post_actions'))
+  const morePostActions = wrapper.findByText(
+    'button',
+    $t('post_status.more_post_actions'),
+  )
   await morePostActions.trigger('click')
 
-  const btn = wrapper.findByText('button', $t('post_status.save_to_drafts_button'))
+  const btn = wrapper.findByText(
+    'button',
+    $t('post_status.save_to_drafts_button'),
+  )
   await btn.trigger('click')
 }
 
@@ -28,28 +34,34 @@ afterEach(() => {
 })
 
 describe('Draft saving', () => {
-  autoSaveOrNot(it, 'should save when the button is clicked', async (autoSave) => {
-    const wrapper = mount(PostStatusForm, mountOpts())
-    await wrapper.vm.$store.dispatch('setOption', {
-      name: 'autoSaveDraft',
-      value: autoSave
-    })
-    expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
+  autoSaveOrNot(
+    it,
+    'should save when the button is clicked',
+    async (autoSave) => {
+      const wrapper = mount(PostStatusForm, mountOpts())
+      await wrapper.vm.$store.dispatch('setOption', {
+        name: 'autoSaveDraft',
+        value: autoSave,
+      })
+      expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
 
-    const textarea = wrapper.get('textarea')
-    await textarea.setValue('mew mew')
+      const textarea = wrapper.get('textarea')
+      await textarea.setValue('mew mew')
 
-    await saveManually(wrapper)
-    expect(wrapper.vm.$store.getters.draftCount).to.equal(1)
-    expect(wrapper.vm.$store.getters.draftsArray[0].status).to.equal('mew mew')
-  })
+      await saveManually(wrapper)
+      expect(wrapper.vm.$store.getters.draftCount).to.equal(1)
+      expect(wrapper.vm.$store.getters.draftsArray[0].status).to.equal(
+        'mew mew',
+      )
+    },
+  )
 
   it('should auto-save if it is enabled', async function () {
     vi.useFakeTimers()
     const wrapper = mount(PostStatusForm, mountOpts())
     await wrapper.vm.$store.dispatch('setOption', {
       name: 'autoSaveDraft',
-      value: true
+      value: true,
     })
     expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
     const textarea = wrapper.get('textarea')
@@ -62,14 +74,17 @@ describe('Draft saving', () => {
   })
 
   it('should auto-save when close if auto-save is on', async () => {
-    const wrapper = mount(PostStatusForm, mountOpts({
-      props: {
-        closeable: true
-      }
-    }))
+    const wrapper = mount(
+      PostStatusForm,
+      mountOpts({
+        props: {
+          closeable: true,
+        },
+      }),
+    )
     await wrapper.vm.$store.dispatch('setOption', {
       name: 'autoSaveDraft',
-      value: true
+      value: true,
     })
     expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
     const textarea = wrapper.get('textarea')
@@ -80,18 +95,21 @@ describe('Draft saving', () => {
   })
 
   it('should save when close if auto-save is off, and unsavedPostAction is save', async () => {
-    const wrapper = mount(PostStatusForm, mountOpts({
-      props: {
-        closeable: true
-      }
-    }))
+    const wrapper = mount(
+      PostStatusForm,
+      mountOpts({
+        props: {
+          closeable: true,
+        },
+      }),
+    )
     await wrapper.vm.$store.dispatch('setOption', {
       name: 'autoSaveDraft',
-      value: false
+      value: false,
     })
     await wrapper.vm.$store.dispatch('setOption', {
       name: 'unsavedPostAction',
-      value: 'save'
+      value: 'save',
     })
     expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
     const textarea = wrapper.get('textarea')
@@ -102,18 +120,21 @@ describe('Draft saving', () => {
   })
 
   it('should discard when close if auto-save is off, and unsavedPostAction is discard', async () => {
-    const wrapper = mount(PostStatusForm, mountOpts({
-      props: {
-        closeable: true
-      }
-    }))
+    const wrapper = mount(
+      PostStatusForm,
+      mountOpts({
+        props: {
+          closeable: true,
+        },
+      }),
+    )
     await wrapper.vm.$store.dispatch('setOption', {
       name: 'autoSaveDraft',
-      value: false
+      value: false,
     })
     await wrapper.vm.$store.dispatch('setOption', {
       name: 'unsavedPostAction',
-      value: 'discard'
+      value: 'discard',
     })
     expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
     const textarea = wrapper.get('textarea')
@@ -124,25 +145,31 @@ describe('Draft saving', () => {
   })
 
   it('should confirm when close if auto-save is off, and unsavedPostAction is confirm', async () => {
-    const wrapper = mount(PostStatusForm, mountOpts({
-      props: {
-        closeable: true
-      }
-    }))
+    const wrapper = mount(
+      PostStatusForm,
+      mountOpts({
+        props: {
+          closeable: true,
+        },
+      }),
+    )
     await wrapper.vm.$store.dispatch('setOption', {
       name: 'autoSaveDraft',
-      value: false
+      value: false,
     })
     await wrapper.vm.$store.dispatch('setOption', {
       name: 'unsavedPostAction',
-      value: 'confirm'
+      value: 'confirm',
     })
     expect(wrapper.vm.$store.getters.draftCount).to.equal(0)
     const textarea = wrapper.get('textarea')
     await textarea.setValue('mew mew')
     wrapper.vm.requestClose()
     await nextTick()
-    const saveButton = wrapper.findByText('button', $t('post_status.close_confirm_save_button'))
+    const saveButton = wrapper.findByText(
+      'button',
+      $t('post_status.close_confirm_save_button'),
+    )
     expect(saveButton).to.be.ok
     await saveButton.trigger('click')
     console.info('clicked')
diff --git a/test/unit/specs/components/emoji_input.spec.js b/test/unit/specs/components/emoji_input.spec.js
index 8f4a6c6f9..ca9f8fa2a 100644
--- a/test/unit/specs/components/emoji_input.spec.js
+++ b/test/unit/specs/components/emoji_input.spec.js
@@ -11,33 +11,33 @@ const generateInput = (value, padEmoji = true) => {
         $store: {
           getters: {
             mergedConfig: {
-              padEmoji
-            }
-          }
+              padEmoji,
+            },
+          },
         },
-        $t: (msg) => msg
+        $t: (msg) => msg,
       },
       stubs: {
         FAIcon: true,
         Popover: {
           template: `<div><slot trigger /></div>`,
           methods: {
-            updateStyles () {}
-          }
-        }
+            updateStyles() {},
+          },
+        },
       },
       directives: {
-        'click-outside': vClickOutside
-      }
+        'click-outside': vClickOutside,
+      },
     },
     props: {
       suggest: () => [],
       enableEmojiPicker: true,
-      modelValue: value
+      modelValue: value,
     },
     slots: {
-      default: () => h('input', '')
-    }
+      default: () => h('input', ''),
+    },
   })
   return wrapper
 }
@@ -85,7 +85,9 @@ describe('EmojiInput', () => {
       wrapper.setData({ caret: 6 })
       wrapper.vm.insert({ insertion: ':ebin:', keepOpen: false })
       const inputEvents = wrapper.emitted()['update:modelValue']
-      expect(inputEvents[inputEvents.length - 1][0]).to.eql('Spurdo :ebin: Sparde')
+      expect(inputEvents[inputEvents.length - 1][0]).to.eql(
+        'Spurdo :ebin: Sparde',
+      )
     })
 
     it('inserts string between words without creating extra spaces (other caret)', () => {
@@ -96,7 +98,9 @@ describe('EmojiInput', () => {
       wrapper.setData({ caret: 7 })
       wrapper.vm.insert({ insertion: ':ebin:', keepOpen: false })
       const inputEvents = wrapper.emitted()['update:modelValue']
-      expect(inputEvents[inputEvents.length - 1][0]).to.eql('Spurdo :ebin: Sparde')
+      expect(inputEvents[inputEvents.length - 1][0]).to.eql(
+        'Spurdo :ebin: Sparde',
+      )
     })
 
     it('inserts string without any padding if padEmoji setting is set to false', () => {
@@ -107,7 +111,9 @@ describe('EmojiInput', () => {
       wrapper.setData({ caret: initialString.length, keepOpen: false })
       wrapper.vm.insert({ insertion: ':spam:' })
       const inputEvents = wrapper.emitted()['update:modelValue']
-      expect(inputEvents[inputEvents.length - 1][0]).to.eql('Eat some spam!:spam:')
+      expect(inputEvents[inputEvents.length - 1][0]).to.eql(
+        'Eat some spam!:spam:',
+      )
     })
 
     it('correctly sets caret after insertion at beginning', async () => {
diff --git a/test/unit/specs/components/gallery.spec.js b/test/unit/specs/components/gallery.spec.js
index 3c92ae267..941110e78 100644
--- a/test/unit/specs/components/gallery.spec.js
+++ b/test/unit/specs/components/gallery.spec.js
@@ -21,53 +21,44 @@ describe('Gallery', () => {
 
   it('one audio attachment', () => {
     local = {
-      attachments: [
-        { mimetype: 'audio/mpeg' }
-      ]
+      attachments: [{ mimetype: 'audio/mpeg' }],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
+      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
     ])
   })
 
   it('one image attachment', () => {
     local = {
-      attachments: [
-        { mimetype: 'image/png' }
-      ]
+      attachments: [{ mimetype: 'image/png' }],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { items: [{ mimetype: 'image/png' }] }
+      { items: [{ mimetype: 'image/png' }] },
     ])
   })
 
   it('one audio attachment and one image attachment', () => {
     local = {
-      attachments: [
-        { mimetype: 'audio/mpeg' },
-        { mimetype: 'image/png' }
-      ]
+      attachments: [{ mimetype: 'audio/mpeg' }, { mimetype: 'image/png' }],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/png' }] }
+      { items: [{ mimetype: 'image/png' }] },
     ])
   })
 
   it('has "size" key set to "hide"', () => {
     let local
     local = {
-      attachments: [
-        { mimetype: 'audio/mpeg' }
-      ],
-      size: 'hide'
+      attachments: [{ mimetype: 'audio/mpeg' }],
+      size: 'hide',
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { minimal: true, items: [{ mimetype: 'audio/mpeg' }] }
+      { minimal: true, items: [{ mimetype: 'audio/mpeg' }] },
     ])
 
     local = {
@@ -80,9 +71,9 @@ describe('Gallery', () => {
         { mimetype: 'audio/mpeg' },
         { mimetype: 'image/jpg' },
         { mimetype: 'image/png' },
-        { mimetype: 'image/jpg' }
+        { mimetype: 'image/jpg' },
       ],
-      size: 'hide'
+      size: 'hide',
     }
 
     // When defining `size: hide`, the `items` aren't
@@ -96,7 +87,7 @@ describe('Gallery', () => {
       { minimal: true, items: [{ mimetype: 'audio/mpeg' }] },
       { minimal: true, items: [{ mimetype: 'image/jpg' }] },
       { minimal: true, items: [{ mimetype: 'image/png' }] },
-      { minimal: true, items: [{ mimetype: 'image/jpg' }] }
+      { minimal: true, items: [{ mimetype: 'image/jpg' }] },
     ])
   })
 
@@ -104,12 +95,10 @@ describe('Gallery', () => {
   it('non-image/audio', () => {
     let local
     local = {
-      attachments: [
-        { mimetype: 'plain/text' }
-      ]
+      attachments: [{ mimetype: 'plain/text' }],
     }
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { minimal: true, items: [{ mimetype: 'plain/text' }] }
+      { minimal: true, items: [{ mimetype: 'plain/text' }] },
     ])
 
     // No grouping of non-image/audio items
@@ -117,13 +106,13 @@ describe('Gallery', () => {
       attachments: [
         { mimetype: 'plain/text' },
         { mimetype: 'plain/text' },
-        { mimetype: 'plain/text' }
-      ]
+        { mimetype: 'plain/text' },
+      ],
     }
     expect(Gallery.computed.rows.call(local)).to.eql([
       { minimal: true, items: [{ mimetype: 'plain/text' }] },
       { minimal: true, items: [{ mimetype: 'plain/text' }] },
-      { minimal: true, items: [{ mimetype: 'plain/text' }] }
+      { minimal: true, items: [{ mimetype: 'plain/text' }] },
     ])
 
     local = {
@@ -131,8 +120,8 @@ describe('Gallery', () => {
         { mimetype: 'image/png' },
         { mimetype: 'plain/text' },
         { mimetype: 'image/jpg' },
-        { mimetype: 'audio/mpeg' }
-      ]
+        { mimetype: 'audio/mpeg' },
+      ],
     }
     // NOTE / TODO: When defining `size: hide`, the `items` aren't
     // grouped and `audio` isn't set
@@ -140,7 +129,7 @@ describe('Gallery', () => {
       { items: [{ mimetype: 'image/png' }] },
       { minimal: true, items: [{ mimetype: 'plain/text' }] },
       { items: [{ mimetype: 'image/jpg' }] },
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
+      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
     ])
   })
 
@@ -153,15 +142,22 @@ describe('Gallery', () => {
         { mimetype: 'image/jpg' },
         { mimetype: 'image/png' },
         { mimetype: 'image/jpg' },
-        { mimetype: 'image/jpg' }
-      ]
+        { mimetype: 'image/jpg' },
+      ],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
       { items: [{ mimetype: 'image/png' }] },
       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }, { mimetype: 'image/jpg' }] }
+      {
+        items: [
+          { mimetype: 'image/jpg' },
+          { mimetype: 'image/png' },
+          { mimetype: 'image/jpg' },
+          { mimetype: 'image/jpg' },
+        ],
+      },
     ])
 
     local = {
@@ -172,16 +168,22 @@ describe('Gallery', () => {
         { mimetype: 'image/jpg' },
         { mimetype: 'audio/mpeg' },
         { mimetype: 'image/png' },
-        { mimetype: 'audio/mpeg' }
-      ]
+        { mimetype: 'audio/mpeg' },
+      ],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
+      {
+        items: [
+          { mimetype: 'image/jpg' },
+          { mimetype: 'image/png' },
+          { mimetype: 'image/jpg' },
+        ],
+      },
       { items: [{ mimetype: 'image/jpg' }] },
       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
       { items: [{ mimetype: 'image/png' }] },
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
+      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
     ])
 
     local = {
@@ -192,15 +194,28 @@ describe('Gallery', () => {
         { mimetype: 'image/jpg' },
         { mimetype: 'image/png' },
         { mimetype: 'image/png' },
-        { mimetype: 'image/jpg' }
-      ]
+        { mimetype: 'image/jpg' },
+      ],
     }
 
     // Group by three-per-row, unless there's one dangling, then stick it on the end of the last row
     // https://git.pleroma.social/pleroma/pleroma-fe/-/merge_requests/1785#note_98514
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] }
+      {
+        items: [
+          { mimetype: 'image/jpg' },
+          { mimetype: 'image/png' },
+          { mimetype: 'image/jpg' },
+        ],
+      },
+      {
+        items: [
+          { mimetype: 'image/jpg' },
+          { mimetype: 'image/png' },
+          { mimetype: 'image/png' },
+          { mimetype: 'image/jpg' },
+        ],
+      },
     ])
 
     local = {
@@ -212,14 +227,26 @@ describe('Gallery', () => {
         { mimetype: 'image/png' },
         { mimetype: 'image/png' },
         { mimetype: 'image/jpg' },
-        { mimetype: 'image/png' }
-      ]
+        { mimetype: 'image/png' },
+      ],
     }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/png' }] },
-      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }] }
+      {
+        items: [
+          { mimetype: 'image/jpg' },
+          { mimetype: 'image/png' },
+          { mimetype: 'image/jpg' },
+        ],
+      },
+      {
+        items: [
+          { mimetype: 'image/jpg' },
+          { mimetype: 'image/png' },
+          { mimetype: 'image/png' },
+        ],
+      },
+      { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }] },
     ])
   })
 
@@ -231,13 +258,13 @@ describe('Gallery', () => {
       { mimetype: 'image/jpg' },
       { mimetype: 'image/png' },
       { mimetype: 'image/jpg' },
-      { mimetype: 'image/jpg' }
+      { mimetype: 'image/jpg' },
     ]
 
     local = { grid: true, attachments }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
-      { grid: true, items: attachments }
+      { grid: true, items: attachments },
     ])
   })
 
@@ -247,7 +274,7 @@ describe('Gallery', () => {
       { mimetype: 'image/png' },
       { mimetype: 'image/jpg' },
       { mimetype: 'audio/mpeg' },
-      { mimetype: 'image/jpg' }
+      { mimetype: 'image/jpg' },
     ]
 
     let local
@@ -255,14 +282,14 @@ describe('Gallery', () => {
 
     expect(Gallery.computed.rows.call(local)).to.eql([
       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/png' }] }
+      { items: [{ mimetype: 'image/png' }] },
     ])
 
     local = { attachments, limit: 3 }
 
     expect(Gallery.computed.rows.call(local)).to.eql([
       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
-      { items: [{ mimetype: 'image/png' }, { mimetype: 'image/jpg' }] }
+      { items: [{ mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
     ])
 
     local = { attachments, limit: 4 }
@@ -270,7 +297,7 @@ describe('Gallery', () => {
     expect(Gallery.computed.rows.call(local)).to.eql([
       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
       { items: [{ mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
-      { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
+      { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
     ])
   })
 })
diff --git a/test/unit/specs/components/rich_content.spec.js b/test/unit/specs/components/rich_content.spec.js
index 3234edba0..2ae200bb3 100644
--- a/test/unit/specs/components/rich_content.spec.js
+++ b/test/unit/specs/components/rich_content.spec.js
@@ -8,15 +8,15 @@ const global = {
       state: {},
       getters: {
         mergedConfig: () => ({
-          mentionLinkShowTooltip: true
+          mentionLinkShowTooltip: true,
         }),
-        findUserByUrl: () => null
-      }
-    }
+        findUserByUrl: () => null,
+      },
+    },
   },
   stubs: {
-    FAIcon: true
-  }
+    FAIcon: true,
+  },
 }
 
 const makeMention = (who, noClass) => {
@@ -26,12 +26,14 @@ const makeMention = (who, noClass) => {
     : `<span class="h-card"><a class="u-url mention" href="https://fake.tld/@${who}">@<span>${who}</span></a></span>`
 }
 const p = (...data) => `<p>${data.join('')}</p>`
-const compwrap = (...data) => `<span class="RichContent">${data.join('')}</span>`
-const mentionsLine = (times) => [
-  '<mentions-line-stub mentions="',
-  new Array(times).fill('[object Object]').join(','),
-  '"></mentions-line-stub>'
-].join('')
+const compwrap = (...data) =>
+  `<span class="RichContent">${data.join('')}</span>`
+const mentionsLine = (times) =>
+  [
+    '<mentions-line-stub mentions="',
+    new Array(times).fill('[object Object]').join(','),
+    '"></mentions-line-stub>',
+  ].join('')
 
 describe('RichContent', () => {
   it('renders simple post without exploding', () => {
@@ -43,22 +45,16 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(html))
   })
 
   it('unescapes everything as needed', () => {
-    const html = [
-      p('Testing &#39;em all'),
-      'Testing &#39;em all'
-    ].join('')
-    const expected = [
-      p('Testing \'em all'),
-      'Testing \'em all'
-    ].join('')
+    const html = [p('Testing &#39;em all'), 'Testing &#39;em all'].join('')
+    const expected = [p("Testing 'em all"), "Testing 'em all"].join('')
     const wrapper = shallowMount(RichContent, {
       global,
       props: {
@@ -66,18 +62,15 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
   })
 
   it('replaces mention with mentionsline', () => {
-    const html = p(
-      makeMention('John'),
-      ' how are you doing today?'
-    )
+    const html = p(makeMention('John'), ' how are you doing today?')
     const wrapper = shallowMount(RichContent, {
       global,
       props: {
@@ -85,37 +78,30 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
-    expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(p(
-      mentionsLine(1),
-      ' how are you doing today?'
-    )))
+    expect(wrapper.html().replace(/\n/g, '')).to.eql(
+      compwrap(p(mentionsLine(1), ' how are you doing today?')),
+    )
   })
 
   it('replaces mentions at the end of the hellpost', () => {
     const html = [
       p('How are you doing today, fine gentlemen?'),
-      p(
-        makeMention('John'),
-        makeMention('Josh'),
-        makeMention('Jeremy')
-      )
+      p(makeMention('John'), makeMention('Josh'), makeMention('Jeremy')),
     ].join('')
     const expected = [
-      p(
-        'How are you doing today, fine gentlemen?'
-      ),
+      p('How are you doing today, fine gentlemen?'),
       // TODO fix this extra line somehow?
       p(
         '<mentions-line-stub mentions="',
         '[object Object],',
         '[object Object],',
         '[object Object]',
-        '"></mentions-line-stub>'
-      )
+        '"></mentions-line-stub>',
+      ),
     ].join('')
 
     const wrapper = shallowMount(RichContent, {
@@ -125,8 +111,8 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
@@ -134,26 +120,24 @@ describe('RichContent', () => {
 
   it('Does not touch links if link handling is disabled', () => {
     const html = [
-      [
-        makeMention('Jack'),
-        'let\'s meet up with ',
-        makeMention('Janet')
-      ].join(''),
-      [
-        makeMention('John'),
-        makeMention('Josh'), makeMention('Jeremy')
-      ].join('')
+      [makeMention('Jack'), "let's meet up with ", makeMention('Janet')].join(
+        '',
+      ),
+      [makeMention('John'), makeMention('Josh'), makeMention('Jeremy')].join(
+        '',
+      ),
     ].join('\n')
     const strippedHtml = [
       [
         makeMention('Jack', true),
-        'let\'s meet up with ',
-        makeMention('Janet', true)
+        "let's meet up with ",
+        makeMention('Janet', true),
       ].join(''),
       [
         makeMention('John', true),
-        makeMention('Josh', true), makeMention('Jeremy', true)
-      ].join('')
+        makeMention('Josh', true),
+        makeMention('Jeremy', true),
+      ].join(''),
     ].join('\n')
 
     const wrapper = shallowMount(RichContent, {
@@ -163,21 +147,18 @@ describe('RichContent', () => {
         handleLinks: false,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html()).to.eql(compwrap(strippedHtml))
   })
 
   it('Adds greentext and cyantext to the post', () => {
-    const html = [
-      '&gt;preordering videogames',
-      '&gt;any year'
-    ].join('\n')
+    const html = ['&gt;preordering videogames', '&gt;any year'].join('\n')
     const expected = [
       '<span class="greentext">&gt;preordering videogames</span>',
-      '<span class="greentext">&gt;any year</span>'
+      '<span class="greentext">&gt;any year</span>',
     ].join('\n')
 
     const wrapper = shallowMount(RichContent, {
@@ -187,18 +168,15 @@ describe('RichContent', () => {
         handleLinks: false,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html()).to.eql(compwrap(expected))
   })
 
   it('Does not add greentext and cyantext if setting is set to false', () => {
-    const html = [
-      '&gt;preordering videogames',
-      '&gt;any year'
-    ].join('\n')
+    const html = ['&gt;preordering videogames', '&gt;any year'].join('\n')
 
     const wrapper = shallowMount(RichContent, {
       global,
@@ -207,8 +185,8 @@ describe('RichContent', () => {
         handleLinks: false,
         greentext: false,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html()).to.eql(compwrap(html))
@@ -218,7 +196,7 @@ describe('RichContent', () => {
     const html = p('Ebin :DDDD :spurdo:')
     const expected = p(
       'Ebin :DDDD ',
-      '<anonymous-stub shortcode="spurdo" islocal="true" class="emoji img" src="about:blank" title=":spurdo:" alt=":spurdo:"></anonymous-stub>'
+      '<anonymous-stub shortcode="spurdo" islocal="true" class="emoji img" src="about:blank" title=":spurdo:" alt=":spurdo:"></anonymous-stub>',
     )
 
     const wrapper = shallowMount(RichContent, {
@@ -228,14 +206,14 @@ describe('RichContent', () => {
         handleLinks: false,
         greentext: false,
         emoji: [{ url: 'about:blank', shortcode: 'spurdo' }],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
   })
 
-  it('Doesn\'t add nonexistent emoji to post', () => {
+  it("Doesn't add nonexistent emoji to post", () => {
     const html = p('Lol :lol:')
 
     const wrapper = shallowMount(RichContent, {
@@ -245,8 +223,8 @@ describe('RichContent', () => {
         handleLinks: false,
         greentext: false,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(html))
@@ -257,13 +235,13 @@ describe('RichContent', () => {
       '&gt;quote',
       makeMention('lol'),
       '&gt;quote',
-      '&gt;quote'
+      '&gt;quote',
     ].join('\n')
     const expected = [
       '<span class="greentext">&gt;quote</span>',
       mentionsLine(1),
       '<span class="greentext">&gt;quote</span>',
-      '<span class="greentext">&gt;quote</span>'
+      '<span class="greentext">&gt;quote</span>',
     ].join('\n')
 
     const wrapper = shallowMount(RichContent, {
@@ -273,8 +251,8 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html()).to.eql(compwrap(expected))
@@ -284,19 +262,10 @@ describe('RichContent', () => {
     const html = [
       'Bruh',
       'Bruh',
-      [
-        makeMention('foo'),
-        makeMention('bar'),
-        makeMention('baz')
-      ].join(''),
-      'Bruh'
-    ].join('<br>')
-    const expected = [
+      [makeMention('foo'), makeMention('bar'), makeMention('baz')].join(''),
       'Bruh',
-      'Bruh',
-      mentionsLine(3),
-      'Bruh'
     ].join('<br>')
+    const expected = ['Bruh', 'Bruh', mentionsLine(3), 'Bruh'].join('<br>')
 
     const wrapper = shallowMount(RichContent, {
       global,
@@ -305,8 +274,8 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
@@ -321,7 +290,7 @@ describe('RichContent', () => {
       '#nou</a>',
       ' <a class="hashtag" data-tag="screencap" href="https://shitposter.club/tag/screencap">',
       '#screencap</a>',
-      ' </p>'
+      ' </p>',
     ].join('')
     const expected = [
       '<p>',
@@ -331,7 +300,7 @@ describe('RichContent', () => {
       '</hashtag-link-stub>',
       ' <hashtag-link-stub url="https://shitposter.club/tag/screencap" content="#screencap" tag="screencap">',
       '</hashtag-link-stub>',
-      ' </p>'
+      ' </p>',
     ].join('')
 
     const wrapper = shallowMount(RichContent, {
@@ -341,8 +310,8 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
@@ -359,11 +328,9 @@ describe('RichContent', () => {
         'lol.tld/</span>',
         '<span>',
         '</span>',
-        '</a>'
+        '</a>',
       ),
-      p(
-        'Testing'
-      )
+      p('Testing'),
     ].join('')
     const expected = [
       p(
@@ -378,11 +345,9 @@ describe('RichContent', () => {
         '</span>',
         '</a>',
         '</span>',
-        '</span>'
+        '</span>',
       ),
-      p(
-        'Testing'
-      )
+      p('Testing'),
     ].join('')
 
     const wrapper = mount(RichContent, {
@@ -392,11 +357,16 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
-    expect(wrapper.html().replace(/\n/g, '').replace(/<!--.*?-->/g, '')).to.eql(compwrap(expected))
+    expect(
+      wrapper
+        .html()
+        .replace(/\n/g, '')
+        .replace(/<!--.*?-->/g, ''),
+    ).to.eql(compwrap(expected))
   })
 
   it('rich contents of nested mentions are handled properly', () => {
@@ -422,7 +392,7 @@ describe('RichContent', () => {
       '</a>',
       ' ',
       '</span>',
-      'Testing'
+      'Testing',
     ].join('')
     const expected = [
       '<span>',
@@ -450,7 +420,7 @@ describe('RichContent', () => {
       '</span>',
       ' ',
       '</span>',
-      'Testing'
+      'Testing',
     ].join('')
 
     const wrapper = mount(RichContent, {
@@ -460,11 +430,16 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
-    expect(wrapper.html().replace(/\n/g, '').replace(/<!--.*?-->/g, '')).to.eql(compwrap(expected))
+    expect(
+      wrapper
+        .html()
+        .replace(/\n/g, '')
+        .replace(/<!--.*?-->/g, ''),
+    ).to.eql(compwrap(expected))
   })
 
   it('rich contents of a link are handled properly', () => {
@@ -480,7 +455,7 @@ describe('RichContent', () => {
       '<span>',
       '</span>',
       '</a>',
-      '</p>'
+      '</p>',
     ].join('')
     const expected = [
       '<p>',
@@ -494,7 +469,7 @@ describe('RichContent', () => {
       '<span>',
       '</span>',
       '</a>',
-      '</p>'
+      '</p>',
     ].join('')
 
     const wrapper = shallowMount(RichContent, {
@@ -504,8 +479,8 @@ describe('RichContent', () => {
         handleLinks: true,
         greentext: true,
         emoji: [],
-        html
-      }
+        html,
+      },
     })
 
     expect(wrapper.html().replace(/\n/g, '')).to.eql(compwrap(expected))
@@ -525,7 +500,7 @@ describe('RichContent', () => {
       makeMention('Lain'),
       makeMention('Lain'),
       makeMention('Lain'),
-      ' i just landed in l a where are you'
+      ' i just landed in l a where are you',
     )
 
     const TestComponent = {
@@ -537,7 +512,7 @@ describe('RichContent', () => {
         ${new Array(amount).fill(`<div v-html="${onePost}"/>`)}
       </div>
       `,
-      props: ['handleLinks', 'attentions', 'vhtml']
+      props: ['handleLinks', 'attentions', 'vhtml'],
     }
 
     const ptest = (handleLinks, vhtml) => {
@@ -548,8 +523,8 @@ describe('RichContent', () => {
         props: {
           attentions,
           handleLinks,
-          vhtml
-        }
+          vhtml,
+        },
       })
 
       const t1 = performance.now()
diff --git a/test/unit/specs/components/user_profile.spec.js b/test/unit/specs/components/user_profile.spec.js
index 022bcf393..2a0592cee 100644
--- a/test/unit/specs/components/user_profile.spec.js
+++ b/test/unit/specs/components/user_profile.spec.js
@@ -5,39 +5,39 @@ import backendInteractorService from 'src/services/backend_interactor_service/ba
 import { getters } from 'src/modules/users.js'
 
 const mutations = {
-  clearTimeline: () => {}
+  clearTimeline: () => {},
 }
 
 const actions = {
   fetchUser: () => {},
-  fetchUserByScreenName: () => {}
+  fetchUserByScreenName: () => {},
 }
 
 const testGetters = {
-  findUser: state => getters.findUser(state.users),
-  findUserByName: state => getters.findUserByName(state.users),
-  relationship: state => getters.relationship(state.users),
+  findUser: (state) => getters.findUser(state.users),
+  findUserByName: (state) => getters.findUserByName(state.users),
+  relationship: (state) => getters.relationship(state.users),
   mergedConfig: () => ({
     colors: '',
     highlight: {},
     customTheme: {
-      colors: []
-    }
-  })
+      colors: [],
+    },
+  }),
 }
 
 const localUser = {
   id: 100,
   is_local: true,
   screen_name: 'testUser',
-  screen_name_ui: 'testUser'
+  screen_name_ui: 'testUser',
 }
 
 const extUser = {
   id: 100,
   is_local: false,
   screen_name: 'testUser@test.instance',
-  screen_name_ui: 'testUser@test.instance'
+  screen_name_ui: 'testUser@test.instance',
 }
 
 const externalProfileStore = createStore({
@@ -47,13 +47,13 @@ const externalProfileStore = createStore({
   state: {
     api: {
       fetchers: {},
-      backendInteractor: backendInteractorService('')
+      backendInteractor: backendInteractorService(''),
     },
     interface: {
-      browserSupport: ''
+      browserSupport: '',
     },
     instance: {
-      hideUserStats: true
+      hideUserStats: true,
     },
     statuses: {
       timelines: {
@@ -71,7 +71,7 @@ const externalProfileStore = createStore({
           friends: [],
           viewing: 'statuses',
           userId: 100,
-          flushMarker: 0
+          flushMarker: 0,
         },
         media: {
           statuses: [],
@@ -87,20 +87,20 @@ const externalProfileStore = createStore({
           friends: [],
           viewing: 'statuses',
           userId: 100,
-          flushMarker: 0
-        }
-      }
+          flushMarker: 0,
+        },
+      },
     },
     users: {
       currentUser: {
-        credentials: ''
+        credentials: '',
       },
       usersObject: { 100: extUser },
       usersByNameObject: {},
       users: [extUser],
-      relationships: {}
-    }
-  }
+      relationships: {},
+    },
+  },
 })
 
 const localProfileStore = createStore({
@@ -110,20 +110,20 @@ const localProfileStore = createStore({
   state: {
     api: {
       fetchers: {},
-      backendInteractor: backendInteractorService('')
+      backendInteractor: backendInteractorService(''),
     },
     interface: {
-      browserSupport: ''
+      browserSupport: '',
     },
     config: {
       colors: '',
       highlight: {},
       customTheme: {
-        colors: []
-      }
+        colors: [],
+      },
     },
     instance: {
-      hideUserStats: true
+      hideUserStats: true,
     },
     statuses: {
       timelines: {
@@ -141,7 +141,7 @@ const localProfileStore = createStore({
           friends: [],
           viewing: 'statuses',
           userId: 100,
-          flushMarker: 0
+          flushMarker: 0,
         },
         media: {
           statuses: [],
@@ -157,20 +157,20 @@ const localProfileStore = createStore({
           friends: [],
           viewing: 'statuses',
           userId: 100,
-          flushMarker: 0
-        }
-      }
+          flushMarker: 0,
+        },
+      },
     },
     users: {
       currentUser: {
-        credentials: ''
+        credentials: '',
       },
       usersObject: { 100: localUser },
       usersByNameObject: { testuser: localUser },
       users: [localUser],
-      relationships: {}
-    }
-  }
+      relationships: {},
+    },
+  },
 })
 
 // https://github.com/vuejs/test-utils/issues/1382
@@ -182,14 +182,16 @@ describe.skip('UserProfile', () => {
         mocks: {
           $route: {
             params: { id: 100 },
-            name: 'external-user-profile'
+            name: 'external-user-profile',
           },
-          $t: (msg) => msg
-        }
-      }
+          $t: (msg) => msg,
+        },
+      },
     })
 
-    expect(wrapper.find('.user-screen-name').text()).to.eql('@testUser@test.instance')
+    expect(wrapper.find('.user-screen-name').text()).to.eql(
+      '@testUser@test.instance',
+    )
   })
 
   it('renders local profile', () => {
@@ -199,11 +201,11 @@ describe.skip('UserProfile', () => {
         mocks: {
           $route: {
             params: { name: 'testUser' },
-            name: 'user-profile'
+            name: 'user-profile',
           },
-          $t: (msg) => msg
-        }
-      }
+          $t: (msg) => msg,
+        },
+      },
     })
 
     expect(wrapper.find('.user-screen-name').text()).to.eql('@testUser')
diff --git a/test/unit/specs/lib/persisted_state.spec.js b/test/unit/specs/lib/persisted_state.spec.js
index 79956a698..b6904930f 100644
--- a/test/unit/specs/lib/persisted_state.spec.js
+++ b/test/unit/specs/lib/persisted_state.spec.js
@@ -9,7 +9,7 @@ const getMockStorage = () => {
   let state = {}
 
   return {
-    getItem: vi.fn(async key => {
+    getItem: vi.fn(async (key) => {
       console.info('get:', key, state[key])
       return state[key]
     }),
@@ -19,7 +19,7 @@ const getMockStorage = () => {
     }),
     _clear: () => {
       state = {}
-    }
+    },
   }
 }
 
@@ -38,7 +38,7 @@ describe('piniaPersistPlugin', () => {
       await mockStorage.setItem('pinia-local-test', { a: 3 })
 
       const useTestStore = defineStore('test', {
-        state: () => ({ a: 1, b: 2 })
+        state: () => ({ a: 1, b: 2 }),
       })
 
       const test = useTestStore()
@@ -55,7 +55,7 @@ describe('piniaPersistPlugin', () => {
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
-        persist: {}
+        persist: {},
       })
 
       const test = useTestStore()
@@ -68,7 +68,7 @@ describe('piniaPersistPlugin', () => {
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
-        persist: {}
+        persist: {},
       })
 
       const test = useTestStore()
@@ -84,7 +84,7 @@ describe('piniaPersistPlugin', () => {
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
-        persist: {}
+        persist: {},
       })
 
       const test = useTestStore()
@@ -101,18 +101,21 @@ describe('piniaPersistPlugin', () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
         persist: {
-          afterLoad (state) {
+          afterLoad(state) {
             return {
               ...state,
-              a: 5
+              a: 5,
             }
-          }
-        }
+          },
+        },
       })
 
       const test = useTestStore()
       await test.$persistLoaded
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 4, c: { d: 0 } })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 4,
+        c: { d: 0 },
+      })
       expect(test.a).to.eql(5)
       expect(test.b).to.eql(2)
       expect(test.c.d).to.eql(0)
@@ -124,7 +127,7 @@ describe('piniaPersistPlugin', () => {
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
-        persist: {}
+        persist: {},
       })
 
       const test = useTestStore()
@@ -138,29 +141,35 @@ describe('piniaPersistPlugin', () => {
     test('it saves everything if paths is unspecified', async () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
-        persist: {}
+        persist: {},
       })
 
       const test = useTestStore()
       await test.$persistLoaded
       test.$patch({ a: 3 })
       await flushPromises()
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 3, b: 2 })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 3,
+        b: 2,
+      })
     })
 
     test('it saves only specified paths', async () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
         persist: {
-          paths: ['a', 'c.d']
-        }
+          paths: ['a', 'c.d'],
+        },
       })
 
       const test = useTestStore()
       await test.$persistLoaded
       test.$patch({ a: 3 })
       await flushPromises()
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 3, c: { d: 4 } })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 3,
+        c: { d: 4 },
+      })
     })
   })
 
@@ -171,8 +180,8 @@ describe('piniaPersistPlugin', () => {
       state: () => ({ a: 1, b: 2 }),
       persist: {
         onSaveSuccess,
-        onSaveError
-      }
+        onSaveError,
+      },
     })
 
     const test = useTestStore()
@@ -194,26 +203,35 @@ describe('piniaPersistPlugin', () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
         actions: {
-          increaseA () {
+          increaseA() {
             ++this.a
           },
-          increaseB () {
+          increaseB() {
             ++this.b
-          }
+          },
         },
         persist: {
-          saveImmediatelyActions: ['increaseA']
-        }
+          saveImmediatelyActions: ['increaseA'],
+        },
       })
 
       const test = useTestStore()
       await test.$persistLoaded
       await test.increaseA()
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 2, b: 2 })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 2,
+        b: 2,
+      })
       await test.increaseB()
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 2, b: 2 })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 2,
+        b: 2,
+      })
       await test.increaseA()
-      expect(await mockStorage.getItem('pinia-local-test')).to.eql({ a: 3, b: 3 })
+      expect(await mockStorage.getItem('pinia-local-test')).to.eql({
+        a: 3,
+        b: 3,
+      })
     })
   })
 
@@ -225,8 +243,8 @@ describe('piniaPersistPlugin', () => {
         state: () => ({ a: 1, b: 2 }),
         persist: {
           onSaveSuccess,
-          onSaveError
-        }
+          onSaveError,
+        },
       })
 
       const test = useTestStore()
@@ -251,8 +269,8 @@ describe('piniaPersistPlugin', () => {
         state: () => ({ a: 1, b: 2 }),
         persist: {
           onSaveSuccess,
-          onSaveError
-        }
+          onSaveError,
+        },
       })
 
       const test = useTestStore()
@@ -269,15 +287,15 @@ describe('piniaPersistPlugin', () => {
   describe('afterLoad', () => {
     test('it is called with the saved state object', async () => {
       await mockStorage.setItem('pinia-local-test', { a: 2 })
-      const afterLoad = vi.fn(async orig => {
+      const afterLoad = vi.fn(async (orig) => {
         return { a: orig.a + 1 }
       })
 
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
         persist: {
-          afterLoad
-        }
+          afterLoad,
+        },
       })
       const test = useTestStore()
       await test.$persistLoaded
@@ -294,8 +312,8 @@ describe('piniaPersistPlugin', () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
         persist: {
-          afterLoad
-        }
+          afterLoad,
+        },
       })
       const test = useTestStore()
       await test.$persistLoaded
diff --git a/test/unit/specs/modules/serverSideStorage.spec.js b/test/unit/specs/modules/serverSideStorage.spec.js
index 607bf9263..1422b3aa0 100644
--- a/test/unit/specs/modules/serverSideStorage.spec.js
+++ b/test/unit/specs/modules/serverSideStorage.spec.js
@@ -25,7 +25,7 @@ describe('The serverSideStorage module', () => {
     describe('setServerSideStorage', () => {
       const user = {
         created_at: new Date('1999-02-09'),
-        storage: {}
+        storage: {},
       }
 
       it('should initialize storage if none present', () => {
@@ -51,29 +51,27 @@ describe('The serverSideStorage module', () => {
         store.cache = {
           _timestamp: Date.now(),
           _version: VERSION,
-          ...cloneDeep(defaultState)
+          ...cloneDeep(defaultState),
         }
 
-        store.setServerSideStorage(
-          {
-            ...user,
-            storage: {
-              _timestamp: 123,
-              _version: VERSION,
-              flagStorage: {
-                ...defaultState.flagStorage,
-                updateCounter: 1
-              },
-              prefsStorage: {
-                ...defaultState.prefsStorage
-              }
-            }
-          }
-        )
+        store.setServerSideStorage({
+          ...user,
+          storage: {
+            _timestamp: 123,
+            _version: VERSION,
+            flagStorage: {
+              ...defaultState.flagStorage,
+              updateCounter: 1,
+            },
+            prefsStorage: {
+              ...defaultState.prefsStorage,
+            },
+          },
+        })
 
         expect(store.cache.flagStorage).to.eql({
           ...defaultState.flagStorage,
-          updateCounter: 1
+          updateCounter: 1,
         })
       })
 
@@ -81,19 +79,17 @@ describe('The serverSideStorage module', () => {
         const store = useServerSideStorageStore()
         store.cache = null
 
-        store.setServerSideStorage(
-          {
-            ...user,
-            storage: {
-              _timestamp: 123,
-              _version: VERSION,
-              flagStorage: {
-                ...defaultState.flagStorage,
-                updateCounter: 999
-              }
-            }
-          }
-        )
+        store.setServerSideStorage({
+          ...user,
+          storage: {
+            _timestamp: 123,
+            _version: VERSION,
+            flagStorage: {
+              ...defaultState.flagStorage,
+              updateCounter: 999,
+            },
+          },
+        })
         expect(store.cache._timestamp).to.eql(123)
         expect(store.flagStorage.updateCounter).to.eql(999)
         expect(store.cache.flagStorage.updateCounter).to.eql(999)
@@ -118,7 +114,7 @@ describe('The serverSideStorage module', () => {
           operation: 'set',
           args: [1],
           // should have A timestamp, we don't really care what it is
-          timestamp: store.prefsStorage._journal[0].timestamp
+          timestamp: store.prefsStorage._journal[0].timestamp,
         })
       })
 
@@ -127,7 +123,10 @@ describe('The serverSideStorage module', () => {
         store.setPreference({ path: 'simple.testing', value: 1 })
         store.setPreference({ path: 'simple.testing', value: 2 })
         store.addCollectionPreference({ path: 'collections.testing', value: 2 })
-        store.removeCollectionPreference({ path: 'collections.testing', value: 2 })
+        store.removeCollectionPreference({
+          path: 'collections.testing',
+          value: 2,
+        })
         store.updateCache({ username: 'test' })
         expect(store.prefsStorage.simple.testing).to.eql(2)
         expect(store.prefsStorage.collections.testing).to.eql([])
@@ -137,14 +136,14 @@ describe('The serverSideStorage module', () => {
           operation: 'set',
           args: [2],
           // should have A timestamp, we don't really care what it is
-          timestamp: store.prefsStorage._journal[0].timestamp
+          timestamp: store.prefsStorage._journal[0].timestamp,
         })
         expect(store.prefsStorage._journal[1]).to.eql({
           path: 'collections.testing',
           operation: 'removeFromCollection',
           args: [2],
           // should have A timestamp, we don't really care what it is
-          timestamp: store.prefsStorage._journal[1].timestamp
+          timestamp: store.prefsStorage._journal[1].timestamp,
         })
       })
 
@@ -173,16 +172,26 @@ describe('The serverSideStorage module', () => {
         const store = useServerSideStorageStore()
         store.setPreference({ path: 'simple.object.foo', value: 1 })
         expect(() => store.unsetPreference({ path: 'simple' })).to.throw()
-        expect(() => store.unsetPreference({ path: 'simple.object' })).to.throw()
+        expect(() =>
+          store.unsetPreference({ path: 'simple.object' }),
+        ).to.throw()
       })
 
       it('should not allow (un)setting depth > 3', () => {
         const store = useServerSideStorageStore()
         store.setPreference({ path: 'simple.object', value: {} })
-        expect(() => store.setPreference({ path: 'simple.object.lv3', value: 1 })).to.not.throw()
-        expect(() => store.setPreference({ path: 'simple.object.lv3.lv4', value: 1})).to.throw()
-        expect(() => store.unsetPreference({ path: 'simple.object.lv3', value: 1 })).to.not.throw()
-        expect(() => store.unsetPreference({ path: 'simple.object.lv3.lv4', value: 1})).to.throw()
+        expect(() =>
+          store.setPreference({ path: 'simple.object.lv3', value: 1 }),
+        ).to.not.throw()
+        expect(() =>
+          store.setPreference({ path: 'simple.object.lv3.lv4', value: 1 }),
+        ).to.throw()
+        expect(() =>
+          store.unsetPreference({ path: 'simple.object.lv3', value: 1 }),
+        ).to.not.throw()
+        expect(() =>
+          store.unsetPreference({ path: 'simple.object.lv3.lv4', value: 1 }),
+        ).to.throw()
       })
     })
   })
@@ -200,33 +209,65 @@ describe('The serverSideStorage module', () => {
     })
     describe('_getRecentData', () => {
       it('should handle nulls correctly', () => {
-        expect(_getRecentData(null, null, true)).to.eql({ recent: null, stale: null, needUpload: true })
+        expect(_getRecentData(null, null, true)).to.eql({
+          recent: null,
+          stale: null,
+          needUpload: true,
+        })
       })
 
-      it('doesn\'t choke on invalid data', () => {
-        expect(_getRecentData({ a: 1 }, { b: 2 }, true)).to.eql({ recent: null, stale: null, needUpload: true })
+      it("doesn't choke on invalid data", () => {
+        expect(_getRecentData({ a: 1 }, { b: 2 }, true)).to.eql({
+          recent: null,
+          stale: null,
+          needUpload: true,
+        })
       })
 
       it('should prefer the valid non-null correctly, needUpload works properly', () => {
         const nonNull = { _version: VERSION, _timestamp: 1 }
-        expect(_getRecentData(nonNull, null, true)).to.eql({ recent: nonNull, stale: null, needUpload: true })
-        expect(_getRecentData(null, nonNull, true)).to.eql({ recent: nonNull, stale: null, needUpload: false })
+        expect(_getRecentData(nonNull, null, true)).to.eql({
+          recent: nonNull,
+          stale: null,
+          needUpload: true,
+        })
+        expect(_getRecentData(null, nonNull, true)).to.eql({
+          recent: nonNull,
+          stale: null,
+          needUpload: false,
+        })
       })
 
       it('should prefer the one with higher timestamp', () => {
         const a = { _version: VERSION, _timestamp: 1 }
         const b = { _version: VERSION, _timestamp: 2 }
 
-        expect(_getRecentData(a, b, true)).to.eql({ recent: b, stale: a, needUpload: false })
-        expect(_getRecentData(b, a, true)).to.eql({ recent: b, stale: a, needUpload: false })
+        expect(_getRecentData(a, b, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
+        expect(_getRecentData(b, a, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
       })
 
       it('case where both are same', () => {
         const a = { _version: VERSION, _timestamp: 3 }
         const b = { _version: VERSION, _timestamp: 3 }
 
-        expect(_getRecentData(a, b, true)).to.eql({ recent: b, stale: a, needUpload: false })
-        expect(_getRecentData(b, a, true)).to.eql({ recent: b, stale: a, needUpload: false })
+        expect(_getRecentData(a, b, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
+        expect(_getRecentData(b, a, true)).to.eql({
+          recent: b,
+          stale: a,
+          needUpload: false,
+        })
       })
     })
 
@@ -235,10 +276,17 @@ describe('The serverSideStorage module', () => {
         expect(_getAllFlags(null, null)).to.eql([])
       })
       it('should output list of keys if passed single object', () => {
-        expect(_getAllFlags({ flagStorage: { a: 1, b: 1, c: 1 } }, null)).to.eql(['a', 'b', 'c'])
+        expect(
+          _getAllFlags({ flagStorage: { a: 1, b: 1, c: 1 } }, null),
+        ).to.eql(['a', 'b', 'c'])
       })
       it('should union keys of both objects', () => {
-        expect(_getAllFlags({ flagStorage: { a: 1, b: 1, c: 1 } }, { flagStorage: { c: 1, d: 1 } })).to.eql(['a', 'b', 'c', 'd'])
+        expect(
+          _getAllFlags(
+            { flagStorage: { a: 1, b: 1, c: 1 } },
+            { flagStorage: { c: 1, d: 1 } },
+          ),
+        ).to.eql(['a', 'b', 'c', 'd'])
       })
     })
 
@@ -248,7 +296,8 @@ describe('The serverSideStorage module', () => {
           _mergeFlags(
             { flagStorage: { a: 0, b: 3 } },
             { flagStorage: { b: 1, c: 4, d: 9 } },
-            ['a', 'b', 'c', 'd'])
+            ['a', 'b', 'c', 'd'],
+          ),
         ).to.eql({ a: 0, b: 3, c: 4, d: 9 })
       })
     })
@@ -262,25 +311,30 @@ describe('The serverSideStorage module', () => {
               simple: { a: 1, b: 0, c: true },
               _journal: [
                 { path: 'simple.b', operation: 'set', args: [0], timestamp: 2 },
-                { path: 'simple.c', operation: 'set', args: [true], timestamp: 4 }
-              ]
+                {
+                  path: 'simple.c',
+                  operation: 'set',
+                  args: [true],
+                  timestamp: 4,
+                },
+              ],
             },
             // STALE
             {
               simple: { a: 1, b: 1, c: false },
               _journal: [
                 { path: 'simple.a', operation: 'set', args: [1], timestamp: 1 },
-                { path: 'simple.b', operation: 'set', args: [1], timestamp: 3 }
-              ]
-            }
-          )
+                { path: 'simple.b', operation: 'set', args: [1], timestamp: 3 },
+              ],
+            },
+          ),
         ).to.eql({
           simple: { a: 1, b: 1, c: true },
           _journal: [
             { path: 'simple.a', operation: 'set', args: [1], timestamp: 1 },
             { path: 'simple.b', operation: 'set', args: [1], timestamp: 3 },
-            { path: 'simple.c', operation: 'set', args: [true], timestamp: 4 }
-          ]
+            { path: 'simple.c', operation: 'set', args: [true], timestamp: 4 },
+          ],
         })
       })
 
@@ -292,25 +346,30 @@ describe('The serverSideStorage module', () => {
               simple: { a: 1, b: 0, c: false },
               _journal: [
                 { path: 'simple.b', operation: 'set', args: [0], timestamp: 2 },
-                { path: 'simple.c', operation: 'set', args: [false], timestamp: 4 }
-              ]
+                {
+                  path: 'simple.c',
+                  operation: 'set',
+                  args: [false],
+                  timestamp: 4,
+                },
+              ],
             },
             // STALE
             {
               simple: { a: 0, b: 0, c: true },
               _journal: [
                 { path: 'simple.a', operation: 'set', args: [0], timestamp: 1 },
-                { path: 'simple.b', operation: 'set', args: [0], timestamp: 3 }
-              ]
-            }
-          )
+                { path: 'simple.b', operation: 'set', args: [0], timestamp: 3 },
+              ],
+            },
+          ),
         ).to.eql({
           simple: { a: 0, b: 0, c: false },
           _journal: [
             { path: 'simple.a', operation: 'set', args: [0], timestamp: 1 },
             { path: 'simple.b', operation: 'set', args: [0], timestamp: 3 },
-            { path: 'simple.c', operation: 'set', args: [false], timestamp: 4 }
-          ]
+            { path: 'simple.c', operation: 'set', args: [false], timestamp: 4 },
+          ],
         })
       })
 
@@ -321,22 +380,32 @@ describe('The serverSideStorage module', () => {
             {
               simple: { a: 'foo' },
               _journal: [
-                { path: 'simple.a', operation: 'set', args: ['foo'], timestamp: 2 }
-              ]
+                {
+                  path: 'simple.a',
+                  operation: 'set',
+                  args: ['foo'],
+                  timestamp: 2,
+                },
+              ],
             },
             // STALE
             {
               simple: { a: 'bar' },
               _journal: [
-                { path: 'simple.a', operation: 'set', args: ['bar'], timestamp: 4 }
-              ]
-            }
-          )
+                {
+                  path: 'simple.a',
+                  operation: 'set',
+                  args: ['bar'],
+                  timestamp: 4,
+                },
+              ],
+            },
+          ),
         ).to.eql({
           simple: { a: 'bar' },
           _journal: [
-            { path: 'simple.a', operation: 'set', args: ['bar'], timestamp: 4 }
-          ]
+            { path: 'simple.a', operation: 'set', args: ['bar'], timestamp: 4 },
+          ],
         })
       })
 
@@ -347,22 +416,37 @@ describe('The serverSideStorage module', () => {
             {
               simple: { lv2: { lv3: 'foo' } },
               _journal: [
-                { path: 'simple.lv2.lv3', operation: 'set', args: ['foo'], timestamp: 2 }
-              ]
+                {
+                  path: 'simple.lv2.lv3',
+                  operation: 'set',
+                  args: ['foo'],
+                  timestamp: 2,
+                },
+              ],
             },
             // STALE
             {
               simple: { lv2: { lv3: 'bar' } },
               _journal: [
-                { path: 'simple.lv2.lv3', operation: 'set', args: ['bar'], timestamp: 4 }
-              ]
-            }
-          )
+                {
+                  path: 'simple.lv2.lv3',
+                  operation: 'set',
+                  args: ['bar'],
+                  timestamp: 4,
+                },
+              ],
+            },
+          ),
         ).to.eql({
           simple: { lv2: { lv3: 'bar' } },
           _journal: [
-            { path: 'simple.lv2.lv3', operation: 'set', args: ['bar'], timestamp: 4 }
-          ]
+            {
+              path: 'simple.lv2.lv3',
+              operation: 'set',
+              args: ['bar'],
+              timestamp: 4,
+            },
+          ],
         })
       })
 
@@ -373,22 +457,37 @@ describe('The serverSideStorage module', () => {
             {
               simple: { lv2: { lv3: 'foo' } },
               _journal: [
-                { path: 'simple.lv2.lv3', operation: 'set', args: ['foo'], timestamp: 2 }
-              ]
+                {
+                  path: 'simple.lv2.lv3',
+                  operation: 'set',
+                  args: ['foo'],
+                  timestamp: 2,
+                },
+              ],
             },
             // STALE
             {
               simple: { lv2: {} },
               _journal: [
-                { path: 'simple.lv2.lv3', operation: 'unset', args: [], timestamp: 4 }
-              ]
-            }
-          )
+                {
+                  path: 'simple.lv2.lv3',
+                  operation: 'unset',
+                  args: [],
+                  timestamp: 4,
+                },
+              ],
+            },
+          ),
         ).to.eql({
           simple: { lv2: {} },
           _journal: [
-            { path: 'simple.lv2.lv3', operation: 'unset', args: [], timestamp: 4 }
-          ]
+            {
+              path: 'simple.lv2.lv3',
+              operation: 'unset',
+              args: [],
+              timestamp: 4,
+            },
+          ],
         })
       })
     })
@@ -402,12 +501,25 @@ describe('The serverSideStorage module', () => {
       it('should trim all flags to known when reset is set to 1000', () => {
         const totalFlags = { a: 0, b: 3, c: 33, reset: COMMAND_TRIM_FLAGS }
 
-        expect(_resetFlags(totalFlags, { a: 0, b: 0, reset: 0 })).to.eql({ a: 0, b: 3, reset: 0 })
+        expect(_resetFlags(totalFlags, { a: 0, b: 0, reset: 0 })).to.eql({
+          a: 0,
+          b: 3,
+          reset: 0,
+        })
       })
       it('should trim all flags to known and reset when reset is set to 1001', () => {
-        const totalFlags = { a: 0, b: 3, c: 33, reset: COMMAND_TRIM_FLAGS_AND_RESET }
+        const totalFlags = {
+          a: 0,
+          b: 3,
+          c: 33,
+          reset: COMMAND_TRIM_FLAGS_AND_RESET,
+        }
 
-        expect(_resetFlags(totalFlags, { a: 0, b: 0, reset: 0 })).to.eql({ a: 0, b: 0, reset: 0 })
+        expect(_resetFlags(totalFlags, { a: 0, b: 0, reset: 0 })).to.eql({
+          a: 0,
+          b: 0,
+          reset: 0,
+        })
       })
     })
   })
diff --git a/test/unit/specs/modules/statuses.spec.js b/test/unit/specs/modules/statuses.spec.js
index 66652fa50..379b7795d 100644
--- a/test/unit/specs/modules/statuses.spec.js
+++ b/test/unit/specs/modules/statuses.spec.js
@@ -1,6 +1,9 @@
-import { defaultState, mutations, prepareStatus } from '../../../../src/modules/statuses.js'
+import {
+  defaultState,
+  mutations,
+  prepareStatus,
+} from '../../../../src/modules/statuses.js'
 
- 
 const makeMockStatus = ({ id, text, type = 'status' }) => {
   return {
     id,
@@ -10,7 +13,7 @@ const makeMockStatus = ({ id, text, type = 'status' }) => {
     fave_num: 0,
     uri: '',
     type,
-    attentions: []
+    attentions: [],
   }
 }
 
@@ -27,7 +30,10 @@ describe('Statuses module', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '1' })
 
-      mutations.addNewStatuses(state, { statuses: [status], timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        timeline: 'public',
+      })
 
       expect(state.allStatuses).to.eql([status])
       expect(state.timelines.public.statuses).to.eql([status])
@@ -39,8 +45,14 @@ describe('Statuses module', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '1' })
 
-      mutations.addNewStatuses(state, { statuses: [status], timeline: 'public' })
-      mutations.addNewStatuses(state, { statuses: [status], timeline: 'friends' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        timeline: 'public',
+      })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        timeline: 'friends',
+      })
 
       expect(state.allStatuses).to.eql([status])
       expect(state.timelines.public.statuses).to.eql([status])
@@ -69,7 +81,11 @@ describe('Statuses module', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '1' })
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
 
       expect(state.allStatuses).to.eql([status])
       expect(state.timelines.public.statuses).to.eql([status])
@@ -82,12 +98,24 @@ describe('Statuses module', () => {
       const status = makeMockStatus({ id: '1' })
       const secondStatus = makeMockStatus({ id: '2' })
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
       expect(state.timelines.public.maxId).to.eql('1')
 
-      mutations.addNewStatuses(state, { statuses: [secondStatus], showImmediately: true, timeline: 'public', noIdUpdate: true })
+      mutations.addNewStatuses(state, {
+        statuses: [secondStatus],
+        showImmediately: true,
+        timeline: 'public',
+        noIdUpdate: true,
+      })
       expect(state.timelines.public.statuses).to.eql([secondStatus, status])
-      expect(state.timelines.public.visibleStatuses).to.eql([secondStatus, status])
+      expect(state.timelines.public.visibleStatuses).to.eql([
+        secondStatus,
+        status,
+      ])
       expect(state.timelines.public.maxId).to.eql('1')
     })
 
@@ -98,17 +126,42 @@ describe('Statuses module', () => {
       const statusTwo = makeMockStatus({ id: '2' })
       const statusThree = makeMockStatus({ id: '4' })
 
-      mutations.addNewStatuses(state, { statuses: [nonVisibleStatus], showImmediately: false, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [nonVisibleStatus],
+        showImmediately: false,
+        timeline: 'public',
+      })
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.addNewStatuses(state, { statuses: [statusTwo], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.addNewStatuses(state, {
+        statuses: [statusTwo],
+        showImmediately: true,
+        timeline: 'public',
+      })
 
       expect(state.timelines.public.minVisibleId).to.equal('2')
 
-      mutations.addNewStatuses(state, { statuses: [statusThree], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [statusThree],
+        showImmediately: true,
+        timeline: 'public',
+      })
 
-      expect(state.timelines.public.statuses).to.eql([statusThree, status, statusTwo, nonVisibleStatus])
-      expect(state.timelines.public.visibleStatuses).to.eql([statusThree, status, statusTwo])
+      expect(state.timelines.public.statuses).to.eql([
+        statusThree,
+        status,
+        statusTwo,
+        nonVisibleStatus,
+      ])
+      expect(state.timelines.public.visibleStatuses).to.eql([
+        statusThree,
+        status,
+        statusTwo,
+      ])
     })
 
     it('splits retweets from their status and links them', () => {
@@ -120,7 +173,11 @@ describe('Statuses module', () => {
       retweet.retweeted_status = status
 
       // It adds both statuses, but only the retweet to visible.
-      mutations.addNewStatuses(state, { statuses: [retweet], timeline: 'public', showImmediately: true })
+      mutations.addNewStatuses(state, {
+        statuses: [retweet],
+        timeline: 'public',
+        showImmediately: true,
+      })
       expect(state.timelines.public.visibleStatuses).to.have.length(1)
       expect(state.timelines.public.statuses).to.have.length(1)
       expect(state.allStatuses).to.have.length(2)
@@ -128,7 +185,10 @@ describe('Statuses module', () => {
       expect(state.allStatuses[1].id).to.equal('2')
 
       // It refers to the modified status.
-      mutations.addNewStatuses(state, { statuses: [modStatus], timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [modStatus],
+        timeline: 'public',
+      })
       expect(state.allStatuses).to.have.length(2)
       expect(state.allStatuses[0].id).to.equal('1')
       expect(state.allStatuses[0].text).to.equal(modStatus.text)
@@ -142,12 +202,20 @@ describe('Statuses module', () => {
       const modStatus = makeMockStatus({ id: '1', text: 'something else' })
 
       // Add original status
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
       expect(state.timelines.public.visibleStatuses).to.have.length(1)
       expect(state.allStatuses).to.have.length(1)
 
       // Add new version of status
-      mutations.addNewStatuses(state, { statuses: [modStatus], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [modStatus],
+        showImmediately: true,
+        timeline: 'public',
+      })
       expect(state.timelines.public.visibleStatuses).to.have.length(1)
       expect(state.allStatuses).to.have.length(1)
       expect(state.allStatuses[0].text).to.eql(modStatus.text)
@@ -161,12 +229,20 @@ describe('Statuses module', () => {
       retweet.retweeted_status = modStatus
 
       // Add original status
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
       expect(state.timelines.public.visibleStatuses).to.have.length(1)
       expect(state.allStatuses).to.have.length(1)
 
       // Add new version of status
-      mutations.addNewStatuses(state, { statuses: [retweet], showImmediately: false, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [retweet],
+        showImmediately: false,
+        timeline: 'public',
+      })
       expect(state.timelines.public.visibleStatuses).to.have.length(1)
       // Don't add the retweet itself if the tweet is visible
       expect(state.timelines.public.statuses).to.have.length(1)
@@ -184,18 +260,30 @@ describe('Statuses module', () => {
         in_reply_to_status_id: '1', // The API uses strings here...
         uri: 'tag:shitposter.club,2016-08-21:fave:3895:note:773501:2016-08-21T16:52:15+00:00',
         text: 'a favorited something by b',
-        user: { id: '99' }
+        user: { id: '99' },
       }
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.addNewStatuses(state, { statuses: [favorite], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.addNewStatuses(state, {
+        statuses: [favorite],
+        showImmediately: true,
+        timeline: 'public',
+      })
 
       expect(state.timelines.public.visibleStatuses.length).to.eql(1)
       expect(state.timelines.public.visibleStatuses[0].fave_num).to.eql(1)
       expect(state.timelines.public.maxId).to.eq(favorite.id)
 
       // Adding it again does nothing
-      mutations.addNewStatuses(state, { statuses: [favorite], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [favorite],
+        showImmediately: true,
+        timeline: 'public',
+      })
 
       expect(state.timelines.public.visibleStatuses.length).to.eql(1)
       expect(state.timelines.public.visibleStatuses[0].fave_num).to.eql(1)
@@ -203,7 +291,7 @@ describe('Statuses module', () => {
 
       // If something is favorited by the current user, it also sets the 'favorited' property but does not increment counter to avoid over-counting. Counter is incremented (updated, really) via response to the favorite request.
       const user = {
-        id: '1'
+        id: '1',
       }
 
       const ownFavorite = {
@@ -212,10 +300,15 @@ describe('Statuses module', () => {
         in_reply_to_status_id: '1', // The API uses strings here...
         uri: 'tag:shitposter.club,2016-08-21:fave:3895:note:773501:2016-08-21T16:52:15+00:00',
         text: 'a favorited something by b',
-        user
+        user,
       }
 
-      mutations.addNewStatuses(state, { statuses: [ownFavorite], showImmediately: true, timeline: 'public', user })
+      mutations.addNewStatuses(state, {
+        statuses: [ownFavorite],
+        showImmediately: true,
+        timeline: 'public',
+        user,
+      })
 
       expect(state.timelines.public.visibleStatuses.length).to.eql(1)
       expect(state.timelines.public.visibleStatuses[0].fave_num).to.eql(1)
@@ -229,11 +322,21 @@ describe('Statuses module', () => {
       const status = makeMockStatus({ id: '1' })
       status.emoji_reactions = [{ name: '😂', count: 1, accounts: [] }]
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.addOwnReaction(state, { id: '1', emoji: '😂', currentUser: { id: 'me' } })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.addOwnReaction(state, {
+        id: '1',
+        emoji: '😂',
+        currentUser: { id: 'me' },
+      })
       expect(state.allStatusesObject['1'].emoji_reactions[0].count).to.eql(2)
       expect(state.allStatusesObject['1'].emoji_reactions[0].me).to.eql(true)
-      expect(state.allStatusesObject['1'].emoji_reactions[0].accounts[0].id).to.eql('me')
+      expect(
+        state.allStatusesObject['1'].emoji_reactions[0].accounts[0].id,
+      ).to.eql('me')
     })
 
     it('adds a new reaction', () => {
@@ -241,32 +344,64 @@ describe('Statuses module', () => {
       const status = makeMockStatus({ id: '1' })
       status.emoji_reactions = []
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.addOwnReaction(state, { id: '1', emoji: '😂', currentUser: { id: 'me' } })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.addOwnReaction(state, {
+        id: '1',
+        emoji: '😂',
+        currentUser: { id: 'me' },
+      })
       expect(state.allStatusesObject['1'].emoji_reactions[0].count).to.eql(1)
       expect(state.allStatusesObject['1'].emoji_reactions[0].me).to.eql(true)
-      expect(state.allStatusesObject['1'].emoji_reactions[0].accounts[0].id).to.eql('me')
+      expect(
+        state.allStatusesObject['1'].emoji_reactions[0].accounts[0].id,
+      ).to.eql('me')
     })
 
     it('decreases count in existing reaction', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '1' })
-      status.emoji_reactions = [{ name: '😂', count: 2, accounts: [{ id: 'me' }] }]
+      status.emoji_reactions = [
+        { name: '😂', count: 2, accounts: [{ id: 'me' }] },
+      ]
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.removeOwnReaction(state, { id: '1', emoji: '😂', currentUser: { id: 'me' } })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.removeOwnReaction(state, {
+        id: '1',
+        emoji: '😂',
+        currentUser: { id: 'me' },
+      })
       expect(state.allStatusesObject['1'].emoji_reactions[0].count).to.eql(1)
       expect(state.allStatusesObject['1'].emoji_reactions[0].me).to.eql(false)
-      expect(state.allStatusesObject['1'].emoji_reactions[0].accounts).to.eql([])
+      expect(state.allStatusesObject['1'].emoji_reactions[0].accounts).to.eql(
+        [],
+      )
     })
 
     it('removes a reaction', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '1' })
-      status.emoji_reactions = [{ name: '😂', count: 1, accounts: [{ id: 'me' }] }]
+      status.emoji_reactions = [
+        { name: '😂', count: 1, accounts: [{ id: 'me' }] },
+      ]
 
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
-      mutations.removeOwnReaction(state, { id: '1', emoji: '😂', currentUser: { id: 'me' } })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
+      mutations.removeOwnReaction(state, {
+        id: '1',
+        emoji: '😂',
+        currentUser: { id: 'me' },
+      })
       expect(state.allStatusesObject['1'].emoji_reactions.length).to.eql(0)
     })
   })
@@ -275,9 +410,17 @@ describe('Statuses module', () => {
     it('resets the minId to the min of the visible statuses when adding new to visible statuses', () => {
       const state = defaultState()
       const status = makeMockStatus({ id: '10' })
-      mutations.addNewStatuses(state, { statuses: [status], showImmediately: true, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [status],
+        showImmediately: true,
+        timeline: 'public',
+      })
       const newStatus = makeMockStatus({ id: '20' })
-      mutations.addNewStatuses(state, { statuses: [newStatus], showImmediately: false, timeline: 'public' })
+      mutations.addNewStatuses(state, {
+        statuses: [newStatus],
+        showImmediately: false,
+        timeline: 'public',
+      })
       state.timelines.public.minId = '5'
       mutations.showNewStatuses(state, { timeline: 'public' })
 
diff --git a/test/unit/specs/modules/users.spec.js b/test/unit/specs/modules/users.spec.js
index 3073f507a..2f7e7171a 100644
--- a/test/unit/specs/modules/users.spec.js
+++ b/test/unit/specs/modules/users.spec.js
@@ -1,6 +1,10 @@
 import { cloneDeep } from 'lodash'
 
-import { defaultState, mutations, getters } from '../../../../src/modules/users.js'
+import {
+  defaultState,
+  mutations,
+  getters,
+} from '../../../../src/modules/users.js'
 
 describe('The users module', () => {
   describe('mutations', () => {
@@ -23,22 +27,18 @@ describe('The users module', () => {
       const state = cloneDeep(defaultState)
       const user = {
         id: '1',
-        fields: [
-          { name: 'Label 1', value: 'Content 1' }
-        ]
+        fields: [{ name: 'Label 1', value: 'Content 1' }],
       }
       const firstModUser = {
         id: '1',
         fields: [
           { name: 'Label 2', value: 'Content 2' },
-          { name: 'Label 3', value: 'Content 3' }
-        ]
+          { name: 'Label 3', value: 'Content 3' },
+        ],
       }
       const secondModUser = {
         id: '1',
-        fields: [
-          { name: 'Label 4', value: 'Content 4' }
-        ]
+        fields: [{ name: 'Label 4', value: 'Content 4' }],
       }
 
       mutations.addNewUsers(state, [user])
@@ -61,11 +61,11 @@ describe('The users module', () => {
       const user = { screen_name: 'Guy', id: '1' }
       const state = {
         usersObject: {
-          1: user
+          1: user,
         },
         usersByNameObject: {
-          guy: user
-        }
+          guy: user,
+        },
       }
       const name = 'Guy'
       expect(getters.findUser(state)(name)).to.eql(undefined)
@@ -75,11 +75,11 @@ describe('The users module', () => {
       const user = { screen_name: 'Guy', id: '1' }
       const state = {
         usersObject: {
-          1: user
+          1: user,
         },
         usersByNameObject: {
-          guy: user
-        }
+          guy: user,
+        },
       }
       const id = '1'
       const expected = { screen_name: 'Guy', id: '1' }
@@ -92,11 +92,11 @@ describe('The users module', () => {
       const user = { screen_name: 'Guy', id: '1' }
       const state = {
         usersObject: {
-          1: user
+          1: user,
         },
         usersByNameObject: {
-          guy: user
-        }
+          guy: user,
+        },
       }
       const name = 'Guy'
       const expected = { screen_name: 'Guy', id: '1' }
@@ -107,11 +107,11 @@ describe('The users module', () => {
       const user = { screen_name: 'Guy', id: '1' }
       const state = {
         usersObject: {
-          1: user
+          1: user,
         },
         usersByNameObject: {
-          guy: user
-        }
+          guy: user,
+        },
       }
       const id = '1'
       expect(getters.findUserByName(state)(id)).to.eql(undefined)
diff --git a/test/unit/specs/services/chat_service/chat_service.spec.js b/test/unit/specs/services/chat_service/chat_service.spec.js
index a42269b47..1cf5aa780 100644
--- a/test/unit/specs/services/chat_service/chat_service.spec.js
+++ b/test/unit/specs/services/chat_service/chat_service.spec.js
@@ -3,21 +3,21 @@ import chatService from '../../../../../src/services/chat_service/chat_service.j
 const message1 = {
   id: '9wLkdcmQXD21Oy8lEX',
   idempotency_key: '1',
-  created_at: (new Date('2020-06-22T18:45:53.000Z'))
+  created_at: new Date('2020-06-22T18:45:53.000Z'),
 }
 
 const message2 = {
   id: '9wLkdp6ihaOVdNj8Wu',
   idempotency_key: '2',
   account_id: '9vmRb29zLQReckr5ay',
-  created_at: (new Date('2020-06-22T18:45:56.000Z'))
+  created_at: new Date('2020-06-22T18:45:56.000Z'),
 }
 
 const message3 = {
   id: '9wLke9zL4Dy4OZR2RM',
   idempotency_key: '3',
   account_id: '9vmRb29zLQReckr5ay',
-  created_at: (new Date('2020-07-22T18:45:59.000Z'))
+  created_at: new Date('2020-07-22T18:45:59.000Z'),
 }
 
 describe('chatService', () => {
@@ -85,7 +85,13 @@ describe('chatService', () => {
       chatService.add(chat, { messages: [message3] })
 
       const view = chatService.getView(chat)
-      expect(view.map(i => i.type)).to.eql(['date', 'message', 'message', 'date', 'message'])
+      expect(view.map((i) => i.type)).to.eql([
+        'date',
+        'message',
+        'message',
+        'date',
+        'message',
+      ])
     })
   })
 
@@ -95,7 +101,15 @@ describe('chatService', () => {
 
       for (let i = 100; i > 0; i--) {
         // Use decimal values with toFixed to hack together constant length predictable strings
-        chatService.add(chat, { messages: [{ ...message1, id: 'a' + (i / 1000).toFixed(3), idempotency_key: i }] })
+        chatService.add(chat, {
+          messages: [
+            {
+              ...message1,
+              id: 'a' + (i / 1000).toFixed(3),
+              idempotency_key: i,
+            },
+          ],
+        })
       }
       chatService.cullOlderMessages(chat)
       expect(chat.messages.length).to.eql(50)
diff --git a/test/unit/specs/services/completion/completion.spec.js b/test/unit/specs/services/completion/completion.spec.js
index 81d3a26a2..139cc0b60 100644
--- a/test/unit/specs/services/completion/completion.spec.js
+++ b/test/unit/specs/services/completion/completion.spec.js
@@ -1,4 +1,9 @@
-import { replaceWord, addPositionToWords, wordAtPosition, splitByWhitespaceBoundary } from '../../../../../src/services/completion/completion.js'
+import {
+  replaceWord,
+  addPositionToWords,
+  wordAtPosition,
+  splitByWhitespaceBoundary,
+} from '../../../../../src/services/completion/completion.js'
 
 describe('addPositiontoWords', () => {
   it('adds the position to a word list', () => {
@@ -8,38 +13,38 @@ describe('addPositiontoWords', () => {
       {
         word: 'hey',
         start: 0,
-        end: 3
+        end: 3,
       },
       {
         word: ' ',
         start: 3,
-        end: 4
+        end: 4,
       },
       {
         word: 'this',
         start: 4,
-        end: 8
+        end: 8,
       },
       {
         word: ' ',
         start: 8,
-        end: 9
+        end: 9,
       },
       {
         word: 'is',
         start: 9,
-        end: 11
+        end: 11,
       },
       {
         word: ' ',
         start: 11,
-        end: 12
+        end: 12,
       },
       {
         word: 'fun',
         start: 12,
-        end: 15
-      }
+        end: 15,
+      },
     ]
 
     const res = addPositionToWords(words)
@@ -51,7 +56,23 @@ describe('addPositiontoWords', () => {
 describe('splitByWhitespaceBoundary', () => {
   it('splits at whitespace boundaries', () => {
     const str = 'This is a #nice @test for you,    @idiot@idiot.com'
-    const expected = ['This', ' ', 'is', ' ', 'a', ' ', '#nice', ' ', '@test', ' ', 'for', ' ', 'you,', '    ', '@idiot@idiot.com']
+    const expected = [
+      'This',
+      ' ',
+      'is',
+      ' ',
+      'a',
+      ' ',
+      '#nice',
+      ' ',
+      '@test',
+      ' ',
+      'for',
+      ' ',
+      'you,',
+      '    ',
+      '@idiot@idiot.com',
+    ]
     const res = splitByWhitespaceBoundary(str)
 
     expect(res).to.eql(expected)
diff --git a/test/unit/specs/services/date_utils/date_utils.spec.js b/test/unit/specs/services/date_utils/date_utils.spec.js
index 951c51cd8..047b313e7 100644
--- a/test/unit/specs/services/date_utils/date_utils.spec.js
+++ b/test/unit/specs/services/date_utils/date_utils.spec.js
@@ -1,43 +1,68 @@
 import * as DateUtils from 'src/services/date_utils/date_utils.js'
 
-beforeEach(() => { vi.useFakeTimers() })
-afterEach(() => { vi.useRealTimers() })
+beforeEach(() => {
+  vi.useFakeTimers()
+})
+afterEach(() => {
+  vi.useRealTimers()
+})
 
 describe('DateUtils', () => {
   describe('relativeTime', () => {
     it('returns now with low enough amount of seconds', () => {
       const futureTime = Date.now() + 20 * DateUtils.SECOND
       const pastTime = Date.now() - 20 * DateUtils.SECOND
-      expect(DateUtils.relativeTime(futureTime, 30)).to.eql({ num: 0, key: 'time.now' })
-      expect(DateUtils.relativeTime(pastTime, 30)).to.eql({ num: 0, key: 'time.now' })
+      expect(DateUtils.relativeTime(futureTime, 30)).to.eql({
+        num: 0,
+        key: 'time.now',
+      })
+      expect(DateUtils.relativeTime(pastTime, 30)).to.eql({
+        num: 0,
+        key: 'time.now',
+      })
     })
 
     it('rounds down for past', () => {
       const time = Date.now() - 1.8 * DateUtils.HOUR
-      expect(DateUtils.relativeTime(time)).to.eql({ num: 1, key: 'time.unit.hours' })
+      expect(DateUtils.relativeTime(time)).to.eql({
+        num: 1,
+        key: 'time.unit.hours',
+      })
     })
 
     it('rounds up for future', () => {
       const time = Date.now() + 1.8 * DateUtils.HOUR
-      expect(DateUtils.relativeTime(time)).to.eql({ num: 2, key: 'time.unit.hours' })
+      expect(DateUtils.relativeTime(time)).to.eql({
+        num: 2,
+        key: 'time.unit.hours',
+      })
     })
 
     it('uses plural when necessary', () => {
       const time = Date.now() - 3.8 * DateUtils.WEEK
-      expect(DateUtils.relativeTime(time)).to.eql({ num: 3, key: 'time.unit.weeks' })
+      expect(DateUtils.relativeTime(time)).to.eql({
+        num: 3,
+        key: 'time.unit.weeks',
+      })
     })
 
     it('works with date string', () => {
       const time = Date.now() - 4 * DateUtils.MONTH
       const dateString = new Date(time).toISOString()
-      expect(DateUtils.relativeTime(dateString)).to.eql({ num: 4, key: 'time.unit.months' })
+      expect(DateUtils.relativeTime(dateString)).to.eql({
+        num: 4,
+        key: 'time.unit.months',
+      })
     })
   })
 
   describe('relativeTimeShort', () => {
     it('returns the short version of the same relative time', () => {
       const time = Date.now() + 2 * DateUtils.YEAR
-      expect(DateUtils.relativeTimeShort(time)).to.eql({ num: 2, key: 'time.unit.years_short' })
+      expect(DateUtils.relativeTimeShort(time)).to.eql({
+        num: 2,
+        key: 'time.unit.years_short',
+      })
     })
   })
 })
diff --git a/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js b/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
index 3923596b9..a03cd6ed9 100644
--- a/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
+++ b/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
@@ -1,171 +1,196 @@
-import { parseStatus, parseUser, parseNotification, parseLinkHeaderPagination } from '../../../../../src/services/entity_normalizer/entity_normalizer.service.js'
+import {
+  parseStatus,
+  parseUser,
+  parseNotification,
+  parseLinkHeaderPagination,
+} from '../../../../../src/services/entity_normalizer/entity_normalizer.service.js'
 import mastoapidata from '../../../../fixtures/mastoapi.json'
 import qvitterapidata from '../../../../fixtures/statuses.json'
 
 const makeMockStatusQvitter = (overrides = {}) => {
-  return Object.assign({
-    activity_type: 'post',
-    attachments: [],
-    attentions: [],
-    created_at: 'Tue Jan 15 13:57:56 +0000 2019',
-    external_url: 'https://ap.example/whatever',
-    fave_num: 1,
-    favorited: false,
-    id: '10335970',
-    in_reply_to_ostatus_uri: null,
-    in_reply_to_profileurl: null,
-    in_reply_to_screen_name: null,
-    in_reply_to_status_id: null,
-    in_reply_to_user_id: null,
-    is_local: false,
-    is_post_verb: true,
-    possibly_sensitive: false,
-    repeat_num: 0,
-    repeated: false,
-    statusnet_conversation_id: '16300488',
-    summary: null,
-    tags: [],
-    text: 'haha benis',
-    uri: 'https://ap.example/whatever',
-    user: makeMockUserQvitter(),
-    visibility: 'public'
-  }, overrides)
+  return Object.assign(
+    {
+      activity_type: 'post',
+      attachments: [],
+      attentions: [],
+      created_at: 'Tue Jan 15 13:57:56 +0000 2019',
+      external_url: 'https://ap.example/whatever',
+      fave_num: 1,
+      favorited: false,
+      id: '10335970',
+      in_reply_to_ostatus_uri: null,
+      in_reply_to_profileurl: null,
+      in_reply_to_screen_name: null,
+      in_reply_to_status_id: null,
+      in_reply_to_user_id: null,
+      is_local: false,
+      is_post_verb: true,
+      possibly_sensitive: false,
+      repeat_num: 0,
+      repeated: false,
+      statusnet_conversation_id: '16300488',
+      summary: null,
+      tags: [],
+      text: 'haha benis',
+      uri: 'https://ap.example/whatever',
+      user: makeMockUserQvitter(),
+      visibility: 'public',
+    },
+    overrides,
+  )
 }
 
 const makeMockUserQvitter = (overrides = {}) => {
-  return Object.assign({
-    background_image: null,
-    cover_photo: '',
-    created_at: 'Mon Jan 14 13:56:51 +0000 2019',
-    default_scope: 'public',
-    description: 'ebin',
-    description_html: '<p>ebin</p>',
-    favourites_count: 0,
-    fields: [],
-    followers_count: 1,
-    following: true,
-    follows_you: true,
-    friends_count: 1,
-    id: '60717',
-    is_local: false,
-    locked: false,
-    name: 'Spurdo :ebin:',
-    name_html: 'Spurdo <img src="whatever">',
-    no_rich_text: false,
-    pleroma: { confirmation_pending: false, tags: [] },
-    profile_image_url: 'https://ap.example/whatever',
-    profile_image_url_https: 'https://ap.example/whatever',
-    profile_image_url_original: 'https://ap.example/whatever',
-    profile_image_url_profile_size: 'https://ap.example/whatever',
-    rights: { delete_others_notice: false },
-    screen_name: 'spurdo@ap.example',
-    statuses_count: 46,
-    statusnet_blocking: false,
-    statusnet_profile_url: ''
-  }, overrides)
+  return Object.assign(
+    {
+      background_image: null,
+      cover_photo: '',
+      created_at: 'Mon Jan 14 13:56:51 +0000 2019',
+      default_scope: 'public',
+      description: 'ebin',
+      description_html: '<p>ebin</p>',
+      favourites_count: 0,
+      fields: [],
+      followers_count: 1,
+      following: true,
+      follows_you: true,
+      friends_count: 1,
+      id: '60717',
+      is_local: false,
+      locked: false,
+      name: 'Spurdo :ebin:',
+      name_html: 'Spurdo <img src="whatever">',
+      no_rich_text: false,
+      pleroma: { confirmation_pending: false, tags: [] },
+      profile_image_url: 'https://ap.example/whatever',
+      profile_image_url_https: 'https://ap.example/whatever',
+      profile_image_url_original: 'https://ap.example/whatever',
+      profile_image_url_profile_size: 'https://ap.example/whatever',
+      rights: { delete_others_notice: false },
+      screen_name: 'spurdo@ap.example',
+      statuses_count: 46,
+      statusnet_blocking: false,
+      statusnet_profile_url: '',
+    },
+    overrides,
+  )
 }
 
 const makeMockUserMasto = (overrides = {}) => {
-  return Object.assign({
-    acct: 'hj',
-    avatar:
-    'https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png',
-    avatar_static:
-    'https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png',
-    bot: false,
-    created_at: '2017-12-17T21:54:14.000Z',
-    display_name: 'whatever whatever whatever witch',
-    emojis: [],
-    fields: [],
-    followers_count: 705,
-    following_count: 326,
-    header:
-    'https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png',
-    header_static:
-    'https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png',
-    id: '1',
-    locked: false,
-    note:
-    'Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user="1" href="https://shigusegubu.club/users/hj">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it\'s truly private matter and you\'re instance\'s admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.',
-    pleroma: { confirmation_pending: false, tags: null },
-    source: { note: '', privacy: 'public', sensitive: false },
-    statuses_count: 41775,
-    url: 'https://shigusegubu.club/users/hj',
-    username: 'hj'
-  }, overrides)
+  return Object.assign(
+    {
+      acct: 'hj',
+      avatar:
+        'https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png',
+      avatar_static:
+        'https://shigusegubu.club/media/1657b945-8d5b-4ce6-aafb-4c3fc5772120/8ce851029af84d55de9164e30cc7f46d60cbf12eee7e96c5c0d35d9038ddade1.png',
+      bot: false,
+      created_at: '2017-12-17T21:54:14.000Z',
+      display_name: 'whatever whatever whatever witch',
+      emojis: [],
+      fields: [],
+      followers_count: 705,
+      following_count: 326,
+      header:
+        'https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png',
+      header_static:
+        'https://shigusegubu.club/media/7ab024d9-2a8a-4fbc-9ce8-da06756ae2db/6aadefe4e264133bc377ab450e6b045b6f5458542a5c59e6c741f86107f0388b.png',
+      id: '1',
+      locked: false,
+      note: 'Volatile Internet Weirdo. Name pronounced as Hee Jay. JS and Java dark arts mage, Elixir trainee. I love sampo and lain. Matrix is <span><a data-user="1" href="https://shigusegubu.club/users/hj">@<span>hj</span></a></span>:matrix.heldscal.la Pronouns are whatever. Do not DM me unless it\'s truly private matter and you\'re instance\'s admin or you risk your DM to be reposted publicly.Wish i was Finnish girl.',
+      pleroma: { confirmation_pending: false, tags: null },
+      source: { note: '', privacy: 'public', sensitive: false },
+      statuses_count: 41775,
+      url: 'https://shigusegubu.club/users/hj',
+      username: 'hj',
+    },
+    overrides,
+  )
 }
 
 const makeMockStatusMasto = (overrides = {}) => {
-  return Object.assign({
-    account: makeMockUserMasto(),
-    application: { name: 'Web', website: null },
-    content:
-    '<span><a data-user="14660" href="https://pleroma.soykaf.com/users/sampo">@<span>sampo</span></a></span> god i wish i was there',
-    created_at: '2019-01-17T16:29:23.000Z',
-    emojis: [],
-    favourited: false,
-    favourites_count: 1,
-    id: '10423476',
-    in_reply_to_account_id: '14660',
-    in_reply_to_id: '10423197',
-    language: null,
-    media_attachments: [],
-    mentions: [
-      {
-        acct: 'sampo@pleroma.soykaf.com',
-        id: '14660',
-        url: 'https://pleroma.soykaf.com/users/sampo',
-        username: 'sampo'
-      }
-    ],
-    muted: false,
-    reblog: null,
-    reblogged: false,
-    reblogs_count: 0,
-    replies_count: 0,
-    sensitive: false,
-    spoiler_text: '',
-    tags: [],
-    uri: 'https://shigusegubu.club/objects/16033fbb-97c0-4f0e-b834-7abb92fb8639',
-    url: 'https://shigusegubu.club/objects/16033fbb-97c0-4f0e-b834-7abb92fb8639',
-    visibility: 'public',
-    pleroma: {
-      local: true
-    }
-  }, overrides)
+  return Object.assign(
+    {
+      account: makeMockUserMasto(),
+      application: { name: 'Web', website: null },
+      content:
+        '<span><a data-user="14660" href="https://pleroma.soykaf.com/users/sampo">@<span>sampo</span></a></span> god i wish i was there',
+      created_at: '2019-01-17T16:29:23.000Z',
+      emojis: [],
+      favourited: false,
+      favourites_count: 1,
+      id: '10423476',
+      in_reply_to_account_id: '14660',
+      in_reply_to_id: '10423197',
+      language: null,
+      media_attachments: [],
+      mentions: [
+        {
+          acct: 'sampo@pleroma.soykaf.com',
+          id: '14660',
+          url: 'https://pleroma.soykaf.com/users/sampo',
+          username: 'sampo',
+        },
+      ],
+      muted: false,
+      reblog: null,
+      reblogged: false,
+      reblogs_count: 0,
+      replies_count: 0,
+      sensitive: false,
+      spoiler_text: '',
+      tags: [],
+      uri: 'https://shigusegubu.club/objects/16033fbb-97c0-4f0e-b834-7abb92fb8639',
+      url: 'https://shigusegubu.club/objects/16033fbb-97c0-4f0e-b834-7abb92fb8639',
+      visibility: 'public',
+      pleroma: {
+        local: true,
+      },
+    },
+    overrides,
+  )
 }
 
 const makeMockNotificationQvitter = (overrides = {}) => {
-  return Object.assign({
-    notice: makeMockStatusQvitter(),
-    ntype: 'follow',
-    from_profile: makeMockUserQvitter(),
-    is_seen: 0,
-    id: 123
-  }, overrides)
+  return Object.assign(
+    {
+      notice: makeMockStatusQvitter(),
+      ntype: 'follow',
+      from_profile: makeMockUserQvitter(),
+      is_seen: 0,
+      id: 123,
+    },
+    overrides,
+  )
 }
 
 const makeMockEmojiMasto = (overrides = [{}]) => {
   return [
-    Object.assign({
-      shortcode: 'image',
-      static_url: 'https://example.com/image.png',
-      url: 'https://example.com/image.png',
-      visible_in_picker: false
-    }, overrides[0]),
-    Object.assign({
-      shortcode: 'thinking',
-      static_url: 'https://example.com/think.png',
-      url: 'https://example.com/think.png',
-      visible_in_picker: false
-    }, overrides[1])
+    Object.assign(
+      {
+        shortcode: 'image',
+        static_url: 'https://example.com/image.png',
+        url: 'https://example.com/image.png',
+        visible_in_picker: false,
+      },
+      overrides[0],
+    ),
+    Object.assign(
+      {
+        shortcode: 'thinking',
+        static_url: 'https://example.com/think.png',
+        url: 'https://example.com/think.png',
+        visible_in_picker: false,
+      },
+      overrides[1],
+    ),
   ]
 }
 
 describe('API Entities normalizer', () => {
   describe('parseStatus', () => {
     describe('QVitter preprocessing', () => {
-      it('doesn\'t blow up', () => {
+      it("doesn't blow up", () => {
         const parsed = qvitterapidata.map(parseStatus)
         expect(parsed.length).to.eq(qvitterapidata.length)
       })
@@ -173,21 +198,34 @@ describe('API Entities normalizer', () => {
       it('identifies favorites', () => {
         const fav = {
           uri: 'tag:soykaf.com,2016-08-21:fave:2558:note:339495:2016-08-21T16:54:04+00:00',
-          is_post_verb: false
+          is_post_verb: false,
         }
 
         const mastoFav = {
           uri: 'tag:mastodon.social,2016-11-27:objectId=73903:objectType=Favourite',
-          is_post_verb: false
+          is_post_verb: false,
         }
 
-        expect(parseStatus(makeMockStatusQvitter(fav))).to.have.property('type', 'favorite')
-        expect(parseStatus(makeMockStatusQvitter(mastoFav))).to.have.property('type', 'favorite')
+        expect(parseStatus(makeMockStatusQvitter(fav))).to.have.property(
+          'type',
+          'favorite',
+        )
+        expect(parseStatus(makeMockStatusQvitter(mastoFav))).to.have.property(
+          'type',
+          'favorite',
+        )
       })
 
       it('processes repeats correctly', () => {
-        const post = makeMockStatusQvitter({ retweeted_status: null, id: 'deadbeef' })
-        const repeat = makeMockStatusQvitter({ retweeted_status: post, is_post_verb: false, id: 'foobar' })
+        const post = makeMockStatusQvitter({
+          retweeted_status: null,
+          id: 'deadbeef',
+        })
+        const repeat = makeMockStatusQvitter({
+          retweeted_status: post,
+          is_post_verb: false,
+          id: 'foobar',
+        })
 
         const parsedPost = parseStatus(post)
         const parsedRepeat = parseStatus(repeat)
@@ -195,26 +233,36 @@ describe('API Entities normalizer', () => {
         expect(parsedPost).to.have.property('type', 'status')
         expect(parsedRepeat).to.have.property('type', 'retweet')
         expect(parsedRepeat).to.have.property('retweeted_status')
-        expect(parsedRepeat).to.have.nested.property('retweeted_status.id', 'deadbeef')
+        expect(parsedRepeat).to.have.nested.property(
+          'retweeted_status.id',
+          'deadbeef',
+        )
       })
 
       it('sets nsfw for statuses with the #nsfw tag', () => {
         const safe = makeMockStatusQvitter({ id: '1', text: 'Hello oniichan' })
-        const nsfw = makeMockStatusQvitter({ id: '1', text: 'Hello oniichan #nsfw' })
+        const nsfw = makeMockStatusQvitter({
+          id: '1',
+          text: 'Hello oniichan #nsfw',
+        })
 
         expect(parseStatus(safe).nsfw).to.eq(false)
         expect(parseStatus(nsfw).nsfw).to.eq(true)
       })
 
       it('leaves existing nsfw settings alone', () => {
-        const nsfw = makeMockStatusQvitter({ id: '1', text: 'Hello oniichan #nsfw', nsfw: false })
+        const nsfw = makeMockStatusQvitter({
+          id: '1',
+          text: 'Hello oniichan #nsfw',
+          nsfw: false,
+        })
 
         expect(parseStatus(nsfw).nsfw).to.eq(false)
       })
     })
 
     describe('Mastoapi preprocessing and converting', () => {
-      it('doesn\'t blow up', () => {
+      it("doesn't blow up", () => {
         const parsed = mastoapidata.map(parseStatus)
         expect(parsed.length).to.eq(mastoapidata.length)
       })
@@ -229,7 +277,10 @@ describe('API Entities normalizer', () => {
         expect(parsedPost).to.have.property('type', 'status')
         expect(parsedRepeat).to.have.property('type', 'retweet')
         expect(parsedRepeat).to.have.property('retweeted_status')
-        expect(parsedRepeat).to.have.nested.property('retweeted_status.id', 'deadbeef')
+        expect(parsedRepeat).to.have.nested.property(
+          'retweeted_status.id',
+          'deadbeef',
+        )
       })
     })
   })
@@ -245,7 +296,15 @@ describe('API Entities normalizer', () => {
     })
 
     it('removes html tags from user profile fields', () => {
-      const user = makeMockUserMasto({ emojis: makeMockEmojiMasto(), fields: [{ name: 'user', value: '<a rel="me" href="https://example.com/@user">@user</a>' }] })
+      const user = makeMockUserMasto({
+        emojis: makeMockEmojiMasto(),
+        fields: [
+          {
+            name: 'user',
+            value: '<a rel="me" href="https://example.com/@user">@user</a>',
+          },
+        ],
+      })
 
       const parsedUser = parseUser(user)
 
@@ -258,7 +317,14 @@ describe('API Entities normalizer', () => {
     })
 
     it('adds hide_follows and hide_followers user settings', () => {
-      const user = makeMockUserMasto({ pleroma: { hide_followers: true, hide_follows: false, hide_followers_count: false, hide_follows_count: true } })
+      const user = makeMockUserMasto({
+        pleroma: {
+          hide_followers: true,
+          hide_follows: false,
+          hide_followers_count: false,
+          hide_follows_count: true,
+        },
+      })
 
       expect(parseUser(user)).to.have.property('hide_followers', true)
       expect(parseUser(user)).to.have.property('hide_follows', false)
@@ -269,25 +335,38 @@ describe('API Entities normalizer', () => {
     it('converts IDN to unicode and marks it as internatonal', () => {
       const user = makeMockUserMasto({ acct: 'lain@xn--lin-6cd.com' })
 
-      expect(parseUser(user)).to.have.property('screen_name_ui').that.equal('lain@lаin.com')
-      expect(parseUser(user)).to.have.property('screen_name_ui_contains_non_ascii').that.equal(true)
+      expect(parseUser(user))
+        .to.have.property('screen_name_ui')
+        .that.equal('lain@lаin.com')
+      expect(parseUser(user))
+        .to.have.property('screen_name_ui_contains_non_ascii')
+        .that.equal(true)
     })
   })
 
   // We currently use QvitterAPI notifications only, and especially due to MastoAPI lacking is_seen, support for MastoAPI
   // is more of an afterthought
   describe('parseNotifications (QvitterAPI)', () => {
-    it('correctly normalizes data to FE\'s format', () => {
+    it("correctly normalizes data to FE's format", () => {
       const notif = makeMockNotificationQvitter({
         id: 123,
         notice: makeMockStatusQvitter({ id: 444 }),
-        from_profile: makeMockUserQvitter({ id: 'spurdo' })
+        from_profile: makeMockUserQvitter({ id: 'spurdo' }),
       })
       expect(parseNotification(notif)).to.have.property('id', 123)
       expect(parseNotification(notif)).to.have.property('seen', false)
-      expect(parseNotification(notif)).to.have.nested.property('status.id', '444')
-      expect(parseNotification(notif)).to.have.nested.property('action.id', '444')
-      expect(parseNotification(notif)).to.have.nested.property('from_profile.id', 'spurdo')
+      expect(parseNotification(notif)).to.have.nested.property(
+        'status.id',
+        '444',
+      )
+      expect(parseNotification(notif)).to.have.nested.property(
+        'action.id',
+        '444',
+      )
+      expect(parseNotification(notif)).to.have.nested.property(
+        'from_profile.id',
+        'spurdo',
+      )
     })
 
     it('correctly normalizes favorite notifications', () => {
@@ -296,36 +375,47 @@ describe('API Entities normalizer', () => {
         ntype: 'like',
         notice: makeMockStatusQvitter({
           id: 444,
-          favorited_status: makeMockStatusQvitter({ id: 4412 })
+          favorited_status: makeMockStatusQvitter({ id: 4412 }),
         }),
         is_seen: 1,
-        from_profile: makeMockUserQvitter({ id: 'spurdo' })
+        from_profile: makeMockUserQvitter({ id: 'spurdo' }),
       })
       expect(parseNotification(notif)).to.have.property('id', 123)
       expect(parseNotification(notif)).to.have.property('type', 'like')
       expect(parseNotification(notif)).to.have.property('seen', true)
-      expect(parseNotification(notif)).to.have.nested.property('status.id', '4412')
-      expect(parseNotification(notif)).to.have.nested.property('action.id', '444')
-      expect(parseNotification(notif)).to.have.nested.property('from_profile.id', 'spurdo')
+      expect(parseNotification(notif)).to.have.nested.property(
+        'status.id',
+        '4412',
+      )
+      expect(parseNotification(notif)).to.have.nested.property(
+        'action.id',
+        '444',
+      )
+      expect(parseNotification(notif)).to.have.nested.property(
+        'from_profile.id',
+        'spurdo',
+      )
     })
   })
 
   describe('Link header pagination', () => {
     it('Parses min and max ids as integers', () => {
-      const linkHeader = '<https://example.com/api/v1/notifications?max_id=861676>; rel="next", <https://example.com/api/v1/notifications?min_id=861741>; rel="prev"'
+      const linkHeader =
+        '<https://example.com/api/v1/notifications?max_id=861676>; rel="next", <https://example.com/api/v1/notifications?min_id=861741>; rel="prev"'
       const result = parseLinkHeaderPagination(linkHeader)
       expect(result).to.eql({
         maxId: 861676,
-        minId: 861741
+        minId: 861741,
       })
     })
 
     it('Parses min and max ids as flakes', () => {
-      const linkHeader = '<http://example.com/api/v1/timelines/home?max_id=9waQx5IIS48qVue2Ai>; rel="next", <http://example.com/api/v1/timelines/home?min_id=9wi61nIPnfn674xgie>; rel="prev"'
+      const linkHeader =
+        '<http://example.com/api/v1/timelines/home?max_id=9waQx5IIS48qVue2Ai>; rel="next", <http://example.com/api/v1/timelines/home?min_id=9wi61nIPnfn674xgie>; rel="prev"'
       const result = parseLinkHeaderPagination(linkHeader, { flakeId: true })
       expect(result).to.eql({
         maxId: '9waQx5IIS48qVue2Ai',
-        minId: '9wi61nIPnfn674xgie'
+        minId: '9wi61nIPnfn674xgie',
       })
     })
   })
diff --git a/test/unit/specs/services/file_size_format/file_size_format.spec.js b/test/unit/specs/services/file_size_format/file_size_format.spec.js
index 6804b6ebb..67f7dc6a3 100644
--- a/test/unit/specs/services/file_size_format/file_size_format.spec.js
+++ b/test/unit/specs/services/file_size_format/file_size_format.spec.js
@@ -5,24 +5,24 @@ describe('fileSizeFormat', () => {
     const expected = [
       {
         num: 1,
-        unit: 'B'
+        unit: 'B',
       },
       {
         num: 1,
-        unit: 'KiB'
+        unit: 'KiB',
       },
       {
         num: 1,
-        unit: 'MiB'
+        unit: 'MiB',
       },
       {
         num: 1,
-        unit: 'GiB'
+        unit: 'GiB',
       },
       {
         num: 1,
-        unit: 'TiB'
-      }
+        unit: 'TiB',
+      },
     ]
 
     const res = []
diff --git a/test/unit/specs/services/gesture_service/gesture_service.spec.js b/test/unit/specs/services/gesture_service/gesture_service.spec.js
index a91f95db6..6fdf6c2bb 100644
--- a/test/unit/specs/services/gesture_service/gesture_service.spec.js
+++ b/test/unit/specs/services/gesture_service/gesture_service.spec.js
@@ -4,19 +4,21 @@ const mockTouchEvent = (x, y) => ({
   touches: [
     {
       screenX: x,
-      screenY: y
-    }
-  ]
+      screenY: y,
+    },
+  ],
 })
 
 describe('GestureService', () => {
   describe('swipeGesture', () => {
     it('calls the callback on a successful swipe', () => {
       let swiped = false
-      const callback = () => { swiped = true }
+      const callback = () => {
+        swiped = true
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
-        callback
+        callback,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -27,10 +29,12 @@ describe('GestureService', () => {
 
     it('calls the callback only once per begin', () => {
       let hits = 0
-      const callback = () => { hits += 1 }
+      const callback = () => {
+        hits += 1
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
-        callback
+        callback,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -40,12 +44,14 @@ describe('GestureService', () => {
       expect(hits).to.eql(1)
     })
 
-    it('doesn\'t call the callback on an opposite swipe', () => {
+    it("doesn't call the callback on an opposite swipe", () => {
       let swiped = false
-      const callback = () => { swiped = true }
+      const callback = () => {
+        swiped = true
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
-        callback
+        callback,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -54,13 +60,15 @@ describe('GestureService', () => {
       expect(swiped).to.eql(false)
     })
 
-    it('doesn\'t call the callback on a swipe below threshold', () => {
+    it("doesn't call the callback on a swipe below threshold", () => {
       let swiped = false
-      const callback = () => { swiped = true }
+      const callback = () => {
+        swiped = true
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
         callback,
-        100
+        100,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -69,14 +77,16 @@ describe('GestureService', () => {
       expect(swiped).to.eql(false)
     })
 
-    it('doesn\'t call the callback on a perpendicular swipe', () => {
+    it("doesn't call the callback on a perpendicular swipe", () => {
       let swiped = false
-      const callback = () => { swiped = true }
+      const callback = () => {
+        swiped = true
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
         callback,
         30,
-        0.5
+        0.5,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -87,12 +97,14 @@ describe('GestureService', () => {
 
     it('calls the callback on perpendicular swipe if within tolerance', () => {
       let swiped = false
-      const callback = () => { swiped = true }
+      const callback = () => {
+        swiped = true
+      }
       const gesture = GestureService.swipeGesture(
         GestureService.DIRECTION_RIGHT,
         callback,
         30,
-        2.0
+        2.0,
       )
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
@@ -103,13 +115,10 @@ describe('GestureService', () => {
 
     it('works with any arbitrary 2d directions', () => {
       let swiped = false
-      const callback = () => { swiped = true }
-      const gesture = GestureService.swipeGesture(
-        [-1, -1],
-        callback,
-        30,
-        0.1
-      )
+      const callback = () => {
+        swiped = true
+      }
+      const gesture = GestureService.swipeGesture([-1, -1], callback, 30, 0.1)
 
       GestureService.beginSwipe(mockTouchEvent(100, 100), gesture)
       GestureService.updateSwipe(mockTouchEvent(60, 60), gesture)
diff --git a/test/unit/specs/services/html_converter/html_line_converter.spec.js b/test/unit/specs/services/html_converter/html_line_converter.spec.js
index e0ac00d6c..89ff36207 100644
--- a/test/unit/specs/services/html_converter/html_line_converter.spec.js
+++ b/test/unit/specs/services/html_converter/html_line_converter.spec.js
@@ -2,7 +2,7 @@ import { convertHtmlToLines } from 'src/services/html_converter/html_line_conver
 
 const greentextHandle = new Set(['p', 'div'])
 const mapOnlyText = (processor) => (input) => {
-  if (input.text && input.level.every(l => greentextHandle.has(l))) {
+  if (input.text && input.level.every((l) => greentextHandle.has(l))) {
     return processor(input.text)
   } else if (input.text) {
     return input.text
@@ -15,7 +15,8 @@ describe('html_line_converter', () => {
   describe('with processor that keeps original line should not make any changes to HTML when', () => {
     const processorKeep = (line) => line
     it('fed with regular HTML with newlines', () => {
-      const inputOutput = '1<br/>2<p class="lol">3 4</p> 5 \n 6 <p > 7 <br> 8 </p> <br>\n<br/>'
+      const inputOutput =
+        '1<br/>2<p class="lol">3 4</p> 5 \n 6 <p > 7 <br> 8 </p> <br>\n<br/>'
       const result = convertHtmlToLines(inputOutput)
       const comparableResult = result.map(mapOnlyText(processorKeep)).join('')
       expect(comparableResult).to.eql(inputOutput)
@@ -35,14 +36,14 @@ describe('html_line_converter', () => {
       expect(comparableResult).to.eql(inputOutput)
     })
 
-    it('fed with sorta valid HTML but tags aren\'t closed', () => {
+    it("fed with sorta valid HTML but tags aren't closed", () => {
       const inputOutput = 'just leaving a <div> hanging'
       const result = convertHtmlToLines(inputOutput)
       const comparableResult = result.map(mapOnlyText(processorKeep)).join('')
       expect(comparableResult).to.eql(inputOutput)
     })
 
-    it('fed with not really HTML at this point... tags that aren\'t finished', () => {
+    it("fed with not really HTML at this point... tags that aren't finished", () => {
       const inputOutput = 'do you expect me to finish this <div class='
       const result = convertHtmlToLines(inputOutput)
       const comparableResult = result.map(mapOnlyText(processorKeep)).join('')
@@ -50,14 +51,16 @@ describe('html_line_converter', () => {
     })
 
     it('fed with dubiously valid HTML (p within p and also div inside p)', () => {
-      const inputOutput = 'look ma <p> p \nwithin <p> p! </p> and a <br/><div>div!</div></p>'
+      const inputOutput =
+        'look ma <p> p \nwithin <p> p! </p> and a <br/><div>div!</div></p>'
       const result = convertHtmlToLines(inputOutput)
       const comparableResult = result.map(mapOnlyText(processorKeep)).join('')
       expect(comparableResult).to.eql(inputOutput)
     })
 
     it('fed with maybe valid HTML? self-closing divs and ps', () => {
-      const inputOutput = 'a <div class="what"/> what now <p aria-label="wtf"/> ?'
+      const inputOutput =
+        'a <div class="what"/> what now <p aria-label="wtf"/> ?'
       const result = convertHtmlToLines(inputOutput)
       const comparableResult = result.map(mapOnlyText(processorKeep)).join('')
       expect(comparableResult).to.eql(inputOutput)
@@ -80,10 +83,13 @@ describe('html_line_converter', () => {
   describe('with processor that replaces lines with word "_" should match expected line when', () => {
     const processorReplace = () => '_'
     it('fed with regular HTML with newlines', () => {
-      const input = '1<br/>2<p class="lol">3 4</p> 5 \n 6 <p > 7 <br> 8 </p> <br>\n<br/>'
+      const input =
+        '1<br/>2<p class="lol">3 4</p> 5 \n 6 <p > 7 <br> 8 </p> <br>\n<br/>'
       const output = '_<br/>_<p class="lol">_</p>_\n_<p >_<br>_</p> <br>\n<br/>'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
@@ -91,7 +97,9 @@ describe('html_line_converter', () => {
       const input = '<feeee dwdwddddddw> <i>ayy<b>lm</i>ao</b> </section>'
       const output = '_'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
@@ -99,31 +107,40 @@ describe('html_line_converter', () => {
       const input = '</p> lmao what </div> whats going on <div> wha <p>'
       const output = '_<div>_<p>'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
-    it('fed with sorta valid HTML but tags aren\'t closed', () => {
+    it("fed with sorta valid HTML but tags aren't closed", () => {
       const input = 'just leaving a <div> hanging'
       const output = '_<div>_'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
-    it('fed with not really HTML at this point... tags that aren\'t finished', () => {
+    it("fed with not really HTML at this point... tags that aren't finished", () => {
       const input = 'do you expect me to finish this <div class='
       const output = '_'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
     it('fed with dubiously valid HTML (p within p and also div inside p)', () => {
-      const input = 'look ma <p> p \nwithin <p> p! </p> and a <br/><div>div!</div></p>'
+      const input =
+        'look ma <p> p \nwithin <p> p! </p> and a <br/><div>div!</div></p>'
       const output = '_<p>_\n_<p>_</p>_<br/><div>_</div></p>'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
@@ -131,7 +148,9 @@ describe('html_line_converter', () => {
       const input = 'a <div class="what"/> what now <p aria-label="wtf"/> ?'
       const output = '_<div class="what"/>_<p aria-label="wtf"/>_'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
@@ -139,7 +158,9 @@ describe('html_line_converter', () => {
       const input = 'Yes, it is me, <![CDATA[DIO]]>'
       const output = '_'
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
 
@@ -153,7 +174,9 @@ describe('html_line_converter', () => {
       false</code></pre><blockquote>That, christian-like JS diagram but it’s evangelion instead.</blockquote>
       `
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(input)
     })
     it('Testing handling ignored blocks 2', () => {
@@ -164,7 +187,9 @@ describe('html_line_converter', () => {
       <blockquote>An SSL error has happened.</blockquote><p>_</p>
       `
       const result = convertHtmlToLines(input)
-      const comparableResult = result.map(mapOnlyText(processorReplace)).join('')
+      const comparableResult = result
+        .map(mapOnlyText(processorReplace))
+        .join('')
       expect(comparableResult).to.eql(output)
     })
   })
diff --git a/test/unit/specs/services/html_converter/html_tree_converter.spec.js b/test/unit/specs/services/html_converter/html_tree_converter.spec.js
index 7283021b2..a7eed7d55 100644
--- a/test/unit/specs/services/html_converter/html_tree_converter.spec.js
+++ b/test/unit/specs/services/html_converter/html_tree_converter.spec.js
@@ -6,43 +6,19 @@ describe('html_tree_converter', () => {
       const input = '1 <p>2</p> <b>3<img src="a">4</b>5'
       expect(convertHtmlToTree(input)).to.eql([
         '1 ',
-        [
-          '<p>',
-          ['2'],
-          '</p>'
-        ],
+        ['<p>', ['2'], '</p>'],
         ' ',
-        [
-          '<b>',
-          [
-            '3',
-            ['<img src="a">'],
-            '4'
-          ],
-          '</b>'
-        ],
-        '5'
+        ['<b>', ['3', ['<img src="a">'], '4'], '</b>'],
+        '5',
       ])
     })
     it('converts html to tree while preserving tag formatting', () => {
       const input = '1 <p >2</p><b >3<img   src="a">4</b>5'
       expect(convertHtmlToTree(input)).to.eql([
         '1 ',
-        [
-          '<p >',
-          ['2'],
-          '</p>'
-        ],
-        [
-          '<b >',
-          [
-            '3',
-            ['<img   src="a">'],
-            '4'
-          ],
-          '</b>'
-        ],
-        '5'
+        ['<p >', ['2'], '</p>'],
+        ['<b >', ['3', ['<img   src="a">'], '4'], '</b>'],
+        '5',
       ])
     })
     it('converts semi-broken html', () => {
@@ -51,14 +27,12 @@ describe('html_tree_converter', () => {
         '1 ',
         ['<br>'],
         ' 2 ',
-        [
-          '<p>',
-          [' 42']
-        ]
+        ['<p>', [' 42']],
       ])
     })
     it('realistic case 1', () => {
-      const input = '<p><span class="h-card"><a class="u-url mention" data-user="9wRC6T2ZZiKWJ0vUi8" href="https://cawfee.club/users/benis" rel="ugc">@<span>benis</span></a></span> <span class="h-card"><a class="u-url mention" data-user="194" href="https://shigusegubu.club/users/hj" rel="ugc">@<span>hj</span></a></span> nice</p>'
+      const input =
+        '<p><span class="h-card"><a class="u-url mention" data-user="9wRC6T2ZZiKWJ0vUi8" href="https://cawfee.club/users/benis" rel="ugc">@<span>benis</span></a></span> <span class="h-card"><a class="u-url mention" data-user="194" href="https://shigusegubu.club/users/hj" rel="ugc">@<span>hj</span></a></span> nice</p>'
       expect(convertHtmlToTree(input)).to.eql([
         [
           '<p>',
@@ -68,20 +42,11 @@ describe('html_tree_converter', () => {
               [
                 [
                   '<a class="u-url mention" data-user="9wRC6T2ZZiKWJ0vUi8" href="https://cawfee.club/users/benis" rel="ugc">',
-                  [
-                    '@',
-                    [
-                      '<span>',
-                      [
-                        'benis'
-                      ],
-                      '</span>'
-                    ]
-                  ],
-                  '</a>'
-                ]
+                  ['@', ['<span>', ['benis'], '</span>']],
+                  '</a>',
+                ],
               ],
-              '</span>'
+              '</span>',
             ],
             ' ',
             [
@@ -89,43 +54,29 @@ describe('html_tree_converter', () => {
               [
                 [
                   '<a class="u-url mention" data-user="194" href="https://shigusegubu.club/users/hj" rel="ugc">',
-                  [
-                    '@',
-                    [
-                      '<span>',
-                      [
-                        'hj'
-                      ],
-                      '</span>'
-                    ]
-                  ],
-                  '</a>'
-                ]
+                  ['@', ['<span>', ['hj'], '</span>']],
+                  '</a>',
+                ],
               ],
-              '</span>'
+              '</span>',
             ],
-            ' nice'
+            ' nice',
           ],
-          '</p>'
-        ]
+          '</p>',
+        ],
       ])
     })
     it('realistic case 2', () => {
-      const inputOutput = 'Country improv: give me a city<br/>Audience: Memphis<br/>Improv troupe: come on, a better one<br/>Audience: el paso'
+      const inputOutput =
+        'Country improv: give me a city<br/>Audience: Memphis<br/>Improv troupe: come on, a better one<br/>Audience: el paso'
       expect(convertHtmlToTree(inputOutput)).to.eql([
         'Country improv: give me a city',
-        [
-          '<br/>'
-        ],
+        ['<br/>'],
         'Audience: Memphis',
-        [
-          '<br/>'
-        ],
+        ['<br/>'],
         'Improv troupe: come on, a better one',
-        [
-          '<br/>'
-        ],
-        'Audience: el paso'
+        ['<br/>'],
+        'Audience: el paso',
       ])
     })
   })
diff --git a/test/unit/specs/services/html_converter/utility.spec.js b/test/unit/specs/services/html_converter/utility.spec.js
index cf6fd99b4..8a7f17711 100644
--- a/test/unit/specs/services/html_converter/utility.spec.js
+++ b/test/unit/specs/services/html_converter/utility.spec.js
@@ -1,4 +1,7 @@
-import { processTextForEmoji, getAttrs } from 'src/services/html_converter/utility.service.js'
+import {
+  processTextForEmoji,
+  getAttrs,
+} from 'src/services/html_converter/utility.service.js'
 
 describe('html_converter utility', () => {
   describe('processTextForEmoji', () => {
@@ -6,22 +9,22 @@ describe('html_converter utility', () => {
       const input = 'Hello from finland! :lol: We have best water! :lmao:'
       const emojis = [
         { shortcode: 'lol', src: 'LOL' },
-        { shortcode: 'lmao', src: 'LMAO' }
+        { shortcode: 'lmao', src: 'LMAO' },
       ]
       const processor = ({ shortcode, src }) => ({ shortcode, src })
       expect(processTextForEmoji(input, emojis, processor)).to.eql([
         'Hello from finland! ',
         { shortcode: 'lol', src: 'LOL' },
         ' We have best water! ',
-        { shortcode: 'lmao', src: 'LMAO' }
+        { shortcode: 'lmao', src: 'LMAO' },
       ])
     })
     it('leaves text as is', () => {
-      const input = 'Number one: that\'s terror'
+      const input = "Number one: that's terror"
       const emojis = []
       const processor = ({ shortcode, src }) => ({ shortcode, src })
       expect(processTextForEmoji(input, emojis, processor)).to.eql([
-        'Number one: that\'s terror'
+        "Number one: that's terror",
       ])
     })
   })
diff --git a/test/unit/specs/services/matcher/matcher.spec.js b/test/unit/specs/services/matcher/matcher.spec.js
index c6e9719d3..753e37433 100644
--- a/test/unit/specs/services/matcher/matcher.spec.js
+++ b/test/unit/specs/services/matcher/matcher.spec.js
@@ -5,7 +5,7 @@ const localAttn = () => ({
   is_local: true,
   name: 'Guy',
   screen_name: 'person',
-  statusnet_profile_url: 'https://instance.com/users/person'
+  statusnet_profile_url: 'https://instance.com/users/person',
 })
 
 const externalAttn = () => ({
@@ -13,7 +13,7 @@ const externalAttn = () => ({
   is_local: false,
   name: 'Guy',
   screen_name: 'person@instance.com',
-  statusnet_profile_url: 'https://instance.com/users/person'
+  statusnet_profile_url: 'https://instance.com/users/person',
 })
 
 describe('MatcherService', () => {
diff --git a/test/unit/specs/services/notification_utils/notification_utils.spec.js b/test/unit/specs/services/notification_utils/notification_utils.spec.js
index 60db7380c..baafd8961 100644
--- a/test/unit/specs/services/notification_utils/notification_utils.spec.js
+++ b/test/unit/specs/services/notification_utils/notification_utils.spec.js
@@ -10,44 +10,46 @@ describe('NotificationUtils', () => {
               {
                 id: 1,
                 action: { id: '1' },
-                type: 'like'
+                type: 'like',
               },
               {
                 id: 2,
                 action: { id: '2' },
-                type: 'mention'
+                type: 'mention',
               },
               {
                 id: 3,
                 action: { id: '3' },
-                type: 'repeat'
-              }
-            ]
-          }
+                type: 'repeat',
+              },
+            ],
+          },
         },
         getters: {
           mergedConfig: {
             notificationVisibility: {
               likes: true,
               repeats: true,
-              mentions: false
-            }
-          }
-        }
+              mentions: false,
+            },
+          },
+        },
       }
       const expected = [
         {
           action: { id: '3' },
           id: 3,
-          type: 'repeat'
+          type: 'repeat',
         },
         {
           action: { id: '1' },
           id: 1,
-          type: 'like'
-        }
+          type: 'like',
+        },
       ]
-      expect(NotificationUtils.filteredNotificationsFromStore(store)).to.eql(expected)
+      expect(NotificationUtils.filteredNotificationsFromStore(store)).to.eql(
+        expected,
+      )
     })
   })
 
@@ -60,34 +62,36 @@ describe('NotificationUtils', () => {
               {
                 action: { id: '1' },
                 type: 'like',
-                seen: false
+                seen: false,
               },
               {
                 action: { id: '2' },
                 type: 'mention',
-                seen: true
-              }
-            ]
-          }
+                seen: true,
+              },
+            ],
+          },
         },
         getters: {
           mergedConfig: {
             notificationVisibility: {
               likes: true,
               repeats: true,
-              mentions: false
-            }
-          }
-        }
+              mentions: false,
+            },
+          },
+        },
       }
       const expected = [
         {
           action: { id: '1' },
           type: 'like',
-          seen: false
-        }
+          seen: false,
+        },
       ]
-      expect(NotificationUtils.unseenNotificationsFromStore(store)).to.eql(expected)
+      expect(NotificationUtils.unseenNotificationsFromStore(store)).to.eql(
+        expected,
+      )
     })
   })
 })
diff --git a/test/unit/specs/services/theme_data/iss_deserializer.spec.js b/test/unit/specs/services/theme_data/iss_deserializer.spec.js
index bc52c7f64..59c1adfaf 100644
--- a/test/unit/specs/services/theme_data/iss_deserializer.spec.js
+++ b/test/unit/specs/services/theme_data/iss_deserializer.spec.js
@@ -2,20 +2,25 @@ import { deserialize } from 'src/services/theme_data/iss_deserializer.js'
 import { serialize } from 'src/services/theme_data/iss_serializer.js'
 const componentsContext = import.meta.glob(
   ['/src/**/*.style.js', '/src/**/*.style.json'],
-  { eager: true }
+  { eager: true },
 )
 
 describe('ISS (de)serialization', () => {
-  Object.keys(componentsContext).forEach(key => {
+  Object.keys(componentsContext).forEach((key) => {
     const component = componentsContext[key].default
 
     it(`(De)serialization of component ${component.name} works`, () => {
-      const normalized = component.defaultRules.map(x => ({ component: component.name, ...x }))
+      const normalized = component.defaultRules.map((x) => ({
+        component: component.name,
+        ...x,
+      }))
       const serialized = serialize(normalized)
       const deserialized = deserialize(serialized)
 
       // for some reason comparing objects directly fails the assert
-      expect(JSON.stringify(deserialized, null, 2)).to.equal(JSON.stringify(normalized, null, 2))
+      expect(JSON.stringify(deserialized, null, 2)).to.equal(
+        JSON.stringify(normalized, null, 2),
+      )
     })
   })
 
diff --git a/test/unit/specs/services/theme_data/sanity_checks.spec.js b/test/unit/specs/services/theme_data/sanity_checks.spec.js
index bb47653db..99e9e276c 100644
--- a/test/unit/specs/services/theme_data/sanity_checks.spec.js
+++ b/test/unit/specs/services/theme_data/sanity_checks.spec.js
@@ -5,7 +5,7 @@ const checkColors = (output) => {
   Object.entries(output.colors).forEach(([key, v]) => {
     expect(v, key).to.be.an('object')
     expect(v, key).to.include.all.keys('r', 'g', 'b')
-    'rgba'.split('').forEach(k => {
+    'rgba'.split('').forEach((k) => {
       if ((k === 'a' && Object.hasOwn(v, 'a')) || k !== 'a') {
         expect(v[k], key + '.' + k).to.be.a('number')
         expect(v[k], key + '.' + k).to.be.least(0)
@@ -16,7 +16,10 @@ const checkColors = (output) => {
 }
 
 describe('Theme Data utility functions', () => {
-  const context = import.meta.glob('/public/static/themes/*.json', { import: 'default', eager: true })
+  const context = import.meta.glob('/public/static/themes/*.json', {
+    import: 'default',
+    eager: true,
+  })
   Object.keys(context).forEach((key) => {
     it(`Should render all colors for ${key} properly`, () => {
       const { theme, source } = context[key]
diff --git a/test/unit/specs/services/theme_data/theme_data.spec.js b/test/unit/specs/services/theme_data/theme_data.spec.js
index c634cade9..6e941d024 100644
--- a/test/unit/specs/services/theme_data/theme_data.spec.js
+++ b/test/unit/specs/services/theme_data/theme_data.spec.js
@@ -1,4 +1,7 @@
-import { getLayersArray, topoSort } from 'src/services/theme_data/theme_data.service.js'
+import {
+  getLayersArray,
+  topoSort,
+} from 'src/services/theme_data/theme_data.service.js'
 
 describe('Theme Data utility functions', () => {
   describe('getLayersArray', () => {
@@ -6,7 +9,7 @@ describe('Theme Data utility functions', () => {
       layer1: null,
       layer2: 'layer1',
       layer3a: 'layer2',
-      layer3b: 'layer2'
+      layer3b: 'layer2',
     }
 
     it('should expand layers properly (3b)', () => {
@@ -38,7 +41,7 @@ describe('Theme Data utility functions', () => {
       layerB: [],
       layer1B: ['layerB'],
       layer2B: ['layer1B'],
-      layer3AB: ['layer2B', 'layer2A']
+      layer3AB: ['layer2B', 'layer2A'],
     }
 
     // Same thing but messed up order
@@ -49,7 +52,7 @@ describe('Theme Data utility functions', () => {
       layerB: [],
       layer3AB: ['layer2B', 'layer2A'],
       layer2B: ['layer1B'],
-      layerA: []
+      layerA: [],
     }
 
     it('should make a topologically sorted array', () => {
@@ -63,7 +66,7 @@ describe('Theme Data utility functions', () => {
       expect(out.indexOf('layer2B')).to.be.below(out.indexOf('layer3AB'))
     })
 
-    it('order in object shouldn\'t matter', () => {
+    it("order in object shouldn't matter", () => {
       const out = topoSort(fixture2, (node, inheritance) => inheritance[node])
       // This basically checks all ordering that matters
       expect(out.indexOf('layerA')).to.be.below(out.indexOf('layer1A'))
@@ -82,7 +85,9 @@ describe('Theme Data utility functions', () => {
     })
 
     it('ignores cyclic dependencies', () => {
-      const out = topoSort({ a: 'b', b: 'a', c: 'a' }, (node, inheritance) => [inheritance[node]])
+      const out = topoSort({ a: 'b', b: 'a', c: 'a' }, (node, inheritance) => [
+        inheritance[node],
+      ])
       expect(out.indexOf('a')).to.be.below(out.indexOf('c'))
     })
   })
diff --git a/test/unit/specs/services/theme_data/theme_data3.spec.js b/test/unit/specs/services/theme_data/theme_data3.spec.js
index 0d197ec39..cda09f8c2 100644
--- a/test/unit/specs/services/theme_data/theme_data3.spec.js
+++ b/test/unit/specs/services/theme_data/theme_data3.spec.js
@@ -1,62 +1,84 @@
-import {
-  getAllPossibleCombinations
-} from 'src/services/theme_data/iss_utils.js'
-import {
-  init
-} from 'src/services/theme_data/theme_data_3.service.js'
-import {
-  basePaletteKeys
-} from 'src/services/theme_data/theme2_to_theme3.js'
+import { getAllPossibleCombinations } from 'src/services/theme_data/iss_utils.js'
+import { init } from 'src/services/theme_data/theme_data_3.service.js'
+import { basePaletteKeys } from 'src/services/theme_data/theme2_to_theme3.js'
 
 describe('Theme Data 3', () => {
   describe('getAllPossibleCombinations', () => {
     it('test simple 3 values case', () => {
-      const out = getAllPossibleCombinations([1, 2, 3]).map(x => x.sort((a, b) => a - b))
-      expect(out).to.eql([
-        [1], [2], [3],
-        [1, 2], [1, 3], [2, 3],
-        [1, 2, 3]
-      ])
+      const out = getAllPossibleCombinations([1, 2, 3]).map((x) =>
+        x.sort((a, b) => a - b),
+      )
+      expect(out).to.eql([[1], [2], [3], [1, 2], [1, 3], [2, 3], [1, 2, 3]])
     })
 
     it('test simple 4 values case', () => {
-      const out = getAllPossibleCombinations([1, 2, 3, 4]).map(x => x.sort((a, b) => a - b))
+      const out = getAllPossibleCombinations([1, 2, 3, 4]).map((x) =>
+        x.sort((a, b) => a - b),
+      )
       expect(out).to.eql([
-        [1], [2], [3], [4],
-        [1, 2], [1, 3], [1, 4], [2, 3], [2, 4], [3, 4],
-        [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4],
-        [1, 2, 3, 4]
+        [1],
+        [2],
+        [3],
+        [4],
+        [1, 2],
+        [1, 3],
+        [1, 4],
+        [2, 3],
+        [2, 4],
+        [3, 4],
+        [1, 2, 3],
+        [1, 2, 4],
+        [1, 3, 4],
+        [2, 3, 4],
+        [1, 2, 3, 4],
       ])
     })
 
     it('test massive 5 values case, using strings', () => {
-      const out = getAllPossibleCombinations(['a', 'b', 'c', 'd', 'e']).map(x => x.sort((a, b) => a - b))
+      const out = getAllPossibleCombinations(['a', 'b', 'c', 'd', 'e']).map(
+        (x) => x.sort((a, b) => a - b),
+      )
       expect(out).to.eql([
         // 1
-        ['a'], ['b'], ['c'], ['d'], ['e'],
+        ['a'],
+        ['b'],
+        ['c'],
+        ['d'],
+        ['e'],
         // 2
-        ['a', 'b'], ['a', 'c'], ['a', 'd'], ['a', 'e'],
-        ['b', 'c'], ['b', 'd'], ['b', 'e'],
-        ['c', 'd'], ['c', 'e'],
+        ['a', 'b'],
+        ['a', 'c'],
+        ['a', 'd'],
+        ['a', 'e'],
+        ['b', 'c'],
+        ['b', 'd'],
+        ['b', 'e'],
+        ['c', 'd'],
+        ['c', 'e'],
         ['d', 'e'],
         // 3
-        ['a', 'b', 'c'], ['a', 'b', 'd'], ['a', 'b', 'e'],
-        ['a', 'c', 'd'], ['a', 'c', 'e'],
+        ['a', 'b', 'c'],
+        ['a', 'b', 'd'],
+        ['a', 'b', 'e'],
+        ['a', 'c', 'd'],
+        ['a', 'c', 'e'],
         ['a', 'd', 'e'],
 
-        ['b', 'c', 'd'], ['b', 'c', 'e'],
+        ['b', 'c', 'd'],
+        ['b', 'c', 'e'],
         ['b', 'd', 'e'],
 
         ['c', 'd', 'e'],
         // 4
-        ['a', 'b', 'c', 'd'], ['a', 'b', 'c', 'e'],
+        ['a', 'b', 'c', 'd'],
+        ['a', 'b', 'c', 'e'],
         ['a', 'b', 'd', 'e'],
 
         ['a', 'c', 'd', 'e'],
 
         ['b', 'c', 'd', 'e'],
         // 5
-        ['a', 'b', 'c', 'd', 'e']
+        ['a', 'b', 'c', 'd', 'e'],
       ])
     })
   })
@@ -76,59 +98,73 @@ describe('Theme Data 3', () => {
       expect(out.staticVars).to.be.an('object')
 
       // check backwards compat/generic stuff
-      basePaletteKeys.forEach(key => {
+      basePaletteKeys.forEach((key) => {
         expect(out.staticVars).to.have.property(key)
       })
     })
 
     it('Test initialization with a basic palette', () => {
       const out = init({
-        inputRuleset: [{
-          component: 'Root',
-          directives: {
-            '--bg': 'color | #008080',
-            '--fg': 'color | #00C0A0'
-          }
-        }],
-        ultimateBackgroundColor: '#DEADAF'
+        inputRuleset: [
+          {
+            component: 'Root',
+            directives: {
+              '--bg': 'color | #008080',
+              '--fg': 'color | #00C0A0',
+            },
+          },
+        ],
+        ultimateBackgroundColor: '#DEADAF',
       })
 
       expect(out.staticVars).to.have.property('bg').equal('#008080')
       expect(out.staticVars).to.have.property('fg').equal('#00C0A0')
 
-      const panelRule = out.eager.filter(x => {
+      const panelRule = out.eager.filter((x) => {
         if (x.component !== 'Panel') return false
         return true
       })[0]
 
-      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked', { r: 0, g: 128, b: 128 })
+      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked', {
+        r: 0,
+        g: 128,
+        b: 128,
+      })
     })
 
     it('Test initialization with opacity', () => {
       const out = init({
-        inputRuleset: [{
-          component: 'Root',
-          directives: {
-            '--bg': 'color | #008080'
-          }
-        }, {
-          component: 'Panel',
-          directives: {
-            opacity: 0.5
-          }
-        }],
+        inputRuleset: [
+          {
+            component: 'Root',
+            directives: {
+              '--bg': 'color | #008080',
+            },
+          },
+          {
+            component: 'Panel',
+            directives: {
+              opacity: 0.5,
+            },
+          },
+        ],
         onlyNormalState: true,
-        ultimateBackgroundColor: '#DEADAF'
+        ultimateBackgroundColor: '#DEADAF',
       })
 
       expect(out.staticVars).to.have.property('bg').equal('#008080')
 
-      const panelRule = out.eager.filter(x => {
+      const panelRule = out.eager.filter((x) => {
         if (x.component !== 'Panel') return false
         return true
       })[0]
 
-      expect(panelRule).to.have.nested.deep.property('dynamicVars.background', { r: 0, g: 128, b: 128, a: 0.5 })
+      expect(panelRule).to.have.nested.deep.property('dynamicVars.background', {
+        r: 0,
+        g: 128,
+        b: 128,
+        a: 0.5,
+      })
       expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked')
       // Somewhat incorrect since we don't do gamma correction
       // real expectancy should be this:
@@ -140,9 +176,15 @@ describe('Theme Data 3', () => {
 
       */
 
-      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.r').that.is.closeTo(111, 0.01)
-      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.g').that.is.closeTo(150.5, 0.01)
-      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.b').that.is.closeTo(151.5, 0.01)
+      expect(panelRule)
+        .to.have.nested.deep.property('dynamicVars.stacked.r')
+        .that.is.closeTo(111, 0.01)
+      expect(panelRule)
+        .to.have.nested.deep.property('dynamicVars.stacked.g')
+        .that.is.closeTo(150.5, 0.01)
+      expect(panelRule)
+        .to.have.nested.deep.property('dynamicVars.stacked.b')
+        .that.is.closeTo(151.5, 0.01)
     })
   })
 })
diff --git a/test/unit/specs/services/user_profile_link_generator/user_profile_link_generator.spec.js b/test/unit/specs/services/user_profile_link_generator/user_profile_link_generator.spec.js
index 8c7a28950..81da21e97 100644
--- a/test/unit/specs/services/user_profile_link_generator/user_profile_link_generator.spec.js
+++ b/test/unit/specs/services/user_profile_link_generator/user_profile_link_generator.spec.js
@@ -3,19 +3,22 @@ import generateProfileLink from 'src/services/user_profile_link_generator/user_p
 describe('generateProfileLink', () => {
   it('returns obj for local user', () => {
     expect(generateProfileLink(1, 'jack')).to.eql({
-      name: 'user-profile', params: { name: 'jack' }
+      name: 'user-profile',
+      params: { name: 'jack' },
     })
   })
 
   it('returns obj for external user', () => {
     expect(generateProfileLink(1, 'john@domain')).to.eql({
-      name: 'external-user-profile', params: { id: 1 }
+      name: 'external-user-profile',
+      params: { id: 1 },
     })
   })
 
   it('returns obj for restricted user', () => {
     expect(generateProfileLink(1, 'lain', ['lain'])).to.eql({
-      name: 'external-user-profile', params: { id: 1 }
+      name: 'external-user-profile',
+      params: { id: 1 },
     })
   })
 })
diff --git a/test/unit/specs/stores/lists.spec.js b/test/unit/specs/stores/lists.spec.js
index 992355a7f..32bd10b64 100644
--- a/test/unit/specs/stores/lists.spec.js
+++ b/test/unit/specs/stores/lists.spec.js
@@ -7,8 +7,8 @@ setActivePinia(createPinia())
 const store = useListsStore()
 window.vuex = createStore({
   modules: {
-    api: apiModule
-  }
+    api: apiModule,
+  },
 })
 
 describe('The lists store', () => {
@@ -28,12 +28,18 @@ describe('The lists store', () => {
       const modList = { id: '1', title: 'anotherTestTitle' }
 
       store.setList({ listId: list.id, title: list.title })
-      expect(store.allListsObject[list.id]).to.eql({ title: list.title, accountIds: [] })
+      expect(store.allListsObject[list.id]).to.eql({
+        title: list.title,
+        accountIds: [],
+      })
       expect(store.allLists).to.have.length(1)
       expect(store.allLists[0]).to.eql(list)
 
       store.setList({ listId: modList.id, title: modList.title })
-      expect(store.allListsObject[modList.id]).to.eql({ title: modList.title, accountIds: [] })
+      expect(store.allListsObject[modList.id]).to.eql({
+        title: modList.title,
+        accountIds: [],
+      })
       expect(store.allLists).to.have.length(1)
       expect(store.allLists[0]).to.eql(modList)
     })
@@ -46,16 +52,21 @@ describe('The lists store', () => {
       store.setListAccounts({ listId: list.id, accountIds: list.accountIds })
       expect(store.allListsObject[list.id].accountIds).to.eql(list.accountIds)
 
-      store.setListAccounts({ listId: modList.id, accountIds: modList.accountIds })
-      expect(store.allListsObject[modList.id].accountIds).to.eql(modList.accountIds)
+      store.setListAccounts({
+        listId: modList.id,
+        accountIds: modList.accountIds,
+      })
+      expect(store.allListsObject[modList.id].accountIds).to.eql(
+        modList.accountIds,
+      )
     })
 
     it('deletes a list', () => {
       store.$patch({
         allLists: [{ id: '1', title: 'testList' }],
         allListsObject: {
-          1: { title: 'testList', accountIds: ['1', '2', '3'] }
-        }
+          1: { title: 'testList', accountIds: ['1', '2', '3'] },
+        },
       })
       const listId = '1'
 
@@ -70,8 +81,8 @@ describe('The lists store', () => {
       store.$patch({
         allLists: [{ id: '1', title: 'testList' }],
         allListsObject: {
-          1: { title: 'testList', accountIds: ['1', '2', '3'] }
-        }
+          1: { title: 'testList', accountIds: ['1', '2', '3'] },
+        },
       })
       const id = '1'
 
@@ -82,8 +93,8 @@ describe('The lists store', () => {
       store.$patch({
         allLists: [{ id: '1', title: 'testList' }],
         allListsObject: {
-          1: { title: 'testList', accountIds: ['1', '2', '3'] }
-        }
+          1: { title: 'testList', accountIds: ['1', '2', '3'] },
+        },
       })
       const id = '1'
 
diff --git a/test/unit/specs/stores/oauth.spec.js b/test/unit/specs/stores/oauth.spec.js
index 309fddde2..a743afe8e 100644
--- a/test/unit/specs/stores/oauth.spec.js
+++ b/test/unit/specs/stores/oauth.spec.js
@@ -3,16 +3,20 @@ import { createStore } from 'vuex'
 import { createPinia, setActivePinia } from 'pinia'
 import { http, HttpResponse } from 'msw'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { injectMswToTest, authApis, testServer } from '/test/fixtures/mock_api.js'
+import {
+  injectMswToTest,
+  authApis,
+  testServer,
+} from '/test/fixtures/mock_api.js'
 
 const test = injectMswToTest(authApis)
 
 const vuexStore = createStore({
   modules: {
     instance: {
-      state: () => ({ server: testServer })
-    }
-  }
+      state: () => ({ server: testServer }),
+    },
+  },
 })
 const app = createApp({})
 app.use(vuexStore)
@@ -29,7 +33,6 @@ const getStore = (defaultStateInjection) => {
   return useOAuthStore()
 }
 
-
 describe('createApp', () => {
   test('it should use create an app and record client id and secret', async () => {
     const store = getStore()
@@ -44,7 +47,7 @@ describe('createApp', () => {
     worker.use(
       http.post(`${testServer}/api/v1/apps`, () => {
         return HttpResponse.text('Throttled', { status: 429 })
-      })
+      }),
     )
 
     const store = getStore()
@@ -69,12 +72,12 @@ describe('ensureApp', () => {
     worker.use(
       http.post(`${testServer}/api/v1/apps`, () => {
         return HttpResponse.text('Should not call this API', { status: 400 })
-      })
+      }),
     )
 
     const store = getStore({
       clientId: 'another-id',
-      clientSecret: 'another-secret'
+      clientSecret: 'another-secret',
     })
     const app = await store.ensureApp()
     expect(store.clientId).to.eql('another-id')
@@ -88,7 +91,7 @@ describe('getAppToken', () => {
   test('it should get app token and set it in state', async () => {
     const store = getStore({
       clientId: 'test-id',
-      clientSecret: 'test-secret'
+      clientSecret: 'test-secret',
     })
     const token = await store.getAppToken()
     expect(token).to.eql('test-app-token')
@@ -98,7 +101,7 @@ describe('getAppToken', () => {
   test('it should throw and not set state if it cannot get app token', async () => {
     const store = getStore({
       clientId: 'bad-id',
-      clientSecret: 'bad-secret'
+      clientSecret: 'bad-secret',
     })
     await expect(store.getAppToken()).rejects.toThrowError('400')
     expect(store.appToken).to.eql(false)
@@ -115,38 +118,42 @@ describe('ensureAppToken', () => {
 
   test('it should work if we already have a working token', async () => {
     const store = getStore({
-      appToken: 'also-good-app-token'
+      appToken: 'also-good-app-token',
     })
     const token = await store.ensureAppToken()
     expect(token).to.eql('also-good-app-token')
     expect(store.appToken).to.eql('also-good-app-token')
   })
 
-  test('it should work if we have a bad token but good app credentials', async ({ worker }) => {
+  test('it should work if we have a bad token but good app credentials', async ({
+    worker,
+  }) => {
     worker.use(
       http.post(`${testServer}/api/v1/apps`, () => {
         return HttpResponse.text('Should not call this API', { status: 400 })
-      })
+      }),
     )
     const store = getStore({
       appToken: 'bad-app-token',
       clientId: 'test-id',
-      clientSecret: 'test-secret'
+      clientSecret: 'test-secret',
     })
     const token = await store.ensureAppToken()
     expect(token).to.eql('test-app-token')
     expect(store.appToken).to.eql('test-app-token')
   })
 
-  test('it should work if we have no token but good app credentials', async ({ worker }) => {
+  test('it should work if we have no token but good app credentials', async ({
+    worker,
+  }) => {
     worker.use(
       http.post(`${testServer}/api/v1/apps`, () => {
         return HttpResponse.text('Should not call this API', { status: 400 })
-      })
+      }),
     )
     const store = getStore({
       clientId: 'test-id',
-      clientSecret: 'test-secret'
+      clientSecret: 'test-secret',
     })
     const token = await store.ensureAppToken()
     expect(token).to.eql('test-app-token')
@@ -156,7 +163,7 @@ describe('ensureAppToken', () => {
   test('it should work if we have no token and bad app credentials', async () => {
     const store = getStore({
       clientId: 'bad-id',
-      clientSecret: 'bad-secret'
+      clientSecret: 'bad-secret',
     })
     const token = await store.ensureAppToken()
     expect(token).to.eql('test-app-token')
@@ -169,7 +176,7 @@ describe('ensureAppToken', () => {
     const store = getStore({
       appToken: 'bad-app-token',
       clientId: 'bad-id',
-      clientSecret: 'bad-secret'
+      clientSecret: 'bad-secret',
     })
     const token = await store.ensureAppToken()
     expect(token).to.eql('test-app-token')
@@ -182,7 +189,7 @@ describe('ensureAppToken', () => {
     worker.use(
       http.post(`${testServer}/api/v1/apps`, () => {
         return HttpResponse.text('Throttled', { status: 429 })
-      })
+      }),
     )
 
     const store = getStore()
@@ -193,7 +200,7 @@ describe('ensureAppToken', () => {
     worker.use(
       http.post(`${testServer}/oauth/token`, () => {
         return HttpResponse.text('Throttled', { status: 429 })
-      })
+      }),
     )
 
     const store = getStore()
diff --git a/tools/emoji_merger.js b/tools/emoji_merger.js
index 4d3039612..b49ead471 100644
--- a/tools/emoji_merger.js
+++ b/tools/emoji_merger.js
@@ -26,10 +26,10 @@ const run = () => {
   let data = fs.readFileSync(newEmojiFilename, 'utf8')
 
   // First filter out anything that's more than one codepoint
-  const newEmojis = JSON.parse(data).emojis.filter(e => e.emoji.length <= 2)
+  const newEmojis = JSON.parse(data).emojis.filter((e) => e.emoji.length <= 2)
 
   // Create a table with format { shortname: emoji }, remove the :
-  newEmojis.forEach(e => {
+  newEmojis.forEach((e) => {
     const name = e.shortname.slice(1, e.shortname.length - 1).toLowerCase()
     if (name.length > 0) {
       newEmojisObject[name] = e.emoji
@@ -41,27 +41,34 @@ const run = () => {
   emojisObject = JSON.parse(data)
 
   // Get rid of longer emojis that don't play nice with reactions
-  Object.keys(emojisObject).forEach(e => {
+  Object.keys(emojisObject).forEach((e) => {
     if (emojisObject[e].length > 2) emojisObject[e] = undefined
   })
 
   // Add new emojis from the new tables to the old table
-  Object.keys(newEmojisObject).forEach(e => {
+  Object.keys(newEmojisObject).forEach((e) => {
     if (!emojisObject[e] && newEmojisObject[e].length <= 2) {
       emojisObject[e] = newEmojisObject[e]
     }
   })
 
   // Sort by key
-  const sorted = Object.keys(emojisObject).sort().reduce((acc, key) => {
-    if (key.length === 0) return acc
-    acc[key] = emojisObject[key]
-    return acc
-  }, {})
+  const sorted = Object.keys(emojisObject)
+    .sort()
+    .reduce((acc, key) => {
+      if (key.length === 0) return acc
+      acc[key] = emojisObject[key]
+      return acc
+    }, {})
 
-  fs.writeFile(outputFilename, JSON.stringify(sorted, null, 2), 'utf8', (err) => {
-    if (err) console.error('Error writing file', err)
-  })
+  fs.writeFile(
+    outputFilename,
+    JSON.stringify(sorted, null, 2),
+    'utf8',
+    (err) => {
+      if (err) console.error('Error writing file', err)
+    },
+  )
 }
 
 run()
diff --git a/tools/emojis.json b/tools/emojis.json
index 62f25070a..7811327e7 100644
--- a/tools/emojis.json
+++ b/tools/emojis.json
@@ -1,4036 +1,36292 @@
 {
-	"emojis": [
-		{"emoji": "👩‍👩‍👧‍👧", "name": "family: woman, woman, girl, girl", "shortname": ":woman_woman_girl_girl:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F467", "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👩‍👧‍👦", "name": "family: woman, woman, girl, boy", "shortname": ":woman_woman_girl_boy:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F466", "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👩‍👦‍👦", "name": "family: woman, woman, boy, boy", "shortname": ":woman_woman_boy_boy:", "unicode": "1F469 200D 1F469 200D 1F466 200D 1F466", "html": "&#128105;&zwj;&#128105;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👩‍👧‍👧", "name": "family: man, woman, girl, girl", "shortname": ":man_woman_girl_girl:", "unicode": "1F468 200D 1F469 200D 1F467 200D 1F467", "html": "&#128104;&zwj;&#128105;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👩‍👧‍👦", "name": "family: man, woman, girl, boy", "shortname": ":man_woman_girl_boy:", "unicode": "1F468 200D 1F469 200D 1F467 200D 1F466", "html": "&#128104;&zwj;&#128105;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👩‍👦‍👦", "name": "family: man, woman, boy, boy", "shortname": ":man_woman_boy_boy:", "unicode": "1F468 200D 1F469 200D 1F466 200D 1F466", "html": "&#128104;&zwj;&#128105;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👨‍👧‍👧", "name": "family: man, man, girl, girl", "shortname": ":man_man_girl_girl:", "unicode": "1F468 200D 1F468 200D 1F467 200D 1F467", "html": "&#128104;&zwj;&#128104;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👨‍👧‍👦", "name": "family: man, man, girl, boy", "shortname": ":man_man_girl_boy:", "unicode": "1F468 200D 1F468 200D 1F467 200D 1F466", "html": "&#128104;&zwj;&#128104;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👨‍👦‍👦", "name": "family: man, man, boy, boy", "shortname": ":man_man_boy_boy:", "unicode": "1F468 200D 1F468 200D 1F466 200D 1F466", "html": "&#128104;&zwj;&#128104;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👩‍👧", "name": "family: woman, woman, girl", "shortname": ":woman_woman_girl:", "unicode": "1F469 200D 1F469 200D 1F467", "html": "&#128105;&zwj;&#128105;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👩‍👦", "name": "family: woman, woman, boy", "shortname": ":woman_woman_boy:", "unicode": "1F469 200D 1F469 200D 1F466", "html": "&#128105;&zwj;&#128105;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👧‍👧", "name": "family: woman, girl, girl", "shortname": ":woman_girl_girl:", "unicode": "1F469 200D 1F467 200D 1F467", "html": "&#128105;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👧‍👦", "name": "family: woman, girl, boy", "shortname": ":woman_girl_boy:", "unicode": "1F469 200D 1F467 200D 1F466", "html": "&#128105;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👦‍👦", "name": "family: woman, boy, boy", "shortname": ":woman_boy_boy:", "unicode": "1F469 200D 1F466 200D 1F466", "html": "&#128105;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👩‍👧", "name": "family: man, woman, girl", "shortname": ":man_woman_girl:", "unicode": "1F468 200D 1F469 200D 1F467", "html": "&#128104;&zwj;&#128105;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👨‍👧", "name": "family: man, man, girl", "shortname": ":man_man_girl:", "unicode": "1F468 200D 1F468 200D 1F467", "html": "&#128104;&zwj;&#128104;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👨‍👦", "name": "family: man, man, boy", "shortname": ":man_man_boy:", "unicode": "1F468 200D 1F468 200D 1F466", "html": "&#128104;&zwj;&#128104;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👧‍👧", "name": "family: man, girl, girl", "shortname": ":man_girl_girl:", "unicode": "1F468 200D 1F467 200D 1F467", "html": "&#128104;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👧‍👦", "name": "family: man, girl, boy", "shortname": ":man_girl_boy:", "unicode": "1F468 200D 1F467 200D 1F466", "html": "&#128104;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👦‍👦", "name": "family: man, boy, boy", "shortname": ":man_boy_boy:", "unicode": "1F468 200D 1F466 200D 1F466", "html": "&#128104;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👧", "name": "family: woman, girl", "shortname": ":woman_girl:", "unicode": "1F469 200D 1F467", "html": "&#128105;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍👦", "name": "family: woman, boy", "shortname": ":woman_boy:", "unicode": "1F469 200D 1F466", "html": "&#128105;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👧", "name": "family: man, girl", "shortname": ":man_girl:", "unicode": "1F468 200D 1F467", "html": "&#128104;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👦", "name": "family: man, boy", "shortname": ":man_boy:", "unicode": "1F468 200D 1F466", "html": "&#128104;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "😂", "name": "face with tears of joy", "shortname": ":joy:", "unicode": "1f602", "html": "&#128514;", "category": "Smileys & Emotion (face-smiling)", "order": "3"},
-		{"emoji": "❤️", "name": "red heart", "shortname": ":heart:", "unicode": "2764", "html": "&#10084;", "category": "Smileys & Emotion (emotion)", "order": "1286"},
-		{"emoji": "♥️", "name": "heart suit", "shortname": ":heart_suit:", "unicode": "2665 FE0F", "html": "&hearts;️", "category": "Activities (game)", "order": ""},
-		{"emoji": "😍", "name": "smiling face with heart-eyes", "shortname": ":heart_eyes:", "unicode": "1f60d", "html": "&#128525;", "category": "Smileys & Emotion (face-affection)", "order": "13"},
-		{"emoji": "😭", "name": "loudly crying face", "shortname": ":sob:", "unicode": "1f62d", "html": "&#128557;", "category": "Smileys & Emotion (face-concerned)", "order": "55"},
-		{"emoji": "😊", "name": "smiling face with smiling eyes", "shortname": ":blush:", "unicode": "1f60a", "html": "&#128522;", "category": "Smileys & Emotion (face-smiling)", "order": "10"},
-		{"emoji": "😒", "name": "unamused face", "shortname": ":unamused:", "unicode": "1f612", "html": "&#128530;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "41"},
-		{"emoji": "😘", "name": "face blowing a kiss", "shortname": ":kissing_heart:", "unicode": "1f618", "html": "&#128536;", "category": "Smileys & Emotion (face-affection)", "order": "14"},
-		{"emoji": "💕", "name": "two hearts", "shortname": ":two_hearts:", "unicode": "1f495", "html": "&#128149;", "category": "Smileys & Emotion (emotion)", "order": "1289"},
-		{"emoji": "☺️", "name": "smiling face", "shortname": ":smiling:", "unicode": "263A FE0F", "html": "&#9786;", "category": "Smileys & Emotion (face-affection)", "order": ""},
-		{"emoji": "😩", "name": "weary face", "shortname": ":weary:", "unicode": "1f629", "html": "&#128553;", "category": "Smileys & Emotion (face-concerned)", "order": "59"},
-		{"emoji": "👌🏿", "name": "OK hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44C 1F3FF", "html": "&#128076;&#127999;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "👌🏾", "name": "OK hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44C 1F3FE", "html": "&#128076;&#127998;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "👌🏽", "name": "OK hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44C 1F3FD", "html": "&#128076;&#127997;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "👌🏼", "name": "OK hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44C 1F3FC", "html": "&#128076;&#127996;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "👌🏻", "name": "OK hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44C 1F3FB", "html": "&#128076;&#127995;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "👌", "name": "OK hand", "shortname": ":ok_hand:", "unicode": "1f44c", "html": "&#128076;", "category": "People & Body (hand-fingers-partial)", "order": "1170"},
-		{"emoji": "😔", "name": "pensive face", "shortname": ":pensive:", "unicode": "1f614", "html": "&#128532;", "category": "Smileys & Emotion (face-sleepy)", "order": "43"},
-		{"emoji": "😏", "name": "smirking face", "shortname": ":smirk:", "unicode": "1f60f", "html": "&#128527;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "26"},
-		{"emoji": "😁", "name": "beaming face with smiling eyes", "shortname": ":grin:", "unicode": "1f601", "html": "&#128513;", "category": "Smileys & Emotion (face-smiling)", "order": "2"},
-		{"emoji": "♻", "name": "recycling symbol", "shortname": ":recycle:", "unicode": "267b", "html": "&#9851;", "category": "Symbols (other-symbol)", "order": "2072"},
-		{"emoji": "😉", "name": "winking face", "shortname": ":wink:", "unicode": "1f609", "html": "&#128521;", "category": "Smileys & Emotion (face-smiling)", "order": "9"},
-		{"emoji": "👍🏿", "name": "thumbs up: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44D 1F3FF", "html": "&#128077;&#127999;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👍🏾", "name": "thumbs up: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44D 1F3FE", "html": "&#128077;&#127998;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👍🏽", "name": "thumbs up: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44D 1F3FD", "html": "&#128077;&#127997;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👍🏼", "name": "thumbs up: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44D 1F3FC", "html": "&#128077;&#127996;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👍🏻", "name": "thumbs up: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44D 1F3FB", "html": "&#128077;&#127995;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👍", "name": "thumbs up", "shortname": ":thumbsup:", "unicode": "1f44d", "html": "&#128077;", "category": "People & Body (hand-fingers-closed)", "order": "1176"},
-		{"emoji": "🙏🏿", "name": "folded hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64F 1F3FF", "html": "&#128591;&#127999;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙏🏾", "name": "folded hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64F 1F3FE", "html": "&#128591;&#127998;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙏🏽", "name": "folded hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64F 1F3FD", "html": "&#128591;&#127997;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙏🏼", "name": "folded hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64F 1F3FC", "html": "&#128591;&#127996;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙏🏻", "name": "folded hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64F 1F3FB", "html": "&#128591;&#127995;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙏", "name": "folded hands", "shortname": ":pray:", "unicode": "1f64f", "html": "&#128591;", "category": "People & Body (hands)", "order": "1248"},
-		{"emoji": "😌", "name": "relieved face", "shortname": ":relieved:", "unicode": "1f60c", "html": "&#128524;", "category": "Smileys & Emotion (face-sleepy)", "order": "35"},
-		{"emoji": "🎶", "name": "musical notes", "shortname": ":notes:", "unicode": "1f3b6", "html": "&#127926;", "category": "Objects (music)", "order": "1825"},
-		{"emoji": "😳", "name": "flushed face", "shortname": ":flushed:", "unicode": "1f633", "html": "&#128563;", "category": "Smileys & Emotion (face-concerned)", "order": "63"},
-		{"emoji": "🙌🏿", "name": "raising hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64C 1F3FF", "html": "&#128588;&#127999;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙌🏾", "name": "raising hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64C 1F3FE", "html": "&#128588;&#127998;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙌🏽", "name": "raising hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64C 1F3FD", "html": "&#128588;&#127997;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙌🏼", "name": "raising hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64C 1F3FC", "html": "&#128588;&#127996;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙌🏻", "name": "raising hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64C 1F3FB", "html": "&#128588;&#127995;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🙌", "name": "raising hands", "shortname": ":raised_hands:", "unicode": "1f64c", "html": "&#128588;", "category": "People & Body (hands)", "order": "1242"},
-		{"emoji": "🙈", "name": "see-no-evil monkey", "shortname": ":see_no_evil:", "unicode": "1f648", "html": "&#128584;", "category": "Smileys & Emotion (monkey-face)", "order": "96"},
-		{"emoji": "😢", "name": "crying face", "shortname": ":cry:", "unicode": "1f622", "html": "&#128546;", "category": "Smileys & Emotion (face-concerned)", "order": "54"},
-		{"emoji": "😎", "name": "smiling face with sunglasses", "shortname": ":sunglasses:", "unicode": "1f60e", "html": "&#128526;", "category": "Smileys & Emotion (face-glasses)", "order": "12"},
-		{"emoji": "✌🏿", "name": "victory hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "270C 1F3FF", "html": "&#9996;&#127999;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌🏾", "name": "victory hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "270C 1F3FE", "html": "&#9996;&#127998;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌🏽", "name": "victory hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "270C 1F3FD", "html": "&#9996;&#127997;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌🏼", "name": "victory hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "270C 1F3FC", "html": "&#9996;&#127996;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌🏻", "name": "victory hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "270C 1F3FB", "html": "&#9996;&#127995;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌️", "name": "victory hand", "shortname": ":v:", "unicode": "270c", "html": "&#9996;", "category": "People & Body (hand-fingers-partial)", "order": "1128"},
-		{"emoji": "👀", "name": "eyes", "shortname": ":eyes:", "unicode": "1f440", "html": "&#128064;", "category": "People & Body (body-parts)", "order": "1279"},
-		{"emoji": "😅", "name": "grinning face with sweat", "shortname": ":sweat_smile:", "unicode": "1f605", "html": "&#128517;", "category": "Smileys & Emotion (face-smiling)", "order": "7"},
-		{"emoji": "✨", "name": "sparkles", "shortname": ":sparkles:", "unicode": "2728", "html": "&#10024;", "category": "Activities (event)", "order": "1760"},
-		{"emoji": "😴", "name": "sleeping face", "shortname": ":sleeping:", "unicode": "1f634", "html": "&#128564;", "category": "Smileys & Emotion (face-sleepy)", "order": "34"},
-		{"emoji": "😄", "name": "grinning face with smiling eyes", "shortname": ":smile:", "unicode": "1f604", "html": "&#128516;", "category": "Smileys & Emotion (face-smiling)", "order": "6"},
-		{"emoji": "💜", "name": "purple heart", "shortname": ":purple_heart:", "unicode": "1f49c", "html": "&#128156;", "category": "Smileys & Emotion (emotion)", "order": "1295"},
-		{"emoji": "💔", "name": "broken heart", "shortname": ":broken_heart:", "unicode": "1f494", "html": "&#128148;", "category": "Smileys & Emotion (emotion)", "order": "1288"},
-		{"emoji": "💯", "name": "hundred points", "shortname": ":hundred_points:", "unicode": "1F4AF", "html": "&#128175;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "😑", "name": "expressionless face", "shortname": ":expressionless:", "unicode": "1f611", "html": "&#128529;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "23"},
-		{"emoji": "💖", "name": "sparkling heart", "shortname": ":sparkling_heart:", "unicode": "1f496", "html": "&#128150;", "category": "Smileys & Emotion (emotion)", "order": "1290"},
-		{"emoji": "💙", "name": "blue heart", "shortname": ":blue_heart:", "unicode": "1f499", "html": "&#128153;", "category": "Smileys & Emotion (emotion)", "order": "1292"},
-		{"emoji": "😕", "name": "confused face", "shortname": ":confused:", "unicode": "1f615", "html": "&#128533;", "category": "Smileys & Emotion (face-concerned)", "order": "44"},
-		{"emoji": "💁🏿‍♂", "name": "man tipping hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F481 1F3FF 200D 2642", "html": "&#128129;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏾‍♂", "name": "man tipping hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F481 1F3FE 200D 2642", "html": "&#128129;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏽‍♂", "name": "man tipping hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F481 1F3FD 200D 2642", "html": "&#128129;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏼‍♂", "name": "man tipping hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F481 1F3FC 200D 2642", "html": "&#128129;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏻‍♂", "name": "man tipping hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F481 1F3FB 200D 2642", "html": "&#128129;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁‍♂", "name": "man tipping hand", "shortname": ":man_tipping_hand:", "unicode": "1F481 200D 2642", "html": "&#128129;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏿", "name": "person tipping hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F481 1F3FF", "html": "&#128129;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏾", "name": "person tipping hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F481 1F3FE", "html": "&#128129;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏽", "name": "person tipping hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F481 1F3FD", "html": "&#128129;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏼", "name": "person tipping hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F481 1F3FC", "html": "&#128129;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏻", "name": "person tipping hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F481 1F3FB", "html": "&#128129;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁", "name": "person tipping hand", "shortname": ":information_desk_person:", "unicode": "1f481", "html": "&#128129;", "category": "People & Body (person-gesture)", "order": "567"},
-		{"emoji": "😜", "name": "winking face with tongue", "shortname": ":stuck_out_tongue_winking_eye:", "unicode": "1f61c", "html": "&#128540;", "category": "Smileys & Emotion (face-tongue)", "order": "38"},
-		{"emoji": "😞", "name": "disappointed face", "shortname": ":disappointed:", "unicode": "1f61e", "html": "&#128542;", "category": "Smileys & Emotion (face-concerned)", "order": "51"},
-		{"emoji": "😋", "name": "face savoring food", "shortname": ":yum:", "unicode": "1f60b", "html": "&#128523;", "category": "Smileys & Emotion (face-tongue)", "order": "11"},
-		{"emoji": "😐", "name": "neutral face", "shortname": ":neutral_face:", "unicode": "1f610", "html": "&#128528;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "22"},
-		{"emoji": "😪", "name": "sleepy face", "shortname": ":sleepy:", "unicode": "1f62a", "html": "&#128554;", "category": "Smileys & Emotion (face-sleepy)", "order": "32"},
-		{"emoji": "👏🏿", "name": "clapping hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44F 1F3FF", "html": "&#128079;&#127999;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👏🏾", "name": "clapping hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44F 1F3FE", "html": "&#128079;&#127998;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👏🏽", "name": "clapping hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44F 1F3FD", "html": "&#128079;&#127997;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👏🏼", "name": "clapping hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44F 1F3FC", "html": "&#128079;&#127996;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👏🏻", "name": "clapping hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44F 1F3FB", "html": "&#128079;&#127995;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👏", "name": "clapping hands", "shortname": ":clap:", "unicode": "1f44f", "html": "&#128079;", "category": "People & Body (hands)", "order": "1224"},
-		{"emoji": "💘", "name": "heart with arrow", "shortname": ":cupid:", "unicode": "1f498", "html": "&#128152;", "category": "Smileys & Emotion (emotion)", "order": "1285"},
-		{"emoji": "💗", "name": "growing heart", "shortname": ":heartpulse:", "unicode": "1f497", "html": "&#128151;", "category": "Smileys & Emotion (emotion)", "order": "1291"},
-		{"emoji": "💞", "name": "revolving hearts", "shortname": ":revolving_hearts:", "unicode": "1f49e", "html": "&#128158;", "category": "Smileys & Emotion (emotion)", "order": "1298"},
-		{"emoji": "⬅️", "name": "left arrow", "shortname": ":arrow_left:", "unicode": "2b05", "html": "&#11013;", "category": "Symbols (arrow)", "order": "2008"},
-		{"emoji": "🙊", "name": "speak-no-evil monkey", "shortname": ":speak_no_evil:", "unicode": "1f64a", "html": "&#128586;", "category": "Smileys & Emotion (monkey-face)", "order": "98"},
-		{"emoji": "✋🏿", "name": "raised hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "270B 1F3FF", "html": "&#9995;&#127999;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✋🏾", "name": "raised hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "270B 1F3FE", "html": "&#9995;&#127998;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✋🏽", "name": "raised hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "270B 1F3FD", "html": "&#9995;&#127997;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✋🏼", "name": "raised hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "270B 1F3FC", "html": "&#9995;&#127996;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✋🏻", "name": "raised hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "270B 1F3FB", "html": "&#9995;&#127995;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✋", "name": "raised hand", "shortname": ":raised_hand:", "unicode": "270B", "html": "&#9995;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "💋", "name": "kiss mark", "shortname": ":kiss:", "unicode": "1f48b", "html": "&#128139;", "category": "Smileys & Emotion (emotion)", "order": "1284"},
-		{"emoji": "👉🏿", "name": "backhand index pointing right: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F449 1F3FF", "html": "&#128073;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👉🏾", "name": "backhand index pointing right: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F449 1F3FE", "html": "&#128073;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👉🏽", "name": "backhand index pointing right: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F449 1F3FD", "html": "&#128073;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👉🏼", "name": "backhand index pointing right: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F449 1F3FC", "html": "&#128073;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👉🏻", "name": "backhand index pointing right: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F449 1F3FB", "html": "&#128073;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👉", "name": "backhand index pointing right", "shortname": ":point_right:", "unicode": "1f449", "html": "&#128073;", "category": "People & Body (hand-single-finger)", "order": "1098"},
-		{"emoji": "🌸", "name": "cherry blossom", "shortname": ":cherry_blossom:", "unicode": "1f338", "html": "&#127800;", "category": "Animals & Nature (plant-flower)", "order": "1428"},
-		{"emoji": "😱", "name": "face screaming in fear", "shortname": ":scream:", "unicode": "1f631", "html": "&#128561;", "category": "Smileys & Emotion (face-concerned)", "order": "62"},
-		{"emoji": "🔥", "name": "fire", "shortname": ":fire:", "unicode": "1f525", "html": "&#128293;", "category": "Travel & Places (sky & weather)", "order": "1753"},
-		{"emoji": "😡", "name": "pouting face", "shortname": ":rage:", "unicode": "1f621", "html": "&#128545;", "category": "Smileys & Emotion (face-negative)", "order": "65"},
-		{"emoji": "😃", "name": "grinning face with big eyes", "shortname": ":smiley:", "unicode": "1f603", "html": "&#128515;", "category": "Smileys & Emotion (face-smiling)", "order": "5"},
-		{"emoji": "🎉", "name": "party popper", "shortname": ":tada:", "unicode": "1f389", "html": "&#127881;", "category": "Activities (event)", "order": "1762"},
-		{"emoji": "👊🏿", "name": "oncoming fist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44A 1F3FF", "html": "&#128074;&#127999;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👊🏾", "name": "oncoming fist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44A 1F3FE", "html": "&#128074;&#127998;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👊🏽", "name": "oncoming fist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44A 1F3FD", "html": "&#128074;&#127997;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👊🏼", "name": "oncoming fist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44A 1F3FC", "html": "&#128074;&#127996;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👊🏻", "name": "oncoming fist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44A 1F3FB", "html": "&#128074;&#127995;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👊", "name": "oncoming fist", "shortname": ":oncoming_fist:", "unicode": "1F44A", "html": "&#128074;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "😫", "name": "tired face", "shortname": ":tired_face:", "unicode": "1f62b", "html": "&#128555;", "category": "Smileys & Emotion (face-concerned)", "order": "33"},
-		{"emoji": "📷", "name": "camera", "shortname": ":camera:", "unicode": "1f4f7", "html": "&#128247;", "category": "Objects (light & video)", "order": "1861"},
-		{"emoji": "🌹", "name": "rose", "shortname": ":rose:", "unicode": "1f339", "html": "&#127801;", "category": "Animals & Nature (plant-flower)", "order": "1431"},
-		{"emoji": "😝", "name": "squinting face with tongue", "shortname": ":stuck_out_tongue_closed_eyes:", "unicode": "1f61d", "html": "&#128541;", "category": "Smileys & Emotion (face-tongue)", "order": "39"},
-		{"emoji": "💪🏿", "name": "flexed biceps: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F4AA 1F3FF", "html": "&#128170;&#127999;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "💪🏾", "name": "flexed biceps: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F4AA 1F3FE", "html": "&#128170;&#127998;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "💪🏽", "name": "flexed biceps: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F4AA 1F3FD", "html": "&#128170;&#127997;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "💪🏼", "name": "flexed biceps: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F4AA 1F3FC", "html": "&#128170;&#127996;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "💪🏻", "name": "flexed biceps: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F4AA 1F3FB", "html": "&#128170;&#127995;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "💪", "name": "flexed biceps", "shortname": ":muscle:", "unicode": "1f4aa", "html": "&#128170;", "category": "People & Body (body-parts)", "order": "1080"},
-		{"emoji": "💀", "name": "skull", "shortname": ":skull:", "unicode": "1f480", "html": "&#128128;", "category": "Smileys & Emotion (face-negative)", "order": "80"},
-		{"emoji": "☀️", "name": "sun", "shortname": ":sunny:", "unicode": "2600", "html": "&#9728;", "category": "Travel & Places (sky & weather)", "order": "1724"},
-		{"emoji": "💛", "name": "yellow heart", "shortname": ":yellow_heart:", "unicode": "1f49b", "html": "&#128155;", "category": "Smileys & Emotion (emotion)", "order": "1294"},
-		{"emoji": "😤", "name": "face with steam from nose", "shortname": ":triumph:", "unicode": "1f624", "html": "&#128548;", "category": "Smileys & Emotion (face-negative)", "order": "53"},
-		{"emoji": "🌚", "name": "new moon face", "shortname": ":new_moon_with_face:", "unicode": "1f31a", "html": "&#127770;", "category": "Travel & Places (sky & weather)", "order": "1720"},
-		{"emoji": "😆", "name": "grinning squinting face", "shortname": ":laughing:", "unicode": "1f606", "html": "&#128518;", "category": "Smileys & Emotion (face-smiling)", "order": "8"},
-		{"emoji": "😓", "name": "downcast face with sweat", "shortname": ":sweat:", "unicode": "1f613", "html": "&#128531;", "category": "Smileys & Emotion (face-concerned)", "order": "42"},
-		{"emoji": "👈🏿", "name": "backhand index pointing left: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F448 1F3FF", "html": "&#128072;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👈🏾", "name": "backhand index pointing left: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F448 1F3FE", "html": "&#128072;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👈🏽", "name": "backhand index pointing left: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F448 1F3FD", "html": "&#128072;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👈🏼", "name": "backhand index pointing left: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F448 1F3FC", "html": "&#128072;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👈🏻", "name": "backhand index pointing left: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F448 1F3FB", "html": "&#128072;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👈", "name": "backhand index pointing left", "shortname": ":point_left:", "unicode": "1f448", "html": "&#128072;", "category": "People & Body (hand-single-finger)", "order": "1092"},
-		{"emoji": "✔️", "name": "check mark", "shortname": ":heavy_check_mark:", "unicode": "2714", "html": "&#10004;", "category": "Symbols (other-symbol)", "order": "2080"},
-		{"emoji": "😻", "name": "smiling cat with heart-eyes", "shortname": ":heart_eyes_cat:", "unicode": "1f63b", "html": "&#128571;", "category": "Smileys & Emotion (cat-face)", "order": "90"},
-		{"emoji": "😀", "name": "grinning face", "shortname": ":grinning:", "unicode": "1f600", "html": "&#128512;", "category": "Smileys & Emotion (face-smiling)", "order": "1"},
-		{"emoji": "😷", "name": "face with medical mask", "shortname": ":mask:", "unicode": "1f637", "html": "&#128567;", "category": "Smileys & Emotion (face-unwell)", "order": "71"},
-		{"emoji": "💚", "name": "green heart", "shortname": ":green_heart:", "unicode": "1f49a", "html": "&#128154;", "category": "Smileys & Emotion (emotion)", "order": "1293"},
-		{"emoji": "👋🏿", "name": "waving hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44B 1F3FF", "html": "&#128075;&#127999;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "👋🏾", "name": "waving hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44B 1F3FE", "html": "&#128075;&#127998;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "👋🏽", "name": "waving hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44B 1F3FD", "html": "&#128075;&#127997;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "👋🏼", "name": "waving hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44B 1F3FC", "html": "&#128075;&#127996;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "👋🏻", "name": "waving hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44B 1F3FB", "html": "&#128075;&#127995;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "👋", "name": "waving hand", "shortname": ":wave:", "unicode": "1f44b", "html": "&#128075;", "category": "People & Body (hand-fingers-open)", "order": "1218"},
-		{"emoji": "😣", "name": "persevering face", "shortname": ":persevere:", "unicode": "1f623", "html": "&#128547;", "category": "Smileys & Emotion (face-concerned)", "order": "27"},
-		{"emoji": "💓", "name": "beating heart", "shortname": ":heartbeat:", "unicode": "1f493", "html": "&#128147;", "category": "Smileys & Emotion (emotion)", "order": "1287"},
-		{"emoji": "▶️", "name": "play button", "shortname": ":arrow_forward:", "unicode": "25b6", "html": "&#9654;", "category": "Symbols (av-symbol)", "order": "2051"},
-		{"emoji": "◀️", "name": "reverse button", "shortname": ":arrow_backward:", "unicode": "25c0", "html": "&#9664;", "category": "Symbols (av-symbol)", "order": "2055"},
-		{"emoji": "↪️", "name": "left arrow curving right", "shortname": ":arrow_right_hook:", "unicode": "21aa", "html": "&#8618;", "category": "Symbols (arrow)", "order": "2013"},
-		{"emoji": "↩️", "name": "right arrow curving left", "shortname": ":leftwards_arrow_with_hook:", "unicode": "21a9", "html": "&#8617;", "category": "Symbols (arrow)", "order": "2012"},
-		{"emoji": "👑", "name": "crown", "shortname": ":crown:", "unicode": "1f451", "html": "&#128081;", "category": "Objects (clothing)", "order": "1333"},
-		{"emoji": "😚", "name": "kissing face with closed eyes", "shortname": ":kissing_closed_eyes:", "unicode": "1f61a", "html": "&#128538;", "category": "Smileys & Emotion (face-affection)", "order": "17"},
-		{"emoji": "😛", "name": "face with tongue", "shortname": ":stuck_out_tongue:", "unicode": "1f61b", "html": "&#128539;", "category": "Smileys & Emotion (face-tongue)", "order": "37"},
-		{"emoji": "😥", "name": "sad but relieved face", "shortname": ":disappointed_relieved:", "unicode": "1f625", "html": "&#128549;", "category": "Smileys & Emotion (face-concerned)", "order": "28"},
-		{"emoji": "😇", "name": "smiling face with halo", "shortname": ":innocent:", "unicode": "1f607", "html": "&#128519;", "category": "Smileys & Emotion (face-smiling)", "order": "67"},
-		{"emoji": "🎧", "name": "headphone", "shortname": ":headphones:", "unicode": "1f3a7", "html": "&#127911;", "category": "Objects (music)", "order": "1830"},
-		{"emoji": "✅", "name": "check mark button", "shortname": ":white_check_mark:", "unicode": "2705", "html": "&#9989;", "category": "Symbols (other-symbol)", "order": "2078"},
-		{"emoji": "😖", "name": "confounded face", "shortname": ":confounded:", "unicode": "1f616", "html": "&#128534;", "category": "Smileys & Emotion (face-concerned)", "order": "50"},
-		{"emoji": "➡", "name": "right arrow", "shortname": ":arrow_right:", "unicode": "27a1", "html": "&#10145;", "category": "Symbols (arrow)", "order": "2004"},
-		{"emoji": "😠", "name": "angry face", "shortname": ":angry:", "unicode": "1f620", "html": "&#128544;", "category": "Smileys & Emotion (face-negative)", "order": "66"},
-		{"emoji": "😬", "name": "grimacing face", "shortname": ":grimacing:", "unicode": "1f62c", "html": "&#128556;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "60"},
-		{"emoji": "🌟", "name": "glowing star", "shortname": ":star2:", "unicode": "1f31f", "html": "&#127775;", "category": "Travel & Places (sky & weather)", "order": "1728"},
-		{"emoji": "🔫", "name": "pistol", "shortname": ":gun:", "unicode": "1f52b", "html": "&#128299;", "category": "Objects (tool)", "order": "1956"},
-		{"emoji": "🙋🏿‍♂", "name": "man raising hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64B 1F3FF 200D 2642", "html": "&#128587;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏾‍♂", "name": "man raising hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64B 1F3FE 200D 2642", "html": "&#128587;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏽‍♂", "name": "man raising hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64B 1F3FD 200D 2642", "html": "&#128587;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏼‍♂", "name": "man raising hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64B 1F3FC 200D 2642", "html": "&#128587;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏻‍♂", "name": "man raising hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64B 1F3FB 200D 2642", "html": "&#128587;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋‍♂", "name": "man raising hand", "shortname": ":man_raising_hand:", "unicode": "1F64B 200D 2642", "html": "&#128587;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏿", "name": "person raising hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64B 1F3FF", "html": "&#128587;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏾", "name": "person raising hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64B 1F3FE", "html": "&#128587;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏽", "name": "person raising hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64B 1F3FD", "html": "&#128587;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏼", "name": "person raising hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64B 1F3FC", "html": "&#128587;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏻", "name": "person raising hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64B 1F3FB", "html": "&#128587;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋", "name": "person raising hand", "shortname": ":raising_hand:", "unicode": "1f64b", "html": "&#128587;", "category": "People & Body (person-gesture)", "order": "585"},
-		{"emoji": "👎🏿", "name": "thumbs down: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F44E 1F3FF", "html": "&#128078;&#127999;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👎🏾", "name": "thumbs down: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F44E 1F3FE", "html": "&#128078;&#127998;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👎🏽", "name": "thumbs down: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F44E 1F3FD", "html": "&#128078;&#127997;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👎🏼", "name": "thumbs down: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F44E 1F3FC", "html": "&#128078;&#127996;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👎🏻", "name": "thumbs down: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F44E 1F3FB", "html": "&#128078;&#127995;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "👎", "name": "thumbs down", "shortname": ":thumbsdown:", "unicode": "1f44e", "html": "&#128078;", "category": "People & Body (hand-fingers-closed)", "order": "1182"},
-		{"emoji": "💃🏿", "name": "woman dancing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F483 1F3FF", "html": "&#128131;&#127999;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💃🏾", "name": "woman dancing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F483 1F3FE", "html": "&#128131;&#127998;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💃🏽", "name": "woman dancing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F483 1F3FD", "html": "&#128131;&#127997;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💃🏼", "name": "woman dancing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F483 1F3FC", "html": "&#128131;&#127996;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💃🏻", "name": "woman dancing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F483 1F3FB", "html": "&#128131;&#127995;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💃", "name": "woman dancing", "shortname": ":dancer:", "unicode": "1f483", "html": "&#128131;", "category": "People & Body (person-activity)", "order": "729"},
-		{"emoji": "🎵", "name": "musical note", "shortname": ":musical_note:", "unicode": "1f3b5", "html": "&#127925;", "category": "Objects (music)", "order": "1824"},
-		{"emoji": "😶", "name": "face without mouth", "shortname": ":no_mouth:", "unicode": "1f636", "html": "&#128566;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "24"},
-		{"emoji": "💫", "name": "dizzy", "shortname": ":dizzy:", "unicode": "1f4ab", "html": "&#128171;", "category": "Smileys & Emotion (emotion)", "order": "1308"},
-		{"emoji": "✊🏿", "name": "raised fist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "270A 1F3FF", "html": "&#9994;&#127999;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "✊🏾", "name": "raised fist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "270A 1F3FE", "html": "&#9994;&#127998;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "✊🏽", "name": "raised fist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "270A 1F3FD", "html": "&#9994;&#127997;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "✊🏼", "name": "raised fist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "270A 1F3FC", "html": "&#9994;&#127996;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "✊🏻", "name": "raised fist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "270A 1F3FB", "html": "&#9994;&#127995;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "✊", "name": "raised fist", "shortname": ":fist:", "unicode": "270a", "html": "&#9994;", "category": "People & Body (hand-fingers-closed)", "order": "1188"},
-		{"emoji": "👇🏿", "name": "backhand index pointing down: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F447 1F3FF", "html": "&#128071;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👇🏾", "name": "backhand index pointing down: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F447 1F3FE", "html": "&#128071;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👇🏽", "name": "backhand index pointing down: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F447 1F3FD", "html": "&#128071;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👇🏼", "name": "backhand index pointing down: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F447 1F3FC", "html": "&#128071;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👇🏻", "name": "backhand index pointing down: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F447 1F3FB", "html": "&#128071;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👇", "name": "backhand index pointing down", "shortname": ":point_down:", "unicode": "1f447", "html": "&#128071;", "category": "People & Body (hand-single-finger)", "order": "1122"},
-		{"emoji": "🔴", "name": "red circle", "shortname": ":red_circle:", "unicode": "1f534", "html": "&#128308;", "category": "Symbols (geometric)", "order": "2179"},
-		{"emoji": "🙅🏿‍♂", "name": "man gesturing NO: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F645 1F3FF 200D 2642", "html": "&#128581;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏾‍♂", "name": "man gesturing NO: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F645 1F3FE 200D 2642", "html": "&#128581;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏽‍♂", "name": "man gesturing NO: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F645 1F3FD 200D 2642", "html": "&#128581;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏼‍♂", "name": "man gesturing NO: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F645 1F3FC 200D 2642", "html": "&#128581;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏻‍♂", "name": "man gesturing NO: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F645 1F3FB 200D 2642", "html": "&#128581;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅‍♂", "name": "man gesturing NO", "shortname": ":man_gesturing_NO:", "unicode": "1F645 200D 2642", "html": "&#128581;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏿", "name": "person gesturing NO: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F645 1F3FF", "html": "&#128581;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏾", "name": "person gesturing NO: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F645 1F3FE", "html": "&#128581;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏽", "name": "person gesturing NO: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F645 1F3FD", "html": "&#128581;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏼", "name": "person gesturing NO: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F645 1F3FC", "html": "&#128581;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏻", "name": "person gesturing NO: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F645 1F3FB", "html": "&#128581;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅", "name": "person gesturing NO", "shortname": ":no_good:", "unicode": "1f645", "html": "&#128581;", "category": "People & Body (person-gesture)", "order": "531"},
-		{"emoji": "💥", "name": "collision", "shortname": ":boom:", "unicode": "1f4a5", "html": "&#128165;", "category": "Smileys & Emotion (emotion)", "order": "1305"},
-		{"emoji": "©️", "name": "copyright", "shortname": ":copyright:", "unicode": "00A9 FE0F", "html": "&copy;️", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "💭", "name": "thought balloon", "shortname": ":thought_balloon:", "unicode": "1f4ad", "html": "&#128173;", "category": "Smileys & Emotion (emotion)", "order": "1312"},
-		{"emoji": "👅", "name": "tongue", "shortname": ":tongue:", "unicode": "1f445", "html": "&#128069;", "category": "People & Body (body-parts)", "order": "1282"},
-		{"emoji": "💩", "name": "pile of poo", "shortname": ":poop:", "unicode": "1f4a9", "html": "&#128169;", "category": "Smileys & Emotion (face-costume)", "order": "85"},
-		{"emoji": "😰", "name": "anxious face with sweat", "shortname": ":cold_sweat:", "unicode": "1f630", "html": "&#128560;", "category": "Smileys & Emotion (face-concerned)", "order": "61"},
-		{"emoji": "💎", "name": "gem stone", "shortname": ":gem:", "unicode": "1f48e", "html": "&#128142;", "category": "Objects (clothing)", "order": "1341"},
-		{"emoji": "🙆🏿‍♂", "name": "man gesturing OK: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F646 1F3FF 200D 2642", "html": "&#128582;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏾‍♂", "name": "man gesturing OK: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F646 1F3FE 200D 2642", "html": "&#128582;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏽‍♂", "name": "man gesturing OK: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F646 1F3FD 200D 2642", "html": "&#128582;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏼‍♂", "name": "man gesturing OK: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F646 1F3FC 200D 2642", "html": "&#128582;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏻‍♂", "name": "man gesturing OK: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F646 1F3FB 200D 2642", "html": "&#128582;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆‍♂", "name": "man gesturing OK", "shortname": ":man_gesturing_OK:", "unicode": "1F646 200D 2642", "html": "&#128582;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏿", "name": "person gesturing OK: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F646 1F3FF", "html": "&#128582;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏾", "name": "person gesturing OK: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F646 1F3FE", "html": "&#128582;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏽", "name": "person gesturing OK: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F646 1F3FD", "html": "&#128582;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏼", "name": "person gesturing OK: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F646 1F3FC", "html": "&#128582;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏻", "name": "person gesturing OK: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F646 1F3FB", "html": "&#128582;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆", "name": "person gesturing OK", "shortname": ":ok_woman:", "unicode": "1f646", "html": "&#128582;", "category": "People & Body (person-gesture)", "order": "549"},
-		{"emoji": "🍕", "name": "pizza", "shortname": ":pizza:", "unicode": "1f355", "html": "&#127829;", "category": "Food & Drink (food-prepared)", "order": "1484"},
-		{"emoji": "😹", "name": "cat with tears of joy", "shortname": ":joy_cat:", "unicode": "1f639", "html": "&#128569;", "category": "Smileys & Emotion (cat-face)", "order": "89"},
-		{"emoji": "🌞", "name": "sun with face", "shortname": ":sun_with_face:", "unicode": "1f31e", "html": "&#127774;", "category": "Travel & Places (sky & weather)", "order": "1726"},
-		{"emoji": "🍃", "name": "leaf fluttering in wind", "shortname": ":leaves:", "unicode": "1f343", "html": "&#127811;", "category": "Animals & Nature (plant-other)", "order": "1448"},
-		{"emoji": "💦", "name": "sweat droplets", "shortname": ":sweat_drops:", "unicode": "1f4a6", "html": "&#128166;", "category": "Smileys & Emotion (emotion)", "order": "1306"},
-		{"emoji": "🐧", "name": "penguin", "shortname": ":penguin:", "unicode": "1f427", "html": "&#128039;", "category": "Animals & Nature (animal-bird)", "order": "1394"},
-		{"emoji": "💤", "name": "zzz", "shortname": ":zzz:", "unicode": "1f4a4", "html": "&#128164;", "category": "Smileys & Emotion (emotion)", "order": "1302"},
-		{"emoji": "🚶🏿‍♀", "name": "woman walking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B6 1F3FF 200D 2640", "html": "&#128694;&#127999;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏾‍♀", "name": "woman walking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B6 1F3FE 200D 2640", "html": "&#128694;&#127998;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏽‍♀", "name": "woman walking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B6 1F3FD 200D 2640", "html": "&#128694;&#127997;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏼‍♀", "name": "woman walking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B6 1F3FC 200D 2640", "html": "&#128694;&#127996;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏻‍♀", "name": "woman walking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B6 1F3FB 200D 2640", "html": "&#128694;&#127995;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶‍♀", "name": "woman walking", "shortname": ":woman_walking:", "unicode": "1F6B6 200D 2640", "html": "&#128694;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏿", "name": "person walking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B6 1F3FF", "html": "&#128694;&#127999;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏾", "name": "person walking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B6 1F3FE", "html": "&#128694;&#127998;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏽", "name": "person walking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B6 1F3FD", "html": "&#128694;&#127997;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏼", "name": "person walking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B6 1F3FC", "html": "&#128694;&#127996;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏻", "name": "person walking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B6 1F3FB", "html": "&#128694;&#127995;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶", "name": "person walking", "shortname": ":walking:", "unicode": "1f6b6", "html": "&#128694;", "category": "People & Body (person-activity)", "order": "693"},
-		{"emoji": "✈️", "name": "airplane", "shortname": ":airplane:", "unicode": "2708", "html": "&#9992;", "category": "Travel & Places (transport-air)", "order": "1650"},
-		{"emoji": "🎈", "name": "balloon", "shortname": ":balloon:", "unicode": "1f388", "html": "&#127880;", "category": "Activities (event)", "order": "1761"},
-		{"emoji": "⭐", "name": "star", "shortname": ":star:", "unicode": "2b50", "html": "&#11088;", "category": "Travel & Places (sky & weather)", "order": "1727"},
-		{"emoji": "🎀", "name": "ribbon", "shortname": ":ribbon:", "unicode": "1f380", "html": "&#127872;", "category": "Activities (event)", "order": "1770"},
-		{"emoji": "☑️", "name": "check box with check", "shortname": ":ballot_box_with_check:", "unicode": "2611", "html": "&#9745;", "category": "Symbols (other-symbol)", "order": "2079"},
-		{"emoji": "😟", "name": "worried face", "shortname": ":worried:", "unicode": "1f61f", "html": "&#128543;", "category": "Smileys & Emotion (face-concerned)", "order": "52"},
-		{"emoji": "🔞", "name": "no one under eighteen", "shortname": ":underage:", "unicode": "1f51e", "html": "&#128286;", "category": "Symbols (warning)", "order": "1999"},
-		{"emoji": "😨", "name": "fearful face", "shortname": ":fearful:", "unicode": "1f628", "html": "&#128552;", "category": "Smileys & Emotion (face-concerned)", "order": "58"},
-		{"emoji": "🍀", "name": "four leaf clover", "shortname": ":four_leaf_clover:", "unicode": "1f340", "html": "&#127808;", "category": "Animals & Nature (plant-other)", "order": "1445"},
-		{"emoji": "🌺", "name": "hibiscus", "shortname": ":hibiscus:", "unicode": "1f33a", "html": "&#127802;", "category": "Animals & Nature (plant-flower)", "order": "1433"},
-		{"emoji": "🎤", "name": "microphone", "shortname": ":microphone:", "unicode": "1f3a4", "html": "&#127908;", "category": "Objects (music)", "order": "1829"},
-		{"emoji": "👐🏿", "name": "open hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F450 1F3FF", "html": "&#128080;&#127999;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👐🏾", "name": "open hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F450 1F3FE", "html": "&#128080;&#127998;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👐🏽", "name": "open hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F450 1F3FD", "html": "&#128080;&#127997;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👐🏼", "name": "open hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F450 1F3FC", "html": "&#128080;&#127996;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👐🏻", "name": "open hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F450 1F3FB", "html": "&#128080;&#127995;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "👐", "name": "open hands", "shortname": ":open_hands:", "unicode": "1f450", "html": "&#128080;", "category": "People & Body (hands)", "order": "1236"},
-		{"emoji": "👻", "name": "ghost", "shortname": ":ghost:", "unicode": "1f47b", "html": "&#128123;", "category": "Smileys & Emotion (face-costume)", "order": "82"},
-		{"emoji": "🌴", "name": "palm tree", "shortname": ":palm_tree:", "unicode": "1f334", "html": "&#127796;", "category": "Animals & Nature (plant-other)", "order": "1440"},
-		{"emoji": "‼️", "name": "double exclamation mark", "shortname": ":bangbang:", "unicode": "203c", "html": "&#8252;", "category": "Symbols (other-symbol)", "order": "2096"},
-		{"emoji": "💅🏿", "name": "nail polish: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F485 1F3FF", "html": "&#128133;&#127999;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "💅🏾", "name": "nail polish: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F485 1F3FE", "html": "&#128133;&#127998;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "💅🏽", "name": "nail polish: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F485 1F3FD", "html": "&#128133;&#127997;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "💅🏼", "name": "nail polish: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F485 1F3FC", "html": "&#128133;&#127996;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "💅🏻", "name": "nail polish: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F485 1F3FB", "html": "&#128133;&#127995;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "💅", "name": "nail polish", "shortname": ":nail_care:", "unicode": "1f485", "html": "&#128133;", "category": "People & Body (hand-prop)", "order": "1260"},
-		{"emoji": "❌", "name": "cross mark", "shortname": ":x:", "unicode": "274c", "html": "&#10060;", "category": "Symbols (other-symbol)", "order": "2082"},
-		{"emoji": "👽", "name": "alien", "shortname": ":alien:", "unicode": "1f47d", "html": "&#128125;", "category": "Smileys & Emotion (face-costume)", "order": "83"},
-		{"emoji": "🙇🏿‍♀", "name": "woman bowing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F647 1F3FF 200D 2640", "html": "&#128583;&#127999;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏾‍♀", "name": "woman bowing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F647 1F3FE 200D 2640", "html": "&#128583;&#127998;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏽‍♀", "name": "woman bowing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F647 1F3FD 200D 2640", "html": "&#128583;&#127997;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏼‍♀", "name": "woman bowing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F647 1F3FC 200D 2640", "html": "&#128583;&#127996;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏻‍♀", "name": "woman bowing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F647 1F3FB 200D 2640", "html": "&#128583;&#127995;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇‍♀", "name": "woman bowing", "shortname": ":woman_bowing:", "unicode": "1F647 200D 2640", "html": "&#128583;&zwj;&#9792;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏿", "name": "person bowing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F647 1F3FF", "html": "&#128583;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏾", "name": "person bowing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F647 1F3FE", "html": "&#128583;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏽", "name": "person bowing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F647 1F3FD", "html": "&#128583;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏼", "name": "person bowing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F647 1F3FC", "html": "&#128583;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏻", "name": "person bowing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F647 1F3FB", "html": "&#128583;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇", "name": "person bowing", "shortname": ":bow:", "unicode": "1f647", "html": "&#128583;", "category": "People & Body (person-gesture)", "order": "603"},
-		{"emoji": "☁", "name": "cloud", "shortname": ":cloud:", "unicode": "2601", "html": "&#9729;", "category": "Travel & Places (sky & weather)", "order": "1730"},
-		{"emoji": "⚽", "name": "soccer ball", "shortname": ":soccer:", "unicode": "26bd", "html": "&#9917;", "category": "Activities (sport)", "order": "1781"},
-		{"emoji": "👼🏿", "name": "baby angel: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F47C 1F3FF", "html": "&#128124;&#127999;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "👼🏾", "name": "baby angel: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F47C 1F3FE", "html": "&#128124;&#127998;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "👼🏽", "name": "baby angel: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F47C 1F3FD", "html": "&#128124;&#127997;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "👼🏼", "name": "baby angel: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F47C 1F3FC", "html": "&#128124;&#127996;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "👼🏻", "name": "baby angel: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F47C 1F3FB", "html": "&#128124;&#127995;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "👼", "name": "baby angel", "shortname": ":angel:", "unicode": "1f47c", "html": "&#128124;", "category": "People & Body (person-fantasy)", "order": "141"},
-		{"emoji": "👯‍♂", "name": "men with bunny ears", "shortname": ":men_with_bunny_ears:", "unicode": "1F46F 200D 2642", "html": "&#128111;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👯", "name": "people with bunny ears", "shortname": ":dancers:", "unicode": "1f46f", "html": "&#128111;", "category": "People & Body (person-activity)", "order": "741"},
-		{"emoji": "❗", "name": "exclamation mark", "shortname": ":exclamation:", "unicode": "2757", "html": "&#10071;", "category": "Symbols (other-symbol)", "order": "2101"},
-		{"emoji": "❄️", "name": "snowflake", "shortname": ":snowflake:", "unicode": "2744", "html": "&#10052;", "category": "Travel & Places (sky & weather)", "order": "1749"},
-		{"emoji": "☝🏿", "name": "index pointing up: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "261D 1F3FF", "html": "&#9757;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "☝🏾", "name": "index pointing up: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "261D 1F3FE", "html": "&#9757;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "☝🏽", "name": "index pointing up: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "261D 1F3FD", "html": "&#9757;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "☝🏼", "name": "index pointing up: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "261D 1F3FC", "html": "&#9757;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "☝🏻", "name": "index pointing up: light skin tone", "shortname": ":light_skin_tone:", "unicode": "261D 1F3FB", "html": "&#9757;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "☝️", "name": "index pointing up", "shortname": ":point_up:", "unicode": "261d", "html": "&#9757;", "category": "People & Body (hand-single-finger)", "order": "1104"},
-		{"emoji": "😙", "name": "kissing face with smiling eyes", "shortname": ":kissing_smiling_eyes:", "unicode": "1f619", "html": "&#128537;", "category": "Smileys & Emotion (face-affection)", "order": "16"},
-		{"emoji": "🌈", "name": "rainbow", "shortname": ":rainbow:", "unicode": "1f308", "html": "&#127752;", "category": "Travel & Places (sky & weather)", "order": "1743"},
-		{"emoji": "🌙", "name": "crescent moon", "shortname": ":crescent_moon:", "unicode": "1f319", "html": "&#127769;", "category": "Travel & Places (sky & weather)", "order": "1719"},
-		{"emoji": "💟", "name": "heart decoration", "shortname": ":heart_decoration:", "unicode": "1f49f", "html": "&#128159;", "category": "Smileys & Emotion (emotion)", "order": "1299"},
-		{"emoji": "💝", "name": "heart with ribbon", "shortname": ":gift_heart:", "unicode": "1f49d", "html": "&#128157;", "category": "Smileys & Emotion (emotion)", "order": "1297"},
-		{"emoji": "🎁", "name": "wrapped gift", "shortname": ":gift:", "unicode": "1f381", "html": "&#127873;", "category": "Activities (event)", "order": "1771"},
-		{"emoji": "🍻", "name": "clinking beer mugs", "shortname": ":beers:", "unicode": "1f37b", "html": "&#127867;", "category": "Food & Drink (drink)", "order": "1530"},
-		{"emoji": "😧", "name": "anguished face", "shortname": ":anguished:", "unicode": "1f627", "html": "&#128551;", "category": "Smileys & Emotion (face-concerned)", "order": "57"},
-		{"emoji": "🌍", "name": "globe showing Europe-Africa", "shortname": ":earth_africa:", "unicode": "1f30d", "html": "&#127757;", "category": "Travel & Places (place-map)", "order": "1538"},
-		{"emoji": "🎥", "name": "movie camera", "shortname": ":movie_camera:", "unicode": "1f3a5", "html": "&#127909;", "category": "Objects (light & video)", "order": "1856"},
-		{"emoji": "⚓", "name": "anchor", "shortname": ":anchor:", "unicode": "2693", "html": "&#9875;", "category": "Travel & Places (transport-water)", "order": "1642"},
-		{"emoji": "⚡", "name": "high voltage", "shortname": ":zap:", "unicode": "26a1", "html": "&#9889;", "category": "Travel & Places (sky & weather)", "order": "1748"},
-		{"emoji": "♣️", "name": "club suit", "shortname": ":club_suit:", "unicode": "2663 FE0F", "html": "&clubs;️", "category": "Activities (game)", "order": ""},
-		{"emoji": "✖️", "name": "multiplication sign", "shortname": ":heavy_multiplication_x:", "unicode": "2716", "html": "&#10006;", "category": "Symbols (other-symbol)", "order": "2081"},
-		{"emoji": "🏃🏿‍♀", "name": "woman running: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C3 1F3FF 200D 2640", "html": "&#127939;&#127999;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏾‍♀", "name": "woman running: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C3 1F3FE 200D 2640", "html": "&#127939;&#127998;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏽‍♀", "name": "woman running: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C3 1F3FD 200D 2640", "html": "&#127939;&#127997;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏼‍♀", "name": "woman running: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C3 1F3FC 200D 2640", "html": "&#127939;&#127996;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏻‍♀", "name": "woman running: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C3 1F3FB 200D 2640", "html": "&#127939;&#127995;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃‍♀", "name": "woman running", "shortname": ":woman_running:", "unicode": "1F3C3 200D 2640", "html": "&#127939;&zwj;&#9792;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏿", "name": "person running: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C3 1F3FF", "html": "&#127939;&#127999;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏾", "name": "person running: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C3 1F3FE", "html": "&#127939;&#127998;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏽", "name": "person running: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C3 1F3FD", "html": "&#127939;&#127997;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏼", "name": "person running: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C3 1F3FC", "html": "&#127939;&#127996;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏻", "name": "person running: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C3 1F3FB", "html": "&#127939;&#127995;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃", "name": "person running", "shortname": ":runner:", "unicode": "1f3c3", "html": "&#127939;", "category": "People & Body (person-activity)", "order": "711"},
-		{"emoji": "🌻", "name": "sunflower", "shortname": ":sunflower:", "unicode": "1f33b", "html": "&#127803;", "category": "Animals & Nature (plant-flower)", "order": "1434"},
-		{"emoji": "🌎", "name": "globe showing Americas", "shortname": ":earth_americas:", "unicode": "1f30e", "html": "&#127758;", "category": "Travel & Places (place-map)", "order": "1539"},
-		{"emoji": "💐", "name": "bouquet", "shortname": ":bouquet:", "unicode": "1f490", "html": "&#128144;", "category": "Animals & Nature (plant-flower)", "order": "1427"},
-		{"emoji": "🐶", "name": "dog face", "shortname": ":dog:", "unicode": "1f436", "html": "&#128054;", "category": "Animals & Nature (animal-mammal)", "order": "1345"},
-		{"emoji": "💰", "name": "money bag", "shortname": ":moneybag:", "unicode": "1f4b0", "html": "&#128176;", "category": "Objects (money)", "order": "1891"},
-		{"emoji": "🌿", "name": "herb", "shortname": ":herb:", "unicode": "1f33f", "html": "&#127807;", "category": "Animals & Nature (plant-other)", "order": "1443"},
-		{"emoji": "👫", "name": "woman and man holding hands", "shortname": ":couple:", "unicode": "1f46b", "html": "&#128107;", "category": "People & Body (family)", "order": "1018"},
-		{"emoji": "🍂", "name": "fallen leaf", "shortname": ":fallen_leaf:", "unicode": "1f342", "html": "&#127810;", "category": "Animals & Nature (plant-other)", "order": "1447"},
-		{"emoji": "🌷", "name": "tulip", "shortname": ":tulip:", "unicode": "1f337", "html": "&#127799;", "category": "Animals & Nature (plant-flower)", "order": "1436"},
-		{"emoji": "🎂", "name": "birthday cake", "shortname": ":birthday:", "unicode": "1f382", "html": "&#127874;", "category": "Food & Drink (food-sweet)", "order": "1513"},
-		{"emoji": "🐱", "name": "cat face", "shortname": ":cat:", "unicode": "1f431", "html": "&#128049;", "category": "Animals & Nature (animal-mammal)", "order": "1350"},
-		{"emoji": "☕", "name": "hot beverage", "shortname": ":coffee:", "unicode": "2615", "html": "&#9749;", "category": "Food & Drink (drink)", "order": "1522"},
-		{"emoji": "😵", "name": "dizzy face", "shortname": ":dizzy_face:", "unicode": "1f635", "html": "&#128565;", "category": "Smileys & Emotion (face-unwell)", "order": "64"},
-		{"emoji": "👆🏿", "name": "backhand index pointing up: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F446 1F3FF", "html": "&#128070;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👆🏾", "name": "backhand index pointing up: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F446 1F3FE", "html": "&#128070;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👆🏽", "name": "backhand index pointing up: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F446 1F3FD", "html": "&#128070;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👆🏼", "name": "backhand index pointing up: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F446 1F3FC", "html": "&#128070;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👆🏻", "name": "backhand index pointing up: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F446 1F3FB", "html": "&#128070;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "👆", "name": "backhand index pointing up", "shortname": ":point_up_2:", "unicode": "1f446", "html": "&#128070;", "category": "People & Body (hand-single-finger)", "order": "1110"},
-		{"emoji": "😮", "name": "face with open mouth", "shortname": ":open_mouth:", "unicode": "1f62e", "html": "&#128558;", "category": "Smileys & Emotion (face-concerned)", "order": "29"},
-		{"emoji": "😯", "name": "hushed face", "shortname": ":hushed:", "unicode": "1f62f", "html": "&#128559;", "category": "Smileys & Emotion (face-concerned)", "order": "31"},
-		{"emoji": "🏀", "name": "basketball", "shortname": ":basketball:", "unicode": "1f3c0", "html": "&#127936;", "category": "Activities (sport)", "order": "1783"},
-		{"emoji": "🎄", "name": "Christmas tree", "shortname": ":christmas_tree:", "unicode": "1f384", "html": "&#127876;", "category": "Activities (event)", "order": "1757"},
-		{"emoji": "💍", "name": "ring", "shortname": ":ring:", "unicode": "1f48d", "html": "&#128141;", "category": "Objects (clothing)", "order": "1340"},
-		{"emoji": "🌝", "name": "full moon face", "shortname": ":full_moon_with_face:", "unicode": "1f31d", "html": "&#127773;", "category": "Travel & Places (sky & weather)", "order": "1725"},
-		{"emoji": "😲", "name": "astonished face", "shortname": ":astonished:", "unicode": "1f632", "html": "&#128562;", "category": "Smileys & Emotion (face-concerned)", "order": "47"},
-		{"emoji": "👭", "name": "women holding hands", "shortname": ":two_women_holding_hands:", "unicode": "1f46d", "html": "&#128109;", "category": "People & Body (family)", "order": "1030"},
-		{"emoji": "💸", "name": "money with wings", "shortname": ":money_with_wings:", "unicode": "1f4b8", "html": "&#128184;", "category": "Objects (money)", "order": "1896"},
-		{"emoji": "😿", "name": "crying cat", "shortname": ":crying_cat_face:", "unicode": "1f63f", "html": "&#128575;", "category": "Smileys & Emotion (cat-face)", "order": "94"},
-		{"emoji": "🙉", "name": "hear-no-evil monkey", "shortname": ":hear_no_evil:", "unicode": "1f649", "html": "&#128585;", "category": "Smileys & Emotion (monkey-face)", "order": "97"},
-		{"emoji": "💨", "name": "dashing away", "shortname": ":dash:", "unicode": "1f4a8", "html": "&#128168;", "category": "Smileys & Emotion (emotion)", "order": "1307"},
-		{"emoji": "🌵", "name": "cactus", "shortname": ":cactus:", "unicode": "1f335", "html": "&#127797;", "category": "Animals & Nature (plant-other)", "order": "1441"},
-		{"emoji": "♨️", "name": "hot springs", "shortname": ":hotsprings:", "unicode": "2668", "html": "&#9832;", "category": "Travel & Places (place-other)", "order": "1591"},
-		{"emoji": "☎️", "name": "telephone", "shortname": ":telephone:", "unicode": "260e", "html": "&#9742;", "category": "Objects (phone)", "order": "1840"},
-		{"emoji": "🍁", "name": "maple leaf", "shortname": ":maple_leaf:", "unicode": "1f341", "html": "&#127809;", "category": "Animals & Nature (plant-other)", "order": "1446"},
-		{"emoji": "👸🏿", "name": "princess: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F478 1F3FF", "html": "&#128120;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👸🏾", "name": "princess: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F478 1F3FE", "html": "&#128120;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👸🏽", "name": "princess: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F478 1F3FD", "html": "&#128120;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👸🏼", "name": "princess: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F478 1F3FC", "html": "&#128120;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👸🏻", "name": "princess: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F478 1F3FB", "html": "&#128120;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👸", "name": "princess", "shortname": ":princess:", "unicode": "1f478", "html": "&#128120;", "category": "People & Body (person-role)", "order": "459"},
-		{"emoji": "💆🏿‍♂", "name": "man getting massage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F486 1F3FF 200D 2642", "html": "&#128134;&#127999;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏾‍♂", "name": "man getting massage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F486 1F3FE 200D 2642", "html": "&#128134;&#127998;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏽‍♂", "name": "man getting massage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F486 1F3FD 200D 2642", "html": "&#128134;&#127997;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏼‍♂", "name": "man getting massage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F486 1F3FC 200D 2642", "html": "&#128134;&#127996;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏻‍♂", "name": "man getting massage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F486 1F3FB 200D 2642", "html": "&#128134;&#127995;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆‍♂", "name": "man getting massage", "shortname": ":man_getting_massage:", "unicode": "1F486 200D 2642", "html": "&#128134;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏿", "name": "person getting massage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F486 1F3FF", "html": "&#128134;&#127999;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏾", "name": "person getting massage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F486 1F3FE", "html": "&#128134;&#127998;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏽", "name": "person getting massage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F486 1F3FD", "html": "&#128134;&#127997;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏼", "name": "person getting massage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F486 1F3FC", "html": "&#128134;&#127996;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏻", "name": "person getting massage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F486 1F3FB", "html": "&#128134;&#127995;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆", "name": "person getting massage", "shortname": ":massage:", "unicode": "1f486", "html": "&#128134;", "category": "People & Body (person-activity)", "order": "657"},
-		{"emoji": "💌", "name": "love letter", "shortname": ":love_letter:", "unicode": "1f48c", "html": "&#128140;", "category": "Smileys & Emotion (emotion)", "order": "1301"},
-		{"emoji": "🏆", "name": "trophy", "shortname": ":trophy:", "unicode": "1f3c6", "html": "&#127942;", "category": "Activities (award-medal)", "order": "1776"},
-		{"emoji": "🙍🏿‍♂", "name": "man frowning: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64D 1F3FF 200D 2642", "html": "&#128589;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏾‍♂", "name": "man frowning: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64D 1F3FE 200D 2642", "html": "&#128589;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏽‍♂", "name": "man frowning: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64D 1F3FD 200D 2642", "html": "&#128589;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏼‍♂", "name": "man frowning: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64D 1F3FC 200D 2642", "html": "&#128589;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏻‍♂", "name": "man frowning: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64D 1F3FB 200D 2642", "html": "&#128589;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍‍♂", "name": "man frowning", "shortname": ":man_frowning:", "unicode": "1F64D 200D 2642", "html": "&#128589;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏿", "name": "person frowning: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64D 1F3FF", "html": "&#128589;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏾", "name": "person frowning: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64D 1F3FE", "html": "&#128589;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏽", "name": "person frowning: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64D 1F3FD", "html": "&#128589;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏼", "name": "person frowning: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64D 1F3FC", "html": "&#128589;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏻", "name": "person frowning: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64D 1F3FB", "html": "&#128589;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍", "name": "person frowning", "shortname": ":person_frowning:", "unicode": "1f64d", "html": "&#128589;", "category": "People & Body (person-gesture)", "order": "495"},
-		{"emoji": "🇺🇸", "name": "flag: United States", "shortname": ":us:", "unicode": "1f1fa", "html": "&#127482;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🎊", "name": "confetti ball", "shortname": ":confetti_ball:", "unicode": "1f38a", "html": "&#127882;", "category": "Activities (event)", "order": "1763"},
-		{"emoji": "🌼", "name": "blossom", "shortname": ":blossom:", "unicode": "1f33c", "html": "&#127804;", "category": "Animals & Nature (plant-flower)", "order": "1435"},
-		{"emoji": "🔪", "name": "kitchen knife", "shortname": ":kitchen_knife:", "unicode": "1F52A", "html": "&#128298;", "category": "Food & Drink (dishware)", "order": ""},
-		{"emoji": "👄", "name": "mouth", "shortname": ":lips:", "unicode": "1f444", "html": "&#128068;", "category": "People & Body (body-parts)", "order": "1283"},
-		{"emoji": "🍟", "name": "french fries", "shortname": ":fries:", "unicode": "1f35f", "html": "&#127839;", "category": "Food & Drink (food-prepared)", "order": "1483"},
-		{"emoji": "🍩", "name": "doughnut", "shortname": ":doughnut:", "unicode": "1f369", "html": "&#127849;", "category": "Food & Drink (food-sweet)", "order": "1511"},
-		{"emoji": "😦", "name": "frowning face with open mouth", "shortname": ":frowning:", "unicode": "1f626", "html": "&#128550;", "category": "Smileys & Emotion (face-concerned)", "order": "56"},
-		{"emoji": "🌊", "name": "water wave", "shortname": ":ocean:", "unicode": "1f30a", "html": "&#127754;", "category": "Travel & Places (sky & weather)", "order": "1755"},
-		{"emoji": "💣", "name": "bomb", "shortname": ":bomb:", "unicode": "1f4a3", "html": "&#128163;", "category": "Smileys & Emotion (emotion)", "order": "1304"},
-		{"emoji": "🆗", "name": "OK button", "shortname": ":ok:", "unicode": "1f197", "html": "&#127383;", "category": "Symbols (alphanum)", "order": "2137"},
-		{"emoji": "🌀", "name": "cyclone", "shortname": ":cyclone:", "unicode": "1f300", "html": "&#127744;", "category": "Travel & Places (sky & weather)", "order": "1742"},
-		{"emoji": "🚀", "name": "rocket", "shortname": ":rocket:", "unicode": "1f680", "html": "&#128640;", "category": "Travel & Places (transport-air)", "order": "1659"},
-		{"emoji": "☔", "name": "umbrella with rain drops", "shortname": ":umbrella:", "unicode": "2614", "html": "&#9748;", "category": "Travel & Places (sky & weather)", "order": "1746"},
-		{"emoji": "💏", "name": "kiss", "shortname": ":couplekiss:", "unicode": "1f48f", "html": "&#128143;", "category": "People & Body (family)", "order": "1036"},
-		{"emoji": "👩‍❤️‍💋‍👩", "name": "kiss: woman, woman", "shortname": ":couple_woman_kiss:", "unicode": "1F469 200D 2764 FE0F 200D 1F48B 200D 1F469", "html": "&#128105;&zwj;&#10084;&zwj;&#128139;&zwj;&#128105;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍❤️‍💋‍👨", "name": "kiss: man, man", "shortname": ":couple_man_kiss:", "unicode": "1F468 200D 2764 FE0F 200D 1F48B 200D 1F468", "html": "&#128104;&zwj;&#10084;&zwj;&#128139;&zwj;&#128104;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "💑", "name": "couple with heart", "shortname": ":couple_with_heart:", "unicode": "1f491", "html": "&#128145;", "category": "People & Body (family)", "order": "1040"},
-		{"emoji": "👩‍❤️‍👩", "name": "couple with heart: woman, woman", "shortname": ":woman_woman:", "unicode": "1F469 200D 2764 FE0F 200D 1F469", "html": "&#128105;&zwj;&#10084;&zwj;&#128105;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍❤️‍👨", "name": "couple with heart: man, man", "shortname": ":man_man_love:", "unicode": "1F468 200D 2764 FE0F 200D 1F468", "html": "&#128104;&zwj;&#10084;&zwj;&#128104;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🍭", "name": "lollipop", "shortname": ":lollipop:", "unicode": "1f36d", "html": "&#127853;", "category": "Food & Drink (food-sweet)", "order": "1517"},
-		{"emoji": "🎬", "name": "clapper board", "shortname": ":clapper:", "unicode": "1f3ac", "html": "&#127916;", "category": "Objects (light & video)", "order": "1859"},
-		{"emoji": "🐷", "name": "pig face", "shortname": ":pig:", "unicode": "1f437", "html": "&#128055;", "category": "Animals & Nature (animal-mammal)", "order": "1364"},
-		{"emoji": "😈", "name": "smiling face with horns", "shortname": ":smiling_imp:", "unicode": "1f608", "html": "&#128520;", "category": "Smileys & Emotion (face-negative)", "order": "76"},
-		{"emoji": "👿", "name": "angry face with horns", "shortname": ":imp:", "unicode": "1f47f", "html": "&#128127;", "category": "Smileys & Emotion (face-negative)", "order": "77"},
-		{"emoji": "🐝", "name": "honeybee", "shortname": ":bee:", "unicode": "1f41d", "html": "&#128029;", "category": "Animals & Nature (animal-bug)", "order": "1422"},
-		{"emoji": "😽", "name": "kissing cat", "shortname": ":kissing_cat:", "unicode": "1f63d", "html": "&#128573;", "category": "Smileys & Emotion (cat-face)", "order": "92"},
-		{"emoji": "💢", "name": "anger symbol", "shortname": ":anger:", "unicode": "1f4a2", "html": "&#128162;", "category": "Smileys & Emotion (emotion)", "order": "1303"},
-		{"emoji": "🎼", "name": "musical score", "shortname": ":musical_score:", "unicode": "1f3bc", "html": "&#127932;", "category": "Objects (music)", "order": "1823"},
-		{"emoji": "🎅🏿", "name": "Santa Claus: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F385 1F3FF", "html": "&#127877;&#127999;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🎅🏾", "name": "Santa Claus: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F385 1F3FE", "html": "&#127877;&#127998;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🎅🏽", "name": "Santa Claus: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F385 1F3FD", "html": "&#127877;&#127997;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🎅🏼", "name": "Santa Claus: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F385 1F3FC", "html": "&#127877;&#127996;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🎅🏻", "name": "Santa Claus: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F385 1F3FB", "html": "&#127877;&#127995;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🎅", "name": "Santa Claus", "shortname": ":santa:", "unicode": "1f385", "html": "&#127877;", "category": "People & Body (person-fantasy)", "order": "447"},
-		{"emoji": "🌏", "name": "globe showing Asia-Australia", "shortname": ":earth_asia:", "unicode": "1f30f", "html": "&#127759;", "category": "Travel & Places (place-map)", "order": "1540"},
-		{"emoji": "🏈", "name": "american football", "shortname": ":football:", "unicode": "1f3c8", "html": "&#127944;", "category": "Activities (sport)", "order": "1785"},
-		{"emoji": "🎸", "name": "guitar", "shortname": ":guitar:", "unicode": "1f3b8", "html": "&#127928;", "category": "Objects (musical-instrument)", "order": "1833"},
-		{"emoji": "♦️", "name": "diamond suit", "shortname": ":diamond_suit:", "unicode": "2666 FE0F", "html": "&diams;️", "category": "Activities (game)", "order": ""},
-		{"emoji": "🐼", "name": "panda", "shortname": ":panda_face:", "unicode": "1f43c", "html": "&#128060;", "category": "Animals & Nature (animal-mammal)", "order": "1385"},
-		{"emoji": "💬", "name": "speech balloon", "shortname": ":speech_balloon:", "unicode": "1f4ac", "html": "&#128172;", "category": "Smileys & Emotion (emotion)", "order": "1309"},
-		{"emoji": "🍓", "name": "strawberry", "shortname": ":strawberry:", "unicode": "1f353", "html": "&#127827;", "category": "Food & Drink (food-fruit)", "order": "1461"},
-		{"emoji": "😼", "name": "cat with wry smile", "shortname": ":smirk_cat:", "unicode": "1f63c", "html": "&#128572;", "category": "Smileys & Emotion (cat-face)", "order": "91"},
-		{"emoji": "🍌", "name": "banana", "shortname": ":banana:", "unicode": "1f34c", "html": "&#127820;", "category": "Food & Drink (food-fruit)", "order": "1454"},
-		{"emoji": "🍉", "name": "watermelon", "shortname": ":watermelon:", "unicode": "1f349", "html": "&#127817;", "category": "Food & Drink (food-fruit)", "order": "1451"},
-		{"emoji": "⛄", "name": "snowman without snow", "shortname": ":snowman:", "unicode": "26c4", "html": "&#9924;", "category": "Travel & Places (sky & weather)", "order": "1751"},
-		{"emoji": "😸", "name": "grinning cat with smiling eyes", "shortname": ":smile_cat:", "unicode": "1f638", "html": "&#128568;", "category": "Smileys & Emotion (cat-face)", "order": "88"},
-		{"emoji": "♠️", "name": "spade suit", "shortname": ":spade_suit:", "unicode": "2660 FE0F", "html": "&spades;️", "category": "Activities (game)", "order": ""},
-		{"emoji": "🔝", "name": "TOP arrow", "shortname": ":top:", "unicode": "1f51d", "html": "&#128285;", "category": "Symbols (arrow)", "order": "2022"},
-		{"emoji": "🍆", "name": "eggplant", "shortname": ":eggplant:", "unicode": "1f346", "html": "&#127814;", "category": "Food & Drink (food-vegetable)", "order": "1465"},
-		{"emoji": "🔮", "name": "crystal ball", "shortname": ":crystal_ball:", "unicode": "1f52e", "html": "&#128302;", "category": "Activities (game)", "order": "1974"},
-		{"emoji": "🍴", "name": "fork and knife", "shortname": ":fork_and_knife:", "unicode": "1f374", "html": "&#127860;", "category": "Food & Drink (dishware)", "order": "1534"},
-		{"emoji": "📲", "name": "mobile phone with arrow", "shortname": ":calling:", "unicode": "1f4f2", "html": "&#128242;", "category": "Objects (phone)", "order": "1839"},
-		{"emoji": "📱", "name": "mobile phone", "shortname": ":iphone:", "unicode": "1f4f1", "html": "&#128241;", "category": "Objects (phone)", "order": "1838"},
-		{"emoji": "⛅", "name": "sun behind cloud", "shortname": ":partly_sunny:", "unicode": "26c5", "html": "&#9925;", "category": "Travel & Places (sky & weather)", "order": "1731"},
-		{"emoji": "⚠️", "name": "warning", "shortname": ":warning:", "unicode": "26a0", "html": "&#9888;", "category": "Symbols (warning)", "order": "1989"},
-		{"emoji": "🙀", "name": "weary cat", "shortname": ":scream_cat:", "unicode": "1f640", "html": "&#128576;", "category": "Smileys & Emotion (cat-face)", "order": "93"},
-		{"emoji": "🔸", "name": "small orange diamond", "shortname": ":small_orange_diamond:", "unicode": "1f538", "html": "&#128312;", "category": "Symbols (geometric)", "order": "2169"},
-		{"emoji": "👶🏿", "name": "baby: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F476 1F3FF", "html": "&#128118;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👶🏾", "name": "baby: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F476 1F3FE", "html": "&#128118;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👶🏽", "name": "baby: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F476 1F3FD", "html": "&#128118;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👶🏼", "name": "baby: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F476 1F3FC", "html": "&#128118;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👶🏻", "name": "baby: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F476 1F3FB", "html": "&#128118;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👶", "name": "baby", "shortname": ":baby:", "unicode": "1f476", "html": "&#128118;", "category": "People & Body (person)", "order": "135"},
-		{"emoji": "🐾", "name": "paw prints", "shortname": ":feet:", "unicode": "1f43e", "html": "&#128062;", "category": "Animals & Nature (animal-mammal)", "order": "1386"},
-		{"emoji": "👣", "name": "footprints", "shortname": ":footprints:", "unicode": "1f463", "html": "&#128099;", "category": "People & Body (person-symbol)", "order": "1278"},
-		{"emoji": "🍺", "name": "beer mug", "shortname": ":beer:", "unicode": "1f37a", "html": "&#127866;", "category": "Food & Drink (drink)", "order": "1529"},
-		{"emoji": "🍷", "name": "wine glass", "shortname": ":wine_glass:", "unicode": "1f377", "html": "&#127863;", "category": "Food & Drink (drink)", "order": "1526"},
-		{"emoji": "⭕", "name": "hollow red circle", "shortname": ":o:", "unicode": "2b55", "html": "&#11093;", "category": "Symbols (other-symbol)", "order": "2077"},
-		{"emoji": "📹", "name": "video camera", "shortname": ":video_camera:", "unicode": "1f4f9", "html": "&#128249;", "category": "Objects (light & video)", "order": "1863"},
-		{"emoji": "🐰", "name": "rabbit face", "shortname": ":rabbit:", "unicode": "1f430", "html": "&#128048;", "category": "Animals & Nature (animal-mammal)", "order": "1379"},
-		{"emoji": "🍹", "name": "tropical drink", "shortname": ":tropical_drink:", "unicode": "1f379", "html": "&#127865;", "category": "Food & Drink (drink)", "order": "1528"},
-		{"emoji": "🚬", "name": "cigarette", "shortname": ":smoking:", "unicode": "1f6ac", "html": "&#128684;", "category": "Objects (other-object)", "order": "1969"},
-		{"emoji": "👾", "name": "alien monster", "shortname": ":space_invader:", "unicode": "1f47e", "html": "&#128126;", "category": "Smileys & Emotion (face-costume)", "order": "84"},
-		{"emoji": "🍑", "name": "peach", "shortname": ":peach:", "unicode": "1f351", "html": "&#127825;", "category": "Food & Drink (food-fruit)", "order": "1459"},
-		{"emoji": "🐍", "name": "snake", "shortname": ":snake:", "unicode": "1f40d", "html": "&#128013;", "category": "Animals & Nature (animal-reptile)", "order": "1403"},
-		{"emoji": "🐢", "name": "turtle", "shortname": ":turtle:", "unicode": "1f422", "html": "&#128034;", "category": "Animals & Nature (animal-reptile)", "order": "1401"},
-		{"emoji": "🍒", "name": "cherries", "shortname": ":cherries:", "unicode": "1f352", "html": "&#127826;", "category": "Food & Drink (food-fruit)", "order": "1460"},
-		{"emoji": "😗", "name": "kissing face", "shortname": ":kissing:", "unicode": "1f617", "html": "&#128535;", "category": "Smileys & Emotion (face-affection)", "order": "15"},
-		{"emoji": "🐸", "name": "frog", "shortname": ":frog:", "unicode": "1f438", "html": "&#128056;", "category": "Animals & Nature (animal-amphibian)", "order": "1399"},
-		{"emoji": "🌌", "name": "milky way", "shortname": ":milky_way:", "unicode": "1f30c", "html": "&#127756;", "category": "Travel & Places (sky & weather)", "order": "1592"},
-		{"emoji": "🚨", "name": "police car light", "shortname": ":rotating_light:", "unicode": "1f6a8", "html": "&#128680;", "category": "Travel & Places (transport-ground)", "order": "1637"},
-		{"emoji": "🐣", "name": "hatching chick", "shortname": ":hatching_chick:", "unicode": "1f423", "html": "&#128035;", "category": "Animals & Nature (animal-bird)", "order": "1390"},
-		{"emoji": "📕", "name": "closed book", "shortname": ":closed_book:", "unicode": "1f4d5", "html": "&#128213;", "category": "Objects (book-paper)", "order": "1875"},
-		{"emoji": "🍬", "name": "candy", "shortname": ":candy:", "unicode": "1f36c", "html": "&#127852;", "category": "Food & Drink (food-sweet)", "order": "1516"},
-		{"emoji": "🍔", "name": "hamburger", "shortname": ":hamburger:", "unicode": "1f354", "html": "&#127828;", "category": "Food & Drink (food-prepared)", "order": "1482"},
-		{"emoji": "🐻", "name": "bear", "shortname": ":bear:", "unicode": "1f43b", "html": "&#128059;", "category": "Animals & Nature (animal-mammal)", "order": "1383"},
-		{"emoji": "🐯", "name": "tiger face", "shortname": ":tiger:", "unicode": "1f42f", "html": "&#128047;", "category": "Animals & Nature (animal-mammal)", "order": "1353"},
-		{"emoji": "🚗", "name": "automobile", "shortname": ":automobile:", "unicode": "1F697", "html": "&#128663;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "⏩", "name": "fast-forward button", "shortname": ":fast_forward:", "unicode": "2.3E+10", "html": "&#9193;", "category": "Symbols (av-symbol)", "order": "2052"},
-		{"emoji": "🍦", "name": "soft ice cream", "shortname": ":icecream:", "unicode": "1f366", "html": "&#127846;", "category": "Food & Drink (food-sweet)", "order": "1508"},
-		{"emoji": "🍍", "name": "pineapple", "shortname": ":pineapple:", "unicode": "1f34d", "html": "&#127821;", "category": "Food & Drink (food-fruit)", "order": "1455"},
-		{"emoji": "🌾", "name": "sheaf of rice", "shortname": ":ear_of_rice:", "unicode": "1f33e", "html": "&#127806;", "category": "Animals & Nature (plant-other)", "order": "1442"},
-		{"emoji": "💉", "name": "syringe", "shortname": ":syringe:", "unicode": "1f489", "html": "&#128137;", "category": "Objects (medical)", "order": "1967"},
-		{"emoji": "🚮", "name": "litter in bin sign", "shortname": ":put_litter_in_its_place:", "unicode": "1f6ae", "html": "&#128686;", "category": "Symbols (transport-sign)", "order": "1977"},
-		{"emoji": "🍫", "name": "chocolate bar", "shortname": ":chocolate_bar:", "unicode": "1f36b", "html": "&#127851;", "category": "Food & Drink (food-sweet)", "order": "1515"},
-		{"emoji": "▪️", "name": "black small square", "shortname": ":black_small_square:", "unicode": "25aa", "html": "&#9642;", "category": "Symbols (geometric)", "order": "2159"},
-		{"emoji": "📺", "name": "television", "shortname": ":tv:", "unicode": "1f4fa", "html": "&#128250;", "category": "Objects (light & video)", "order": "1860"},
-		{"emoji": "💊", "name": "pill", "shortname": ":pill:", "unicode": "1f48a", "html": "&#128138;", "category": "Objects (medical)", "order": "1968"},
-		{"emoji": "🐙", "name": "octopus", "shortname": ":octopus:", "unicode": "1f419", "html": "&#128025;", "category": "Animals & Nature (animal-marine)", "order": "1413"},
-		{"emoji": "🎃", "name": "jack-o-lantern", "shortname": ":jack_o_lantern:", "unicode": "1f383", "html": "&#127875;", "category": "Activities (event)", "order": "1756"},
-		{"emoji": "🍇", "name": "grapes", "shortname": ":grapes:", "unicode": "1f347", "html": "&#127815;", "category": "Food & Drink (food-fruit)", "order": "1449"},
-		{"emoji": "😺", "name": "grinning cat", "shortname": ":smiley_cat:", "unicode": "1f63a", "html": "&#128570;", "category": "Smileys & Emotion (cat-face)", "order": "87"},
-		{"emoji": "💿", "name": "optical disk", "shortname": ":cd:", "unicode": "1f4bf", "html": "&#128191;", "category": "Objects (computer)", "order": "1854"},
-		{"emoji": "🍸", "name": "cocktail glass", "shortname": ":cocktail:", "unicode": "1f378", "html": "&#127864;", "category": "Food & Drink (drink)", "order": "1527"},
-		{"emoji": "🍰", "name": "shortcake", "shortname": ":cake:", "unicode": "1f370", "html": "&#127856;", "category": "Food & Drink (food-sweet)", "order": "1514"},
-		{"emoji": "🎮", "name": "video game", "shortname": ":video_game:", "unicode": "1f3ae", "html": "&#127918;", "category": "Activities (game)", "order": "1804"},
-		{"emoji": "™️", "name": "trade mark", "shortname": ":trade_mark:", "unicode": "2122 FE0F", "html": "&trade;️", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "⬇️", "name": "down arrow", "shortname": ":arrow_down:", "unicode": "2b07", "html": "&#11015;", "category": "Symbols (arrow)", "order": "2006"},
-		{"emoji": "🚫", "name": "prohibited", "shortname": ":no_entry_sign:", "unicode": "1f6ab", "html": "&#128683;", "category": "Symbols (warning)", "order": "1992"},
-		{"emoji": "💄", "name": "lipstick", "shortname": ":lipstick:", "unicode": "1f484", "html": "&#128132;", "category": "Objects (clothing)", "order": "1339"},
-		{"emoji": "🐳", "name": "spouting whale", "shortname": ":whale:", "unicode": "1f433", "html": "&#128051;", "category": "Animals & Nature (animal-marine)", "order": "1406"},
-		{"emoji": "📝", "name": "memo", "shortname": ":memo:", "unicode": "1F4DD", "html": "&#128221;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "®️", "name": "registered", "shortname": ":registered:", "unicode": "00AE FE0F", "html": "&reg;️", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "🍪", "name": "cookie", "shortname": ":cookie:", "unicode": "1f36a", "html": "&#127850;", "category": "Food & Drink (food-sweet)", "order": "1512"},
-		{"emoji": "🐬", "name": "dolphin", "shortname": ":dolphin:", "unicode": "1f42c", "html": "&#128044;", "category": "Animals & Nature (animal-marine)", "order": "1408"},
-		{"emoji": "🔊", "name": "speaker high volume", "shortname": ":loud_sound:", "unicode": "1f50a", "html": "&#128266;", "category": "Objects (sound)", "order": "1817"},
-		{"emoji": "👨🏿", "name": "man: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF", "html": "&#128104;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏾", "name": "man: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE", "html": "&#128104;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏽", "name": "man: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD", "html": "&#128104;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏼", "name": "man: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC", "html": "&#128104;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏻", "name": "man: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB", "html": "&#128104;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨", "name": "man", "shortname": ":man:", "unicode": "1f468", "html": "&#128104;", "category": "People & Body (person)", "order": "111"},
-		{"emoji": "🐥", "name": "front-facing baby chick", "shortname": ":hatched_chick:", "unicode": "1f425", "html": "&#128037;", "category": "Animals & Nature (animal-bird)", "order": "1392"},
-		{"emoji": "🐒", "name": "monkey", "shortname": ":monkey:", "unicode": "1f412", "html": "&#128018;", "category": "Animals & Nature (animal-mammal)", "order": "1343"},
-		{"emoji": "📚", "name": "books", "shortname": ":books:", "unicode": "1f4da", "html": "&#128218;", "category": "Objects (book-paper)", "order": "1880"},
-		{"emoji": "👹", "name": "ogre", "shortname": ":japanese_ogre:", "unicode": "1f479", "html": "&#128121;", "category": "Smileys & Emotion (face-costume)", "order": "78"},
-		{"emoji": "💂🏿‍♀", "name": "woman guard: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F482 1F3FF 200D 2640", "html": "&#128130;&#127999;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏾‍♀", "name": "woman guard: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F482 1F3FE 200D 2640", "html": "&#128130;&#127998;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏽‍♀", "name": "woman guard: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F482 1F3FD 200D 2640", "html": "&#128130;&#127997;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏼‍♀", "name": "woman guard: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F482 1F3FC 200D 2640", "html": "&#128130;&#127996;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏻‍♀", "name": "woman guard: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F482 1F3FB 200D 2640", "html": "&#128130;&#127995;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂‍♀", "name": "woman guard", "shortname": ":woman_guard:", "unicode": "1F482 200D 2640", "html": "&#128130;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏿", "name": "guard: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F482 1F3FF", "html": "&#128130;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏾", "name": "guard: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F482 1F3FE", "html": "&#128130;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏽", "name": "guard: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F482 1F3FD", "html": "&#128130;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏼", "name": "guard: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F482 1F3FC", "html": "&#128130;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏻", "name": "guard: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F482 1F3FB", "html": "&#128130;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂", "name": "guard", "shortname": ":guardsman:", "unicode": "1f482", "html": "&#128130;", "category": "People & Body (person-role)", "order": "375"},
-		{"emoji": "📢", "name": "loudspeaker", "shortname": ":loudspeaker:", "unicode": "1f4e2", "html": "&#128226;", "category": "Objects (sound)", "order": "1818"},
-		{"emoji": "✂️", "name": "scissors", "shortname": ":scissors:", "unicode": "2702", "html": "&#9986;", "category": "Objects (office)", "order": "1940"},
-		{"emoji": "👧🏿", "name": "girl: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F467 1F3FF", "html": "&#128103;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👧🏾", "name": "girl: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F467 1F3FE", "html": "&#128103;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👧🏽", "name": "girl: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F467 1F3FD", "html": "&#128103;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👧🏼", "name": "girl: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F467 1F3FC", "html": "&#128103;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👧🏻", "name": "girl: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F467 1F3FB", "html": "&#128103;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👧", "name": "girl", "shortname": ":girl:", "unicode": "1f467", "html": "&#128103;", "category": "People & Body (person)", "order": "105"},
-		{"emoji": "🎓", "name": "graduation cap", "shortname": ":mortar_board:", "unicode": "1f393", "html": "&#127891;", "category": "Objects (clothing)", "order": "1336"},
-		{"emoji": "🇫🇷", "name": "flag: France", "shortname": ":fr:", "unicode": "1f1eb", "html": "&#127467;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "⚾️", "name": "", "shortname": ":baseball:", "unicode": "26be", "html": "&#9918;", "category": "", "order": "1782"},
-		{"emoji": "🚦", "name": "vertical traffic light", "shortname": ":vertical_traffic_light:", "unicode": "1f6a6", "html": "&#128678;", "category": "Travel & Places (transport-ground)", "order": "1639"},
-		{"emoji": "👩🏿", "name": "woman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF", "html": "&#128105;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏾", "name": "woman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE", "html": "&#128105;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏽", "name": "woman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD", "html": "&#128105;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏼", "name": "woman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC", "html": "&#128105;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏻", "name": "woman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB", "html": "&#128105;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩", "name": "woman", "shortname": ":woman:", "unicode": "1f469", "html": "&#128105;", "category": "People & Body (person)", "order": "117"},
-		{"emoji": "🎆", "name": "fireworks", "shortname": ":fireworks:", "unicode": "1f386", "html": "&#127878;", "category": "Activities (event)", "order": "1758"},
-		{"emoji": "🌠", "name": "shooting star", "shortname": ":stars:", "unicode": "1f320", "html": "&#127776;", "category": "Travel & Places (sky & weather)", "order": "1729"},
-		{"emoji": "🆘", "name": "SOS button", "shortname": ":sos:", "unicode": "1f198", "html": "&#127384;", "category": "Symbols (alphanum)", "order": "2139"},
-		{"emoji": "🍄", "name": "mushroom", "shortname": ":mushroom:", "unicode": "1f344", "html": "&#127812;", "category": "Food & Drink (food-vegetable)", "order": "1471"},
-		{"emoji": "😾", "name": "pouting cat", "shortname": ":pouting_cat:", "unicode": "1f63e", "html": "&#128574;", "category": "Smileys & Emotion (cat-face)", "order": "95"},
-		{"emoji": "🛅", "name": "left luggage", "shortname": ":left_luggage:", "unicode": "1f6c5", "html": "&#128709;", "category": "Symbols (transport-sign)", "order": "1988"},
-		{"emoji": "👠", "name": "high-heeled shoe", "shortname": ":high_heel:", "unicode": "1f460", "html": "&#128096;", "category": "Objects (clothing)", "order": "1330"},
-		{"emoji": "🎯", "name": "direct hit", "shortname": ":dart:", "unicode": "1f3af", "html": "&#127919;", "category": "Activities (game)", "order": "1798"},
-		{"emoji": "🏊🏿‍♀", "name": "woman swimming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CA 1F3FF 200D 2640", "html": "&#127946;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏾‍♀", "name": "woman swimming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CA 1F3FE 200D 2640", "html": "&#127946;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏽‍♀", "name": "woman swimming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CA 1F3FD 200D 2640", "html": "&#127946;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏼‍♀", "name": "woman swimming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CA 1F3FC 200D 2640", "html": "&#127946;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏻‍♀", "name": "woman swimming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CA 1F3FB 200D 2640", "html": "&#127946;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊‍♀", "name": "woman swimming", "shortname": ":woman_swimming:", "unicode": "1F3CA 200D 2640", "html": "&#127946;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏿", "name": "person swimming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CA 1F3FF", "html": "&#127946;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏾", "name": "person swimming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CA 1F3FE", "html": "&#127946;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏽", "name": "person swimming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CA 1F3FD", "html": "&#127946;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏼", "name": "person swimming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CA 1F3FC", "html": "&#127946;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏻", "name": "person swimming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CA 1F3FB", "html": "&#127946;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊", "name": "person swimming", "shortname": ":swimmer:", "unicode": "1f3ca", "html": "&#127946;", "category": "People & Body (person-sport)", "order": "836"},
-		{"emoji": "🔑", "name": "key", "shortname": ":key:", "unicode": "1f511", "html": "&#128273;", "category": "Objects (lock)", "order": "1948"},
-		{"emoji": "👙", "name": "bikini", "shortname": ":bikini:", "unicode": "1f459", "html": "&#128089;", "category": "Objects (clothing)", "order": "1321"},
-		{"emoji": "👪", "name": "family", "shortname": ":family:", "unicode": "1f46a", "html": "&#128106;", "category": "People & Body (family)", "order": "1044"},
-		{"emoji": "✏", "name": "pencil", "shortname": ":pencil2:", "unicode": "270f", "html": "&#9999;", "category": "Objects (writing)", "order": "1914"},
-		{"emoji": "🐘", "name": "elephant", "shortname": ":elephant:", "unicode": "1f418", "html": "&#128024;", "category": "Animals & Nature (animal-mammal)", "order": "1373"},
-		{"emoji": "💧", "name": "droplet", "shortname": ":droplet:", "unicode": "1f4a7", "html": "&#128167;", "category": "Travel & Places (sky & weather)", "order": "1754"},
-		{"emoji": "🌱", "name": "seedling", "shortname": ":seedling:", "unicode": "1f331", "html": "&#127793;", "category": "Animals & Nature (plant-other)", "order": "1437"},
-		{"emoji": "🍎", "name": "red apple", "shortname": ":apple:", "unicode": "1f34e", "html": "&#127822;", "category": "Food & Drink (food-fruit)", "order": "1456"},
-		{"emoji": "🆒", "name": "COOL button", "shortname": ":cool:", "unicode": "1f192", "html": "&#127378;", "category": "Symbols (alphanum)", "order": "2129"},
-		{"emoji": "📞", "name": "telephone receiver", "shortname": ":telephone_receiver:", "unicode": "1f4de", "html": "&#128222;", "category": "Objects (phone)", "order": "1841"},
-		{"emoji": "💵", "name": "dollar banknote", "shortname": ":dollar:", "unicode": "1f4b5", "html": "&#128181;", "category": "Objects (money)", "order": "1893"},
-		{"emoji": "🏡", "name": "house with garden", "shortname": ":house_with_garden:", "unicode": "1f3e1", "html": "&#127969;", "category": "Travel & Places (place-building)", "order": "1560"},
-		{"emoji": "📖", "name": "open book", "shortname": ":book:", "unicode": "1f4d6", "html": "&#128214;", "category": "Objects (book-paper)", "order": "1876"},
-		{"emoji": "💇🏿‍♂", "name": "man getting haircut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F487 1F3FF 200D 2642", "html": "&#128135;&#127999;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏾‍♂", "name": "man getting haircut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F487 1F3FE 200D 2642", "html": "&#128135;&#127998;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏽‍♂", "name": "man getting haircut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F487 1F3FD 200D 2642", "html": "&#128135;&#127997;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏼‍♂", "name": "man getting haircut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F487 1F3FC 200D 2642", "html": "&#128135;&#127996;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏻‍♂", "name": "man getting haircut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F487 1F3FB 200D 2642", "html": "&#128135;&#127995;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇‍♂", "name": "man getting haircut", "shortname": ":man_getting_haircut:", "unicode": "1F487 200D 2642", "html": "&#128135;&zwj;&#9794;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏿", "name": "person getting haircut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F487 1F3FF", "html": "&#128135;&#127999;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏾", "name": "person getting haircut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F487 1F3FE", "html": "&#128135;&#127998;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏽", "name": "person getting haircut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F487 1F3FD", "html": "&#128135;&#127997;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏼", "name": "person getting haircut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F487 1F3FC", "html": "&#128135;&#127996;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏻", "name": "person getting haircut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F487 1F3FB", "html": "&#128135;&#127995;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇", "name": "person getting haircut", "shortname": ":haircut:", "unicode": "1f487", "html": "&#128135;", "category": "People & Body (person-activity)", "order": "675"},
-		{"emoji": "💻", "name": "laptop", "shortname": ":computer:", "unicode": "1f4bb", "html": "&#128187;", "category": "Objects (computer)", "order": "1846"},
-		{"emoji": "💡", "name": "light bulb", "shortname": ":bulb:", "unicode": "1f4a1", "html": "&#128161;", "category": "Objects (light & video)", "order": "1871"},
-		{"emoji": "❓", "name": "question mark", "shortname": ":question:", "unicode": "2753", "html": "&#10067;", "category": "Symbols (other-symbol)", "order": "2098"},
-		{"emoji": "🔙", "name": "BACK arrow", "shortname": ":back:", "unicode": "1f519", "html": "&#128281;", "category": "Symbols (arrow)", "order": "2018"},
-		{"emoji": "👦🏿", "name": "boy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F466 1F3FF", "html": "&#128102;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👦🏾", "name": "boy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F466 1F3FE", "html": "&#128102;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👦🏽", "name": "boy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F466 1F3FD", "html": "&#128102;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👦🏼", "name": "boy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F466 1F3FC", "html": "&#128102;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👦🏻", "name": "boy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F466 1F3FB", "html": "&#128102;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👦", "name": "boy", "shortname": ":boy:", "unicode": "1f466", "html": "&#128102;", "category": "People & Body (person)", "order": "99"},
-		{"emoji": "🔐", "name": "locked with key", "shortname": ":closed_lock_with_key:", "unicode": "1f510", "html": "&#128272;", "category": "Objects (lock)", "order": "1947"},
-		{"emoji": "🙎🏿‍♂", "name": "man pouting: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64E 1F3FF 200D 2642", "html": "&#128590;&#127999;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏾‍♂", "name": "man pouting: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64E 1F3FE 200D 2642", "html": "&#128590;&#127998;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏽‍♂", "name": "man pouting: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64E 1F3FD 200D 2642", "html": "&#128590;&#127997;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏼‍♂", "name": "man pouting: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64E 1F3FC 200D 2642", "html": "&#128590;&#127996;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏻‍♂", "name": "man pouting: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64E 1F3FB 200D 2642", "html": "&#128590;&#127995;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎‍♂", "name": "man pouting", "shortname": ":man_pouting:", "unicode": "1F64E 200D 2642", "html": "&#128590;&zwj;&#9794;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏿", "name": "person pouting: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64E 1F3FF", "html": "&#128590;&#127999;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏾", "name": "person pouting: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64E 1F3FE", "html": "&#128590;&#127998;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏽", "name": "person pouting: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64E 1F3FD", "html": "&#128590;&#127997;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏼", "name": "person pouting: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64E 1F3FC", "html": "&#128590;&#127996;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏻", "name": "person pouting: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64E 1F3FB", "html": "&#128590;&#127995;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎", "name": "person pouting", "shortname": ":person_with_pouting_face:", "unicode": "1f64e", "html": "&#128590;", "category": "People & Body (person-gesture)", "order": "513"},
-		{"emoji": "🍊", "name": "tangerine", "shortname": ":tangerine:", "unicode": "1f34a", "html": "&#127818;", "category": "Food & Drink (food-fruit)", "order": "1452"},
-		{"emoji": "↔️", "name": "left-right arrow", "shortname": ":leftright_arrow:", "unicode": "2194 FE0F", "html": "&harr;️", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "🌅", "name": "sunrise", "shortname": ":sunrise:", "unicode": "1f305", "html": "&#127749;", "category": "Travel & Places (place-other)", "order": "1587"},
-		{"emoji": "🍗", "name": "poultry leg", "shortname": ":poultry_leg:", "unicode": "1f357", "html": "&#127831;", "category": "Food & Drink (food-prepared)", "order": "1480"},
-		{"emoji": "🔵", "name": "blue circle", "shortname": ":blue_circle:", "unicode": "1f535", "html": "&#128309;", "category": "Symbols (geometric)", "order": "2180"},
-		{"emoji": "🚘", "name": "oncoming automobile", "shortname": ":oncoming_automobile:", "unicode": "1f698", "html": "&#128664;", "category": "Travel & Places (transport-ground)", "order": "1625"},
-		{"emoji": "🍧", "name": "shaved ice", "shortname": ":shaved_ice:", "unicode": "1f367", "html": "&#127847;", "category": "Food & Drink (food-sweet)", "order": "1509"},
-		{"emoji": "🇮🇹", "name": "flag: Italy", "shortname": ":it:", "unicode": "1F1EE 1F1F9", "html": "&#127470;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🐦", "name": "bird", "shortname": ":bird:", "unicode": "1f426", "html": "&#128038;", "category": "Animals & Nature (animal-bird)", "order": "1393"},
-		{"emoji": "🇬🇧", "name": "flag: United Kingdom", "shortname": ":gb:", "unicode": "1F1EC 1F1E7", "html": "&#127468;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🌛", "name": "first quarter moon face", "shortname": ":first_quarter_moon_with_face:", "unicode": "1f31b", "html": "&#127771;", "category": "Travel & Places (sky & weather)", "order": "1721"},
-		{"emoji": "👓", "name": "glasses", "shortname": ":eyeglasses:", "unicode": "1f453", "html": "&#128083;", "category": "Objects (clothing)", "order": "1314"},
-		{"emoji": "🐐", "name": "goat", "shortname": ":goat:", "unicode": "1f410", "html": "&#128016;", "category": "Animals & Nature (animal-mammal)", "order": "1370"},
-		{"emoji": "🌃", "name": "night with stars", "shortname": ":night_with_stars:", "unicode": "1f303", "html": "&#127747;", "category": "Travel & Places (place-other)", "order": "1585"},
-		{"emoji": "👵🏿", "name": "old woman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F475 1F3FF", "html": "&#128117;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👵🏾", "name": "old woman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F475 1F3FE", "html": "&#128117;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👵🏽", "name": "old woman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F475 1F3FD", "html": "&#128117;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👵🏼", "name": "old woman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F475 1F3FC", "html": "&#128117;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👵🏻", "name": "old woman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F475 1F3FB", "html": "&#128117;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👵", "name": "old woman", "shortname": ":older_woman:", "unicode": "1f475", "html": "&#128117;", "category": "People & Body (person)", "order": "129"},
-		{"emoji": "⚫", "name": "black circle", "shortname": ":black_circle:", "unicode": "26ab", "html": "&#9899;", "category": "Symbols (geometric)", "order": "2178"},
-		{"emoji": "🌑", "name": "new moon", "shortname": ":new_moon:", "unicode": "1f311", "html": "&#127761;", "category": "Travel & Places (sky & weather)", "order": "1711"},
-		{"emoji": "👬", "name": "men holding hands", "shortname": ":two_men_holding_hands:", "unicode": "1f46c", "html": "&#128108;", "category": "People & Body (family)", "order": "1024"},
-		{"emoji": "⚪", "name": "white circle", "shortname": ":white_circle:", "unicode": "26aa", "html": "&#9898;", "category": "Symbols (geometric)", "order": "2177"},
-		{"emoji": "🛃", "name": "customs", "shortname": ":customs:", "unicode": "1f6c3", "html": "&#128707;", "category": "Symbols (transport-sign)", "order": "1986"},
-		{"emoji": "🐠", "name": "tropical fish", "shortname": ":tropical_fish:", "unicode": "1f420", "html": "&#128032;", "category": "Animals & Nature (animal-marine)", "order": "1410"},
-		{"emoji": "🏠", "name": "house", "shortname": ":house:", "unicode": "1f3e0", "html": "&#127968;", "category": "Travel & Places (place-building)", "order": "1559"},
-		{"emoji": "🔃", "name": "clockwise vertical arrows", "shortname": ":arrows_clockwise:", "unicode": "1f503", "html": "&#128259;", "category": "Symbols (arrow)", "order": "2016"},
-		{"emoji": "🌜", "name": "last quarter moon face", "shortname": ":last_quarter_moon_with_face:", "unicode": "1f31c", "html": "&#127772;", "category": "Travel & Places (sky & weather)", "order": "1722"},
-		{"emoji": "📍", "name": "round pushpin", "shortname": ":round_pushpin:", "unicode": "1f4cd", "html": "&#128205;", "category": "Objects (office)", "order": "1935"},
-		{"emoji": "🌕", "name": "full moon", "shortname": ":full_moon:", "unicode": "1f315", "html": "&#127765;", "category": "Travel & Places (sky & weather)", "order": "1715"},
-		{"emoji": "👟", "name": "running shoe", "shortname": ":athletic_shoe:", "unicode": "1f45f", "html": "&#128095;", "category": "Objects (clothing)", "order": "1329"},
-		{"emoji": "🍋", "name": "lemon", "shortname": ":lemon:", "unicode": "1f34b", "html": "&#127819;", "category": "Food & Drink (food-fruit)", "order": "1453"},
-		{"emoji": "🍼", "name": "baby bottle", "shortname": ":baby_bottle:", "unicode": "1f37c", "html": "&#127868;", "category": "Food & Drink (drink)", "order": "1520"},
-		{"emoji": "🎨", "name": "artist palette", "shortname": ":artist_palette:", "unicode": "1F3A8", "html": "&#127912;", "category": "Activities (arts & crafts)", "order": ""},
-		{"emoji": "✉️", "name": "envelope", "shortname": ":envelope:", "unicode": "2709 FE0F", "html": "&#9993;", "category": "Objects (mail)", "order": ""},
-		{"emoji": "🍝", "name": "spaghetti", "shortname": ":spaghetti:", "unicode": "1f35d", "html": "&#127837;", "category": "Food & Drink (food-asian)", "order": "1501"},
-		{"emoji": "🎐", "name": "wind chime", "shortname": ":wind_chime:", "unicode": "1f390", "html": "&#127888;", "category": "Activities (event)", "order": "1768"},
-		{"emoji": "🍥", "name": "fish cake with swirl", "shortname": ":fish_cake:", "unicode": "1f365", "html": "&#127845;", "category": "Food & Drink (food-asian)", "order": "1506"},
-		{"emoji": "🌲", "name": "evergreen tree", "shortname": ":evergreen_tree:", "unicode": "1f332", "html": "&#127794;", "category": "Animals & Nature (plant-other)", "order": "1438"},
-		{"emoji": "🆙", "name": "UP! button", "shortname": ":up:", "unicode": "1f199", "html": "&#127385;", "category": "Symbols (alphanum)", "order": "2140"},
-		{"emoji": "⬆️", "name": "up arrow", "shortname": ":arrow_up:", "unicode": "2b06", "html": "&#11014;", "category": "Symbols (arrow)", "order": "2002"},
-		{"emoji": "↗️", "name": "up-right arrow", "shortname": ":arrow_upper_right:", "unicode": "2197", "html": "&#8599;", "category": "Symbols (arrow)", "order": "2003"},
-		{"emoji": "↘️", "name": "down-right arrow", "shortname": ":arrow_lower_right:", "unicode": "2198", "html": "&#8600;", "category": "Symbols (arrow)", "order": "2005"},
-		{"emoji": "↙️", "name": "down-left arrow", "shortname": ":arrow_lower_left:", "unicode": "2199", "html": "&#8601;", "category": "Symbols (arrow)", "order": "2007"},
-		{"emoji": "🎭", "name": "performing arts", "shortname": ":performing_arts:", "unicode": "1f3ad", "html": "&#127917;", "category": "Activities (arts & crafts)", "order": "1598"},
-		{"emoji": "👃🏿", "name": "nose: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F443 1F3FF", "html": "&#128067;&#127999;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👃🏾", "name": "nose: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F443 1F3FE", "html": "&#128067;&#127998;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👃🏽", "name": "nose: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F443 1F3FD", "html": "&#128067;&#127997;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👃🏼", "name": "nose: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F443 1F3FC", "html": "&#128067;&#127996;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👃🏻", "name": "nose: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F443 1F3FB", "html": "&#128067;&#127995;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👃", "name": "nose", "shortname": ":nose:", "unicode": "1f443", "html": "&#128067;", "category": "People & Body (body-parts)", "order": "1272"},
-		{"emoji": "🐽", "name": "pig nose", "shortname": ":pig_nose:", "unicode": "1f43d", "html": "&#128061;", "category": "Animals & Nature (animal-mammal)", "order": "1367"},
-		{"emoji": "🐟", "name": "fish", "shortname": ":fish:", "unicode": "1f41f", "html": "&#128031;", "category": "Animals & Nature (animal-marine)", "order": "1409"},
-		{"emoji": "👳🏿‍♀", "name": "woman wearing turban: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F473 1F3FF 200D 2640", "html": "&#128115;&#127999;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏾‍♀", "name": "woman wearing turban: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F473 1F3FE 200D 2640", "html": "&#128115;&#127998;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏽‍♀", "name": "woman wearing turban: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F473 1F3FD 200D 2640", "html": "&#128115;&#127997;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏼‍♀", "name": "woman wearing turban: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F473 1F3FC 200D 2640", "html": "&#128115;&#127996;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏻‍♀", "name": "woman wearing turban: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F473 1F3FB 200D 2640", "html": "&#128115;&#127995;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳‍♀", "name": "woman wearing turban", "shortname": ":woman_wearing_turban:", "unicode": "1F473 200D 2640", "html": "&#128115;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏿", "name": "person wearing turban: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F473 1F3FF", "html": "&#128115;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏾", "name": "person wearing turban: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F473 1F3FE", "html": "&#128115;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏽", "name": "person wearing turban: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F473 1F3FD", "html": "&#128115;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏼", "name": "person wearing turban: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F473 1F3FC", "html": "&#128115;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏻", "name": "person wearing turban: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F473 1F3FB", "html": "&#128115;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳", "name": "person wearing turban", "shortname": ":man_with_turban:", "unicode": "1f473", "html": "&#128115;", "category": "People & Body (person-role)", "order": "411"},
-		{"emoji": "🐨", "name": "koala", "shortname": ":koala:", "unicode": "1f428", "html": "&#128040;", "category": "Animals & Nature (animal-mammal)", "order": "1384"},
-		{"emoji": "👂🏿", "name": "ear: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F442 1F3FF", "html": "&#128066;&#127999;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👂🏾", "name": "ear: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F442 1F3FE", "html": "&#128066;&#127998;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👂🏽", "name": "ear: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F442 1F3FD", "html": "&#128066;&#127997;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👂🏼", "name": "ear: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F442 1F3FC", "html": "&#128066;&#127996;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👂🏻", "name": "ear: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F442 1F3FB", "html": "&#128066;&#127995;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👂", "name": "ear", "shortname": ":ear:", "unicode": "1f442", "html": "&#128066;", "category": "People & Body (body-parts)", "order": "1266"},
-		{"emoji": "✳️", "name": "eight-spoked asterisk", "shortname": ":eight_spoked_asterisk:", "unicode": "2733", "html": "&#10035;", "category": "Symbols (other-symbol)", "order": "2093"},
-		{"emoji": "🔹", "name": "small blue diamond", "shortname": ":small_blue_diamond:", "unicode": "1f539", "html": "&#128313;", "category": "Symbols (geometric)", "order": "2170"},
-		{"emoji": "🚿", "name": "shower", "shortname": ":shower:", "unicode": "1f6bf", "html": "&#128703;", "category": "Objects (household)", "order": "1672"},
-		{"emoji": "🐛", "name": "bug", "shortname": ":bug:", "unicode": "1f41b", "html": "&#128027;", "category": "Animals & Nature (animal-bug)", "order": "1420"},
-		{"emoji": "🍜", "name": "steaming bowl", "shortname": ":ramen:", "unicode": "1f35c", "html": "&#127836;", "category": "Food & Drink (food-asian)", "order": "1500"},
-		{"emoji": "🎩", "name": "top hat", "shortname": ":tophat:", "unicode": "1f3a9", "html": "&#127913;", "category": "Objects (clothing)", "order": "1335"},
-		{"emoji": "👰🏿", "name": "bride with veil: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F470 1F3FF", "html": "&#128112;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👰🏾", "name": "bride with veil: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F470 1F3FE", "html": "&#128112;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👰🏽", "name": "bride with veil: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F470 1F3FD", "html": "&#128112;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👰🏼", "name": "bride with veil: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F470 1F3FC", "html": "&#128112;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👰🏻", "name": "bride with veil: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F470 1F3FB", "html": "&#128112;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👰", "name": "bride with veil", "shortname": ":bride_with_veil:", "unicode": "1f470", "html": "&#128112;", "category": "People & Body (person-role)", "order": "471"},
-		{"emoji": "⛽", "name": "fuel pump", "shortname": ":fuelpump:", "unicode": "26fd", "html": "&#9981;", "category": "Travel & Places (transport-ground)", "order": "1636"},
-		{"emoji": "🏁", "name": "chequered flag", "shortname": ":checkered_flag:", "unicode": "1f3c1", "html": "&#127937;", "category": "Flags (flag)", "order": "2181"},
-		{"emoji": "🐴", "name": "horse face", "shortname": ":horse:", "unicode": "1f434", "html": "&#128052;", "category": "Animals & Nature (animal-mammal)", "order": "1356"},
-		{"emoji": "⌚", "name": "watch", "shortname": ":watch:", "unicode": "231a", "html": "&#8986;", "category": "Travel & Places (time)", "order": "1682"},
-		{"emoji": "🐵", "name": "monkey face", "shortname": ":monkey_face:", "unicode": "1f435", "html": "&#128053;", "category": "Animals & Nature (animal-mammal)", "order": "1342"},
-		{"emoji": "🚼", "name": "baby symbol", "shortname": ":baby_symbol:", "unicode": "1f6bc", "html": "&#128700;", "category": "Symbols (transport-sign)", "order": "1983"},
-		{"emoji": "🆕", "name": "NEW button", "shortname": ":new:", "unicode": "1f195", "html": "&#127381;", "category": "Symbols (alphanum)", "order": "2134"},
-		{"emoji": "🆓", "name": "FREE button", "shortname": ":free:", "unicode": "1f193", "html": "&#127379;", "category": "Symbols (alphanum)", "order": "2130"},
-		{"emoji": "🎇", "name": "sparkler", "shortname": ":sparkler:", "unicode": "1f387", "html": "&#127879;", "category": "Activities (event)", "order": "1759"},
-		{"emoji": "🌽", "name": "ear of corn", "shortname": ":corn:", "unicode": "1f33d", "html": "&#127805;", "category": "Food & Drink (food-vegetable)", "order": "1468"},
-		{"emoji": "🎾", "name": "tennis", "shortname": ":tennis:", "unicode": "1f3be", "html": "&#127934;", "category": "Activities (sport)", "order": "1787"},
-		{"emoji": "⏰", "name": "alarm clock", "shortname": ":alarm_clock:", "unicode": "23f0", "html": "&#9200;", "category": "Travel & Places (time)", "order": "1683"},
-		{"emoji": "🔋", "name": "battery", "shortname": ":battery:", "unicode": "1f50b", "html": "&#128267;", "category": "Objects (computer)", "order": "1844"},
-		{"emoji": "❕", "name": "white exclamation mark", "shortname": ":grey_exclamation:", "unicode": "2755", "html": "&#10069;", "category": "Symbols (other-symbol)", "order": "2100"},
-		{"emoji": "🐺", "name": "wolf", "shortname": ":wolf:", "unicode": "1f43a", "html": "&#128058;", "category": "Animals & Nature (animal-mammal)", "order": "1348"},
-		{"emoji": "🗿", "name": "moai", "shortname": ":moyai:", "unicode": "1f5ff", "html": "&#128511;", "category": "Objects (other-object)", "order": "1972"},
-		{"emoji": "🐮", "name": "cow face", "shortname": ":cow:", "unicode": "1f42e", "html": "&#128046;", "category": "Animals & Nature (animal-mammal)", "order": "1360"},
-		{"emoji": "📣", "name": "megaphone", "shortname": ":mega:", "unicode": "1f4e3", "html": "&#128227;", "category": "Objects (sound)", "order": "1819"},
-		{"emoji": "👴🏿", "name": "old man: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F474 1F3FF", "html": "&#128116;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👴🏾", "name": "old man: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F474 1F3FE", "html": "&#128116;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👴🏽", "name": "old man: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F474 1F3FD", "html": "&#128116;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👴🏼", "name": "old man: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F474 1F3FC", "html": "&#128116;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👴🏻", "name": "old man: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F474 1F3FB", "html": "&#128116;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👴", "name": "old man", "shortname": ":older_man:", "unicode": "1f474", "html": "&#128116;", "category": "People & Body (person)", "order": "123"},
-		{"emoji": "👗", "name": "dress", "shortname": ":dress:", "unicode": "1f457", "html": "&#128087;", "category": "Objects (clothing)", "order": "1319"},
-		{"emoji": "🔗", "name": "link", "shortname": ":link:", "unicode": "1f517", "html": "&#128279;", "category": "Objects (tool)", "order": "1965"},
-		{"emoji": "🐔", "name": "chicken", "shortname": ":chicken:", "unicode": "1f414", "html": "&#128020;", "category": "Animals & Nature (animal-bird)", "order": "1388"},
-		{"emoji": "🍳", "name": "cooking", "shortname": ":cooking:", "unicode": "1F373", "html": "&#127859;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🐋", "name": "whale", "shortname": ":whale2:", "unicode": "1f40b", "html": "&#128011;", "category": "Animals & Nature (animal-marine)", "order": "1407"},
-		{"emoji": "↖", "name": "up-left arrow", "shortname": ":arrow_upper_left:", "unicode": "2196", "html": "&#8598;", "category": "Symbols (arrow)", "order": "2009"},
-		{"emoji": "🌳", "name": "deciduous tree", "shortname": ":deciduous_tree:", "unicode": "1f333", "html": "&#127795;", "category": "Animals & Nature (plant-other)", "order": "1439"},
-		{"emoji": "🍱", "name": "bento box", "shortname": ":bento:", "unicode": "1f371", "html": "&#127857;", "category": "Food & Drink (food-asian)", "order": "1495"},
-		{"emoji": "📌", "name": "pushpin", "shortname": ":pushpin:", "unicode": "1f4cc", "html": "&#128204;", "category": "Objects (office)", "order": "1934"},
-		{"emoji": "🔜", "name": "SOON arrow", "shortname": ":soon:", "unicode": "1f51c", "html": "&#128284;", "category": "Symbols (arrow)", "order": "2021"},
-		{"emoji": "🔁", "name": "repeat button", "shortname": ":repeat:", "unicode": "1f501", "html": "&#128257;", "category": "Symbols (av-symbol)", "order": "2049"},
-		{"emoji": "🐉", "name": "dragon", "shortname": ":dragon:", "unicode": "1f409", "html": "&#128009;", "category": "Animals & Nature (animal-reptile)", "order": "1405"},
-		{"emoji": "🐹", "name": "hamster", "shortname": ":hamster:", "unicode": "1f439", "html": "&#128057;", "category": "Animals & Nature (animal-mammal)", "order": "1378"},
-		{"emoji": "⛳", "name": "flag in hole", "shortname": ":golf:", "unicode": "26f3", "html": "&#9971;", "category": "Activities (sport)", "order": "1799"},
-		{"emoji": "🏄🏿‍♀", "name": "woman surfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C4 1F3FF 200D 2640", "html": "&#127940;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏾‍♀", "name": "woman surfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C4 1F3FE 200D 2640", "html": "&#127940;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏽‍♀", "name": "woman surfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C4 1F3FD 200D 2640", "html": "&#127940;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏼‍♀", "name": "woman surfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C4 1F3FC 200D 2640", "html": "&#127940;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏻‍♀", "name": "woman surfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C4 1F3FB 200D 2640", "html": "&#127940;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄‍♀", "name": "woman surfing", "shortname": ":woman_surfing:", "unicode": "1F3C4 200D 2640", "html": "&#127940;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏿", "name": "person surfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C4 1F3FF", "html": "&#127940;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏾", "name": "person surfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C4 1F3FE", "html": "&#127940;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏽", "name": "person surfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C4 1F3FD", "html": "&#127940;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏼", "name": "person surfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C4 1F3FC", "html": "&#127940;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏻", "name": "person surfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C4 1F3FB", "html": "&#127940;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄", "name": "person surfing", "shortname": ":surfer:", "unicode": "1f3c4", "html": "&#127940;", "category": "People & Body (person-sport)", "order": "800"},
-		{"emoji": "🐭", "name": "mouse face", "shortname": ":mouse:", "unicode": "1f42d", "html": "&#128045;", "category": "Animals & Nature (animal-mammal)", "order": "1375"},
-		{"emoji": "🌒", "name": "waxing crescent moon", "shortname": ":waxing_crescent_moon:", "unicode": "1f312", "html": "&#127762;", "category": "Travel & Places (sky & weather)", "order": "1712"},
-		{"emoji": "🚙", "name": "sport utility vehicle", "shortname": ":blue_car:", "unicode": "1f699", "html": "&#128665;", "category": "Travel & Places (transport-ground)", "order": "1626"},
-		{"emoji": "🅰️", "name": "A button (blood type)", "shortname": ":a:", "unicode": "1f170", "html": "&#127344;", "category": "Symbols (alphanum)", "order": "2125"},
-		{"emoji": "⁉️", "name": "exclamation question mark", "shortname": ":interrobang:", "unicode": "2049", "html": "&#8265;", "category": "Symbols (other-symbol)", "order": "2097"},
-		{"emoji": "🈹", "name": "Japanese discount button", "shortname": ":u5272:", "unicode": "1f239", "html": "&#127545;", "category": "Symbols (alphanum)", "order": "2148"},
-		{"emoji": "🔌", "name": "electric plug", "shortname": ":electric_plug:", "unicode": "1f50c", "html": "&#128268;", "category": "Objects (computer)", "order": "1845"},
-		{"emoji": "🌓", "name": "first quarter moon", "shortname": ":first_quarter_moon:", "unicode": "1f313", "html": "&#127763;", "category": "Travel & Places (sky & weather)", "order": "1713"},
-		{"emoji": "♋", "name": "Cancer", "shortname": ":cancer:", "unicode": "264b", "html": "&#9803;", "category": "Symbols (zodiac)", "order": "2038"},
-		{"emoji": "🔱", "name": "trident emblem", "shortname": ":trident:", "unicode": "1f531", "html": "&#128305;", "category": "Symbols (other-symbol)", "order": "2076"},
-		{"emoji": "🍞", "name": "bread", "shortname": ":bread:", "unicode": "1f35e", "html": "&#127838;", "category": "Food & Drink (food-prepared)", "order": "1474"},
-		{"emoji": "👮🏿‍♀", "name": "woman police officer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46E 1F3FF 200D 2640", "html": "&#128110;&#127999;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏾‍♀", "name": "woman police officer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46E 1F3FE 200D 2640", "html": "&#128110;&#127998;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏽‍♀", "name": "woman police officer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46E 1F3FD 200D 2640", "html": "&#128110;&#127997;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏼‍♀", "name": "woman police officer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46E 1F3FC 200D 2640", "html": "&#128110;&#127996;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏻‍♀", "name": "woman police officer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46E 1F3FB 200D 2640", "html": "&#128110;&#127995;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮‍♀", "name": "woman police officer", "shortname": ":woman_police_officer:", "unicode": "1F46E 200D 2640", "html": "&#128110;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏿", "name": "police officer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46E 1F3FF", "html": "&#128110;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏾", "name": "police officer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46E 1F3FE", "html": "&#128110;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏽", "name": "police officer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46E 1F3FD", "html": "&#128110;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏼", "name": "police officer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46E 1F3FC", "html": "&#128110;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏻", "name": "police officer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46E 1F3FB", "html": "&#128110;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮", "name": "police officer", "shortname": ":cop:", "unicode": "1f46e", "html": "&#128110;", "category": "People & Body (person-role)", "order": "339"},
-		{"emoji": "🍵", "name": "teacup without handle", "shortname": ":tea:", "unicode": "1f375", "html": "&#127861;", "category": "Food & Drink (drink)", "order": "1523"},
-		{"emoji": "🎣", "name": "fishing pole", "shortname": ":fishing_pole_and_fish:", "unicode": "1f3a3", "html": "&#127907;", "category": "Activities (sport)", "order": "1801"},
-		{"emoji": "🌔", "name": "waxing gibbous moon", "shortname": ":waxing_gibbous_moon:", "unicode": "1F314", "html": "&#127764;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🚲", "name": "bicycle", "shortname": ":bike:", "unicode": "1f6b2", "html": "&#128690;", "category": "Travel & Places (transport-ground)", "order": "1630"},
-		{"emoji": "👤", "name": "bust in silhouette", "shortname": ":bust_in_silhouette:", "unicode": "1F464", "html": "&#128100;", "category": "People & Body (person-symbol)", "order": ""},
-		{"emoji": "🍚", "name": "cooked rice", "shortname": ":rice:", "unicode": "1f35a", "html": "&#127834;", "category": "Food & Drink (food-asian)", "order": "1498"},
-		{"emoji": "📻", "name": "radio", "shortname": ":radio:", "unicode": "1f4fb", "html": "&#128251;", "category": "Objects (music)", "order": "1831"},
-		{"emoji": "🐤", "name": "baby chick", "shortname": ":baby_chick:", "unicode": "1f424", "html": "&#128036;", "category": "Animals & Nature (animal-bird)", "order": "1391"},
-		{"emoji": "⤵️", "name": "right arrow curving down", "shortname": ":arrow_heading_down:", "unicode": "2935", "html": "&#10549;", "category": "Symbols (arrow)", "order": "2015"},
-		{"emoji": "🌘", "name": "waning crescent moon", "shortname": ":waning_crescent_moon:", "unicode": "1f318", "html": "&#127768;", "category": "Travel & Places (sky & weather)", "order": "1718"},
-		{"emoji": "↕", "name": "up-down arrow", "shortname": ":arrow_up_down:", "unicode": "2195", "html": "&#8597;", "category": "Symbols (arrow)", "order": "2010"},
-		{"emoji": "🇪", "name": "", "shortname": "", "unicode": "", "html": "&#127466;", "category": "", "order": ""},
-		{"emoji": "🌗", "name": "last quarter moon", "shortname": ":last_quarter_moon:", "unicode": "1f317", "html": "&#127767;", "category": "Travel & Places (sky & weather)", "order": "1717"},
-		{"emoji": "🔘", "name": "radio button", "shortname": ":radio_button:", "unicode": "1f518", "html": "&#128280;", "category": "Symbols (geometric)", "order": "2174"},
-		{"emoji": "🐑", "name": "ewe", "shortname": ":sheep:", "unicode": "1f411", "html": "&#128017;", "category": "Animals & Nature (animal-mammal)", "order": "1369"},
-		{"emoji": "👱🏿‍♀", "name": "woman: dark skin tone, blond hair", "shortname": ":dark_skin_tone_blond_hair:", "unicode": "1F471 1F3FF 200D 2640", "html": "&#128113;&#127999;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏾‍♀", "name": "woman: medium-dark skin tone, blond hair", "shortname": ":mediumdark_skin_tone_blond_hair:", "unicode": "1F471 1F3FE 200D 2640", "html": "&#128113;&#127998;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏽‍♀", "name": "woman: medium skin tone, blond hair", "shortname": ":medium_skin_tone_blond_hair:", "unicode": "1F471 1F3FD 200D 2640", "html": "&#128113;&#127997;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏼‍♀", "name": "woman: medium-light skin tone, blond hair", "shortname": ":mediumlight_skin_tone_blond_hair:", "unicode": "1F471 1F3FC 200D 2640", "html": "&#128113;&#127996;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏻‍♀", "name": "woman: light skin tone, blond hair", "shortname": ":light_skin_tone_blond_hair:", "unicode": "1F471 1F3FB 200D 2640", "html": "&#128113;&#127995;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱‍♀", "name": "woman: blond hair", "shortname": ":blond_hair:", "unicode": "1F471 200D 2640", "html": "&#128113;&zwj;&#9792;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏿", "name": "person: dark skin tone, blond hair", "shortname": ":dark_skin_tone_blond_hair:", "unicode": "1F471 1F3FF", "html": "&#128113;&#127999;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏾", "name": "person: medium-dark skin tone, blond hair", "shortname": ":mediumdark_skin_tone_blond_hair:", "unicode": "1F471 1F3FE", "html": "&#128113;&#127998;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏽", "name": "person: medium skin tone, blond hair", "shortname": ":medium_skin_tone_blond_hair:", "unicode": "1F471 1F3FD", "html": "&#128113;&#127997;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏼", "name": "person: medium-light skin tone, blond hair", "shortname": ":mediumlight_skin_tone_blond_hair:", "unicode": "1F471 1F3FC", "html": "&#128113;&#127996;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏻", "name": "person: light skin tone, blond hair", "shortname": ":light_skin_tone_blond_hair:", "unicode": "1F471 1F3FB", "html": "&#128113;&#127995;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱", "name": "person: blond hair", "shortname": ":person_with_blond_hair:", "unicode": "1f471", "html": "&#128113;", "category": "People & Body (person)", "order": "429"},
-		{"emoji": "🌖", "name": "waning gibbous moon", "shortname": ":waning_gibbous_moon:", "unicode": "1f316", "html": "&#127766;", "category": "Travel & Places (sky & weather)", "order": "1716"},
-		{"emoji": "🔒", "name": "locked", "shortname": ":lock:", "unicode": "1f512", "html": "&#128274;", "category": "Objects (lock)", "order": "1944"},
-		{"emoji": "🍏", "name": "green apple", "shortname": ":green_apple:", "unicode": "1f34f", "html": "&#127823;", "category": "Food & Drink (food-fruit)", "order": "1457"},
-		{"emoji": "👺", "name": "goblin", "shortname": ":japanese_goblin:", "unicode": "1f47a", "html": "&#128122;", "category": "Smileys & Emotion (face-costume)", "order": "79"},
-		{"emoji": "➰", "name": "curly loop", "shortname": ":curly_loop:", "unicode": "27b0", "html": "&#10160;", "category": "Symbols (other-symbol)", "order": "2090"},
-		{"emoji": "🚩", "name": "triangular flag", "shortname": ":triangular_flag_on_post:", "unicode": "1f6a9", "html": "&#128681;", "category": "Flags (flag)", "order": "2182"},
-		{"emoji": "🔄", "name": "counterclockwise arrows button", "shortname": ":arrows_counterclockwise:", "unicode": "1f504", "html": "&#128260;", "category": "Symbols (arrow)", "order": "2017"},
-		{"emoji": "🐎", "name": "horse", "shortname": ":racehorse:", "unicode": "1f40e", "html": "&#128014;", "category": "Animals & Nature (animal-mammal)", "order": "1357"},
-		{"emoji": "🍤", "name": "fried shrimp", "shortname": ":fried_shrimp:", "unicode": "1f364", "html": "&#127844;", "category": "Food & Drink (food-asian)", "order": "1505"},
-		{"emoji": "🌄", "name": "sunrise over mountains", "shortname": ":sunrise_over_mountains:", "unicode": "1f304", "html": "&#127748;", "category": "Travel & Places (place-other)", "order": "1586"},
-		{"emoji": "🌋", "name": "volcano", "shortname": ":volcano:", "unicode": "1f30b", "html": "&#127755;", "category": "Travel & Places (place-geographic)", "order": "1546"},
-		{"emoji": "🐓", "name": "rooster", "shortname": ":rooster:", "unicode": "1f413", "html": "&#128019;", "category": "Animals & Nature (animal-bird)", "order": "1389"},
-		{"emoji": "📥", "name": "inbox tray", "shortname": ":inbox_tray:", "unicode": "1f4e5", "html": "&#128229;", "category": "Objects (mail)", "order": "1906"},
-		{"emoji": "💒", "name": "wedding", "shortname": ":wedding:", "unicode": "1f492", "html": "&#128146;", "category": "Travel & Places (place-building)", "order": "1574"},
-		{"emoji": "🍣", "name": "sushi", "shortname": ":sushi:", "unicode": "1f363", "html": "&#127843;", "category": "Food & Drink (food-asian)", "order": "1504"},
-		{"emoji": "〰", "name": "wavy dash", "shortname": ":wavy_dash:", "unicode": "3030", "html": "&#12336;", "category": "Symbols (other-symbol)", "order": "2102"},
-		{"emoji": "🍨", "name": "ice cream", "shortname": ":ice_cream:", "unicode": "1f368", "html": "&#127848;", "category": "Food & Drink (food-sweet)", "order": "1510"},
-		{"emoji": "⏪", "name": "fast reverse button", "shortname": ":rewind:", "unicode": "23ea", "html": "&#9194;", "category": "Symbols (av-symbol)", "order": "2056"},
-		{"emoji": "🍅", "name": "tomato", "shortname": ":tomato:", "unicode": "1f345", "html": "&#127813;", "category": "Food & Drink (food-fruit)", "order": "1463"},
-		{"emoji": "🐇", "name": "rabbit", "shortname": ":rabbit2:", "unicode": "1f407", "html": "&#128007;", "category": "Animals & Nature (animal-mammal)", "order": "1380"},
-		{"emoji": "✴️", "name": "eight-pointed star", "shortname": ":eight_pointed_black_star:", "unicode": "2734", "html": "&#10036;", "category": "Symbols (other-symbol)", "order": "2094"},
-		{"emoji": "🔺", "name": "red triangle pointed up", "shortname": ":small_red_triangle:", "unicode": "1f53a", "html": "&#128314;", "category": "Symbols (geometric)", "order": "2171"},
-		{"emoji": "🔆", "name": "bright button", "shortname": ":high_brightness:", "unicode": "1f506", "html": "&#128262;", "category": "Symbols (av-symbol)", "order": "2068"},
-		{"emoji": "➕", "name": "plus sign", "shortname": ":heavy_plus_sign:", "unicode": "2795", "html": "&#10133;", "category": "Symbols (other-symbol)", "order": "2084"},
-		{"emoji": "👲🏿", "name": "man with skullcap: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F472 1F3FF", "html": "&#128114;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👲🏾", "name": "man with skullcap: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F472 1F3FE", "html": "&#128114;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👲🏽", "name": "man with skullcap: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F472 1F3FD", "html": "&#128114;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👲🏼", "name": "man with skullcap: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F472 1F3FC", "html": "&#128114;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👲🏻", "name": "man with skullcap: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F472 1F3FB", "html": "&#128114;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👲", "name": "man with skullcap", "shortname": ":man_with_gua_pi_mao:", "unicode": "1f472", "html": "&#128114;", "category": "People & Body (person-role)", "order": "489"},
-		{"emoji": "🏪", "name": "convenience store", "shortname": ":convenience_store:", "unicode": "1f3ea", "html": "&#127978;", "category": "Travel & Places (place-building)", "order": "1568"},
-		{"emoji": "👥", "name": "busts in silhouette", "shortname": ":busts_in_silhouette:", "unicode": "1f465", "html": "&#128101;", "category": "People & Body (person-symbol)", "order": "767"},
-		{"emoji": "🐞", "name": "lady beetle", "shortname": ":beetle:", "unicode": "1f41e", "html": "&#128030;", "category": "Animals & Nature (animal-bug)", "order": "1423"},
-		{"emoji": "🔻", "name": "red triangle pointed down", "shortname": ":small_red_triangle_down:", "unicode": "1f53b", "html": "&#128315;", "category": "Symbols (geometric)", "order": "2172"},
-		{"emoji": "🇩🇪", "name": "flag: Germany", "shortname": ":ger:", "unicode": "1F1E9 1F1EA", "html": "&#127465;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "⤴️", "name": "right arrow curving up", "shortname": ":arrow_heading_up:", "unicode": "2934", "html": "&#10548;", "category": "Symbols (arrow)", "order": "2014"},
-		{"emoji": "📛", "name": "name badge", "shortname": ":name_badge:", "unicode": "1f4db", "html": "&#128219;", "category": "Symbols (other-symbol)", "order": "2073"},
-		{"emoji": "🛀🏿", "name": "person taking bath: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6C0 1F3FF", "html": "&#128704;&#127999;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛀🏾", "name": "person taking bath: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6C0 1F3FE", "html": "&#128704;&#127998;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛀🏽", "name": "person taking bath: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6C0 1F3FD", "html": "&#128704;&#127997;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛀🏼", "name": "person taking bath: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6C0 1F3FC", "html": "&#128704;&#127996;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛀🏻", "name": "person taking bath: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6C0 1F3FB", "html": "&#128704;&#127995;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛀", "name": "person taking bath", "shortname": ":bath:", "unicode": "1f6c0", "html": "&#128704;", "category": "People & Body (person-resting)", "order": "1673"},
-		{"emoji": "⛔", "name": "no entry", "shortname": ":no_entry:", "unicode": "26d4", "html": "&#9940;", "category": "Symbols (warning)", "order": "1991"},
-		{"emoji": "🐊", "name": "crocodile", "shortname": ":crocodile:", "unicode": "1f40a", "html": "&#128010;", "category": "Animals & Nature (animal-reptile)", "order": "1400"},
-		{"emoji": "🌰", "name": "chestnut", "shortname": ":chestnut:", "unicode": "1F330", "html": "&#127792;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🐕", "name": "dog", "shortname": ":dog2:", "unicode": "1f415", "html": "&#128021;", "category": "Animals & Nature (animal-mammal)", "order": "1346"},
-		{"emoji": "🐈", "name": "cat", "shortname": ":cat2:", "unicode": "1f408", "html": "&#128008;", "category": "Animals & Nature (animal-mammal)", "order": "1351"},
-		{"emoji": "🔨", "name": "hammer", "shortname": ":hammer:", "unicode": "1f528", "html": "&#128296;", "category": "Objects (tool)", "order": "1950"},
-		{"emoji": "🍖", "name": "meat on bone", "shortname": ":meat_on_bone:", "unicode": "1f356", "html": "&#127830;", "category": "Food & Drink (food-prepared)", "order": "1479"},
-		{"emoji": "🐚", "name": "spiral shell", "shortname": ":shell:", "unicode": "1f41a", "html": "&#128026;", "category": "Animals & Nature (animal-marine)", "order": "1414"},
-		{"emoji": "❇️", "name": "sparkle", "shortname": ":sparkle:", "unicode": "2747", "html": "&#10055;", "category": "Symbols (other-symbol)", "order": "2095"},
-		{"emoji": "⛵", "name": "sailboat", "shortname": ":sailboat:", "unicode": "26F5", "html": "&#9973;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "🅱️", "name": "B button (blood type)", "shortname": ":b:", "unicode": "1f171", "html": "&#127345;", "category": "Symbols (alphanum)", "order": "2127"},
-		{"emoji": "Ⓜ️", "name": "circled M", "shortname": ":m:", "unicode": "24c2", "html": "&#9410;", "category": "Symbols (alphanum)", "order": "2133"},
-		{"emoji": "🐩", "name": "poodle", "shortname": ":poodle:", "unicode": "1f429", "html": "&#128041;", "category": "Animals & Nature (animal-mammal)", "order": "1347"},
-		{"emoji": "♒", "name": "Aquarius", "shortname": ":aquarius:", "unicode": "2652", "html": "&#9810;", "category": "Symbols (zodiac)", "order": "2045"},
-		{"emoji": "🍲", "name": "pot of food", "shortname": ":stew:", "unicode": "1f372", "html": "&#127858;", "category": "Food & Drink (food-prepared)", "order": "1492"},
-		{"emoji": "👖", "name": "jeans", "shortname": ":jeans:", "unicode": "1f456", "html": "&#128086;", "category": "Objects (clothing)", "order": "1318"},
-		{"emoji": "🍯", "name": "honey pot", "shortname": ":honey_pot:", "unicode": "1f36f", "html": "&#127855;", "category": "Food & Drink (food-sweet)", "order": "1519"},
-		{"emoji": "🎹", "name": "musical keyboard", "shortname": ":musical_keyboard:", "unicode": "1f3b9", "html": "&#127929;", "category": "Objects (musical-instrument)", "order": "1834"},
-		{"emoji": "🔓", "name": "unlocked", "shortname": ":unlock:", "unicode": "1f513", "html": "&#128275;", "category": "Objects (lock)", "order": "1945"},
-		{"emoji": "✒", "name": "black nib", "shortname": ":black_nib:", "unicode": "2712", "html": "&#10002;", "category": "Objects (writing)", "order": "1915"},
-		{"emoji": "🗽", "name": "Statue of Liberty", "shortname": ":statue_of_liberty:", "unicode": "1f5fd", "html": "&#128509;", "category": "Travel & Places (place-building)", "order": "1576"},
-		{"emoji": "💲", "name": "heavy dollar sign", "shortname": ":heavy_dollar_sign:", "unicode": "1f4b2", "html": "&#128178;", "category": "Objects (money)", "order": "1900"},
-		{"emoji": "🏂", "name": "snowboarder", "shortname": ":snowboarder:", "unicode": "1f3c2", "html": "&#127938;", "category": "People & Body (person-sport)", "order": "776"},
-		{"emoji": "💮", "name": "white flower", "shortname": ":white_flower:", "unicode": "1f4ae", "html": "&#128174;", "category": "Animals & Nature (plant-flower)", "order": "1429"},
-		{"emoji": "👔", "name": "necktie", "shortname": ":necktie:", "unicode": "1f454", "html": "&#128084;", "category": "Objects (clothing)", "order": "1316"},
-		{"emoji": "💠", "name": "diamond with a dot", "shortname": ":diamond_shape_with_a_dot_inside:", "unicode": "1f4a0", "html": "&#128160;", "category": "Symbols (geometric)", "order": "2173"},
-		{"emoji": "♈", "name": "Aries", "shortname": ":aries:", "unicode": "2648", "html": "&#9800;", "category": "Symbols (zodiac)", "order": "2035"},
-		{"emoji": "🚺", "name": "women’s room", "shortname": ":womens:", "unicode": "1f6ba", "html": "&#128698;", "category": "Symbols (transport-sign)", "order": "1981"},
-		{"emoji": "🐜", "name": "ant", "shortname": ":ant:", "unicode": "1f41c", "html": "&#128028;", "category": "Animals & Nature (animal-bug)", "order": "1421"},
-		{"emoji": "♏", "name": "Scorpio", "shortname": ":scorpius:", "unicode": "264f", "html": "&#9807;", "category": "Symbols (zodiac)", "order": "2042"},
-		{"emoji": "🌇", "name": "sunset", "shortname": ":city_sunset:", "unicode": "1f307", "html": "&#127751;", "category": "Travel & Places (place-other)", "order": "1589"},
-		{"emoji": "⏳", "name": "hourglass not done", "shortname": ":hourglass_flowing_sand:", "unicode": "23f3", "html": "&#9203;", "category": "Travel & Places (time)", "order": "1681"},
-		{"emoji": "🅾️", "name": "O button (blood type)", "shortname": ":o2:", "unicode": "1f17e", "html": "&#127358;", "category": "Symbols (alphanum)", "order": "2136"},
-		{"emoji": "🐲", "name": "dragon face", "shortname": ":dragon_face:", "unicode": "1f432", "html": "&#128050;", "category": "Animals & Nature (animal-reptile)", "order": "1404"},
-		{"emoji": "🐌", "name": "snail", "shortname": ":snail:", "unicode": "1f40c", "html": "&#128012;", "category": "Animals & Nature (animal-bug)", "order": "1419"},
-		{"emoji": "📀", "name": "dvd", "shortname": ":dvd:", "unicode": "1f4c0", "html": "&#128192;", "category": "Objects (computer)", "order": "1855"},
-		{"emoji": "👕", "name": "t-shirt", "shortname": ":shirt:", "unicode": "1f455", "html": "&#128085;", "category": "Objects (clothing)", "order": "1317"},
-		{"emoji": "🎲", "name": "game die", "shortname": ":game_die:", "unicode": "1f3b2", "html": "&#127922;", "category": "Activities (game)", "order": "1806"},
-		{"emoji": "➖", "name": "minus sign", "shortname": ":heavy_minus_sign:", "unicode": "2796", "html": "&#10134;", "category": "Symbols (other-symbol)", "order": "2088"},
-		{"emoji": "🎎", "name": "Japanese dolls", "shortname": ":dolls:", "unicode": "1f38e", "html": "&#127886;", "category": "Activities (event)", "order": "1766"},
-		{"emoji": "♐", "name": "Sagittarius", "shortname": ":sagittarius:", "unicode": "2650", "html": "&#9808;", "category": "Symbols (zodiac)", "order": "2043"},
-		{"emoji": "🎱", "name": "pool 8 ball", "shortname": ":8ball:", "unicode": "1f3b1", "html": "&#127921;", "category": "Activities (game)", "order": "1788"},
-		{"emoji": "🚌", "name": "bus", "shortname": ":bus:", "unicode": "1f68c", "html": "&#128652;", "category": "Travel & Places (transport-ground)", "order": "1614"},
-		{"emoji": "🍮", "name": "custard", "shortname": ":custard:", "unicode": "1f36e", "html": "&#127854;", "category": "Food & Drink (food-sweet)", "order": "1518"},
-		{"emoji": "🎌", "name": "crossed flags", "shortname": ":crossed_flags:", "unicode": "1f38c", "html": "&#127884;", "category": "Flags (flag)", "order": "2183"},
-		{"emoji": "〽️", "name": "part alternation mark", "shortname": ":part_alternation_mark:", "unicode": "303d", "html": "&#12349;", "category": "Symbols (other-symbol)", "order": "2092"},
-		{"emoji": "🐫", "name": "two-hump camel", "shortname": ":camel:", "unicode": "1f42b", "html": "&#128043;", "category": "Animals & Nature (animal-mammal)", "order": "1372"},
-		{"emoji": "🍛", "name": "curry rice", "shortname": ":curry:", "unicode": "1f35b", "html": "&#127835;", "category": "Food & Drink (food-asian)", "order": "1499"},
-		{"emoji": "🚂", "name": "locomotive", "shortname": ":steam_locomotive:", "unicode": "1f682", "html": "&#128642;", "category": "Travel & Places (transport-ground)", "order": "1602"},
-		{"emoji": "🏥", "name": "hospital", "shortname": ":hospital:", "unicode": "1f3e5", "html": "&#127973;", "category": "Travel & Places (place-building)", "order": "1564"},
-		{"emoji": "🇯🇵", "name": "flag: Japan", "shortname": ":jp:", "unicode": "1F1EF 1F1F5", "html": "&#127471;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🔷", "name": "large blue diamond", "shortname": ":large_blue_diamond:", "unicode": "1f537", "html": "&#128311;", "category": "Symbols (geometric)", "order": "2168"},
-		{"emoji": "🎋", "name": "tanabata tree", "shortname": ":tanabata_tree:", "unicode": "1f38b", "html": "&#127883;", "category": "Activities (event)", "order": "1764"},
-		{"emoji": "🔔", "name": "bell", "shortname": ":bell:", "unicode": "1f514", "html": "&#128276;", "category": "Objects (sound)", "order": "1821"},
-		{"emoji": "♌", "name": "Leo", "shortname": ":leo:", "unicode": "264c", "html": "&#9804;", "category": "Symbols (zodiac)", "order": "2039"},
-		{"emoji": "♊", "name": "Gemini", "shortname": ":gemini:", "unicode": "264a", "html": "&#9802;", "category": "Symbols (zodiac)", "order": "2037"},
-		{"emoji": "🍐", "name": "pear", "shortname": ":pear:", "unicode": "1f350", "html": "&#127824;", "category": "Food & Drink (food-fruit)", "order": "1458"},
-		{"emoji": "🔶", "name": "large orange diamond", "shortname": ":large_orange_diamond:", "unicode": "1f536", "html": "&#128310;", "category": "Symbols (geometric)", "order": "2167"},
-		{"emoji": "♉", "name": "Taurus", "shortname": ":taurus:", "unicode": "2649", "html": "&#9801;", "category": "Symbols (zodiac)", "order": "2036"},
-		{"emoji": "🌐", "name": "globe with meridians", "shortname": ":globe_with_meridians:", "unicode": "1f310", "html": "&#127760;", "category": "Travel & Places (place-map)", "order": "1541"},
-		{"emoji": "🚪", "name": "door", "shortname": ":door:", "unicode": "1f6aa", "html": "&#128682;", "category": "Objects (household)", "order": "1662"},
-		{"emoji": "🕕", "name": "six o’clock", "shortname": ":clock6:", "unicode": "1f555", "html": "&#128341;", "category": "Travel & Places (time)", "order": "1699"},
-		{"emoji": "🚔", "name": "oncoming police car", "shortname": ":oncoming_police_car:", "unicode": "1f694", "html": "&#128660;", "category": "Travel & Places (transport-ground)", "order": "1621"},
-		{"emoji": "📩", "name": "envelope with arrow", "shortname": ":envelope_with_arrow:", "unicode": "1f4e9", "html": "&#128233;", "category": "Objects (mail)", "order": "1904"},
-		{"emoji": "🌂", "name": "closed umbrella", "shortname": ":closed_umbrella:", "unicode": "1f302", "html": "&#127746;", "category": "Travel & Places (sky & weather)", "order": "1744"},
-		{"emoji": "🎷", "name": "saxophone", "shortname": ":saxophone:", "unicode": "1f3b7", "html": "&#127927;", "category": "Objects (musical-instrument)", "order": "1832"},
-		{"emoji": "⛪", "name": "church", "shortname": ":church:", "unicode": "26ea", "html": "&#9962;", "category": "Travel & Places (place-religious)", "order": "1577"},
-		{"emoji": "🚴🏿‍♀", "name": "woman biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B4 1F3FF 200D 2640", "html": "&#128692;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏾‍♀", "name": "woman biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B4 1F3FE 200D 2640", "html": "&#128692;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏽‍♀", "name": "woman biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B4 1F3FD 200D 2640", "html": "&#128692;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏼‍♀", "name": "woman biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B4 1F3FC 200D 2640", "html": "&#128692;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏻‍♀", "name": "woman biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B4 1F3FB 200D 2640", "html": "&#128692;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴‍♀", "name": "woman biking", "shortname": ":woman_biking:", "unicode": "1F6B4 200D 2640", "html": "&#128692;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏿", "name": "person biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B4 1F3FF", "html": "&#128692;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏾", "name": "person biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B4 1F3FE", "html": "&#128692;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏽", "name": "person biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B4 1F3FD", "html": "&#128692;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏼", "name": "person biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B4 1F3FC", "html": "&#128692;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏻", "name": "person biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B4 1F3FB", "html": "&#128692;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴", "name": "person biking", "shortname": ":bicyclist:", "unicode": "1f6b4", "html": "&#128692;", "category": "People & Body (person-sport)", "order": "890"},
-		{"emoji": "♓", "name": "Pisces", "shortname": ":pisces:", "unicode": "2653", "html": "&#9811;", "category": "Symbols (zodiac)", "order": "2046"},
-		{"emoji": "🍡", "name": "dango", "shortname": ":dango:", "unicode": "1f361", "html": "&#127841;", "category": "Food & Drink (food-asian)", "order": "1507"},
-		{"emoji": "♑", "name": "Capricorn", "shortname": ":capricorn:", "unicode": "2651", "html": "&#9809;", "category": "Symbols (zodiac)", "order": "2044"},
-		{"emoji": "🏢", "name": "office building", "shortname": ":office:", "unicode": "1f3e2", "html": "&#127970;", "category": "Travel & Places (place-building)", "order": "1561"},
-		{"emoji": "🚣🏿‍♀", "name": "woman rowing boat: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6A3 1F3FF 200D 2640", "html": "&#128675;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏾‍♀", "name": "woman rowing boat: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6A3 1F3FE 200D 2640", "html": "&#128675;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏽‍♀", "name": "woman rowing boat: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6A3 1F3FD 200D 2640", "html": "&#128675;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏼‍♀", "name": "woman rowing boat: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6A3 1F3FC 200D 2640", "html": "&#128675;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏻‍♀", "name": "woman rowing boat: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6A3 1F3FB 200D 2640", "html": "&#128675;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣‍♀", "name": "woman rowing boat", "shortname": ":woman_rowing_boat:", "unicode": "1F6A3 200D 2640", "html": "&#128675;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏿", "name": "person rowing boat: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6A3 1F3FF", "html": "&#128675;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏾", "name": "person rowing boat: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6A3 1F3FE", "html": "&#128675;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏽", "name": "person rowing boat: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6A3 1F3FD", "html": "&#128675;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏼", "name": "person rowing boat: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6A3 1F3FC", "html": "&#128675;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏻", "name": "person rowing boat: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6A3 1F3FB", "html": "&#128675;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣", "name": "person rowing boat", "shortname": ":rowboat:", "unicode": "1f6a3", "html": "&#128675;", "category": "People & Body (person-sport)", "order": "818"},
-		{"emoji": "👒", "name": "woman’s hat", "shortname": ":womans_hat:", "unicode": "1f452", "html": "&#128082;", "category": "Objects (clothing)", "order": "1334"},
-		{"emoji": "👞", "name": "man’s shoe", "shortname": ":mans_shoe:", "unicode": "1f45e", "html": "&#128094;", "category": "Objects (clothing)", "order": "1328"},
-		{"emoji": "🏩", "name": "love hotel", "shortname": ":love_hotel:", "unicode": "1f3e9", "html": "&#127977;", "category": "Travel & Places (place-building)", "order": "1567"},
-		{"emoji": "🗻", "name": "mount fuji", "shortname": ":mount_fuji:", "unicode": "1f5fb", "html": "&#128507;", "category": "Travel & Places (place-geographic)", "order": "1547"},
-		{"emoji": "🐪", "name": "camel", "shortname": ":dromedary_camel:", "unicode": "1f42a", "html": "&#128042;", "category": "Animals & Nature (animal-mammal)", "order": "1371"},
-		{"emoji": "👜", "name": "handbag", "shortname": ":handbag:", "unicode": "1f45c", "html": "&#128092;", "category": "Objects (clothing)", "order": "1324"},
-		{"emoji": "⌛", "name": "hourglass done", "shortname": ":hourglass:", "unicode": "231b", "html": "&#8987;", "category": "Travel & Places (time)", "order": "1680"},
-		{"emoji": "❎", "name": "cross mark button", "shortname": ":negative_squared_cross_mark:", "unicode": "274e", "html": "&#10062;", "category": "Symbols (other-symbol)", "order": "2083"},
-		{"emoji": "🎺", "name": "trumpet", "shortname": ":trumpet:", "unicode": "1f3ba", "html": "&#127930;", "category": "Objects (musical-instrument)", "order": "1835"},
-		{"emoji": "🏫", "name": "school", "shortname": ":school:", "unicode": "1f3eb", "html": "&#127979;", "category": "Travel & Places (place-building)", "order": "1569"},
-		{"emoji": "🐄", "name": "cow", "shortname": ":cow2:", "unicode": "1f404", "html": "&#128004;", "category": "Animals & Nature (animal-mammal)", "order": "1363"},
-		{"emoji": "🌆", "name": "cityscape at dusk", "shortname": ":cityscape_at_dusk:", "unicode": "1F306", "html": "&#127750;", "category": "Travel & Places (place-other)", "order": ""},
-		{"emoji": "👷🏿‍♀", "name": "woman construction worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F477 1F3FF 200D 2640", "html": "&#128119;&#127999;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏾‍♀", "name": "woman construction worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F477 1F3FE 200D 2640", "html": "&#128119;&#127998;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏽‍♀", "name": "woman construction worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F477 1F3FD 200D 2640", "html": "&#128119;&#127997;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏼‍♀", "name": "woman construction worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F477 1F3FC 200D 2640", "html": "&#128119;&#127996;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏻‍♀", "name": "woman construction worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F477 1F3FB 200D 2640", "html": "&#128119;&#127995;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷‍♀", "name": "woman construction worker", "shortname": ":woman_construction_worker:", "unicode": "1F477 200D 2640", "html": "&#128119;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏿", "name": "construction worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F477 1F3FF", "html": "&#128119;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏾", "name": "construction worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F477 1F3FE", "html": "&#128119;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏽", "name": "construction worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F477 1F3FD", "html": "&#128119;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏼", "name": "construction worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F477 1F3FC", "html": "&#128119;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏻", "name": "construction worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F477 1F3FB", "html": "&#128119;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷", "name": "construction worker", "shortname": ":construction_worker:", "unicode": "1f477", "html": "&#128119;", "category": "People & Body (person-role)", "order": "393"},
-		{"emoji": "🚽", "name": "toilet", "shortname": ":toilet:", "unicode": "1f6bd", "html": "&#128701;", "category": "Objects (household)", "order": "1671"},
-		{"emoji": "🐖", "name": "pig", "shortname": ":pig2:", "unicode": "1f416", "html": "&#128022;", "category": "Animals & Nature (animal-mammal)", "order": "1365"},
-		{"emoji": "❔", "name": "white question mark", "shortname": ":grey_question:", "unicode": "2754", "html": "&#10068;", "category": "Symbols (other-symbol)", "order": "2099"},
-		{"emoji": "🔰", "name": "Japanese symbol for beginner", "shortname": ":beginner:", "unicode": "1f530", "html": "&#128304;", "category": "Symbols (other-symbol)", "order": "2075"},
-		{"emoji": "🎻", "name": "violin", "shortname": ":violin:", "unicode": "1f3bb", "html": "&#127931;", "category": "Objects (musical-instrument)", "order": "1836"},
-		{"emoji": "🔛", "name": "ON! arrow", "shortname": ":on:", "unicode": "1f51b", "html": "&#128283;", "category": "Symbols (arrow)", "order": "2020"},
-		{"emoji": "💳", "name": "credit card", "shortname": ":credit_card:", "unicode": "1f4b3", "html": "&#128179;", "category": "Objects (money)", "order": "1897"},
-		{"emoji": "🆔", "name": "ID button", "shortname": ":id:", "unicode": "1f194", "html": "&#127380;", "category": "Symbols (alphanum)", "order": "2132"},
-		{"emoji": "㊙", "name": "Japanese secret button", "shortname": ":secret:", "unicode": "3299", "html": "&#12953;", "category": "Symbols (alphanum)", "order": "2156"},
-		{"emoji": "🎡", "name": "ferris wheel", "shortname": ":ferris_wheel:", "unicode": "1f3a1", "html": "&#127905;", "category": "Travel & Places (place-other)", "order": "1594"},
-		{"emoji": "🎳", "name": "bowling", "shortname": ":bowling:", "unicode": "1f3b3", "html": "&#127923;", "category": "Activities (sport)", "order": "1789"},
-		{"emoji": "♎", "name": "Libra", "shortname": ":libra:", "unicode": "264e", "html": "&#9806;", "category": "Symbols (zodiac)", "order": "2041"},
-		{"emoji": "♍", "name": "Virgo", "shortname": ":virgo:", "unicode": "264d", "html": "&#9805;", "category": "Symbols (zodiac)", "order": "2040"},
-		{"emoji": "💈", "name": "barber pole", "shortname": ":barber:", "unicode": "1f488", "html": "&#128136;", "category": "Travel & Places (place-other)", "order": "1596"},
-		{"emoji": "👛", "name": "purse", "shortname": ":purse:", "unicode": "1f45b", "html": "&#128091;", "category": "Objects (clothing)", "order": "1323"},
-		{"emoji": "🎢", "name": "roller coaster", "shortname": ":roller_coaster:", "unicode": "1f3a2", "html": "&#127906;", "category": "Travel & Places (place-other)", "order": "1595"},
-		{"emoji": "🐀", "name": "rat", "shortname": ":rat:", "unicode": "1f400", "html": "&#128000;", "category": "Animals & Nature (animal-mammal)", "order": "1377"},
-		{"emoji": "📅", "name": "calendar", "shortname": ":date:", "unicode": "1f4c5", "html": "&#128197;", "category": "Objects (office)", "order": "1925"},
-		{"emoji": "🏉", "name": "rugby football", "shortname": ":rugby_football:", "unicode": "1f3c9", "html": "&#127945;", "category": "Activities (sport)", "order": "1786"},
-		{"emoji": "🐏", "name": "ram", "shortname": ":ram:", "unicode": "1f40f", "html": "&#128015;", "category": "Animals & Nature (animal-mammal)", "order": "1368"},
-		{"emoji": "🔼", "name": "upwards button", "shortname": ":arrow_up_small:", "unicode": "1f53c", "html": "&#128316;", "category": "Symbols (av-symbol)", "order": "2058"},
-		{"emoji": "🔲", "name": "black square button", "shortname": ":black_square_button:", "unicode": "1f532", "html": "&#128306;", "category": "Symbols (geometric)", "order": "2175"},
-		{"emoji": "📴", "name": "mobile phone off", "shortname": ":mobile_phone_off:", "unicode": "1f4f4", "html": "&#128244;", "category": "Symbols (av-symbol)", "order": "2071"},
-		{"emoji": "🗼", "name": "Tokyo tower", "shortname": ":tokyo_tower:", "unicode": "1f5fc", "html": "&#128508;", "category": "Travel & Places (place-building)", "order": "1575"},
-		{"emoji": "㊗", "name": "Japanese congratulations button", "shortname": ":congratulations:", "unicode": "3297", "html": "&#12951;", "category": "Symbols (alphanum)", "order": "2155"},
-		{"emoji": "👘", "name": "kimono", "shortname": ":kimono:", "unicode": "1f458", "html": "&#128088;", "category": "Objects (clothing)", "order": "1320"},
-		{"emoji": "🇷🇺", "name": "flag: Russia", "shortname": ":ru:", "unicode": "1F1F7 1F1FA", "html": "&#127479;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🚢", "name": "ship", "shortname": ":ship:", "unicode": "1f6a2", "html": "&#128674;", "category": "Travel & Places (transport-water)", "order": "1649"},
-		{"emoji": "🔎", "name": "magnifying glass tilted right", "shortname": ":mag_right:", "unicode": "1f50e", "html": "&#128270;", "category": "Objects (light & video)", "order": "1866"},
-		{"emoji": "🔍", "name": "magnifying glass tilted left", "shortname": ":mag:", "unicode": "1f50d", "html": "&#128269;", "category": "Objects (light & video)", "order": "1865"},
-		{"emoji": "🚒", "name": "fire engine", "shortname": ":fire_engine:", "unicode": "1f692", "html": "&#128658;", "category": "Travel & Places (transport-ground)", "order": "1619"},
-		{"emoji": "🕦", "name": "eleven-thirty", "shortname": ":clock1130:", "unicode": "1f566", "html": "&#128358;", "category": "Travel & Places (time)", "order": "1710"},
-		{"emoji": "🚓", "name": "police car", "shortname": ":police_car:", "unicode": "1f693", "html": "&#128659;", "category": "Travel & Places (transport-ground)", "order": "1620"},
-		{"emoji": "🃏", "name": "joker", "shortname": ":black_joker:", "unicode": "1f0cf", "html": "&#127183;", "category": "Activities (game)", "order": "1811"},
-		{"emoji": "🌉", "name": "bridge at night", "shortname": ":bridge_at_night:", "unicode": "1f309", "html": "&#127753;", "category": "Travel & Places (place-other)", "order": "1590"},
-		{"emoji": "📦", "name": "package", "shortname": ":package:", "unicode": "1f4e6", "html": "&#128230;", "category": "Objects (mail)", "order": "1907"},
-		{"emoji": "🚖", "name": "oncoming taxi", "shortname": ":oncoming_taxi:", "unicode": "1f696", "html": "&#128662;", "category": "Travel & Places (transport-ground)", "order": "1623"},
-		{"emoji": "📆", "name": "tear-off calendar", "shortname": ":calendar:", "unicode": "1f4c6", "html": "&#128198;", "category": "Objects (office)", "order": "1926"},
-		{"emoji": "🏇", "name": "horse racing", "shortname": ":horse_racing:", "unicode": "1f3c7", "html": "&#127943;", "category": "People & Body (person-sport)", "order": "769"},
-		{"emoji": "🐅", "name": "tiger", "shortname": ":tiger2:", "unicode": "1f405", "html": "&#128005;", "category": "Animals & Nature (animal-mammal)", "order": "1354"},
-		{"emoji": "👢", "name": "woman’s boot", "shortname": ":boot:", "unicode": "1f462", "html": "&#128098;", "category": "Objects (clothing)", "order": "1332"},
-		{"emoji": "🚑", "name": "ambulance", "shortname": ":ambulance:", "unicode": "1f691", "html": "&#128657;", "category": "Travel & Places (transport-ground)", "order": "1618"},
-		{"emoji": "🔳", "name": "white square button", "shortname": ":white_square_button:", "unicode": "1f533", "html": "&#128307;", "category": "Symbols (geometric)", "order": "2176"},
-		{"emoji": "🐗", "name": "boar", "shortname": ":boar:", "unicode": "1f417", "html": "&#128023;", "category": "Animals & Nature (animal-mammal)", "order": "1366"},
-		{"emoji": "🎒", "name": "backpack", "shortname": ":school_satchel:", "unicode": "1f392", "html": "&#127890;", "category": "Objects (clothing)", "order": "1327"},
-		{"emoji": "➿", "name": "double curly loop", "shortname": ":loop:", "unicode": "27bf", "html": "&#10175;", "category": "Symbols (other-symbol)", "order": "2091"},
-		{"emoji": "💷", "name": "pound banknote", "shortname": ":pound:", "unicode": "1f4b7", "html": "&#128183;", "category": "Objects (money)", "order": "1895"},
-		{"emoji": "ℹ", "name": "information", "shortname": ":information_source:", "unicode": "2139", "html": "&#8505;", "category": "Symbols (alphanum)", "order": "2131"},
-		{"emoji": "🐂", "name": "ox", "shortname": ":ox:", "unicode": "1f402", "html": "&#128002;", "category": "Animals & Nature (animal-mammal)", "order": "1361"},
-		{"emoji": "🍙", "name": "rice ball", "shortname": ":rice_ball:", "unicode": "1f359", "html": "&#127833;", "category": "Food & Drink (food-asian)", "order": "1497"},
-		{"emoji": "🆚", "name": "VS button", "shortname": ":vs:", "unicode": "1f19a", "html": "&#127386;", "category": "Symbols (alphanum)", "order": "2141"},
-		{"emoji": "🔚", "name": "END arrow", "shortname": ":end:", "unicode": "1f51a", "html": "&#128282;", "category": "Symbols (arrow)", "order": "2019"},
-		{"emoji": "🅿️", "name": "P button", "shortname": ":parking:", "unicode": "1f17f", "html": "&#127359;", "category": "Symbols (alphanum)", "order": "2138"},
-		{"emoji": "👡", "name": "woman’s sandal", "shortname": ":sandal:", "unicode": "1f461", "html": "&#128097;", "category": "Objects (clothing)", "order": "1331"},
-		{"emoji": "⛺", "name": "tent", "shortname": ":tent:", "unicode": "26fa", "html": "&#9978;", "category": "Travel & Places (place-other)", "order": "1583"},
-		{"emoji": "💺", "name": "seat", "shortname": ":seat:", "unicode": "1f4ba", "html": "&#128186;", "category": "Travel & Places (transport-air)", "order": "1654"},
-		{"emoji": "🚕", "name": "taxi", "shortname": ":taxi:", "unicode": "1f695", "html": "&#128661;", "category": "Travel & Places (transport-ground)", "order": "1622"},
-		{"emoji": "◾", "name": "black medium-small square", "shortname": ":black_medium_small_square:", "unicode": "25fe", "html": "&#9726;", "category": "Symbols (geometric)", "order": "2164"},
-		{"emoji": "💼", "name": "briefcase", "shortname": ":briefcase:", "unicode": "1f4bc", "html": "&#128188;", "category": "Objects (office)", "order": "1921"},
-		{"emoji": "📰", "name": "newspaper", "shortname": ":newspaper:", "unicode": "1f4f0", "html": "&#128240;", "category": "Objects (book-paper)", "order": "1886"},
-		{"emoji": "🎪", "name": "circus tent", "shortname": ":circus_tent:", "unicode": "1f3aa", "html": "&#127914;", "category": "Travel & Places (place-other)", "order": "1597"},
-		{"emoji": "🔯", "name": "dotted six-pointed star", "shortname": ":six_pointed_star:", "unicode": "1f52f", "html": "&#128303;", "category": "Symbols (religion)", "order": "2034"},
-		{"emoji": "🚹", "name": "men’s room", "shortname": ":mens:", "unicode": "1f6b9", "html": "&#128697;", "category": "Symbols (transport-sign)", "order": "1980"},
-		{"emoji": "🏰", "name": "castle", "shortname": ":european_castle:", "unicode": "1f3f0", "html": "&#127984;", "category": "Travel & Places (place-building)", "order": "1573"},
-		{"emoji": "🔦", "name": "flashlight", "shortname": ":flashlight:", "unicode": "1f526", "html": "&#128294;", "category": "Objects (light & video)", "order": "1872"},
-		{"emoji": "🌁", "name": "foggy", "shortname": ":foggy:", "unicode": "1f301", "html": "&#127745;", "category": "Travel & Places (place-other)", "order": "1584"},
-		{"emoji": "⏫", "name": "fast up button", "shortname": ":arrow_double_up:", "unicode": "23eb", "html": "&#9195;", "category": "Symbols (av-symbol)", "order": "2059"},
-		{"emoji": "🎍", "name": "pine decoration", "shortname": ":bamboo:", "unicode": "1f38d", "html": "&#127885;", "category": "Activities (event)", "order": "1765"},
-		{"emoji": "🎫", "name": "ticket", "shortname": ":ticket:", "unicode": "1f3ab", "html": "&#127915;", "category": "Activities (event)", "order": "1774"},
-		{"emoji": "🚁", "name": "helicopter", "shortname": ":helicopter:", "unicode": "1f681", "html": "&#128641;", "category": "Travel & Places (transport-air)", "order": "1655"},
-		{"emoji": "💽", "name": "computer disk", "shortname": ":minidisc:", "unicode": "1f4bd", "html": "&#128189;", "category": "Objects (computer)", "order": "1852"},
-		{"emoji": "🚍", "name": "oncoming bus", "shortname": ":oncoming_bus:", "unicode": "1f68d", "html": "&#128653;", "category": "Travel & Places (transport-ground)", "order": "1615"},
-		{"emoji": "🍈", "name": "melon", "shortname": ":melon:", "unicode": "1f348", "html": "&#127816;", "category": "Food & Drink (food-fruit)", "order": "1450"},
-		{"emoji": "▫", "name": "white small square", "shortname": ":white_small_square:", "unicode": "25ab", "html": "&#9643;", "category": "Symbols (geometric)", "order": "2160"},
-		{"emoji": "🏤", "name": "post office", "shortname": ":european_post_office:", "unicode": "1f3e4", "html": "&#127972;", "category": "Travel & Places (place-building)", "order": "1563"},
-		{"emoji": "🔟", "name": "keycap: 10", "shortname": ":keycap_ten:", "unicode": "1f51f", "html": "&#128287;", "category": "Symbols (keycap)", "order": "2118"},
-		{"emoji": "📓", "name": "notebook", "shortname": ":notebook:", "unicode": "1f4d3", "html": "&#128211;", "category": "Objects (book-paper)", "order": "1881"},
-		{"emoji": "🔕", "name": "bell with slash", "shortname": ":no_bell:", "unicode": "1f515", "html": "&#128277;", "category": "Objects (sound)", "order": "1822"},
-		{"emoji": "🍢", "name": "oden", "shortname": ":oden:", "unicode": "1f362", "html": "&#127842;", "category": "Food & Drink (food-asian)", "order": "1503"},
-		{"emoji": "🎏", "name": "carp streamer", "shortname": ":flags:", "unicode": "1f38f", "html": "&#127887;", "category": "Activities (event)", "order": "1767"},
-		{"emoji": "🎠", "name": "carousel horse", "shortname": ":carousel_horse:", "unicode": "1f3a0", "html": "&#127904;", "category": "Travel & Places (place-other)", "order": "1593"},
-		{"emoji": "🐡", "name": "blowfish", "shortname": ":blowfish:", "unicode": "1f421", "html": "&#128033;", "category": "Animals & Nature (animal-marine)", "order": "1411"},
-		{"emoji": "📈", "name": "chart increasing", "shortname": ":chart_with_upwards_trend:", "unicode": "1f4c8", "html": "&#128200;", "category": "Objects (office)", "order": "1930"},
-		{"emoji": "🍠", "name": "roasted sweet potato", "shortname": ":sweet_potato:", "unicode": "1f360", "html": "&#127840;", "category": "Food & Drink (food-asian)", "order": "1502"},
-		{"emoji": "🎿", "name": "skis", "shortname": ":ski:", "unicode": "1f3bf", "html": "&#127935;", "category": "Activities (sport)", "order": "1803"},
-		{"emoji": "🕛", "name": "twelve o’clock", "shortname": ":clock12:", "unicode": "1f55b", "html": "&#128347;", "category": "Travel & Places (time)", "order": "1687"},
-		{"emoji": "📶", "name": "antenna bars", "shortname": ":signal_strength:", "unicode": "1f4f6", "html": "&#128246;", "category": "Symbols (av-symbol)", "order": "2069"},
-		{"emoji": "🚧", "name": "construction", "shortname": ":construction:", "unicode": "1f6a7", "html": "&#128679;", "category": "Travel & Places (transport-ground)", "order": "1640"},
-		{"emoji": "#", "name": "", "shortname": "", "unicode": "", "html": "&#35;", "category": "", "order": ""},
-		{"emoji": "◼", "name": "black medium square", "shortname": ":black_medium_square:", "unicode": "25fc", "html": "&#9724;", "category": "Symbols (geometric)", "order": "2162"},
-		{"emoji": "📡", "name": "satellite antenna", "shortname": ":satellite:", "unicode": "1f4e1", "html": "&#128225;", "category": "Objects (science)", "order": "1869"},
-		{"emoji": "💶", "name": "euro banknote", "shortname": ":euro:", "unicode": "1f4b6", "html": "&#128182;", "category": "Objects (money)", "order": "1894"},
-		{"emoji": "👚", "name": "woman’s clothes", "shortname": ":womans_clothes:", "unicode": "1f45a", "html": "&#128090;", "category": "Objects (clothing)", "order": "1322"},
-		{"emoji": "📒", "name": "ledger", "shortname": ":ledger:", "unicode": "1f4d2", "html": "&#128210;", "category": "Objects (book-paper)", "order": "1882"},
-		{"emoji": "🐆", "name": "leopard", "shortname": ":leopard:", "unicode": "1f406", "html": "&#128006;", "category": "Animals & Nature (animal-mammal)", "order": "1355"},
-		{"emoji": "🔅", "name": "dim button", "shortname": ":low_brightness:", "unicode": "1f505", "html": "&#128261;", "category": "Symbols (av-symbol)", "order": "2067"},
-		{"emoji": "🕒", "name": "three o’clock", "shortname": ":clock3:", "unicode": "1f552", "html": "&#128338;", "category": "Travel & Places (time)", "order": "1693"},
-		{"emoji": "🏬", "name": "department store", "shortname": ":department_store:", "unicode": "1f3ec", "html": "&#127980;", "category": "Travel & Places (place-building)", "order": "1570"},
-		{"emoji": "🚚", "name": "delivery truck", "shortname": ":truck:", "unicode": "1f69a", "html": "&#128666;", "category": "Travel & Places (transport-ground)", "order": "1627"},
-		{"emoji": "🍶", "name": "sake", "shortname": ":sake:", "unicode": "1f376", "html": "&#127862;", "category": "Food & Drink (drink)", "order": "1524"},
-		{"emoji": "🚃", "name": "railway car", "shortname": ":railway_car:", "unicode": "1f683", "html": "&#128643;", "category": "Travel & Places (transport-ground)", "order": "1603"},
-		{"emoji": "🚤", "name": "speedboat", "shortname": ":speedboat:", "unicode": "1f6a4", "html": "&#128676;", "category": "Travel & Places (transport-water)", "order": "1645"},
-		{"emoji": "🇰🇷", "name": "flag: South Korea", "shortname": ":ko:", "unicode": "1F1F0 1F1F7", "html": "&#127472;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "📼", "name": "videocassette", "shortname": ":vhs:", "unicode": "1f4fc", "html": "&#128252;", "category": "Objects (light & video)", "order": "1864"},
-		{"emoji": "🕐", "name": "one o’clock", "shortname": ":clock1:", "unicode": "1f550", "html": "&#128336;", "category": "Travel & Places (time)", "order": "1689"},
-		{"emoji": "⏬", "name": "fast down button", "shortname": ":arrow_double_down:", "unicode": "23ec", "html": "&#9196;", "category": "Symbols (av-symbol)", "order": "2061"},
-		{"emoji": "🐃", "name": "water buffalo", "shortname": ":water_buffalo:", "unicode": "1f403", "html": "&#128003;", "category": "Animals & Nature (animal-mammal)", "order": "1362"},
-		{"emoji": "🔽", "name": "downwards button", "shortname": ":arrow_down_small:", "unicode": "1f53d", "html": "&#128317;", "category": "Symbols (av-symbol)", "order": "2060"},
-		{"emoji": "💴", "name": "yen banknote", "shortname": ":yen:", "unicode": "1f4b4", "html": "&#128180;", "category": "Objects (money)", "order": "1892"},
-		{"emoji": "🔇", "name": "muted speaker", "shortname": ":mute:", "unicode": "1f507", "html": "&#128263;", "category": "Objects (sound)", "order": "1814"},
-		{"emoji": "🎽", "name": "running shirt", "shortname": ":running_shirt_with_sash:", "unicode": "1f3bd", "html": "&#127933;", "category": "Activities (sport)", "order": "1802"},
-		{"emoji": "⬜", "name": "white large square", "shortname": ":white_large_square:", "unicode": "2b1c", "html": "&#11036;", "category": "Symbols (geometric)", "order": "2166"},
-		{"emoji": "♿", "name": "wheelchair symbol", "shortname": ":wheelchair:", "unicode": "267f", "html": "&#9855;", "category": "Symbols (transport-sign)", "order": "1979"},
-		{"emoji": "🕑", "name": "two o’clock", "shortname": ":clock2:", "unicode": "1f551", "html": "&#128337;", "category": "Travel & Places (time)", "order": "1691"},
-		{"emoji": "📎", "name": "paperclip", "shortname": ":paperclip:", "unicode": "1f4ce", "html": "&#128206;", "category": "Objects (office)", "order": "1936"},
-		{"emoji": "🏧", "name": "ATM sign", "shortname": ":atm:", "unicode": "1f3e7", "html": "&#127975;", "category": "Symbols (transport-sign)", "order": "1976"},
-		{"emoji": "🎦", "name": "cinema", "shortname": ":cinema:", "unicode": "1f3a6", "html": "&#127910;", "category": "Symbols (av-symbol)", "order": "2066"},
-		{"emoji": "🔭", "name": "telescope", "shortname": ":telescope:", "unicode": "1f52d", "html": "&#128301;", "category": "Objects (science)", "order": "1868"},
-		{"emoji": "🎑", "name": "moon viewing ceremony", "shortname": ":rice_scene:", "unicode": "1f391", "html": "&#127889;", "category": "Activities (event)", "order": "1769"},
-		{"emoji": "📘", "name": "blue book", "shortname": ":blue_book:", "unicode": "1f4d8", "html": "&#128216;", "category": "Objects (book-paper)", "order": "1878"},
-		{"emoji": "◻️", "name": "white medium square", "shortname": ":white_medium_square:", "unicode": "25fb", "html": "&#9723;", "category": "Symbols (geometric)", "order": "2161"},
-		{"emoji": "📮", "name": "postbox", "shortname": ":postbox:", "unicode": "1f4ee", "html": "&#128238;", "category": "Objects (mail)", "order": "1912"},
-		{"emoji": "📧", "name": "e-mail", "shortname": ":e-mail:", "unicode": "1f4e7", "html": "&#128231;", "category": "Objects (mail)", "order": "1902"},
-		{"emoji": "🐁", "name": "mouse", "shortname": ":mouse2:", "unicode": "1f401", "html": "&#128001;", "category": "Animals & Nature (animal-mammal)", "order": "1376"},
-		{"emoji": "🚄", "name": "high-speed train", "shortname": ":bullettrain_side:", "unicode": "1f684", "html": "&#128644;", "category": "Travel & Places (transport-ground)", "order": "1604"},
-		{"emoji": "🉐", "name": "Japanese bargain button", "shortname": ":ideograph_advantage:", "unicode": "1f250", "html": "&#127568;", "category": "Symbols (alphanum)", "order": "2147"},
-		{"emoji": "🔩", "name": "nut and bolt", "shortname": ":nut_and_bolt:", "unicode": "1f529", "html": "&#128297;", "category": "Objects (tool)", "order": "1960"},
-		{"emoji": "🆖", "name": "NG button", "shortname": ":ng:", "unicode": "1f196", "html": "&#127382;", "category": "Symbols (alphanum)", "order": "2135"},
-		{"emoji": "🏨", "name": "hotel", "shortname": ":hotel:", "unicode": "1f3e8", "html": "&#127976;", "category": "Travel & Places (place-building)", "order": "1566"},
-		{"emoji": "🚾", "name": "water closet", "shortname": ":wc:", "unicode": "1f6be", "html": "&#128702;", "category": "Symbols (transport-sign)", "order": "1984"},
-		{"emoji": "🏮", "name": "red paper lantern", "shortname": ":izakaya_lantern:", "unicode": "1f3ee", "html": "&#127982;", "category": "Objects (light & video)", "order": "1873"},
-		{"emoji": "🔂", "name": "repeat single button", "shortname": ":repeat_one:", "unicode": "1f502", "html": "&#128258;", "category": "Symbols (av-symbol)", "order": "2050"},
-		{"emoji": "📬", "name": "open mailbox with raised flag", "shortname": ":mailbox_with_mail:", "unicode": "1f4ec", "html": "&#128236;", "category": "Objects (mail)", "order": "1910"},
-		{"emoji": "📉", "name": "chart decreasing", "shortname": ":chart_with_downwards_trend:", "unicode": "1f4c9", "html": "&#128201;", "category": "Objects (office)", "order": "1931"},
-		{"emoji": "📗", "name": "green book", "shortname": ":green_book:", "unicode": "1f4d7", "html": "&#128215;", "category": "Objects (book-paper)", "order": "1877"},
-		{"emoji": "🚜", "name": "tractor", "shortname": ":tractor:", "unicode": "1f69c", "html": "&#128668;", "category": "Travel & Places (transport-ground)", "order": "1629"},
-		{"emoji": "⛲", "name": "fountain", "shortname": ":fountain:", "unicode": "26f2", "html": "&#9970;", "category": "Travel & Places (place-other)", "order": "1582"},
-		{"emoji": "🚇", "name": "metro", "shortname": ":metro:", "unicode": "1f687", "html": "&#128647;", "category": "Travel & Places (transport-ground)", "order": "1607"},
-		{"emoji": "📋", "name": "clipboard", "shortname": ":clipboard:", "unicode": "1f4cb", "html": "&#128203;", "category": "Objects (office)", "order": "1933"},
-		{"emoji": "📵", "name": "no mobile phones", "shortname": ":no_mobile_phones:", "unicode": "1f4f5", "html": "&#128245;", "category": "Symbols (warning)", "order": "1998"},
-		{"emoji": "🕓", "name": "four o’clock", "shortname": ":clock4:", "unicode": "1f553", "html": "&#128339;", "category": "Travel & Places (time)", "order": "1695"},
-		{"emoji": "🚭", "name": "no smoking", "shortname": ":no_smoking:", "unicode": "1f6ad", "html": "&#128685;", "category": "Symbols (warning)", "order": "1994"},
-		{"emoji": "⬛", "name": "black large square", "shortname": ":black_large_square:", "unicode": "2b1b", "html": "&#11035;", "category": "Symbols (geometric)", "order": "2165"},
-		{"emoji": "🎰", "name": "slot machine", "shortname": ":slot_machine:", "unicode": "1f3b0", "html": "&#127920;", "category": "Activities (game)", "order": "1601"},
-		{"emoji": "🕔", "name": "five o’clock", "shortname": ":clock5:", "unicode": "1f554", "html": "&#128340;", "category": "Travel & Places (time)", "order": "1697"},
-		{"emoji": "🛁", "name": "bathtub", "shortname": ":bathtub:", "unicode": "1f6c1", "html": "&#128705;", "category": "Objects (household)", "order": "1679"},
-		{"emoji": "📜", "name": "scroll", "shortname": ":scroll:", "unicode": "1f4dc", "html": "&#128220;", "category": "Objects (book-paper)", "order": "1884"},
-		{"emoji": "🚉", "name": "station", "shortname": ":station:", "unicode": "1f689", "html": "&#128649;", "category": "Travel & Places (transport-ground)", "order": "1609"},
-		{"emoji": "🍘", "name": "rice cracker", "shortname": ":rice_cracker:", "unicode": "1f358", "html": "&#127832;", "category": "Food & Drink (food-asian)", "order": "1496"},
-		{"emoji": "🏦", "name": "bank", "shortname": ":bank:", "unicode": "1f3e6", "html": "&#127974;", "category": "Travel & Places (place-building)", "order": "1565"},
-		{"emoji": "🔧", "name": "wrench", "shortname": ":wrench:", "unicode": "1f527", "html": "&#128295;", "category": "Objects (tool)", "order": "1959"},
-		{"emoji": "🈯️", "name": "", "shortname": ":u6307:", "unicode": "1f22f", "html": "&#127535;", "category": "", "order": "2146"},
-		{"emoji": "🚛", "name": "articulated lorry", "shortname": ":articulated_lorry:", "unicode": "1f69b", "html": "&#128667;", "category": "Travel & Places (transport-ground)", "order": "1628"},
-		{"emoji": "📄", "name": "page facing up", "shortname": ":page_facing_up:", "unicode": "1f4c4", "html": "&#128196;", "category": "Objects (book-paper)", "order": "1885"},
-		{"emoji": "⛎", "name": "Ophiuchus", "shortname": ":ophiuchus:", "unicode": "26ce", "html": "&#9934;", "category": "Symbols (zodiac)", "order": "2047"},
-		{"emoji": "📊", "name": "bar chart", "shortname": ":bar_chart:", "unicode": "1f4ca", "html": "&#128202;", "category": "Objects (office)", "order": "1932"},
-		{"emoji": "🚷", "name": "no pedestrians", "shortname": ":no_pedestrians:", "unicode": "1f6b7", "html": "&#128695;", "category": "Symbols (warning)", "order": "1997"},
-		{"emoji": "🇨🇳", "name": "flag: China", "shortname": ":cn:", "unicode": "1F1E8 1F1F3", "html": "&#127464;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "📳", "name": "vibration mode", "shortname": ":vibration_mode:", "unicode": "1f4f3", "html": "&#128243;", "category": "Symbols (av-symbol)", "order": "2070"},
-		{"emoji": "🕙", "name": "ten o’clock", "shortname": ":clock10:", "unicode": "1f559", "html": "&#128345;", "category": "Travel & Places (time)", "order": "1707"},
-		{"emoji": "🕘", "name": "nine o’clock", "shortname": ":clock9:", "unicode": "1f558", "html": "&#128344;", "category": "Travel & Places (time)", "order": "1705"},
-		{"emoji": "🚅", "name": "bullet train", "shortname": ":bullettrain_front:", "unicode": "1f685", "html": "&#128645;", "category": "Travel & Places (transport-ground)", "order": "1605"},
-		{"emoji": "🚐", "name": "minibus", "shortname": ":minibus:", "unicode": "1f690", "html": "&#128656;", "category": "Travel & Places (transport-ground)", "order": "1617"},
-		{"emoji": "🚊", "name": "tram", "shortname": ":tram:", "unicode": "1f68a", "html": "&#128650;", "category": "Travel & Places (transport-ground)", "order": "1610"},
-		{"emoji": "🕗", "name": "eight o’clock", "shortname": ":clock8:", "unicode": "1f557", "html": "&#128343;", "category": "Travel & Places (time)", "order": "1703"},
-		{"emoji": "🈳", "name": "Japanese vacancy button", "shortname": ":u7a7a:", "unicode": "1f233", "html": "&#127539;", "category": "Symbols (alphanum)", "order": "2154"},
-		{"emoji": "🚥", "name": "horizontal traffic light", "shortname": ":traffic_light:", "unicode": "1f6a5", "html": "&#128677;", "category": "Travel & Places (transport-ground)", "order": "1638"},
-		{"emoji": "🚵🏿‍♀", "name": "woman mountain biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B5 1F3FF 200D 2640", "html": "&#128693;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏾‍♀", "name": "woman mountain biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B5 1F3FE 200D 2640", "html": "&#128693;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏽‍♀", "name": "woman mountain biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B5 1F3FD 200D 2640", "html": "&#128693;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏼‍♀", "name": "woman mountain biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B5 1F3FC 200D 2640", "html": "&#128693;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏻‍♀", "name": "woman mountain biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B5 1F3FB 200D 2640", "html": "&#128693;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵‍♀", "name": "woman mountain biking", "shortname": ":woman_mountain_biking:", "unicode": "1F6B5 200D 2640", "html": "&#128693;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏿", "name": "person mountain biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B5 1F3FF", "html": "&#128693;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏾", "name": "person mountain biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B5 1F3FE", "html": "&#128693;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏽", "name": "person mountain biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B5 1F3FD", "html": "&#128693;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏼", "name": "person mountain biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B5 1F3FC", "html": "&#128693;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏻", "name": "person mountain biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B5 1F3FB", "html": "&#128693;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵", "name": "person mountain biking", "shortname": ":mountain_bicyclist:", "unicode": "1f6b5", "html": "&#128693;", "category": "People & Body (person-sport)", "order": "908"},
-		{"emoji": "🔬", "name": "microscope", "shortname": ":microscope:", "unicode": "1f52c", "html": "&#128300;", "category": "Objects (science)", "order": "1867"},
-		{"emoji": "🏯", "name": "Japanese castle", "shortname": ":japanese_castle:", "unicode": "1f3ef", "html": "&#127983;", "category": "Travel & Places (place-building)", "order": "1572"},
-		{"emoji": "🔖", "name": "bookmark", "shortname": ":bookmark:", "unicode": "1f516", "html": "&#128278;", "category": "Objects (book-paper)", "order": "1889"},
-		{"emoji": "📑", "name": "bookmark tabs", "shortname": ":bookmark_tabs:", "unicode": "1f4d1", "html": "&#128209;", "category": "Objects (book-paper)", "order": "1888"},
-		{"emoji": "👝", "name": "clutch bag", "shortname": ":pouch:", "unicode": "1f45d", "html": "&#128093;", "category": "Objects (clothing)", "order": "1325"},
-		{"emoji": "🆎", "name": "AB button (blood type)", "shortname": ":ab:", "unicode": "1f18e", "html": "&#127374;", "category": "Symbols (alphanum)", "order": "2126"},
-		{"emoji": "📃", "name": "page with curl", "shortname": ":page_with_curl:", "unicode": "1f4c3", "html": "&#128195;", "category": "Objects (book-paper)", "order": "1883"},
-		{"emoji": "🎴", "name": "flower playing cards", "shortname": ":flower_playing_cards:", "unicode": "1f3b4", "html": "&#127924;", "category": "Activities (game)", "order": "1813"},
-		{"emoji": "🕚", "name": "eleven o’clock", "shortname": ":clock11:", "unicode": "1f55a", "html": "&#128346;", "category": "Travel & Places (time)", "order": "1709"},
-		{"emoji": "📠", "name": "fax machine", "shortname": ":fax:", "unicode": "1f4e0", "html": "&#128224;", "category": "Objects (phone)", "order": "1843"},
-		{"emoji": "🕖", "name": "seven o’clock", "shortname": ":clock7:", "unicode": "1f556", "html": "&#128342;", "category": "Travel & Places (time)", "order": "1701"},
-		{"emoji": "◽", "name": "white medium-small square", "shortname": ":white_medium_small_square:", "unicode": "25fd", "html": "&#9725;", "category": "Symbols (geometric)", "order": "2163"},
-		{"emoji": "💱", "name": "currency exchange", "shortname": ":currency_exchange:", "unicode": "1f4b1", "html": "&#128177;", "category": "Objects (money)", "order": "1899"},
-		{"emoji": "🔉", "name": "speaker medium volume", "shortname": ":sound:", "unicode": "1f509", "html": "&#128265;", "category": "Objects (sound)", "order": "1816"},
-		{"emoji": "💹", "name": "chart increasing with yen", "shortname": ":chart:", "unicode": "1f4b9", "html": "&#128185;", "category": "Objects (money)", "order": "1898"},
-		{"emoji": "🆑", "name": "CL button", "shortname": ":cl:", "unicode": "1f191", "html": "&#127377;", "category": "Symbols (alphanum)", "order": "2128"},
-		{"emoji": "💾", "name": "floppy disk", "shortname": ":floppy_disk:", "unicode": "1f4be", "html": "&#128190;", "category": "Objects (computer)", "order": "1853"},
-		{"emoji": "🏣", "name": "Japanese post office", "shortname": ":post_office:", "unicode": "1f3e3", "html": "&#127971;", "category": "Travel & Places (place-building)", "order": "1562"},
-		{"emoji": "🔈", "name": "speaker low volume", "shortname": ":speaker:", "unicode": "1f508", "html": "&#128264;", "category": "Objects (sound)", "order": "1815"},
-		{"emoji": "🗾", "name": "map of Japan", "shortname": ":japan:", "unicode": "1f5fe", "html": "&#128510;", "category": "Travel & Places (place-map)", "order": "1543"},
-		{"emoji": "🈺", "name": "Japanese open for business button", "shortname": ":u55b6:", "unicode": "1f23a", "html": "&#127546;", "category": "Symbols (alphanum)", "order": "2157"},
-		{"emoji": "🀄", "name": "mahjong red dragon", "shortname": ":mahjong:", "unicode": "1f004", "html": "&#126980;", "category": "Activities (game)", "order": "1812"},
-		{"emoji": "📨", "name": "incoming envelope", "shortname": ":incoming_envelope:", "unicode": "1f4e8", "html": "&#128232;", "category": "Objects (mail)", "order": "1903"},
-		{"emoji": "📙", "name": "orange book", "shortname": ":orange_book:", "unicode": "1f4d9", "html": "&#128217;", "category": "Objects (book-paper)", "order": "1879"},
-		{"emoji": "🚻", "name": "restroom", "shortname": ":restroom:", "unicode": "1f6bb", "html": "&#128699;", "category": "Symbols (transport-sign)", "order": "1982"},
-		{"emoji": "🈚️", "name": "", "shortname": ":u7121:", "unicode": "1f21a", "html": "&#127514;", "category": "", "order": "2149"},
-		{"emoji": "🈶", "name": "Japanese not free of charge button", "shortname": ":u6709:", "unicode": "1f236", "html": "&#127542;", "category": "Symbols (alphanum)", "order": "2145"},
-		{"emoji": "📐", "name": "triangular ruler", "shortname": ":triangular_ruler:", "unicode": "1f4d0", "html": "&#128208;", "category": "Objects (office)", "order": "1939"},
-		{"emoji": "🚋", "name": "tram car", "shortname": ":train:", "unicode": "1f68b", "html": "&#128651;", "category": "Travel & Places (transport-ground)", "order": "1613"},
-		{"emoji": "🈸", "name": "Japanese application button", "shortname": ":u7533:", "unicode": "1f238", "html": "&#127544;", "category": "Symbols (alphanum)", "order": "2152"},
-		{"emoji": "🚎", "name": "trolleybus", "shortname": ":trolleybus:", "unicode": "1f68e", "html": "&#128654;", "category": "Travel & Places (transport-ground)", "order": "1616"},
-		{"emoji": "🈷", "name": "Japanese monthly amount button", "shortname": ":u6708:", "unicode": "1f237", "html": "&#127543;", "category": "Symbols (alphanum)", "order": "2144"},
-		{"emoji": "🔢", "name": "input numbers", "shortname": ":input_numbers:", "unicode": "1F522", "html": "&#128290;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "📔", "name": "notebook with decorative cover", "shortname": ":notebook_with_decorative_cover:", "unicode": "1f4d4", "html": "&#128212;", "category": "Objects (book-paper)", "order": "1874"},
-		{"emoji": "🈲", "name": "Japanese prohibited button", "shortname": ":u7981:", "unicode": "1f232", "html": "&#127538;", "category": "Symbols (alphanum)", "order": "2150"},
-		{"emoji": "🈵", "name": "Japanese no vacancy button", "shortname": ":u6e80:", "unicode": "1f235", "html": "&#127541;", "category": "Symbols (alphanum)", "order": "2158"},
-		{"emoji": "📯", "name": "postal horn", "shortname": ":postal_horn:", "unicode": "1f4ef", "html": "&#128239;", "category": "Objects (sound)", "order": "1820"},
-		{"emoji": "🏭", "name": "factory", "shortname": ":factory:", "unicode": "1f3ed", "html": "&#127981;", "category": "Travel & Places (place-building)", "order": "1571"},
-		{"emoji": "🚸", "name": "children crossing", "shortname": ":children_crossing:", "unicode": "1f6b8", "html": "&#128696;", "category": "Symbols (warning)", "order": "1990"},
-		{"emoji": "🚆", "name": "train", "shortname": ":train2:", "unicode": "1f686", "html": "&#128646;", "category": "Travel & Places (transport-ground)", "order": "1606"},
-		{"emoji": "📏", "name": "straight ruler", "shortname": ":straight_ruler:", "unicode": "1f4cf", "html": "&#128207;", "category": "Objects (office)", "order": "1938"},
-		{"emoji": "📟", "name": "pager", "shortname": ":pager:", "unicode": "1f4df", "html": "&#128223;", "category": "Objects (phone)", "order": "1842"},
-		{"emoji": "🉑", "name": "Japanese acceptable button", "shortname": ":accept:", "unicode": "1f251", "html": "&#127569;", "category": "Symbols (alphanum)", "order": "2151"},
-		{"emoji": "🈴", "name": "Japanese passing grade button", "shortname": ":u5408:", "unicode": "1f234", "html": "&#127540;", "category": "Symbols (alphanum)", "order": "2153"},
-		{"emoji": "🔏", "name": "locked with pen", "shortname": ":lock_with_ink_pen:", "unicode": "1f50f", "html": "&#128271;", "category": "Objects (lock)", "order": "1946"},
-		{"emoji": "🕜", "name": "one-thirty", "shortname": ":clock130:", "unicode": "1f55c", "html": "&#128348;", "category": "Travel & Places (time)", "order": "1690"},
-		{"emoji": "🈂️", "name": "Japanese service charge button", "shortname": ":sa:", "unicode": "1f202", "html": "&#127490;", "category": "Symbols (alphanum)", "order": "2143"},
-		{"emoji": "📤", "name": "outbox tray", "shortname": ":outbox_tray:", "unicode": "1f4e4", "html": "&#128228;", "category": "Objects (mail)", "order": "1905"},
-		{"emoji": "🔀", "name": "shuffle tracks button", "shortname": ":twisted_rightwards_arrows:", "unicode": "1f500", "html": "&#128256;", "category": "Symbols (av-symbol)", "order": "2048"},
-		{"emoji": "📫", "name": "closed mailbox with raised flag", "shortname": ":mailbox:", "unicode": "1f4eb", "html": "&#128235;", "category": "Objects (mail)", "order": "1908"},
-		{"emoji": "🚈", "name": "light rail", "shortname": ":light_rail:", "unicode": "1f688", "html": "&#128648;", "category": "Travel & Places (transport-ground)", "order": "1608"},
-		{"emoji": "🕤", "name": "nine-thirty", "shortname": ":clock930:", "unicode": "1f564", "html": "&#128356;", "category": "Travel & Places (time)", "order": "1706"},
-		{"emoji": "🚏", "name": "bus stop", "shortname": ":busstop:", "unicode": "1f68f", "html": "&#128655;", "category": "Travel & Places (transport-ground)", "order": "1633"},
-		{"emoji": "📂", "name": "open file folder", "shortname": ":open_file_folder:", "unicode": "1f4c2", "html": "&#128194;", "category": "Objects (office)", "order": "1923"},
-		{"emoji": "📁", "name": "file folder", "shortname": ":file_folder:", "unicode": "1f4c1", "html": "&#128193;", "category": "Objects (office)", "order": "1922"},
-		{"emoji": "🚰", "name": "potable water", "shortname": ":potable_water:", "unicode": "1f6b0", "html": "&#128688;", "category": "Symbols (transport-sign)", "order": "1978"},
-		{"emoji": "📇", "name": "card index", "shortname": ":card_index:", "unicode": "1f4c7", "html": "&#128199;", "category": "Objects (office)", "order": "1929"},
-		{"emoji": "🕝", "name": "two-thirty", "shortname": ":clock230:", "unicode": "1f55d", "html": "&#128349;", "category": "Travel & Places (time)", "order": "1692"},
-		{"emoji": "🚝", "name": "monorail", "shortname": ":monorail:", "unicode": "1f69d", "html": "&#128669;", "category": "Travel & Places (transport-ground)", "order": "1611"},
-		{"emoji": "🕧", "name": "twelve-thirty", "shortname": ":clock1230:", "unicode": "1f567", "html": "&#128359;", "category": "Travel & Places (time)", "order": "1688"},
-		{"emoji": "🕥", "name": "ten-thirty", "shortname": ":clock1030:", "unicode": "1f565", "html": "&#128357;", "category": "Travel & Places (time)", "order": "1708"},
-		{"emoji": "🔤", "name": "input latin letters", "shortname": ":abc:", "unicode": "1f524", "html": "&#128292;", "category": "Symbols (alphanum)", "order": "2124"},
-		{"emoji": "📪", "name": "closed mailbox with lowered flag", "shortname": ":mailbox_closed:", "unicode": "1f4ea", "html": "&#128234;", "category": "Objects (mail)", "order": "1909"},
-		{"emoji": "🕟", "name": "four-thirty", "shortname": ":clock430:", "unicode": "1f55f", "html": "&#128351;", "category": "Travel & Places (time)", "order": "1696"},
-		{"emoji": "🚞", "name": "mountain railway", "shortname": ":mountain_railway:", "unicode": "1f69e", "html": "&#128670;", "category": "Travel & Places (transport-ground)", "order": "1612"},
-		{"emoji": "🚯", "name": "no littering", "shortname": ":do_not_litter:", "unicode": "1f6af", "html": "&#128687;", "category": "Symbols (warning)", "order": "1995"},
-		{"emoji": "🕞", "name": "three-thirty", "shortname": ":clock330:", "unicode": "1f55e", "html": "&#128350;", "category": "Travel & Places (time)", "order": "1694"},
-		{"emoji": "➗", "name": "division sign", "shortname": ":heavy_division_sign:", "unicode": "2797", "html": "&#10135;", "category": "Symbols (other-symbol)", "order": "2089"},
-		{"emoji": "🕢", "name": "seven-thirty", "shortname": ":clock730:", "unicode": "1f562", "html": "&#128354;", "category": "Travel & Places (time)", "order": "1702"},
-		{"emoji": "🕠", "name": "five-thirty", "shortname": ":clock530:", "unicode": "1f560", "html": "&#128352;", "category": "Travel & Places (time)", "order": "1698"},
-		{"emoji": "🔠", "name": "input latin uppercase", "shortname": ":capital_abcd:", "unicode": "1f520", "html": "&#128288;", "category": "Symbols (alphanum)", "order": "2120"},
-		{"emoji": "📭", "name": "open mailbox with lowered flag", "shortname": ":mailbox_with_no_mail:", "unicode": "1f4ed", "html": "&#128237;", "category": "Objects (mail)", "order": "1911"},
-		{"emoji": "🔣", "name": "input symbols", "shortname": ":symbols:", "unicode": "1f523", "html": "&#128291;", "category": "Symbols (alphanum)", "order": "2123"},
-		{"emoji": "🚡", "name": "aerial tramway", "shortname": ":aerial_tramway:", "unicode": "1f6a1", "html": "&#128673;", "category": "Travel & Places (transport-air)", "order": "1658"},
-		{"emoji": "🕣", "name": "eight-thirty", "shortname": ":clock830:", "unicode": "1f563", "html": "&#128355;", "category": "Travel & Places (time)", "order": "1704"},
-		{"emoji": "🕡", "name": "six-thirty", "shortname": ":clock630:", "unicode": "1f561", "html": "&#128353;", "category": "Travel & Places (time)", "order": "1700"},
-		{"emoji": "🔡", "name": "input latin lowercase", "shortname": ":abcd:", "unicode": "1f521", "html": "&#128289;", "category": "Symbols (alphanum)", "order": "2121"},
-		{"emoji": "🚠", "name": "mountain cableway", "shortname": ":mountain_cableway:", "unicode": "1f6a0", "html": "&#128672;", "category": "Travel & Places (transport-air)", "order": "1657"},
-		{"emoji": "🈁", "name": "Japanese here button", "shortname": ":koko:", "unicode": "1f201", "html": "&#127489;", "category": "Symbols (alphanum)", "order": "2142"},
-		{"emoji": "🛂", "name": "passport control", "shortname": ":passport_control:", "unicode": "1f6c2", "html": "&#128706;", "category": "Symbols (transport-sign)", "order": "1985"},
-		{"emoji": "🚱", "name": "non-potable water", "shortname": ":non-potable_water:", "unicode": "1f6b1", "html": "&#128689;", "category": "Symbols (warning)", "order": "1996"},
-		{"emoji": "🚟", "name": "suspension railway", "shortname": ":suspension_railway:", "unicode": "1f69f", "html": "&#128671;", "category": "Travel & Places (transport-air)", "order": "1656"},
-		{"emoji": "🛄", "name": "baggage claim", "shortname": ":baggage_claim:", "unicode": "1f6c4", "html": "&#128708;", "category": "Symbols (transport-sign)", "order": "1987"},
-		{"emoji": "🚳", "name": "no bicycles", "shortname": ":no_bicycles:", "unicode": "1f6b3", "html": "&#128691;", "category": "Symbols (warning)", "order": "1993"},
-		{"emoji": "🏳‍🌈", "name": "rainbow flag", "shortname": ":rainbow_flag:", "unicode": "1F3F3 200D 1F308", "html": "&#127987;&zwj;&#127752;", "category": "Flags (flag)", "order": ""},
-		{"emoji": "🕵🏿‍♀", "name": "woman detective: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F575 1F3FF 200D 2640", "html": "&#128373;&#127999;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏾‍♀", "name": "woman detective: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F575 1F3FE 200D 2640", "html": "&#128373;&#127998;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏽‍♀", "name": "woman detective: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F575 1F3FD 200D 2640", "html": "&#128373;&#127997;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏼‍♀", "name": "woman detective: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F575 1F3FC 200D 2640", "html": "&#128373;&#127996;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏻‍♀", "name": "woman detective: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F575 1F3FB 200D 2640", "html": "&#128373;&#127995;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵‍♀", "name": "woman detective", "shortname": ":woman_detective:", "unicode": "1F575 200D 2640", "html": "&#128373;&zwj;&#9792;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏿", "name": "detective: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F575 1F3FF", "html": "&#128373;&#127999;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏾", "name": "detective: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F575 1F3FE", "html": "&#128373;&#127998;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏽", "name": "detective: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F575 1F3FD", "html": "&#128373;&#127997;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏼", "name": "detective: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F575 1F3FC", "html": "&#128373;&#127996;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏻", "name": "detective: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F575 1F3FB", "html": "&#128373;&#127995;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵", "name": "detective", "shortname": ":detective:", "unicode": "1F575", "html": "&#128373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "☹", "name": "frowning face", "shortname": ":frowning_face:", "unicode": "2639", "html": "&#9785;", "category": "Smileys & Emotion (face-concerned)", "order": ""},
-		{"emoji": "☠", "name": "skull and crossbones", "shortname": ":skull_crossbones:", "unicode": "2620", "html": "&#9760;", "category": "Smileys & Emotion (face-negative)", "order": "81"},
-		{"emoji": "🤗", "name": "hugging face", "shortname": ":hugging:", "unicode": "1f917", "html": "&#129303;", "category": "Smileys & Emotion (face-hand)", "order": "20"},
-		{"emoji": "🤖", "name": "robot", "shortname": ":robot:", "unicode": "1F916", "html": "&#129302;", "category": "Smileys & Emotion (face-costume)", "order": ""},
-		{"emoji": "🤕", "name": "face with head-bandage", "shortname": ":face_with_headbandage:", "unicode": "1F915", "html": "&#129301;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤔", "name": "thinking face", "shortname": ":thinking:", "unicode": "1f914", "html": "&#129300;", "category": "Smileys & Emotion (face-hand)", "order": "21"},
-		{"emoji": "🤓", "name": "nerd face", "shortname": ":nerd:", "unicode": "1f913", "html": "&#129299;", "category": "Smileys & Emotion (face-glasses)", "order": "36"},
-		{"emoji": "🤒", "name": "face with thermometer", "shortname": ":face_with_thermometer:", "unicode": "1F912", "html": "&#129298;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤑", "name": "money-mouth face", "shortname": ":moneymouth_face:", "unicode": "1F911", "html": "&#129297;", "category": "Smileys & Emotion (face-tongue)", "order": ""},
-		{"emoji": "🤐", "name": "zipper-mouth face", "shortname": ":zipper_mouth:", "unicode": "1f910", "html": "&#129296;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "30"},
-		{"emoji": "🙄", "name": "face with rolling eyes", "shortname": ":rolling_eyes:", "unicode": "1f644", "html": "&#128580;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": "25"},
-		{"emoji": "🙃", "name": "upside-down face", "shortname": ":upside_down:", "unicode": "1f643", "html": "&#128579;", "category": "Smileys & Emotion (face-smiling)", "order": "45"},
-		{"emoji": "🙂", "name": "slightly smiling face", "shortname": ":slight_smile:", "unicode": "1f642", "html": "&#128578;", "category": "Smileys & Emotion (face-smiling)", "order": "19"},
-		{"emoji": "🙁", "name": "slightly frowning face", "shortname": ":slightly_frowning_face:", "unicode": "1F641", "html": "&#128577;", "category": "Smileys & Emotion (face-concerned)", "order": ""},
-		{"emoji": "🤘🏿", "name": "sign of the horns: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F918 1F3FF", "html": "&#129304;&#127999;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤘🏾", "name": "sign of the horns: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F918 1F3FE", "html": "&#129304;&#127998;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤘🏽", "name": "sign of the horns: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F918 1F3FD", "html": "&#129304;&#127997;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤘🏼", "name": "sign of the horns: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F918 1F3FC", "html": "&#129304;&#127996;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤘🏻", "name": "sign of the horns: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F918 1F3FB", "html": "&#129304;&#127995;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤘", "name": "sign of the horns", "shortname": ":sign_of_the_horns:", "unicode": "1F918", "html": "&#129304;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🖖🏿", "name": "vulcan salute: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F596 1F3FF", "html": "&#128406;&#127999;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖖🏾", "name": "vulcan salute: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F596 1F3FE", "html": "&#128406;&#127998;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖖🏽", "name": "vulcan salute: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F596 1F3FD", "html": "&#128406;&#127997;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖖🏼", "name": "vulcan salute: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F596 1F3FC", "html": "&#128406;&#127996;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖖🏻", "name": "vulcan salute: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F596 1F3FB", "html": "&#128406;&#127995;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖖", "name": "vulcan salute", "shortname": ":vulcan_salute:", "unicode": "1F596", "html": "&#128406;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖕🏿", "name": "middle finger: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F595 1F3FF", "html": "&#128405;&#127999;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🖕🏾", "name": "middle finger: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F595 1F3FE", "html": "&#128405;&#127998;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🖕🏽", "name": "middle finger: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F595 1F3FD", "html": "&#128405;&#127997;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🖕🏼", "name": "middle finger: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F595 1F3FC", "html": "&#128405;&#127996;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🖕🏻", "name": "middle finger: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F595 1F3FB", "html": "&#128405;&#127995;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🖕", "name": "middle finger", "shortname": ":middle_finger:", "unicode": "1f595", "html": "&#128405;", "category": "People & Body (hand-single-finger)", "order": "1116"},
-		{"emoji": "🖐🏿", "name": "hand with fingers splayed: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F590 1F3FF", "html": "&#128400;&#127999;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐🏾", "name": "hand with fingers splayed: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F590 1F3FE", "html": "&#128400;&#127998;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐🏽", "name": "hand with fingers splayed: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F590 1F3FD", "html": "&#128400;&#127997;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐🏼", "name": "hand with fingers splayed: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F590 1F3FC", "html": "&#128400;&#127996;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐🏻", "name": "hand with fingers splayed: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F590 1F3FB", "html": "&#128400;&#127995;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐", "name": "hand with fingers splayed", "shortname": ":hand_with_fingers_splayed:", "unicode": "1F590", "html": "&#128400;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "✍🏿", "name": "writing hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "270D 1F3FF", "html": "&#9997;&#127999;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "✍🏾", "name": "writing hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "270D 1F3FE", "html": "&#9997;&#127998;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "✍🏽", "name": "writing hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "270D 1F3FD", "html": "&#9997;&#127997;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "✍🏼", "name": "writing hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "270D 1F3FC", "html": "&#9997;&#127996;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "✍🏻", "name": "writing hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "270D 1F3FB", "html": "&#9997;&#127995;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "✍", "name": "writing hand", "shortname": ":writing_hand:", "unicode": "270d", "html": "&#9997;", "category": "People & Body (hand-prop)", "order": "1230"},
-		{"emoji": "🕶", "name": "sunglasses", "shortname": ":dark_sunglasses:", "unicode": "1f576", "html": "&#128374;", "category": "Objects (clothing)", "order": "1315"},
-		{"emoji": "👁‍🗨", "name": "eye in speech bubble", "shortname": ":eye_speachbubble:", "unicode": "1F441 200D 1F5E8", "html": "&#128065;&zwj;&#128488;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "👁", "name": "eye", "shortname": ":eye:", "unicode": "1f441", "html": "&#128065;", "category": "People & Body (body-parts)", "order": "1280"},
-		{"emoji": "🏋🏿‍♀", "name": "woman lifting weights: dark skin tone", "shortname": ":weightlifter_woman_dt:", "unicode": "1F3CB 1F3FF 200D 2640", "html": "&#127947;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏾‍♀", "name": "woman lifting weights: medium-dark skin tone", "shortname": ":weightlifter_woman_mdt:", "unicode": "1F3CB 1F3FE 200D 2640", "html": "&#127947;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏽‍♀", "name": "woman lifting weights: medium skin tone", "shortname": ":weightlifter_woman_mt:", "unicode": "1F3CB 1F3FD 200D 2640", "html": "&#127947;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏼‍♀", "name": "woman lifting weights: medium-light skin tone", "shortname": ":weightlifter_woman_mlt:", "unicode": "1F3CB 1F3FC 200D 2640", "html": "&#127947;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏻‍♀", "name": "woman lifting weights: light skin tone", "shortname": ":weightlifter_woman_lt:", "unicode": "1F3CB 1F3FB 200D 2640", "html": "&#127947;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋‍♀", "name": "woman lifting weights", "shortname": ":weightlifter_woman:", "unicode": "1F3CB 200D 2640", "html": "&#127947;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏿", "name": "person lifting weights: dark skin tone", "shortname": ":weightlifter_dt:", "unicode": "1F3CB 1F3FF", "html": "&#127947;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏾", "name": "person lifting weights: medium-dark skin tone", "shortname": ":weightlifter_mdt:", "unicode": "1F3CB 1F3FE", "html": "&#127947;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏽", "name": "person lifting weights: medium skin tone", "shortname": ":weightlifter_mt:", "unicode": "1F3CB 1F3FD", "html": "&#127947;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏼", "name": "person lifting weights: medium-light skin tone", "shortname": ":weightlifter_mlt:", "unicode": "1F3CB 1F3FC", "html": "&#127947;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏻", "name": "person lifting weights: light skin tone", "shortname": ":weightlifter_lt:", "unicode": "1F3CB 1F3FB", "html": "&#127947;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋", "name": "person lifting weights", "shortname": ":weightlifter:", "unicode": "1F3CB", "html": "&#127947;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏿‍♀", "name": "woman bouncing ball: dark skin tone", "shortname": ":basketballer_woman_dt:", "unicode": ":basketballer:", "html": "&#9977;&#127999;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏾‍♀", "name": "woman bouncing ball: medium-dark skin tone", "shortname": ":basketballer_woman_mdt:", "unicode": ":basketballer:", "html": "&#9977;&#127998;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏽‍♀", "name": "woman bouncing ball: medium skin tone", "shortname": ":basketballer_woman_mt:", "unicode": ":basketballer:", "html": "&#9977;&#127997;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏼‍♀", "name": "woman bouncing ball: medium-light skin tone", "shortname": ":basketballer_woman_mlt:", "unicode": ":basketballer:", "html": "&#9977;&#127996;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏻‍♀", "name": "woman bouncing ball: light skin tone", "shortname": ":basketballer_woman_lt:", "unicode": ":basketballer:", "html": "&#9977;&#127995;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹‍♀", "name": "woman bouncing ball", "shortname": ":woman_bouncing_ball:", "unicode": ":basketballer_woman:", "html": "&#9977;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏿", "name": "person bouncing ball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": ":basketballer_dt:", "html": "&#9977;&#127999;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏾", "name": "person bouncing ball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": ":basketballer_mdt:", "html": "&#9977;&#127998;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏽", "name": "person bouncing ball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": ":basketballer_mt:", "html": "&#9977;&#127997;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏼", "name": "person bouncing ball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": ":basketballer_mlt:", "html": "&#9977;&#127996;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏻", "name": "person bouncing ball: light skin tone", "shortname": ":basketballer_lt:", "unicode": "26F9 1F3FB", "html": "&#9977;&#127995;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹", "name": "person bouncing ball", "shortname": ":basketballer:", "unicode": "26F9", "html": "&#9977;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🕴", "name": "man in suit levitating", "shortname": ":man_in_suit:", "unicode": "1f574", "html": "&#128372;", "category": "People & Body (person-activity)", "order": "784"},
-		{"emoji": "🏌", "name": "person golfing", "shortname": ":golfer:", "unicode": "1f3cc", "html": "&#127948;", "category": "People & Body (person-sport)", "order": "782"},
-		{"emoji": "🏌‍♀", "name": "woman golfing", "shortname": ":golfer_woman:", "unicode": "1F3CC 200D 2640", "html": "&#127948;&zwj;&#9792;", "category": "People & Body (person-sport)", "order": "783"},
-		{"emoji": "*️⃣", "name": "keycap: #", "shortname": "*", "unicode": "0023 FE0F 20E3", "html": "&#42;", "category": "Symbols (keycap)", "order": "2118"},
-		{"emoji": "❣️", "name": "heart exclamation", "shortname": ":heart_exclamation:", "unicode": "2763", "html": "&#10083;", "category": "Smileys & Emotion (emotion)", "order": "1300"},
-		{"emoji": "✡️", "name": "star of David", "shortname": ":star_of_david:", "unicode": "2721", "html": "&#10017;", "category": "Symbols (religion)", "order": "2026"},
-		{"emoji": "✝️", "name": "latin cross", "shortname": ":cross:", "unicode": "271d", "html": "&#10013;", "category": "Symbols (religion)", "order": "2029"},
-		{"emoji": "⚜", "name": "fleur-de-lis", "shortname": ":fleur-de-lis:", "unicode": "269c", "html": "&#9884;", "category": "Symbols (other-symbol)", "order": "2074"},
-		{"emoji": "⚛", "name": "atom symbol", "shortname": ":atom:", "unicode": "269b", "html": "&#9883;", "category": "Symbols (religion)", "order": "2024"},
-		{"emoji": "☸", "name": "wheel of dharma", "shortname": ":wheel_of_dharma:", "unicode": "2638", "html": "&#9784;", "category": "Symbols (religion)", "order": "2027"},
-		{"emoji": "☯", "name": "yin yang", "shortname": ":yin_yang:", "unicode": "262f", "html": "&#9775;", "category": "Symbols (religion)", "order": "2028"},
-		{"emoji": "☮", "name": "peace symbol", "shortname": ":peace:", "unicode": "262e", "html": "&#9774;", "category": "Symbols (religion)", "order": "2032"},
-		{"emoji": "☪", "name": "star and crescent", "shortname": ":star_and_crescent:", "unicode": "262a", "html": "&#9770;", "category": "Symbols (religion)", "order": "2031"},
-		{"emoji": "☦", "name": "orthodox cross", "shortname": ":orthodox_cross:", "unicode": "2626", "html": "&#9766;", "category": "Symbols (religion)", "order": "2030"},
-		{"emoji": "☣", "name": "biohazard", "shortname": ":biohazard:", "unicode": "2623", "html": "&#9763;", "category": "Symbols (warning)", "order": "2001"},
-		{"emoji": "☢", "name": "radioactive", "shortname": ":radioactive:", "unicode": "2622", "html": "&#9762;", "category": "Symbols (warning)", "order": "2000"},
-		{"emoji": "🛐", "name": "place of worship", "shortname": ":place_of_worship:", "unicode": "1f6d0", "html": "&#128720;", "category": "Symbols (religion)", "order": "2023"},
-		{"emoji": "🗯", "name": "right anger bubble", "shortname": ":anger_right:", "unicode": "1f5ef", "html": "&#128495;", "category": "Smileys & Emotion (emotion)", "order": "1311"},
-		{"emoji": "🕎", "name": "menorah", "shortname": ":menorah:", "unicode": "1f54e", "html": "&#128334;", "category": "Symbols (religion)", "order": "2033"},
-		{"emoji": "🕉", "name": "om", "shortname": ":om_symbol:", "unicode": "1f549", "html": "&#128329;", "category": "Symbols (religion)", "order": "2025"},
-		{"emoji": "⚱", "name": "funeral urn", "shortname": ":funeral_urn:", "unicode": "26B1", "html": "&#9905;", "category": "Objects (other-object)", "order": ""},
-		{"emoji": "⚰", "name": "coffin", "shortname": ":coffin:", "unicode": "26b0", "html": "&#9904;", "category": "Objects (other-object)", "order": "1970"},
-		{"emoji": "⚙", "name": "gear", "shortname": ":gear:", "unicode": "2699", "html": "&#9881;", "category": "Objects (tool)", "order": "1961"},
-		{"emoji": "⚗", "name": "alembic", "shortname": ":alembic:", "unicode": "2697", "html": "&#9879;", "category": "Objects (science)", "order": "1963"},
-		{"emoji": "⚖", "name": "balance scale", "shortname": ":scales:", "unicode": "2696", "html": "&#9878;", "category": "Objects (tool)", "order": "1964"},
-		{"emoji": "⚔", "name": "crossed swords", "shortname": ":crossed_swords:", "unicode": "2694", "html": "&#9876;", "category": "Objects (tool)", "order": "1955"},
-		{"emoji": "⌨", "name": "keyboard", "shortname": ":keyboard:", "unicode": "2328", "html": "&#9000;", "category": "Objects (computer)", "order": "1849"},
-		{"emoji": "🛢", "name": "oil drum", "shortname": ":oil_drum:", "unicode": "1F6E2", "html": "&#128738;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛡", "name": "shield", "shortname": ":shield:", "unicode": "1f6e1", "html": "&#128737;", "category": "Objects (tool)", "order": "1958"},
-		{"emoji": "🛠", "name": "hammer and wrench", "shortname": ":hammer_and_wrench:", "unicode": "1F6E0", "html": "&#128736;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🛏", "name": "bed", "shortname": ":bed:", "unicode": "1f6cf", "html": "&#128719;", "category": "Objects (household)", "order": "1669"},
-		{"emoji": "🛎", "name": "bellhop bell", "shortname": ":bellhop_bell:", "unicode": "1F6CE", "html": "&#128718;", "category": "Travel & Places (hotel)", "order": ""},
-		{"emoji": "🛍", "name": "shopping bags", "shortname": ":shopping_bags:", "unicode": "1f6cd", "html": "&#128717;", "category": "Objects (clothing)", "order": "1326"},
-		{"emoji": "🛌", "name": "person in bed", "shortname": ":sleeping_accommodation:", "unicode": "1f6cc", "html": "&#128716;", "category": "People & Body (person-resting)", "order": "1663"},
-		{"emoji": "🛋", "name": "couch and lamp", "shortname": ":couch_and_lamp:", "unicode": "1F6CB", "html": "&#128715;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🗳", "name": "ballot box with ballot", "shortname": ":ballot_box:", "unicode": "1f5f3", "html": "&#128499;", "category": "Objects (mail)", "order": "1913"},
-		{"emoji": "🗡", "name": "dagger", "shortname": ":dagger:", "unicode": "1F5E1", "html": "&#128481;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🗞", "name": "rolled-up newspaper", "shortname": ":rolledup_newspaper:", "unicode": "1F5DE", "html": "&#128478;", "category": "Objects (book-paper)", "order": ""},
-		{"emoji": "🗝", "name": "old key", "shortname": ":old_key:", "unicode": "1F5DD", "html": "&#128477;", "category": "Objects (lock)", "order": ""},
-		{"emoji": "🗜", "name": "clamp", "shortname": ":compression:", "unicode": "1f5dc", "html": "&#128476;", "category": "Objects (tool)", "order": "1962"},
-		{"emoji": "🗓", "name": "spiral calendar", "shortname": ":spiral_calendar:", "unicode": "1F5D3", "html": "&#128467;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗒", "name": "spiral notepad", "shortname": ":spiral_notepad:", "unicode": "1F5D2", "html": "&#128466;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗑", "name": "wastebasket", "shortname": ":wastebasket:", "unicode": "1f5d1", "html": "&#128465;", "category": "Objects (office)", "order": "1943"},
-		{"emoji": "🗄", "name": "file cabinet", "shortname": ":file_cabinet:", "unicode": "1f5c4", "html": "&#128452;", "category": "Objects (office)", "order": "1942"},
-		{"emoji": "🗃", "name": "card file box", "shortname": ":card_file_box:", "unicode": "1F5C3", "html": "&#128451;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗂", "name": "card index dividers", "shortname": ":card_index_dividers:", "unicode": "1F5C2", "html": "&#128450;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🖼", "name": "framed picture", "shortname": ":framed_picture:", "unicode": "1F5BC", "html": "&#128444;", "category": "Activities (arts & crafts)", "order": ""},
-		{"emoji": "🖲", "name": "trackball", "shortname": ":trackball:", "unicode": "1f5b2", "html": "&#128434;", "category": "Objects (computer)", "order": "1851"},
-		{"emoji": "🖱", "name": "computer mouse", "shortname": ":computer_mouse:", "unicode": "1F5B1", "html": "&#128433;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🖨", "name": "printer", "shortname": ":printer:", "unicode": "1f5a8", "html": "&#128424;", "category": "Objects (computer)", "order": "1848"},
-		{"emoji": "🖥", "name": "desktop computer", "shortname": ":desktop_computer:", "unicode": "1F5A5", "html": "&#128421;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🖍", "name": "crayon", "shortname": ":crayon:", "unicode": "1F58D", "html": "&#128397;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖌", "name": "paintbrush", "shortname": ":paintbrush:", "unicode": "1F58C", "html": "&#128396;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖋", "name": "fountain pen", "shortname": ":fountain_pen:", "unicode": "1F58B", "html": "&#128395;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖊", "name": "pen", "shortname": ":pen:", "unicode": "1F58A", "html": "&#128394;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖇", "name": "linked paperclips", "shortname": ":linked_paperclips:", "unicode": "1F587", "html": "&#128391;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🕹", "name": "joystick", "shortname": ":joystick:", "unicode": "1f579", "html": "&#128377;", "category": "Activities (game)", "order": "1805"},
-		{"emoji": "🕳", "name": "hole", "shortname": ":hole:", "unicode": "1f573", "html": "&#128371;", "category": "Smileys & Emotion (emotion)", "order": "1313"},
-		{"emoji": "🕰", "name": "mantelpiece clock", "shortname": ":mantelpiece_clock:", "unicode": "1F570", "html": "&#128368;", "category": "Travel & Places (time)", "order": ""},
-		{"emoji": "🕯", "name": "candle", "shortname": ":candle:", "unicode": "1f56f", "html": "&#128367;", "category": "Objects (light & video)", "order": "1870"},
-		{"emoji": "📿", "name": "prayer beads", "shortname": ":prayer_beads:", "unicode": "1f4ff", "html": "&#128255;", "category": "Objects (clothing)", "order": "1338"},
-		{"emoji": "📽", "name": "film projector", "shortname": ":film_projector:", "unicode": "1F4FD", "html": "&#128253;", "category": "Objects (light & video)", "order": ""},
-		{"emoji": "📸", "name": "camera with flash", "shortname": ":camera_with_flash:", "unicode": "1f4f8", "html": "&#128248;", "category": "Objects (light & video)", "order": "1862"},
-		{"emoji": "🏺", "name": "amphora", "shortname": ":amphora:", "unicode": "1f3fa", "html": "&#127994;", "category": "Food & Drink (dishware)", "order": "1537"},
-		{"emoji": "🏷", "name": "label", "shortname": ":label:", "unicode": "1f3f7", "html": "&#127991;", "category": "Objects (book-paper)", "order": "1890"},
-		{"emoji": "🏴", "name": "black flag", "shortname": ":flag_black:", "unicode": "1f3f4", "html": "&#127988;", "category": "Flags (flag)", "order": "2184"},
-		{"emoji": "🏳", "name": "white flag", "shortname": ":flag_white:", "unicode": "1f3f3", "html": "&#127987;", "category": "Flags (flag)", "order": "2185"},
-		{"emoji": "🎞", "name": "film frames", "shortname": ":film_frames:", "unicode": "1f39e", "html": "&#127902;", "category": "Objects (light & video)", "order": "1857"},
-		{"emoji": "🎛", "name": "control knobs", "shortname": ":control_knobs:", "unicode": "1f39b", "html": "&#127899;", "category": "Objects (music)", "order": "1828"},
-		{"emoji": "🎚", "name": "level slider", "shortname": ":level_slider:", "unicode": "1f39a", "html": "&#127898;", "category": "Objects (music)", "order": "1827"},
-		{"emoji": "🎙", "name": "studio microphone", "shortname": ":studio_microphone:", "unicode": "1F399", "html": "&#127897;", "category": "Objects (music)", "order": ""},
-		{"emoji": "🌡", "name": "thermometer", "shortname": ":thermometer:", "unicode": "1f321", "html": "&#127777;", "category": "Travel & Places (sky & weather)", "order": "1723"},
-		{"emoji": "🛳", "name": "passenger ship", "shortname": ":passenger_ship:", "unicode": "1F6F3", "html": "&#128755;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "🛰", "name": "satellite", "shortname": ":satellite:", "unicode": "1F6F0", "html": "&#128752;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛬", "name": "airplane arrival", "shortname": ":airplane_arriving:", "unicode": "1f6ec", "html": "&#128748;", "category": "Travel & Places (transport-air)", "order": "1653"},
-		{"emoji": "🛫", "name": "airplane departure", "shortname": ":airplane_departure:", "unicode": "1f6eb", "html": "&#128747;", "category": "Travel & Places (transport-air)", "order": "1652"},
-		{"emoji": "🛩", "name": "small airplane", "shortname": ":small_airplane:", "unicode": "1F6E9", "html": "&#128745;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛥", "name": "motor boat", "shortname": ":motor_boat:", "unicode": "1F6E5", "html": "&#128741;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "🛤", "name": "railway track", "shortname": ":railway_track:", "unicode": "1f6e4", "html": "&#128740;", "category": "Travel & Places (transport-ground)", "order": "1635"},
-		{"emoji": "🛣", "name": "motorway", "shortname": ":motorway:", "unicode": "1f6e3", "html": "&#128739;", "category": "Travel & Places (transport-ground)", "order": "1634"},
-		{"emoji": "🗺", "name": "world map", "shortname": ":world_map:", "unicode": "1F5FA", "html": "&#128506;", "category": "Travel & Places (place-map)", "order": ""},
-		{"emoji": "🕍", "name": "synagogue", "shortname": ":synagogue:", "unicode": "1f54d", "html": "&#128333;", "category": "Travel & Places (place-religious)", "order": "1579"},
-		{"emoji": "🕌", "name": "mosque", "shortname": ":mosque:", "unicode": "1f54c", "html": "&#128332;", "category": "Travel & Places (place-religious)", "order": "1578"},
-		{"emoji": "🕋", "name": "kaaba", "shortname": ":kaaba:", "unicode": "1f54b", "html": "&#128331;", "category": "Travel & Places (place-religious)", "order": "1581"},
-		{"emoji": "🏟", "name": "stadium", "shortname": ":stadium:", "unicode": "1f3df", "html": "&#127967;", "category": "Travel & Places (place-building)", "order": "1553"},
-		{"emoji": "🏞", "name": "national park", "shortname": ":national_park:", "unicode": "1F3DE", "html": "&#127966;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏝", "name": "desert island", "shortname": ":desert_island:", "unicode": "1F3DD", "html": "&#127965;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏜", "name": "desert", "shortname": ":desert:", "unicode": "1f3dc", "html": "&#127964;", "category": "Travel & Places (place-geographic)", "order": "1550"},
-		{"emoji": "🏛", "name": "classical building", "shortname": ":classical_building:", "unicode": "1f3db", "html": "&#127963;", "category": "Travel & Places (place-building)", "order": "1554"},
-		{"emoji": "🏚", "name": "derelict house", "shortname": ":derelict_house:", "unicode": "1F3DA", "html": "&#127962;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏙", "name": "cityscape", "shortname": ":cityscape:", "unicode": "1f3d9", "html": "&#127961;", "category": "Travel & Places (place-other)", "order": "1557"},
-		{"emoji": "🏘", "name": "houses", "shortname": ":houses:", "unicode": "1F3D8", "html": "&#127960;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏗", "name": "building construction", "shortname": ":building_construction:", "unicode": "1F3D7", "html": "&#127959;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏖", "name": "beach with umbrella", "shortname": ":beach_with_umbrella:", "unicode": "1F3D6", "html": "&#127958;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏕", "name": "camping", "shortname": ":camping:", "unicode": "1f3d5", "html": "&#127957;", "category": "Travel & Places (place-geographic)", "order": "1548"},
-		{"emoji": "🏔", "name": "snow-capped mountain", "shortname": ":snowcapped_mountain:", "unicode": "1F3D4", "html": "&#127956;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏎", "name": "racing car", "shortname": ":racing_car:", "unicode": "1F3CE", "html": "&#127950;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🏍", "name": "motorcycle", "shortname": ":motorcycle:", "unicode": "1F3CD", "html": "&#127949;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🏹", "name": "bow and arrow", "shortname": ":bow_and_arrow:", "unicode": "1f3f9", "html": "&#127993;", "category": "Objects (tool)", "order": "1957"},
-		{"emoji": "🏸", "name": "badminton", "shortname": ":badminton:", "unicode": "1F3F8", "html": "&#127992;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🏵", "name": "rosette", "shortname": ":rosette:", "unicode": "1f3f5", "html": "&#127989;", "category": "Animals & Nature (plant-flower)", "order": "1430"},
-		{"emoji": "🏓", "name": "ping pong", "shortname": ":ping_pong:", "unicode": "1F3D3", "html": "&#127955;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🏒", "name": "ice hockey", "shortname": ":ice_hockey:", "unicode": "1F3D2", "html": "&#127954;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🏑", "name": "field hockey", "shortname": ":field_hockey:", "unicode": "1F3D1", "html": "&#127953;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🏐", "name": "volleyball", "shortname": ":volleyball:", "unicode": "1f3d0", "html": "&#127952;", "category": "Activities (sport)", "order": "1784"},
-		{"emoji": "🏏", "name": "cricket game", "shortname": ":cricket_game:", "unicode": "1F3CF", "html": "&#127951;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🏅", "name": "sports medal", "shortname": ":medal:", "unicode": "1f3c5", "html": "&#127941;", "category": "Activities (award-medal)", "order": "1777"},
-		{"emoji": "🎟", "name": "admission tickets", "shortname": ":admission_tickets:", "unicode": "1F39F", "html": "&#127903;", "category": "Activities (event)", "order": ""},
-		{"emoji": "🎗", "name": "reminder ribbon", "shortname": ":reminder_ribbon:", "unicode": "1f397", "html": "&#127895;", "category": "Activities (event)", "order": "1772"},
-		{"emoji": "🎖", "name": "military medal", "shortname": ":military_medal:", "unicode": "1F396", "html": "&#127894;", "category": "Activities (award-medal)", "order": ""},
-		{"emoji": "🧀", "name": "cheese wedge", "shortname": ":cheese_wedge:", "unicode": "1F9C0", "html": "&#129472;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🍿", "name": "popcorn", "shortname": ":popcorn:", "unicode": "1f37f", "html": "&#127871;", "category": "Food & Drink (food-prepared)", "order": "1494"},
-		{"emoji": "🍾", "name": "bottle with popping cork", "shortname": ":champagne:", "unicode": "1f37e", "html": "&#127870;", "category": "Food & Drink (drink)", "order": "1525"},
-		{"emoji": "🍽", "name": "fork and knife with plate", "shortname": ":fork_and_knife_with_plate:", "unicode": "1F37D", "html": "&#127869;", "category": "Food & Drink (dishware)", "order": ""},
-		{"emoji": "🌶", "name": "hot pepper", "shortname": ":hot_pepper:", "unicode": "1f336", "html": "&#127798;", "category": "Food & Drink (food-vegetable)", "order": "1469"},
-		{"emoji": "🌯", "name": "burrito", "shortname": ":burrito:", "unicode": "1f32f", "html": "&#127791;", "category": "Food & Drink (food-prepared)", "order": "1487"},
-		{"emoji": "🌮", "name": "taco", "shortname": ":taco:", "unicode": "1f32e", "html": "&#127790;", "category": "Food & Drink (food-prepared)", "order": "1486"},
-		{"emoji": "🌭", "name": "hot dog", "shortname": ":hotdog:", "unicode": "1f32d", "html": "&#127789;", "category": "Food & Drink (food-prepared)", "order": "1485"},
-		{"emoji": "☘", "name": "shamrock", "shortname": ":shamrock:", "unicode": "2618", "html": "&#9752;", "category": "Animals & Nature (plant-other)", "order": "1444"},
-		{"emoji": "☄", "name": "comet", "shortname": ":comet:", "unicode": "2604", "html": "&#9732;", "category": "Travel & Places (sky & weather)", "order": "1752"},
-		{"emoji": "☃️", "name": "snowman", "shortname": ":snowman:", "unicode": "2603 FE0F", "html": "&#9731;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☂️", "name": "umbrella", "shortname": ":umbrella:", "unicode": "2602 FE0F", "html": "&#9730;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🦄", "name": "unicorn", "shortname": ":unicorn:", "unicode": "1F984", "html": "&#129412;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦃", "name": "turkey", "shortname": ":turkey:", "unicode": "1f983", "html": "&#129411;", "category": "Animals & Nature (animal-bird)", "order": "1387"},
-		{"emoji": "🦂", "name": "scorpion", "shortname": ":scorpion:", "unicode": "1f982", "html": "&#129410;", "category": "Animals & Nature (animal-bug)", "order": "1426"},
-		{"emoji": "🦁", "name": "lion", "shortname": ":lion_face:", "unicode": "1f981", "html": "&#129409;", "category": "Animals & Nature (animal-mammal)", "order": "1352"},
-		{"emoji": "🦀", "name": "crab", "shortname": ":crab:", "unicode": "1f980", "html": "&#129408;", "category": "Food & Drink (food-marine)", "order": "1415"},
-		{"emoji": "🕸", "name": "spider web", "shortname": ":spider_web:", "unicode": "1f578", "html": "&#128376;", "category": "Animals & Nature (animal-bug)", "order": "1425"},
-		{"emoji": "🕷", "name": "spider", "shortname": ":spider:", "unicode": "1f577", "html": "&#128375;", "category": "Animals & Nature (animal-bug)", "order": "1424"},
-		{"emoji": "🕊", "name": "dove", "shortname": ":dove:", "unicode": "1F54A", "html": "&#128330;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🐿", "name": "chipmunk", "shortname": ":chipmunk:", "unicode": "1f43f", "html": "&#128063;", "category": "Animals & Nature (animal-mammal)", "order": "1381"},
-		{"emoji": "🌬", "name": "wind face", "shortname": ":wind_blowing_face:", "unicode": "1f32c", "html": "&#127788;", "category": "Travel & Places (sky & weather)", "order": "1741"},
-		{"emoji": "🌫", "name": "fog", "shortname": ":fog:", "unicode": "1f32b", "html": "&#127787;", "category": "Travel & Places (sky & weather)", "order": "1740"},
-		{"emoji": "🌪", "name": "tornado", "shortname": ":tornado:", "unicode": "1F32A", "html": "&#127786;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌩", "name": "cloud with lightning", "shortname": ":cloud_with_lightning:", "unicode": "1F329", "html": "&#127785;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌨", "name": "cloud with snow", "shortname": ":cloud_with_snow:", "unicode": "1F328", "html": "&#127784;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌧", "name": "cloud with rain", "shortname": ":cloud_with_rain:", "unicode": "1F327", "html": "&#127783;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌦", "name": "sun behind rain cloud", "shortname": ":sun_behind_rain_cloud:", "unicode": "1F326", "html": "&#127782;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌥", "name": "sun behind large cloud", "shortname": ":sun_behind_large_cloud:", "unicode": "1F325", "html": "&#127781;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌤", "name": "sun behind small cloud", "shortname": ":sun_behind_small_cloud:", "unicode": "1F324", "html": "&#127780;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🗣", "name": "speaking head", "shortname": ":speaking_head:", "unicode": "1F5E3", "html": "&#128483;", "category": "People & Body (person-symbol)", "order": ""},
-		{"emoji": "⏺", "name": "record button", "shortname": ":record_button:", "unicode": "23FA", "html": "&#9210;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏹", "name": "stop button", "shortname": ":stop_button:", "unicode": "23F9", "html": "&#9209;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏸", "name": "pause button", "shortname": ":pause_button:", "unicode": "23F8", "html": "&#9208;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏯", "name": "play or pause button", "shortname": ":play_pause:", "unicode": "23ef", "html": "&#9199;", "category": "Symbols (av-symbol)", "order": "2054"},
-		{"emoji": "⏮", "name": "last track button", "shortname": ":track_previous:", "unicode": "23ee", "html": "&#9198;", "category": "Symbols (av-symbol)", "order": "2057"},
-		{"emoji": "⏭", "name": "next track button", "shortname": ":track_next:", "unicode": "23ed", "html": "&#9197;", "category": "Symbols (av-symbol)", "order": "2053"},
-		{"emoji": "⛱", "name": "umbrella on ground", "shortname": ":beach_umbrella:", "unicode": "26f1", "html": "&#9969;", "category": "Travel & Places (sky & weather)", "order": "1747"},
-		{"emoji": "⛓", "name": "chains", "shortname": ":chains:", "unicode": "26d3", "html": "&#9939;", "category": "Objects (tool)", "order": "1966"},
-		{"emoji": "⛏", "name": "pick", "shortname": ":pick:", "unicode": "26cf", "html": "&#9935;", "category": "Objects (tool)", "order": "1951"},
-		{"emoji": "⚒", "name": "hammer and pick", "shortname": ":hammer_and_pick:", "unicode": "2692", "html": "&#9874;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⏲", "name": "timer clock", "shortname": ":timer_clock:", "unicode": "23F2", "html": "&#9202;", "category": "Travel & Places (time)", "order": ""},
-		{"emoji": "⏱", "name": "stopwatch", "shortname": ":stopwatch:", "unicode": "23f1", "html": "&#9201;", "category": "Travel & Places (time)", "order": "1684"},
-		{"emoji": "⛴", "name": "ferry", "shortname": ":ferry:", "unicode": "26f4", "html": "&#9972;", "category": "Travel & Places (transport-water)", "order": "1647"},
-		{"emoji": "⛰", "name": "mountain", "shortname": ":mountain:", "unicode": "26f0", "html": "&#9968;", "category": "Travel & Places (place-geographic)", "order": "1545"},
-		{"emoji": "⛩", "name": "shinto shrine", "shortname": ":shinto_shrine:", "unicode": "2.6E+10", "html": "&#9961;", "category": "Travel & Places (place-religious)", "order": "1580"},
-		{"emoji": "⛸", "name": "ice skate", "shortname": ":ice_skate:", "unicode": "26f8", "html": "&#9976;", "category": "Activities (sport)", "order": "1800"},
-		{"emoji": "⛷", "name": "skier", "shortname": ":skier:", "unicode": "26f7", "html": "&#9975;", "category": "People & Body (person-sport)", "order": "775"},
-		{"emoji": "⛈", "name": "cloud with lightning and rain", "shortname": ":cloud_with_lightning_and_rain:", "unicode": "26C8", "html": "&#9928;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "⛑", "name": "rescue worker’s helmet", "shortname": ":rescue_worker’s_helmet:", "unicode": "26D1", "html": "&#9937;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🇦🇨", "name": "flag: Ascension Island", "shortname": ":flag_ac:", "unicode": "1f1e6-1f1e8", "html": "&#127462;&#127464;", "category": "Flags (country-flag)", "order": "2187"},
-		{"emoji": "🇦🇩", "name": "flag: Andorra", "shortname": ":flag_ad:", "unicode": "1f1e6-1f1e9", "html": "&#127462;&#127465;", "category": "Flags (country-flag)", "order": "2188"},
-		{"emoji": "🇦🇪", "name": "flag: United Arab Emirates", "shortname": ":flag_ae:", "unicode": "1f1e6-1f1ea", "html": "&#127462;&#127466;", "category": "Flags (country-flag)", "order": "2189"},
-		{"emoji": "🇦🇫", "name": "flag: Afghanistan", "shortname": ":flag_af:", "unicode": "1f1e6-1f1eb", "html": "&#127462;&#127467;", "category": "Flags (country-flag)", "order": "2190"},
-		{"emoji": "🇦🇬", "name": "flag: Antigua & Barbuda", "shortname": ":flag_ag:", "unicode": "1f1e6-1f1ec", "html": "&#127462;&#127468;", "category": "Flags (country-flag)", "order": "2191"},
-		{"emoji": "🇦🇮", "name": "flag: Anguilla", "shortname": ":flag_ai:", "unicode": "1f1e6-1f1ee", "html": "&#127462;&#127470;", "category": "Flags (country-flag)", "order": "2192"},
-		{"emoji": "🇦🇱", "name": "flag: Albania", "shortname": ":flag_al:", "unicode": "1f1e6-1f1f1", "html": "&#127462;&#127473;", "category": "Flags (country-flag)", "order": "2193"},
-		{"emoji": "🇦🇲", "name": "flag: Armenia", "shortname": ":flag_am:", "unicode": "1f1e6-1f1f2", "html": "&#127462;&#127474;", "category": "Flags (country-flag)", "order": "2194"},
-		{"emoji": "🇦🇴", "name": "flag: Angola", "shortname": ":flag-ao:", "unicode": "1f1e6-1f1f4", "html": "&#127462;&#127476;", "category": "Flags (country-flag)", "order": "2195"},
-		{"emoji": "🇦🇶", "name": "flag: Antarctica", "shortname": ":flag-aq:", "unicode": "1f1e6-1f1f6", "html": "&#127462;&#127478;", "category": "Flags (country-flag)", "order": "2196"},
-		{"emoji": "🇦🇷", "name": "flag: Argentina", "shortname": ":flag-ar:", "unicode": "1f1e6-1f1f7", "html": "&#127462;&#127479;", "category": "Flags (country-flag)", "order": "2197"},
-		{"emoji": "🇦🇸", "name": "flag: American Samoa", "shortname": ":flag-as:", "unicode": "1f1e6-1f1f8", "html": "&#127462;&#127480;", "category": "Flags (country-flag)", "order": "2198"},
-		{"emoji": "🇦🇹", "name": "flag: Austria", "shortname": ":flag-at:", "unicode": "1f1e6-1f1f9", "html": "&#127462;&#127481;", "category": "Flags (country-flag)", "order": "2199"},
-		{"emoji": "🇦🇺", "name": "flag: Australia", "shortname": ":flag-au:", "unicode": "1f1e6-1f1fa", "html": "&#127462;&#127482;", "category": "Flags (country-flag)", "order": "2200"},
-		{"emoji": "🇦🇼", "name": "flag: Aruba", "shortname": ":flag-aw:", "unicode": "1f1e6-1f1fc", "html": "&#127462;&#127484;", "category": "Flags (country-flag)", "order": "2201"},
-		{"emoji": "🇦🇽", "name": "flag: Åland Islands", "shortname": ":flag-ax:", "unicode": "1f1e6-1f1fd", "html": "&#127462;&#127485;", "category": "Flags (country-flag)", "order": "2202"},
-		{"emoji": "🇦🇿", "name": "flag: Azerbaijan", "shortname": ":flag-az:", "unicode": "1f1e6-1f1ff", "html": "&#127462;&#127487;", "category": "Flags (country-flag)", "order": "2203"},
-		{"emoji": "🇧🇦", "name": "flag: Bosnia & Herzegovina", "shortname": ":flag-ba:", "unicode": "1f1e7-1f1e6", "html": "&#127463;&#127462;", "category": "Flags (country-flag)", "order": "2204"},
-		{"emoji": "🇧🇧", "name": "flag: Barbados", "shortname": ":flag-bb:", "unicode": "1f1e7-1f1e7", "html": "&#127463;&#127463;", "category": "Flags (country-flag)", "order": "2205"},
-		{"emoji": "🇧🇩", "name": "flag: Bangladesh", "shortname": ":flag-bd:", "unicode": "1f1e7-1f1e9", "html": "&#127463;&#127465;", "category": "Flags (country-flag)", "order": "2206"},
-		{"emoji": "🇧🇪", "name": "flag: Belgium", "shortname": ":flag-be:", "unicode": "1f1e7-1f1ea", "html": "&#127463;&#127466;", "category": "Flags (country-flag)", "order": "2207"},
-		{"emoji": "🇧🇫", "name": "flag: Burkina Faso", "shortname": ":flag-bf:", "unicode": "1f1e7-1f1eb", "html": "&#127463;&#127467;", "category": "Flags (country-flag)", "order": "2208"},
-		{"emoji": "🇧🇬", "name": "flag: Bulgaria", "shortname": ":flag-bg:", "unicode": "1f1e7-1f1ec", "html": "&#127463;&#127468;", "category": "Flags (country-flag)", "order": "2209"},
-		{"emoji": "🇧🇭", "name": "flag: Bahrain", "shortname": ":flag-bh:", "unicode": "1f1e7-1f1ed", "html": "&#127463;&#127469;", "category": "Flags (country-flag)", "order": "2210"},
-		{"emoji": "🇧🇮", "name": "flag: Burundi", "shortname": ":flag-bi:", "unicode": "1f1e7-1f1ee", "html": "&#127463;&#127470;", "category": "Flags (country-flag)", "order": "2211"},
-		{"emoji": "🇧🇯", "name": "flag: Benin", "shortname": ":flag-bj:", "unicode": "1f1e7-1f1ef", "html": "&#127463;&#127471;", "category": "Flags (country-flag)", "order": "2212"},
-		{"emoji": "🇧🇱", "name": "flag: St. Barthélemy", "shortname": ":flag-bl:", "unicode": "1f1e7-1f1f1", "html": "&#127463;&#127473;", "category": "Flags (country-flag)", "order": "2213"},
-		{"emoji": "🇧🇲", "name": "flag: Bermuda", "shortname": ":flag-bm:", "unicode": "1f1e7-1f1f2", "html": "&#127463;&#127474;", "category": "Flags (country-flag)", "order": "2214"},
-		{"emoji": "🇧🇳", "name": "flag: Brunei", "shortname": ":flag-bn:", "unicode": "1f1e7-1f1f3", "html": "&#127463;&#127475;", "category": "Flags (country-flag)", "order": "2215"},
-		{"emoji": "🇧🇴", "name": "flag: Bolivia", "shortname": ":flag-bo:", "unicode": "1f1e7-1f1f4", "html": "&#127463;&#127476;", "category": "Flags (country-flag)", "order": "2216"},
-		{"emoji": "🇧🇶", "name": "flag: Caribbean Netherlands", "shortname": ":flag-bq:", "unicode": "1f1e7-1f1f6", "html": "&#127463;&#127478;", "category": "Flags (country-flag)", "order": "2217"},
-		{"emoji": "🇧🇷", "name": "flag: Brazil", "shortname": ":flag-br:", "unicode": "1f1e7-1f1f7", "html": "&#127463;&#127479;", "category": "Flags (country-flag)", "order": "2218"},
-		{"emoji": "🇧🇸", "name": "flag: Bahamas", "shortname": ":flag-bs:", "unicode": "1f1e7-1f1f8", "html": "&#127463;&#127480;", "category": "Flags (country-flag)", "order": "2219"},
-		{"emoji": "🇧🇹", "name": "flag: Bhutan", "shortname": ":flag-bt:", "unicode": "1f1e7-1f1f9", "html": "&#127463;&#127481;", "category": "Flags (country-flag)", "order": "2220"},
-		{"emoji": "🇧🇻", "name": "flag: Bouvet Island", "shortname": ":flag-bv:", "unicode": "1f1e7-1f1fb", "html": "&#127463;&#127483;", "category": "Flags (country-flag)", "order": "2221"},
-		{"emoji": "🇧🇼", "name": "flag: Botswana", "shortname": ":flag-bw:", "unicode": "1f1e7-1f1fc", "html": "&#127463;&#127484;", "category": "Flags (country-flag)", "order": "2222"},
-		{"emoji": "🇧🇾", "name": "flag: Belarus", "shortname": ":flag-by:", "unicode": "1f1e7-1f1fe", "html": "&#127463;&#127486;", "category": "Flags (country-flag)", "order": "2223"},
-		{"emoji": "🇧🇿", "name": "flag: Belize", "shortname": ":flag-bz:", "unicode": "1f1e7-1f1ff", "html": "&#127463;&#127487;", "category": "Flags (country-flag)", "order": "2224"},
-		{"emoji": "🇨🇦", "name": "flag: Canada", "shortname": ":flag-ca:", "unicode": "1f1e8-1f1e6", "html": "&#127464;&#127462;", "category": "Flags (country-flag)", "order": "2225"},
-		{"emoji": "🇨🇨", "name": "flag: Cocos (Keeling) Islands", "shortname": ":flag-cc:", "unicode": "1f1e8-1f1e8", "html": "&#127464;&#127464;", "category": "Flags (country-flag)", "order": "2226"},
-		{"emoji": "🇨🇩", "name": "flag: Congo - Kinshasa", "shortname": ":flag-cd:", "unicode": "1f1e8-1f1e9", "html": "&#127464;&#127465;", "category": "Flags (country-flag)", "order": "2227"},
-		{"emoji": "🇨🇫", "name": "flag: Central African Republic", "shortname": ":flag-cf:", "unicode": "1f1e8-1f1eb", "html": "&#127464;&#127467;", "category": "Flags (country-flag)", "order": "2228"},
-		{"emoji": "🇨🇬", "name": "flag: Congo - Brazzaville", "shortname": ":flag-cg:", "unicode": "1f1e8-1f1ec", "html": "&#127464;&#127468;", "category": "Flags (country-flag)", "order": "2229"},
-		{"emoji": "🇨🇭", "name": "flag: Switzerland", "shortname": ":flag-ch:", "unicode": "1f1e8-1f1ed", "html": "&#127464;&#127469;", "category": "Flags (country-flag)", "order": "2230"},
-		{"emoji": "🇨🇮", "name": "flag: Côte d’Ivoire", "shortname": ":flag-ci:", "unicode": "1f1e8-1f1ee", "html": "&#127464;&#127470;", "category": "Flags (country-flag)", "order": "2231"},
-		{"emoji": "🇨🇰", "name": "flag: Cook Islands", "shortname": ":flag-ck:", "unicode": "1f1e8-1f1f0", "html": "&#127464;&#127472;", "category": "Flags (country-flag)", "order": "2232"},
-		{"emoji": "🇨🇱", "name": "flag: Chile", "shortname": ":flag-cl:", "unicode": "1f1e8-1f1f1", "html": "&#127464;&#127473;", "category": "Flags (country-flag)", "order": "2233"},
-		{"emoji": "🇨🇲", "name": "flag: Cameroon", "shortname": ":flag-cm:", "unicode": "1f1e8-1f1f2", "html": "&#127464;&#127474;", "category": "Flags (country-flag)", "order": "2234"},
-		{"emoji": "🇨🇳", "name": "flag: China", "shortname": ":flag-cn:", "unicode": "1f1e8-1f1f3", "html": "&#127464;&#127475;", "category": "Flags (country-flag)", "order": "2235"},
-		{"emoji": "🇨🇴", "name": "flag: Colombia", "shortname": ":flag-co:", "unicode": "1f1e8-1f1f4", "html": "&#127464;&#127476;", "category": "Flags (country-flag)", "order": "2236"},
-		{"emoji": "🇨🇵", "name": "flag: Clipperton Island", "shortname": ":flag-cp:", "unicode": "1f1e8-1f1f5", "html": "&#127464;&#127477;", "category": "Flags (country-flag)", "order": "2237"},
-		{"emoji": "🇨🇷", "name": "flag: Costa Rica", "shortname": ":flag-cr:", "unicode": "1f1e8-1f1f7", "html": "&#127464;&#127479;", "category": "Flags (country-flag)", "order": "2238"},
-		{"emoji": "🇨🇺", "name": "flag: Cuba", "shortname": ":flag-cu:", "unicode": "1f1e8-1f1fa", "html": "&#127464;&#127482;", "category": "Flags (country-flag)", "order": "2239"},
-		{"emoji": "🇨🇻", "name": "flag: Cape Verde", "shortname": ":flag-cv:", "unicode": "1f1e8-1f1fb", "html": "&#127464;&#127483;", "category": "Flags (country-flag)", "order": "2240"},
-		{"emoji": "🇨🇼", "name": "flag: Curaçao", "shortname": ":flag-cw:", "unicode": "1f1e8-1f1fc", "html": "&#127464;&#127484;", "category": "Flags (country-flag)", "order": "2241"},
-		{"emoji": "🇨🇽", "name": "flag: Christmas Island", "shortname": ":flag-cx:", "unicode": "1f1e8-1f1fd", "html": "&#127464;&#127485;", "category": "Flags (country-flag)", "order": "2242"},
-		{"emoji": "🇨🇾", "name": "flag: Cyprus", "shortname": ":flag-cy:", "unicode": "1f1e8-1f1fe", "html": "&#127464;&#127486;", "category": "Flags (country-flag)", "order": "2243"},
-		{"emoji": "🇨🇿", "name": "flag: Czechia", "shortname": ":flag-cz:", "unicode": "1f1e8-1f1ff", "html": "&#127464;&#127487;", "category": "Flags (country-flag)", "order": "2244"},
-		{"emoji": "🇩🇪", "name": "flag: Germany", "shortname": ":flag-de:", "unicode": "1f1e9-1f1ea", "html": "&#127465;&#127466;", "category": "Flags (country-flag)", "order": "2245"},
-		{"emoji": "🇩🇬", "name": "flag: Diego Garcia", "shortname": ":flag-dg:", "unicode": "1f1e9-1f1ec", "html": "&#127465;&#127468;", "category": "Flags (country-flag)", "order": "2246"},
-		{"emoji": "🇩🇯", "name": "flag: Djibouti", "shortname": ":flag-dj:", "unicode": "1f1e9-1f1ef", "html": "&#127465;&#127471;", "category": "Flags (country-flag)", "order": "2247"},
-		{"emoji": "🇩🇰", "name": "flag: Denmark", "shortname": ":flag-dk:", "unicode": "1f1e9-1f1f0", "html": "&#127465;&#127472;", "category": "Flags (country-flag)", "order": "2248"},
-		{"emoji": "🇩🇲", "name": "flag: Dominica", "shortname": ":flag-dm:", "unicode": "1f1e9-1f1f2", "html": "&#127465;&#127474;", "category": "Flags (country-flag)", "order": "2249"},
-		{"emoji": "🇩🇴", "name": "flag: Dominican Republic", "shortname": ":flag-do:", "unicode": "1f1e9-1f1f4", "html": "&#127465;&#127476;", "category": "Flags (country-flag)", "order": "2250"},
-		{"emoji": "🇩🇿", "name": "flag: Algeria", "shortname": ":flag-dz:", "unicode": "1f1e9-1f1ff", "html": "&#127465;&#127487;", "category": "Flags (country-flag)", "order": "2251"},
-		{"emoji": "🇪🇦", "name": "flag: Ceuta & Melilla", "shortname": ":flag-ea:", "unicode": "1f1ea-1f1e6", "html": "&#127466;&#127462;", "category": "Flags (country-flag)", "order": "2252"},
-		{"emoji": "🇪🇨", "name": "flag: Ecuador", "shortname": ":flag-ec:", "unicode": "1f1ea-1f1e8", "html": "&#127466;&#127464;", "category": "Flags (country-flag)", "order": "2253"},
-		{"emoji": "🇪🇪", "name": "flag: Estonia", "shortname": ":flag-ee:", "unicode": "1f1ea-1f1ea", "html": "&#127466;&#127466;", "category": "Flags (country-flag)", "order": "2254"},
-		{"emoji": "🇪🇬", "name": "flag: Egypt", "shortname": ":flag-eg:", "unicode": "1f1ea-1f1ec", "html": "&#127466;&#127468;", "category": "Flags (country-flag)", "order": "2255"},
-		{"emoji": "🇪🇭", "name": "flag: Western Sahara", "shortname": ":flag-eh:", "unicode": "1f1ea-1f1ed", "html": "&#127466;&#127469;", "category": "Flags (country-flag)", "order": "2256"},
-		{"emoji": "🇪🇷", "name": "flag: Eritrea", "shortname": ":flag-er:", "unicode": "1f1ea-1f1f7", "html": "&#127466;&#127479;", "category": "Flags (country-flag)", "order": "2257"},
-		{"emoji": "🇪🇸", "name": "flag: Spain", "shortname": ":flag-es:", "unicode": "1f1ea-1f1f8", "html": "&#127466;&#127480;", "category": "Flags (country-flag)", "order": "2258"},
-		{"emoji": "🇪🇹", "name": "flag: Ethiopia", "shortname": ":flag-et:", "unicode": "1f1ea-1f1f9", "html": "&#127466;&#127481;", "category": "Flags (country-flag)", "order": "2259"},
-		{"emoji": "🇪🇺", "name": "flag: European Union", "shortname": ":flag-eu:", "unicode": "1f1ea-1f1fa", "html": "&#127466;&#127482;", "category": "Flags (country-flag)", "order": "2260"},
-		{"emoji": "🇫🇮", "name": "flag: Finland", "shortname": ":flag-fi:", "unicode": "1f1eb-1f1ee", "html": "&#127467;&#127470;", "category": "Flags (country-flag)", "order": "2261"},
-		{"emoji": "🇫🇯", "name": "flag: Fiji", "shortname": ":flag-fj:", "unicode": "1f1eb-1f1ef", "html": "&#127467;&#127471;", "category": "Flags (country-flag)", "order": "2262"},
-		{"emoji": "🇫🇰", "name": "flag: Falkland Islands", "shortname": ":flag-fk:", "unicode": "1f1eb-1f1f0", "html": "&#127467;&#127472;", "category": "Flags (country-flag)", "order": "2263"},
-		{"emoji": "🇫🇲", "name": "flag: Micronesia", "shortname": ":flag-fm:", "unicode": "1f1eb-1f1f2", "html": "&#127467;&#127474;", "category": "Flags (country-flag)", "order": "2264"},
-		{"emoji": "🇫🇴", "name": "flag: Faroe Islands", "shortname": ":flag-fo:", "unicode": "1f1eb-1f1f4", "html": "&#127467;&#127476;", "category": "Flags (country-flag)", "order": "2265"},
-		{"emoji": "🇫🇷", "name": "flag: France", "shortname": ":flag-fr:", "unicode": "1f1eb-1f1f7", "html": "&#127467;&#127479;", "category": "Flags (country-flag)", "order": "2266"},
-		{"emoji": "🇬🇦", "name": "flag: Gabon", "shortname": ":flag-ga:", "unicode": "1f1ec-1f1e6", "html": "&#127468;&#127462;", "category": "Flags (country-flag)", "order": "2267"},
-		{"emoji": "🇬🇧", "name": "flag: United Kingdom", "shortname": ":flag-gb:", "unicode": "1f1ec-1f1e7", "html": "&#127468;&#127463;", "category": "Flags (country-flag)", "order": "2268"},
-		{"emoji": "🇬🇩", "name": "flag: Grenada", "shortname": ":flag-gd:", "unicode": "1f1ec-1f1e9", "html": "&#127468;&#127465;", "category": "Flags (country-flag)", "order": "2269"},
-		{"emoji": "🇬🇪", "name": "flag: Georgia", "shortname": ":flag-ge:", "unicode": "1f1ec-1f1ea", "html": "&#127468;&#127466;", "category": "Flags (country-flag)", "order": "2270"},
-		{"emoji": "🇬🇫", "name": "flag: French Guiana", "shortname": ":flag-gf:", "unicode": "1f1ec-1f1eb", "html": "&#127468;&#127467;", "category": "Flags (country-flag)", "order": "2271"},
-		{"emoji": "🇬🇬", "name": "flag: Guernsey", "shortname": ":flag-gg:", "unicode": "1f1ec-1f1ec", "html": "&#127468;&#127468;", "category": "Flags (country-flag)", "order": "2272"},
-		{"emoji": "🇬🇭", "name": "flag: Ghana", "shortname": ":flag-gh:", "unicode": "1f1ec-1f1ed", "html": "&#127468;&#127469;", "category": "Flags (country-flag)", "order": "2273"},
-		{"emoji": "🇬🇮", "name": "flag: Gibraltar", "shortname": ":flag-gi:", "unicode": "1f1ec-1f1ee", "html": "&#127468;&#127470;", "category": "Flags (country-flag)", "order": "2274"},
-		{"emoji": "🇬🇱", "name": "flag: Greenland", "shortname": ":flag-gl:", "unicode": "1f1ec-1f1f1", "html": "&#127468;&#127473;", "category": "Flags (country-flag)", "order": "2275"},
-		{"emoji": "🇬🇲", "name": "flag: Gambia", "shortname": ":flag-gm:", "unicode": "1f1ec-1f1f2", "html": "&#127468;&#127474;", "category": "Flags (country-flag)", "order": "2276"},
-		{"emoji": "🇬🇳", "name": "flag: Guinea", "shortname": ":flag-gn:", "unicode": "1f1ec-1f1f3", "html": "&#127468;&#127475;", "category": "Flags (country-flag)", "order": "2277"},
-		{"emoji": "🇬🇵", "name": "flag: Guadeloupe", "shortname": ":flag-gp:", "unicode": "1f1ec-1f1f5", "html": "&#127468;&#127477;", "category": "Flags (country-flag)", "order": "2278"},
-		{"emoji": "🇬🇶", "name": "flag: Equatorial Guinea", "shortname": ":flag-gq:", "unicode": "1f1ec-1f1f6", "html": "&#127468;&#127478;", "category": "Flags (country-flag)", "order": "2279"},
-		{"emoji": "🇬🇷", "name": "flag: Greece", "shortname": ":flag-gr:", "unicode": "1f1ec-1f1f7", "html": "&#127468;&#127479;", "category": "Flags (country-flag)", "order": "2280"},
-		{"emoji": "🇬🇸", "name": "flag: South Georgia & South Sandwich Islands", "shortname": ":flag-gs:", "unicode": "1f1ec-1f1f8", "html": "&#127468;&#127480;", "category": "Flags (country-flag)", "order": "2281"},
-		{"emoji": "🇬🇹", "name": "flag: Guatemala", "shortname": ":flag-gt:", "unicode": "1f1ec-1f1f9", "html": "&#127468;&#127481;", "category": "Flags (country-flag)", "order": "2282"},
-		{"emoji": "🇬🇺", "name": "flag: Guam", "shortname": ":flag-gu:", "unicode": "1f1ec-1f1fa", "html": "&#127468;&#127482;", "category": "Flags (country-flag)", "order": "2283"},
-		{"emoji": "🇬🇼", "name": "flag: Guinea-Bissau", "shortname": ":flag-gw:", "unicode": "1f1ec-1f1fc", "html": "&#127468;&#127484;", "category": "Flags (country-flag)", "order": "2284"},
-		{"emoji": "🇬🇾", "name": "flag: Guyana", "shortname": ":flag-gy:", "unicode": "1f1ec-1f1fe", "html": "&#127468;&#127486;", "category": "Flags (country-flag)", "order": "2285"},
-		{"emoji": "🇭🇰", "name": "flag: Hong Kong SAR China", "shortname": ":flag-hk:", "unicode": "1f1ed-1f1f0", "html": "&#127469;&#127472;", "category": "Flags (country-flag)", "order": "2286"},
-		{"emoji": "🇭🇲", "name": "flag: Heard & McDonald Islands", "shortname": ":flag-hm:", "unicode": "1f1ed-1f1f2", "html": "&#127469;&#127474;", "category": "Flags (country-flag)", "order": "2287"},
-		{"emoji": "🇭🇳", "name": "flag: Honduras", "shortname": ":flag-hn:", "unicode": "1f1ed-1f1f3", "html": "&#127469;&#127475;", "category": "Flags (country-flag)", "order": "2288"},
-		{"emoji": "🇭🇷", "name": "flag: Croatia", "shortname": ":flag-hr:", "unicode": "1f1ed-1f1f7", "html": "&#127469;&#127479;", "category": "Flags (country-flag)", "order": "2289"},
-		{"emoji": "🇭🇹", "name": "flag: Haiti", "shortname": ":flag-ht:", "unicode": "1f1ed-1f1f9", "html": "&#127469;&#127481;", "category": "Flags (country-flag)", "order": "2290"},
-		{"emoji": "🇭🇺", "name": "flag: Hungary", "shortname": ":flag-hu:", "unicode": "1f1ed-1f1fa", "html": "&#127469;&#127482;", "category": "Flags (country-flag)", "order": "2291"},
-		{"emoji": "🇮🇨", "name": "flag: Canary Islands", "shortname": ":flag-ic:", "unicode": "1f1ee-1f1e8", "html": "&#127470;&#127464;", "category": "Flags (country-flag)", "order": "2292"},
-		{"emoji": "🇮🇩", "name": "flag: Indonesia", "shortname": ":flag-id:", "unicode": "1f1ee-1f1e9", "html": "&#127470;&#127465;", "category": "Flags (country-flag)", "order": "2293"},
-		{"emoji": "🇮🇪", "name": "flag: Ireland", "shortname": ":flag-ie:", "unicode": "1f1ee-1f1ea", "html": "&#127470;&#127466;", "category": "Flags (country-flag)", "order": "2294"},
-		{"emoji": "🇮🇱", "name": "flag: Israel", "shortname": ":flag-il:", "unicode": "1f1ee-1f1f1", "html": "&#127470;&#127473;", "category": "Flags (country-flag)", "order": "2295"},
-		{"emoji": "🇮🇲", "name": "flag: Isle of Man", "shortname": ":flag-im:", "unicode": "1f1ee-1f1f2", "html": "&#127470;&#127474;", "category": "Flags (country-flag)", "order": "2296"},
-		{"emoji": "🇮🇳", "name": "flag: India", "shortname": ":flag-in:", "unicode": "1f1ee-1f1f3", "html": "&#127470;&#127475;", "category": "Flags (country-flag)", "order": "2297"},
-		{"emoji": "🇮🇴", "name": "flag: British Indian Ocean Territory", "shortname": ":flag-io:", "unicode": "1f1ee-1f1f4", "html": "&#127470;&#127476;", "category": "Flags (country-flag)", "order": "2298"},
-		{"emoji": "🇮🇶", "name": "flag: Iraq", "shortname": ":flag-iq:", "unicode": "1f1ee-1f1f6", "html": "&#127470;&#127478;", "category": "Flags (country-flag)", "order": "2299"},
-		{"emoji": "🇮🇷", "name": "flag: Iran", "shortname": ":flag-ir:", "unicode": "1f1ee-1f1f7", "html": "&#127470;&#127479;", "category": "Flags (country-flag)", "order": "2300"},
-		{"emoji": "🇮🇸", "name": "flag: Iceland", "shortname": ":flag-is:", "unicode": "1f1ee-1f1f8", "html": "&#127470;&#127480;", "category": "Flags (country-flag)", "order": "2301"},
-		{"emoji": "🇮🇹", "name": "flag: Italy", "shortname": ":flag-it:", "unicode": "1f1ee-1f1f9", "html": "&#127470;&#127481;", "category": "Flags (country-flag)", "order": "2302"},
-		{"emoji": "🇯🇪", "name": "flag: Jersey", "shortname": ":flag-je:", "unicode": "1f1ef-1f1ea", "html": "&#127471;&#127466;", "category": "Flags (country-flag)", "order": "2303"},
-		{"emoji": "🇯🇲", "name": "flag: Jamaica", "shortname": ":flag-jm:", "unicode": "1f1ef-1f1f2", "html": "&#127471;&#127474;", "category": "Flags (country-flag)", "order": "2304"},
-		{"emoji": "🇯🇴", "name": "flag: Jordan", "shortname": ":flag-jo:", "unicode": "1f1ef-1f1f4", "html": "&#127471;&#127476;", "category": "Flags (country-flag)", "order": "2305"},
-		{"emoji": "🇯🇵", "name": "flag: Japan", "shortname": ":flag-jp:", "unicode": "1f1ef-1f1f5", "html": "&#127471;&#127477;", "category": "Flags (country-flag)", "order": "2306"},
-		{"emoji": "🇰🇪", "name": "flag: Kenya", "shortname": ":flag-ke:", "unicode": "1f1f0-1f1ea", "html": "&#127472;&#127466;", "category": "Flags (country-flag)", "order": "2307"},
-		{"emoji": "🇰🇬", "name": "flag: Kyrgyzstan", "shortname": ":flag-kg:", "unicode": "1f1f0-1f1ec", "html": "&#127472;&#127468;", "category": "Flags (country-flag)", "order": "2308"},
-		{"emoji": "🇰🇭", "name": "flag: Cambodia", "shortname": ":flag-kh:", "unicode": "1f1f0-1f1ed", "html": "&#127472;&#127469;", "category": "Flags (country-flag)", "order": "2309"},
-		{"emoji": "🇰🇮", "name": "flag: Kiribati", "shortname": ":flag-ki:", "unicode": "1f1f0-1f1ee", "html": "&#127472;&#127470;", "category": "Flags (country-flag)", "order": "2310"},
-		{"emoji": "🇰🇲", "name": "flag: Comoros", "shortname": ":flag-km:", "unicode": "1f1f0-1f1f2", "html": "&#127472;&#127474;", "category": "Flags (country-flag)", "order": "2311"},
-		{"emoji": "🇰🇳", "name": "flag: St. Kitts & Nevis", "shortname": ":flag-kn:", "unicode": "1f1f0-1f1f3", "html": "&#127472;&#127475;", "category": "Flags (country-flag)", "order": "2312"},
-		{"emoji": "🇰🇵", "name": "flag: North Korea", "shortname": ":flag-kp:", "unicode": "1f1f0-1f1f5", "html": "&#127472;&#127477;", "category": "Flags (country-flag)", "order": "2313"},
-		{"emoji": "🇰🇷", "name": "flag: South Korea", "shortname": ":flag-kr:", "unicode": "1f1f0-1f1f7", "html": "&#127472;&#127479;", "category": "Flags (country-flag)", "order": "2314"},
-		{"emoji": "🇰🇼", "name": "flag: Kuwait", "shortname": ":flag-kw:", "unicode": "1f1f0-1f1fc", "html": "&#127472;&#127484;", "category": "Flags (country-flag)", "order": "2315"},
-		{"emoji": "🇰🇾", "name": "flag: Cayman Islands", "shortname": ":flag-ky:", "unicode": "1f1f0-1f1fe", "html": "&#127472;&#127486;", "category": "Flags (country-flag)", "order": "2316"},
-		{"emoji": "🇰🇿", "name": "flag: Kazakhstan", "shortname": ":flag-kz:", "unicode": "1f1f0-1f1ff", "html": "&#127472;&#127487;", "category": "Flags (country-flag)", "order": "2317"},
-		{"emoji": "🇱🇦", "name": "flag: Laos", "shortname": ":flag-la:", "unicode": "1f1f1-1f1e6", "html": "&#127473;&#127462;", "category": "Flags (country-flag)", "order": "2318"},
-		{"emoji": "🇱🇧", "name": "flag: Lebanon", "shortname": ":flag-lb:", "unicode": "1f1f1-1f1e7", "html": "&#127473;&#127463;", "category": "Flags (country-flag)", "order": "2319"},
-		{"emoji": "🇱🇨", "name": "flag: St. Lucia", "shortname": ":flag-lc:", "unicode": "1f1f1-1f1e8", "html": "&#127473;&#127464;", "category": "Flags (country-flag)", "order": "2320"},
-		{"emoji": "🇱🇮", "name": "flag: Liechtenstein", "shortname": ":flag-li:", "unicode": "1f1f1-1f1ee", "html": "&#127473;&#127470;", "category": "Flags (country-flag)", "order": "2321"},
-		{"emoji": "🇱🇰", "name": "flag: Sri Lanka", "shortname": ":flag-lk:", "unicode": "1f1f1-1f1f0", "html": "&#127473;&#127472;", "category": "Flags (country-flag)", "order": "2322"},
-		{"emoji": "🇱🇷", "name": "flag: Liberia", "shortname": ":flag-lr:", "unicode": "1f1f1-1f1f7", "html": "&#127473;&#127479;", "category": "Flags (country-flag)", "order": "2323"},
-		{"emoji": "🇱🇸", "name": "flag: Lesotho", "shortname": ":flag-ls:", "unicode": "1f1f1-1f1f8", "html": "&#127473;&#127480;", "category": "Flags (country-flag)", "order": "2324"},
-		{"emoji": "🇱🇹", "name": "flag: Lithuania", "shortname": ":flag-lt:", "unicode": "1f1f1-1f1f9", "html": "&#127473;&#127481;", "category": "Flags (country-flag)", "order": "2325"},
-		{"emoji": "🇱🇺", "name": "flag: Luxembourg", "shortname": ":flag-lu:", "unicode": "1f1f1-1f1fa", "html": "&#127473;&#127482;", "category": "Flags (country-flag)", "order": "2326"},
-		{"emoji": "🇱🇻", "name": "flag: Latvia", "shortname": ":flag-lv:", "unicode": "1f1f1-1f1fb", "html": "&#127473;&#127483;", "category": "Flags (country-flag)", "order": "2327"},
-		{"emoji": "🇱🇾", "name": "flag: Libya", "shortname": ":flag-ly:", "unicode": "1f1f1-1f1fe", "html": "&#127473;&#127486;", "category": "Flags (country-flag)", "order": "2328"},
-		{"emoji": "🇲🇦", "name": "flag: Morocco", "shortname": ":flag-ma:", "unicode": "1f1f2-1f1e6", "html": "&#127474;&#127462;", "category": "Flags (country-flag)", "order": "2329"},
-		{"emoji": "🇲🇨", "name": "flag: Monaco", "shortname": ":flag-mc:", "unicode": "1f1f2-1f1e8", "html": "&#127474;&#127464;", "category": "Flags (country-flag)", "order": "2330"},
-		{"emoji": "🇲🇩", "name": "flag: Moldova", "shortname": ":flag-md:", "unicode": "1f1f2-1f1e9", "html": "&#127474;&#127465;", "category": "Flags (country-flag)", "order": "2331"},
-		{"emoji": "🇲🇪", "name": "flag: Montenegro", "shortname": ":flag-me:", "unicode": "1f1f2-1f1ea", "html": "&#127474;&#127466;", "category": "Flags (country-flag)", "order": "2332"},
-		{"emoji": "🇲🇫", "name": "flag: St. Martin", "shortname": ":flag-mf:", "unicode": "1f1f2-1f1eb", "html": "&#127474;&#127467;", "category": "Flags (country-flag)", "order": "2333"},
-		{"emoji": "🇲🇬", "name": "flag: Madagascar", "shortname": ":flag-mg:", "unicode": "1f1f2-1f1ec", "html": "&#127474;&#127468;", "category": "Flags (country-flag)", "order": "2334"},
-		{"emoji": "🇲🇭", "name": "flag: Marshall Islands", "shortname": ":flag-mh:", "unicode": "1f1f2-1f1ed", "html": "&#127474;&#127469;", "category": "Flags (country-flag)", "order": "2335"},
-		{"emoji": "🇲🇰", "name": "flag: North Macedonia", "shortname": ":flag-mk:", "unicode": "1f1f2-1f1f0", "html": "&#127474;&#127472;", "category": "Flags (country-flag)", "order": "2336"},
-		{"emoji": "🇲🇱", "name": "flag: Mali", "shortname": ":flag-ml:", "unicode": "1f1f2-1f1f1", "html": "&#127474;&#127473;", "category": "Flags (country-flag)", "order": "2337"},
-		{"emoji": "🇲🇲", "name": "flag: Myanmar (Burma)", "shortname": ":flag-mm:", "unicode": "1f1f2-1f1f2", "html": "&#127474;&#127474;", "category": "Flags (country-flag)", "order": "2338"},
-		{"emoji": "🇲🇳", "name": "flag: Mongolia", "shortname": ":flag-mn:", "unicode": "1f1f2-1f1f3", "html": "&#127474;&#127475;", "category": "Flags (country-flag)", "order": "2339"},
-		{"emoji": "🇲🇴", "name": "flag: Macao SAR China", "shortname": ":flag-mo:", "unicode": "1f1f2-1f1f4", "html": "&#127474;&#127476;", "category": "Flags (country-flag)", "order": "2340"},
-		{"emoji": "🇲🇵", "name": "flag: Northern Mariana Islands", "shortname": ":flag-mp:", "unicode": "1f1f2-1f1f5", "html": "&#127474;&#127477;", "category": "Flags (country-flag)", "order": "2341"},
-		{"emoji": "🇲🇶", "name": "flag: Martinique", "shortname": ":flag-mq:", "unicode": "1f1f2-1f1f6", "html": "&#127474;&#127478;", "category": "Flags (country-flag)", "order": "2342"},
-		{"emoji": "🇲🇷", "name": "flag: Mauritania", "shortname": ":flag-mr:", "unicode": "1f1f2-1f1f7", "html": "&#127474;&#127479;", "category": "Flags (country-flag)", "order": "2343"},
-		{"emoji": "🇲🇸", "name": "flag: Montserrat", "shortname": ":flag-ms:", "unicode": "1f1f2-1f1f8", "html": "&#127474;&#127480;", "category": "Flags (country-flag)", "order": "2344"},
-		{"emoji": "🇲🇹", "name": "flag: Malta", "shortname": ":flag-mt:", "unicode": "1f1f2-1f1f9", "html": "&#127474;&#127481;", "category": "Flags (country-flag)", "order": "2345"},
-		{"emoji": "🇲🇺", "name": "flag: Mauritius", "shortname": ":flag-mu:", "unicode": "1f1f2-1f1fa", "html": "&#127474;&#127482;", "category": "Flags (country-flag)", "order": "2346"},
-		{"emoji": "🇲🇻", "name": "flag: Maldives", "shortname": ":flag-mv:", "unicode": "1f1f2-1f1fb", "html": "&#127474;&#127483;", "category": "Flags (country-flag)", "order": "2347"},
-		{"emoji": "🇲🇼", "name": "flag: Malawi", "shortname": ":flag-mw:", "unicode": "1f1f2-1f1fc", "html": "&#127474;&#127484;", "category": "Flags (country-flag)", "order": "2348"},
-		{"emoji": "🇲🇽", "name": "flag: Mexico", "shortname": ":flag-mx:", "unicode": "1f1f2-1f1fd", "html": "&#127474;&#127485;", "category": "Flags (country-flag)", "order": "2349"},
-		{"emoji": "🇲🇾", "name": "flag: Malaysia", "shortname": ":flag-my:", "unicode": "1f1f2-1f1fe", "html": "&#127474;&#127486;", "category": "Flags (country-flag)", "order": "2350"},
-		{"emoji": "🇲🇿", "name": "flag: Mozambique", "shortname": ":flag-mz:", "unicode": "1f1f2-1f1ff", "html": "&#127474;&#127487;", "category": "Flags (country-flag)", "order": "2351"},
-		{"emoji": "🇳🇦", "name": "flag: Namibia", "shortname": ":flag-na:", "unicode": "1f1f3-1f1e6", "html": "&#127475;&#127462;", "category": "Flags (country-flag)", "order": "2352"},
-		{"emoji": "🇳🇨", "name": "flag: New Caledonia", "shortname": ":flag-nc:", "unicode": "1f1f3-1f1e8", "html": "&#127475;&#127464;", "category": "Flags (country-flag)", "order": "2353"},
-		{"emoji": "🇳🇪", "name": "flag: Niger", "shortname": ":flag-ne:", "unicode": "1f1f3-1f1ea", "html": "&#127475;&#127466;", "category": "Flags (country-flag)", "order": "2354"},
-		{"emoji": "🇳🇫", "name": "flag: Norfolk Island", "shortname": ":flag-nf:", "unicode": "1f1f3-1f1eb", "html": "&#127475;&#127467;", "category": "Flags (country-flag)", "order": "2355"},
-		{"emoji": "🇳🇬", "name": "flag: Nigeria", "shortname": ":flag-ng:", "unicode": "1f1f3-1f1ec", "html": "&#127475;&#127468;", "category": "Flags (country-flag)", "order": "2356"},
-		{"emoji": "🇳🇮", "name": "flag: Nicaragua", "shortname": ":flag-ni:", "unicode": "1f1f3-1f1ee", "html": "&#127475;&#127470;", "category": "Flags (country-flag)", "order": "2357"},
-		{"emoji": "🇳🇱", "name": "flag: Netherlands", "shortname": ":flag-nl:", "unicode": "1f1f3-1f1f1", "html": "&#127475;&#127473;", "category": "Flags (country-flag)", "order": "2358"},
-		{"emoji": "🇳🇴", "name": "flag: Norway", "shortname": ":flag-no:", "unicode": "1f1f3-1f1f4", "html": "&#127475;&#127476;", "category": "Flags (country-flag)", "order": "2359"},
-		{"emoji": "🇳🇵", "name": "flag: Nepal", "shortname": ":flag-np:", "unicode": "1f1f3-1f1f5", "html": "&#127475;&#127477;", "category": "Flags (country-flag)", "order": "2360"},
-		{"emoji": "🇳🇷", "name": "flag: Nauru", "shortname": ":flag-nr:", "unicode": "1f1f3-1f1f7", "html": "&#127475;&#127479;", "category": "Flags (country-flag)", "order": "2361"},
-		{"emoji": "🇳🇺", "name": "flag: Niue", "shortname": ":flag-nu:", "unicode": "1f1f3-1f1fa", "html": "&#127475;&#127482;", "category": "Flags (country-flag)", "order": "2362"},
-		{"emoji": "🇳🇿", "name": "flag: New Zealand", "shortname": ":flag-nz:", "unicode": "1f1f3-1f1ff", "html": "&#127475;&#127487;", "category": "Flags (country-flag)", "order": "2363"},
-		{"emoji": "🇴🇲", "name": "flag: Oman", "shortname": ":flag-om:", "unicode": "1f1f4-1f1f2", "html": "&#127476;&#127474;", "category": "Flags (country-flag)", "order": "2364"},
-		{"emoji": "🇵🇦", "name": "flag: Panama", "shortname": ":flag-pa:", "unicode": "1f1f5-1f1e6", "html": "&#127477;&#127462;", "category": "Flags (country-flag)", "order": "2365"},
-		{"emoji": "🇵🇪", "name": "flag: Peru", "shortname": ":flag-pe:", "unicode": "1f1f5-1f1ea", "html": "&#127477;&#127466;", "category": "Flags (country-flag)", "order": "2366"},
-		{"emoji": "🇵🇫", "name": "flag: French Polynesia", "shortname": ":flag-pf:", "unicode": "1f1f5-1f1eb", "html": "&#127477;&#127467;", "category": "Flags (country-flag)", "order": "2367"},
-		{"emoji": "🇵🇬", "name": "flag: Papua New Guinea", "shortname": ":flag-pg:", "unicode": "1f1f5-1f1ec", "html": "&#127477;&#127468;", "category": "Flags (country-flag)", "order": "2368"},
-		{"emoji": "🇵🇭", "name": "flag: Philippines", "shortname": ":flag-ph:", "unicode": "1f1f5-1f1ed", "html": "&#127477;&#127469;", "category": "Flags (country-flag)", "order": "2369"},
-		{"emoji": "🇵🇰", "name": "flag: Pakistan", "shortname": ":flag-pk:", "unicode": "1f1f5-1f1f0", "html": "&#127477;&#127472;", "category": "Flags (country-flag)", "order": "2370"},
-		{"emoji": "🇵🇱", "name": "flag: Poland", "shortname": ":flag-pl:", "unicode": "1f1f5-1f1f1", "html": "&#127477;&#127473;", "category": "Flags (country-flag)", "order": "2371"},
-		{"emoji": "🇵🇲", "name": "flag: St. Pierre & Miquelon", "shortname": ":flag-pm:", "unicode": "1f1f5-1f1f2", "html": "&#127477;&#127474;", "category": "Flags (country-flag)", "order": "2372"},
-		{"emoji": "🇵🇳", "name": "flag: Pitcairn Islands", "shortname": ":flag-pn:", "unicode": "1f1f5-1f1f3", "html": "&#127477;&#127475;", "category": "Flags (country-flag)", "order": "2373"},
-		{"emoji": "🇵🇷", "name": "flag: Puerto Rico", "shortname": ":flag-pr:", "unicode": "1f1f5-1f1f7", "html": "&#127477;&#127479;", "category": "Flags (country-flag)", "order": "2374"},
-		{"emoji": "🇵🇸", "name": "flag: Palestinian Territories", "shortname": ":flag-ps:", "unicode": "1f1f5-1f1f8", "html": "&#127477;&#127480;", "category": "Flags (country-flag)", "order": "2375"},
-		{"emoji": "🇵🇹", "name": "flag: Portugal", "shortname": ":flag-pt:", "unicode": "1f1f5-1f1f9", "html": "&#127477;&#127481;", "category": "Flags (country-flag)", "order": "2376"},
-		{"emoji": "🇵🇼", "name": "flag: Palau", "shortname": ":flag-pw:", "unicode": "1f1f5-1f1fc", "html": "&#127477;&#127484;", "category": "Flags (country-flag)", "order": "2377"},
-		{"emoji": "🇵🇾", "name": "flag: Paraguay", "shortname": ":flag-py:", "unicode": "1f1f5-1f1fe", "html": "&#127477;&#127486;", "category": "Flags (country-flag)", "order": "2378"},
-		{"emoji": "🇶🇦", "name": "flag: Qatar", "shortname": ":flag-qa:", "unicode": "1f1f6-1f1e6", "html": "&#127478;&#127462;", "category": "Flags (country-flag)", "order": "2379"},
-		{"emoji": "🇷🇪", "name": "flag: Réunion", "shortname": ":flag-re:", "unicode": "1f1f7-1f1ea", "html": "&#127479;&#127466;", "category": "Flags (country-flag)", "order": "2380"},
-		{"emoji": "🇷🇴", "name": "flag: Romania", "shortname": ":flag-ro:", "unicode": "1f1f7-1f1f4", "html": "&#127479;&#127476;", "category": "Flags (country-flag)", "order": "2381"},
-		{"emoji": "🇷🇸", "name": "flag: Serbia", "shortname": ":flag-rs:", "unicode": "1f1f7-1f1f8", "html": "&#127479;&#127480;", "category": "Flags (country-flag)", "order": "2382"},
-		{"emoji": "🇷🇺", "name": "flag: Russia", "shortname": ":flag-ru:", "unicode": "1f1f7-1f1fa", "html": "&#127479;&#127482;", "category": "Flags (country-flag)", "order": "2383"},
-		{"emoji": "🇷🇼", "name": "flag: Rwanda", "shortname": ":flag-rw:", "unicode": "1f1f7-1f1fc", "html": "&#127479;&#127484;", "category": "Flags (country-flag)", "order": "2384"},
-		{"emoji": "🇸🇦", "name": "flag: Saudi Arabia", "shortname": ":flag-sa:", "unicode": "1f1f8-1f1e6", "html": "&#127480;&#127462;", "category": "Flags (country-flag)", "order": "2385"},
-		{"emoji": "🇸🇧", "name": "flag: Solomon Islands", "shortname": ":flag-sb:", "unicode": "1f1f8-1f1e7", "html": "&#127480;&#127463;", "category": "Flags (country-flag)", "order": "2386"},
-		{"emoji": "🇸🇨", "name": "flag: Seychelles", "shortname": ":flag-sc:", "unicode": "1f1f8-1f1e8", "html": "&#127480;&#127464;", "category": "Flags (country-flag)", "order": "2387"},
-		{"emoji": "🇸🇩", "name": "flag: Sudan", "shortname": ":flag-sd:", "unicode": "1f1f8-1f1e9", "html": "&#127480;&#127465;", "category": "Flags (country-flag)", "order": "2388"},
-		{"emoji": "🇸🇪", "name": "flag: Sweden", "shortname": ":flag-se:", "unicode": "1f1f8-1f1ea", "html": "&#127480;&#127466;", "category": "Flags (country-flag)", "order": "2389"},
-		{"emoji": "🇸🇬", "name": "flag: Singapore", "shortname": ":flag-sg:", "unicode": "1f1f8-1f1ec", "html": "&#127480;&#127468;", "category": "Flags (country-flag)", "order": "2390"},
-		{"emoji": "🇸🇭", "name": "flag: St. Helena", "shortname": ":flag-sh:", "unicode": "1f1f8-1f1ed", "html": "&#127480;&#127469;", "category": "Flags (country-flag)", "order": "2391"},
-		{"emoji": "🇸🇮", "name": "flag: Slovenia", "shortname": ":flag-si:", "unicode": "1f1f8-1f1ee", "html": "&#127480;&#127470;", "category": "Flags (country-flag)", "order": "2392"},
-		{"emoji": "🇸🇯", "name": "flag: Svalbard & Jan Mayen", "shortname": ":flag-sj:", "unicode": "1f1f8-1f1ef", "html": "&#127480;&#127471;", "category": "Flags (country-flag)", "order": "2393"},
-		{"emoji": "🇸🇰", "name": "flag: Slovakia", "shortname": ":flag-sk:", "unicode": "1f1f8-1f1f0", "html": "&#127480;&#127472;", "category": "Flags (country-flag)", "order": "2394"},
-		{"emoji": "🇸🇱", "name": "flag: Sierra Leone", "shortname": ":flag-sl:", "unicode": "1f1f8-1f1f1", "html": "&#127480;&#127473;", "category": "Flags (country-flag)", "order": "2395"},
-		{"emoji": "🇸🇲", "name": "flag: San Marino", "shortname": ":flag-sm:", "unicode": "1f1f8-1f1f2", "html": "&#127480;&#127474;", "category": "Flags (country-flag)", "order": "2396"},
-		{"emoji": "🇸🇳", "name": "flag: Senegal", "shortname": ":flag-sn:", "unicode": "1f1f8-1f1f3", "html": "&#127480;&#127475;", "category": "Flags (country-flag)", "order": "2397"},
-		{"emoji": "🇸🇴", "name": "flag: Somalia", "shortname": ":flag-so:", "unicode": "1f1f8-1f1f4", "html": "&#127480;&#127476;", "category": "Flags (country-flag)", "order": "2398"},
-		{"emoji": "🇸🇷", "name": "flag: Suriname", "shortname": ":flag-sr:", "unicode": "1f1f8-1f1f7", "html": "&#127480;&#127479;", "category": "Flags (country-flag)", "order": "2399"},
-		{"emoji": "🇸🇸", "name": "flag: South Sudan", "shortname": ":flag-ss:", "unicode": "1f1f8-1f1f8", "html": "&#127480;&#127480;", "category": "Flags (country-flag)", "order": "2400"},
-		{"emoji": "🇸🇹", "name": "flag: São Tomé & Príncipe", "shortname": ":flag-st:", "unicode": "1f1f8-1f1f9", "html": "&#127480;&#127481;", "category": "Flags (country-flag)", "order": "2401"},
-		{"emoji": "🇸🇻", "name": "flag: El Salvador", "shortname": ":flag-sv:", "unicode": "1f1f8-1f1fb", "html": "&#127480;&#127483;", "category": "Flags (country-flag)", "order": "2402"},
-		{"emoji": "🇸🇽", "name": "flag: Sint Maarten", "shortname": ":flag-sx:", "unicode": "1f1f8-1f1fd", "html": "&#127480;&#127485;", "category": "Flags (country-flag)", "order": "2403"},
-		{"emoji": "🇸🇾", "name": "flag: Syria", "shortname": ":flag-sy:", "unicode": "1f1f8-1f1fe", "html": "&#127480;&#127486;", "category": "Flags (country-flag)", "order": "2404"},
-		{"emoji": "🇸🇿", "name": "flag: Eswatini", "shortname": ":flag-sz:", "unicode": "1f1f8-1f1ff", "html": "&#127480;&#127487;", "category": "Flags (country-flag)", "order": "2405"},
-		{"emoji": "🇹🇦", "name": "flag: Tristan da Cunha", "shortname": ":flag-ta:", "unicode": "1f1f9-1f1e6", "html": "&#127481;&#127462;", "category": "Flags (country-flag)", "order": "2406"},
-		{"emoji": "🇹🇨", "name": "flag: Turks & Caicos Islands", "shortname": ":flag-tc:", "unicode": "1f1f9-1f1e8", "html": "&#127481;&#127464;", "category": "Flags (country-flag)", "order": "2407"},
-		{"emoji": "🇹🇩", "name": "flag: Chad", "shortname": ":flag-td:", "unicode": "1f1f9-1f1e9", "html": "&#127481;&#127465;", "category": "Flags (country-flag)", "order": "2408"},
-		{"emoji": "🇹🇫", "name": "flag: French Southern Territories", "shortname": ":flag-tf:", "unicode": "1f1f9-1f1eb", "html": "&#127481;&#127467;", "category": "Flags (country-flag)", "order": "2409"},
-		{"emoji": "🇹🇬", "name": "flag: Togo", "shortname": ":flag-tg:", "unicode": "1f1f9-1f1ec", "html": "&#127481;&#127468;", "category": "Flags (country-flag)", "order": "2410"},
-		{"emoji": "🇹🇭", "name": "flag: Thailand", "shortname": ":flag-th:", "unicode": "1f1f9-1f1ed", "html": "&#127481;&#127469;", "category": "Flags (country-flag)", "order": "2411"},
-		{"emoji": "🇹🇯", "name": "flag: Tajikistan", "shortname": ":flag-tj:", "unicode": "1f1f9-1f1ef", "html": "&#127481;&#127471;", "category": "Flags (country-flag)", "order": "2412"},
-		{"emoji": "🇹🇰", "name": "flag: Tokelau", "shortname": ":flag-tk:", "unicode": "1f1f9-1f1f0", "html": "&#127481;&#127472;", "category": "Flags (country-flag)", "order": "2413"},
-		{"emoji": "🇹🇱", "name": "flag: Timor-Leste", "shortname": ":flag-tl:", "unicode": "1f1f9-1f1f1", "html": "&#127481;&#127473;", "category": "Flags (country-flag)", "order": "2414"},
-		{"emoji": "🇹🇲", "name": "flag: Turkmenistan", "shortname": ":flag-tm:", "unicode": "1f1f9-1f1f2", "html": "&#127481;&#127474;", "category": "Flags (country-flag)", "order": "2415"},
-		{"emoji": "🇹🇳", "name": "flag: Tunisia", "shortname": ":flag-tn:", "unicode": "1f1f9-1f1f3", "html": "&#127481;&#127475;", "category": "Flags (country-flag)", "order": "2416"},
-		{"emoji": "🇹🇴", "name": "flag: Tonga", "shortname": ":flag-to:", "unicode": "1f1f9-1f1f4", "html": "&#127481;&#127476;", "category": "Flags (country-flag)", "order": "2417"},
-		{"emoji": "🇹🇷", "name": "flag: Turkey", "shortname": ":flag-tr:", "unicode": "1f1f9-1f1f7", "html": "&#127481;&#127479;", "category": "Flags (country-flag)", "order": "2418"},
-		{"emoji": "🇹🇹", "name": "flag: Trinidad & Tobago", "shortname": ":flag-tt:", "unicode": "1f1f9-1f1f9", "html": "&#127481;&#127481;", "category": "Flags (country-flag)", "order": "2419"},
-		{"emoji": "🇹🇻", "name": "flag: Tuvalu", "shortname": ":flag-tv:", "unicode": "1f1f9-1f1fb", "html": "&#127481;&#127483;", "category": "Flags (country-flag)", "order": "2420"},
-		{"emoji": "🇹🇼", "name": "flag: Taiwan", "shortname": ":flag-tw:", "unicode": "1f1f9-1f1fc", "html": "&#127481;&#127484;", "category": "Flags (country-flag)", "order": "2421"},
-		{"emoji": "🇹🇿", "name": "flag: Tanzania", "shortname": ":flag-tz:", "unicode": "1f1f9-1f1ff", "html": "&#127481;&#127487;", "category": "Flags (country-flag)", "order": "2422"},
-		{"emoji": "🇺🇦", "name": "flag: Ukraine", "shortname": ":flag-ua:", "unicode": "1f1fa-1f1e6", "html": "&#127482;&#127462;", "category": "Flags (country-flag)", "order": "2423"},
-		{"emoji": "🇺🇬", "name": "flag: Uganda", "shortname": ":flag-ug:", "unicode": "1f1fa-1f1ec", "html": "&#127482;&#127468;", "category": "Flags (country-flag)", "order": "2424"},
-		{"emoji": "🇺🇲", "name": "flag: U.S. Outlying Islands", "shortname": ":flag-um:", "unicode": "1f1fa-1f1f2", "html": "&#127482;&#127474;", "category": "Flags (country-flag)", "order": "2425"},
-		{"emoji": "🇺🇸", "name": "flag: United States", "shortname": ":flag-us:", "unicode": "1f1fa-1f1f8", "html": "&#127482;&#127480;", "category": "Flags (country-flag)", "order": "2427"},
-		{"emoji": "🇺🇾", "name": "flag: Uruguay", "shortname": ":flag-uy:", "unicode": "1f1fa-1f1fe", "html": "&#127482;&#127486;", "category": "Flags (country-flag)", "order": "2428"},
-		{"emoji": "🇺🇿", "name": "flag: Uzbekistan", "shortname": ":flag-uz:", "unicode": "1f1fa-1f1ff", "html": "&#127482;&#127487;", "category": "Flags (country-flag)", "order": "2429"},
-		{"emoji": "🇻🇦", "name": "flag: Vatican City", "shortname": ":flag-va:", "unicode": "1f1fb-1f1e6", "html": "&#127483;&#127462;", "category": "Flags (country-flag)", "order": "2430"},
-		{"emoji": "🇻🇨", "name": "flag: St. Vincent & Grenadines", "shortname": ":flag-vc:", "unicode": "1f1fb-1f1e8", "html": "&#127483;&#127464;", "category": "Flags (country-flag)", "order": "2431"},
-		{"emoji": "🇻🇪", "name": "flag: Venezuela", "shortname": ":flag-ve:", "unicode": "1f1fb-1f1ea", "html": "&#127483;&#127466;", "category": "Flags (country-flag)", "order": "2432"},
-		{"emoji": "🇻🇬", "name": "flag: British Virgin Islands", "shortname": ":flag-vg:", "unicode": "1f1fb-1f1ec", "html": "&#127483;&#127468;", "category": "Flags (country-flag)", "order": "2433"},
-		{"emoji": "🇻🇮", "name": "flag: U.S. Virgin Islands", "shortname": ":flag-vi:", "unicode": "1f1fb-1f1ee", "html": "&#127483;&#127470;", "category": "Flags (country-flag)", "order": "2434"},
-		{"emoji": "🇻🇳", "name": "flag: Vietnam", "shortname": ":flag-vn:", "unicode": "1f1fb-1f1f3", "html": "&#127483;&#127475;", "category": "Flags (country-flag)", "order": "2435"},
-		{"emoji": "🇻🇺", "name": "flag: Vanuatu", "shortname": ":flag_vu:", "unicode": "1f1fb-1f1fa", "html": "&#127483;&#127482;", "category": "Flags (country-flag)", "order": "2436"},
-		{"emoji": "🇼🇫", "name": "flag: Wallis & Futuna", "shortname": ":flag_wf:", "unicode": "1f1fc-1f1eb", "html": "&#127484;&#127467;", "category": "Flags (country-flag)", "order": "2437"},
-		{"emoji": "🇼🇸", "name": "flag: Samoa", "shortname": ":flag_ws:", "unicode": "1f1fc-1f1f8", "html": "&#127484;&#127480;", "category": "Flags (country-flag)", "order": "2438"},
-		{"emoji": "🇽🇰", "name": "flag: Kosovo", "shortname": ":flag_xk:", "unicode": "1f1fd-1f1f0", "html": "&#127485;&#127472;", "category": "Flags (country-flag)", "order": "2439"},
-		{"emoji": "🇾🇪", "name": "flag: Yemen", "shortname": ":flag_ye:", "unicode": "1f1fe-1f1ea", "html": "&#127486;&#127466;", "category": "Flags (country-flag)", "order": "2440"},
-		{"emoji": "🇾🇹", "name": "flag: Mayotte", "shortname": ":flag_yt:", "unicode": "1f1fe-1f1f9", "html": "&#127486;&#127481;", "category": "Flags (country-flag)", "order": "2441"},
-		{"emoji": "🇿🇦", "name": "flag: South Africa", "shortname": ":flag_za:", "unicode": "1f1ff-1f1e6", "html": "&#127487;&#127462;", "category": "Flags (country-flag)", "order": "2442"},
-		{"emoji": "🇿🇲", "name": "flag: Zambia", "shortname": ":flag_zm:", "unicode": "1f1ff-1f1f2", "html": "&#127487;&#127474;", "category": "Flags (country-flag)", "order": "2443"},
-		{"emoji": "🇿🇼", "name": "flag: Zimbabwe", "shortname": ":flag_zw:", "unicode": "1f1ff-1f1fc", "html": "&#127487;&#127484;", "category": "Flags (country-flag)", "order": "2444"},
-		{"emoji": "🖤", "name": "black heart", "shortname": ":black_heart:", "unicode": "1f5a4", "html": "&#128420;", "category": "Smileys & Emotion (emotion)", "order": "1296"},
-		{"emoji": "🗨", "name": "left speech bubble", "shortname": ":speech_left:", "unicode": "1f5e8", "html": "&#128488;", "category": "Smileys & Emotion (emotion)", "order": "1310"},
-		{"emoji": "🥚", "name": "egg", "shortname": ":egg:", "unicode": "1f95a", "html": "&#129370;", "category": "Food & Drink (food-prepared)", "order": "1489"},
-		{"emoji": "🛑", "name": "stop sign", "shortname": ":octagonal_sign:", "unicode": "1f6d1", "html": "&#128721;", "category": "Travel & Places (transport-ground)", "order": "1641"},
-		{"emoji": "♠", "name": "spade suit", "shortname": ":spades:", "unicode": "2660", "html": "&spades;", "category": "Activities (game)", "order": "1807"},
-		{"emoji": "♥", "name": "heart suit", "shortname": ":hearts:", "unicode": "2665", "html": "&hearts;", "category": "Activities (game)", "order": "1808"},
-		{"emoji": "♦", "name": "diamond suit", "shortname": ":diamonds:", "unicode": "2666", "html": "&diams;", "category": "Activities (game)", "order": "1809"},
-		{"emoji": "♣", "name": "club suit", "shortname": ":clubs:", "unicode": "2663", "html": "&clubs;", "category": "Activities (game)", "order": "1810"},
-		{"emoji": "🥁", "name": "drum", "shortname": ":drum:", "unicode": "1f941", "html": "&#129345;", "category": "Objects (musical-instrument)", "order": "1837"},
-		{"emoji": "↔", "name": "left-right arrow", "shortname": ":left_right_arrow:", "unicode": "2194", "html": "&harr;", "category": "Symbols (arrow)", "order": "2011"},
-		{"emoji": "©", "name": "copyright", "shortname": ":copyright:", "unicode": "00a9", "html": "&copy;", "category": "Symbols (other-symbol)", "order": "2103"},
-		{"emoji": "®", "name": "registered", "shortname": ":registered:", "unicode": "00ae", "html": "&reg;", "category": "Symbols (other-symbol)", "order": "2104"},
-		{"emoji": "™", "name": "trade mark", "shortname": ":tm:", "unicode": "2122", "html": "&trade;", "category": "Symbols (other-symbol)", "order": "2105"},
-		{"emoji": "0️⃣", "name": "keycap: 0", "shortname": ":0:", "unicode": "0030 FE0F 20E3", "html": "&#48;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "1️⃣", "name": "keycap: 1", "shortname": ":1:", "unicode": "0031 FE0F 20E3", "html": "&#49;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "2️⃣", "name": "keycap: 2", "shortname": ":2:", "unicode": "0032 FE0F 20E3", "html": "&#50;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "3️⃣", "name": "keycap: 3", "shortname": ":3:", "unicode": "0033 FE0F 20E3", "html": "&#51;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "4️⃣", "name": "keycap: 4", "shortname": ":4:", "unicode": "0034 FE0F 20E3", "html": "&#52;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "5️⃣", "name": "keycap: 5", "shortname": ":5:", "unicode": "0035 FE0F 20E3", "html": "&#53;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "6️⃣", "name": "keycap: 6", "shortname": ":6:", "unicode": "0036 FE0F 20E3", "html": "&#54;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "7️⃣", "name": "keycap: 7", "shortname": ":7:", "unicode": "0037 FE0F 20E3", "html": "&#55;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "8️⃣", "name": "keycap: 8", "shortname": ":8:", "unicode": "0038 FE0F 20E3", "html": "&#56;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "9️⃣", "name": "keycap: 9", "shortname": ":9:", "unicode": "0039 FE0F 20E3", "html": "&#57;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "#⃣", "name": "keycap: #", "shortname": ":hash:", "unicode": "0023-20e3", "html": "#&#8419;", "category": "Symbols (keycap)", "order": "2106"},
-		{"emoji": "*⃣", "name": "keycap: #", "shortname": ":asterisk:", "unicode": "002a-20e3", "html": "*&#8419;", "category": "Symbols (keycap)", "order": "2107"},
-		{"emoji": "0⃣", "name": "keycap: 0", "shortname": ":zero:", "unicode": "0030-20e3", "html": "0&#8419;", "category": "Symbols (keycap)", "order": "2108"},
-		{"emoji": "1⃣", "name": "keycap: 1", "shortname": ":one:", "unicode": "0031-20e3", "html": "1&#8419;", "category": "Symbols (keycap)", "order": "2109"},
-		{"emoji": "2⃣", "name": "keycap: 2", "shortname": ":two:", "unicode": "0032-20e3", "html": "2&#8419;", "category": "Symbols (keycap)", "order": "2110"},
-		{"emoji": "3⃣", "name": "keycap: 3", "shortname": ":three:", "unicode": "0033-20e3", "html": "3&#8419;", "category": "Symbols (keycap)", "order": "2111"},
-		{"emoji": "4⃣", "name": "keycap: 4", "shortname": ":four:", "unicode": "0034-20e3", "html": "4&#8419;", "category": "Symbols (keycap)", "order": "2112"},
-		{"emoji": "5⃣", "name": "keycap: 5", "shortname": ":five:", "unicode": "0035-20e3", "html": "5&#8419;", "category": "Symbols (keycap)", "order": "2113"},
-		{"emoji": "6⃣", "name": "keycap: 6", "shortname": ":six:", "unicode": "0036-20e3", "html": "6&#8419;", "category": "Symbols (keycap)", "order": "2114"},
-		{"emoji": "7⃣", "name": "keycap: 7", "shortname": ":seven:", "unicode": "0037-20e3", "html": "7&#8419;", "category": "Symbols (keycap)", "order": "2115"},
-		{"emoji": "8⃣", "name": "keycap: 8", "shortname": ":eight:", "unicode": "0038-20e3", "html": "8&#8419;", "category": "Symbols (keycap)", "order": "2116"},
-		{"emoji": "9⃣", "name": "keycap: 9", "shortname": ":nine:", "unicode": "0039-20e3", "html": "9&#8419;", "category": "Symbols (keycap)", "order": "2117"},
-		{"emoji": "🤣", "name": "rolling on the floor laughing", "shortname": ":rolling_on_the_floor_laughing:", "unicode": "1F923", "html": "&#x1F923;", "category": "Smileys & Emotion (face-smiling)", "order": ""},
-		{"emoji": "🥰", "name": "smiling face with hearts", "shortname": ":smiling_face_with_hearts:", "unicode": "1F970", "html": "&#x1F970;", "category": "Smileys & Emotion (face-affection)", "order": ""},
-		{"emoji": "🤩", "name": "star-struck", "shortname": ":starstruck:", "unicode": "1F929", "html": "&#x1F929;", "category": "Smileys & Emotion (face-affection)", "order": ""},
-		{"emoji": "☺", "name": "smiling face", "shortname": ":smiling_face:", "unicode": "263A", "html": "&#x263A;", "category": "Smileys & Emotion (face-affection)", "order": ""},
-		{"emoji": "🤪", "name": "zany face", "shortname": ":zany_face:", "unicode": "1F92A", "html": "&#x1F92A;", "category": "Smileys & Emotion (face-tongue)", "order": ""},
-		{"emoji": "🤭", "name": "face with hand over mouth", "shortname": ":face_with_hand_over_mouth:", "unicode": "1F92D", "html": "&#x1F92D;", "category": "Smileys & Emotion (face-hand)", "order": ""},
-		{"emoji": "🤫", "name": "shushing face", "shortname": ":shushing_face:", "unicode": "1F92B", "html": "&#x1F92B;", "category": "Smileys & Emotion (face-hand)", "order": ""},
-		{"emoji": "🤨", "name": "face with raised eyebrow", "shortname": ":face_with_raised_eyebrow:", "unicode": "1F928", "html": "&#x1F928;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": ""},
-		{"emoji": "🤥", "name": "lying face", "shortname": ":lying_face:", "unicode": "1F925", "html": "&#x1F925;", "category": "Smileys & Emotion (face-neutral-skeptical)", "order": ""},
-		{"emoji": "🤤", "name": "drooling face", "shortname": ":drooling_face:", "unicode": "1F924", "html": "&#x1F924;", "category": "Smileys & Emotion (face-sleepy)", "order": ""},
-		{"emoji": "🤢", "name": "nauseated face", "shortname": ":nauseated_face:", "unicode": "1F922", "html": "&#x1F922;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤮", "name": "face vomiting", "shortname": ":face_vomiting:", "unicode": "1F92E", "html": "&#x1F92E;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤧", "name": "sneezing face", "shortname": ":sneezing_face:", "unicode": "1F927", "html": "&#x1F927;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🥵", "name": "hot face", "shortname": ":hot_face:", "unicode": "1F975", "html": "&#x1F975;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🥶", "name": "cold face", "shortname": ":cold_face:", "unicode": "1F976", "html": "&#x1F976;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🥴", "name": "woozy face", "shortname": ":woozy_face:", "unicode": "1F974", "html": "&#x1F974;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤯", "name": "exploding head", "shortname": ":exploding_head:", "unicode": "1F92F", "html": "&#x1F92F;", "category": "Smileys & Emotion (face-unwell)", "order": ""},
-		{"emoji": "🤠", "name": "cowboy hat face", "shortname": ":cowboy_hat_face:", "unicode": "1F920", "html": "&#x1F920;", "category": "Smileys & Emotion (face-hat)", "order": ""},
-		{"emoji": "🥳", "name": "partying face", "shortname": ":partying_face:", "unicode": "1F973", "html": "&#x1F973;", "category": "Smileys & Emotion (face-hat)", "order": ""},
-		{"emoji": "🧐", "name": "face with monocle", "shortname": ":face_with_monocle:", "unicode": "1F9D0", "html": "&#x1F9D0;", "category": "Smileys & Emotion (face-glasses)", "order": ""},
-		{"emoji": "☹️", "name": "frowning face", "shortname": ":frowning_face:", "unicode": "2639 FE0F", "html": "&#x2639;&#xFE0F;", "category": "Smileys & Emotion (face-concerned)", "order": ""},
-		{"emoji": "🥺", "name": "pleading face", "shortname": ":pleading_face:", "unicode": "1F97A", "html": "&#x1F97A;", "category": "Smileys & Emotion (face-concerned)", "order": ""},
-		{"emoji": "🥱", "name": "yawning face", "shortname": ":yawning_face:", "unicode": "1F971", "html": "&#x1F971;", "category": "Smileys & Emotion (face-concerned)", "order": ""},
-		{"emoji": "🤬", "name": "face with symbols on mouth", "shortname": ":face_with_symbols_on_mouth:", "unicode": "1F92C", "html": "&#x1F92C;", "category": "Smileys & Emotion (face-negative)", "order": ""},
-		{"emoji": "☠️", "name": "skull and crossbones", "shortname": ":skull_and_crossbones:", "unicode": "2620 FE0F", "html": "&#x2620;&#xFE0F;", "category": "Smileys & Emotion (face-negative)", "order": ""},
-		{"emoji": "🤡", "name": "clown face", "shortname": ":clown_face:", "unicode": "1F921", "html": "&#x1F921;", "category": "Smileys & Emotion (face-costume)", "order": ""},
-		{"emoji": "❣", "name": "heart exclamation", "shortname": ":heart_exclamation:", "unicode": "2763", "html": "&#x2763;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "❤", "name": "red heart", "shortname": ":red_heart:", "unicode": "2764", "html": "&#x2764;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🧡", "name": "orange heart", "shortname": ":orange_heart:", "unicode": "1F9E1", "html": "&#x1F9E1;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🤎", "name": "brown heart", "shortname": ":brown_heart:", "unicode": "1F90E", "html": "&#x1F90E;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🤍", "name": "white heart", "shortname": ":white_heart:", "unicode": "1F90D", "html": "&#x1F90D;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🕳️", "name": "hole", "shortname": ":hole:", "unicode": "1F573 FE0F", "html": "&#x1F573;&#xFE0F;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "👁️‍🗨️", "name": "eye in speech bubble", "shortname": ":eye_in_speech_bubble:", "unicode": "1F441 FE0F 200D 1F5E8 FE0F", "html": "&#x1F441;&#xFE0F;&#x200D;&#x1F5E8;&#xFE0F;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "👁‍🗨️", "name": "eye in speech bubble", "shortname": ":eye_in_speech_bubble:", "unicode": "1F441 200D 1F5E8 FE0F", "html": "&#x1F441;&#x200D;&#x1F5E8;&#xFE0F;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "👁️‍🗨", "name": "eye in speech bubble", "shortname": ":eye_in_speech_bubble:", "unicode": "1F441 FE0F 200D 1F5E8", "html": "&#x1F441;&#xFE0F;&#x200D;&#x1F5E8;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🗨️", "name": "left speech bubble", "shortname": ":left_speech_bubble:", "unicode": "1F5E8 FE0F", "html": "&#x1F5E8;&#xFE0F;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🗯️", "name": "right anger bubble", "shortname": ":right_anger_bubble:", "unicode": "1F5EF FE0F", "html": "&#x1F5EF;&#xFE0F;", "category": "Smileys & Emotion (emotion)", "order": ""},
-		{"emoji": "🤚", "name": "raised back of hand", "shortname": ":raised_back_of_hand:", "unicode": "1F91A", "html": "&#x1F91A;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤚🏻", "name": "raised back of hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F91A 1F3FB", "html": "&#x1F91A;&#x1F3FB;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤚🏼", "name": "raised back of hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F91A 1F3FC", "html": "&#x1F91A;&#x1F3FC;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤚🏽", "name": "raised back of hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F91A 1F3FD", "html": "&#x1F91A;&#x1F3FD;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤚🏾", "name": "raised back of hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F91A 1F3FE", "html": "&#x1F91A;&#x1F3FE;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤚🏿", "name": "raised back of hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F91A 1F3FF", "html": "&#x1F91A;&#x1F3FF;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🖐️", "name": "hand with fingers splayed", "shortname": ":hand_with_fingers_splayed:", "unicode": "1F590 FE0F", "html": "&#x1F590;&#xFE0F;", "category": "People & Body (hand-fingers-open)", "order": ""},
-		{"emoji": "🤏", "name": "pinching hand", "shortname": ":pinching_hand:", "unicode": "1F90F", "html": "&#x1F90F;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤏🏻", "name": "pinching hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F90F 1F3FB", "html": "&#x1F90F;&#x1F3FB;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤏🏼", "name": "pinching hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F90F 1F3FC", "html": "&#x1F90F;&#x1F3FC;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤏🏽", "name": "pinching hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F90F 1F3FD", "html": "&#x1F90F;&#x1F3FD;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤏🏾", "name": "pinching hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F90F 1F3FE", "html": "&#x1F90F;&#x1F3FE;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤏🏿", "name": "pinching hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F90F 1F3FF", "html": "&#x1F90F;&#x1F3FF;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "✌", "name": "victory hand", "shortname": ":victory_hand:", "unicode": "270C", "html": "&#x270C;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞", "name": "crossed fingers", "shortname": ":crossed_fingers:", "unicode": "1F91E", "html": "&#x1F91E;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞🏻", "name": "crossed fingers: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F91E 1F3FB", "html": "&#x1F91E;&#x1F3FB;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞🏼", "name": "crossed fingers: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F91E 1F3FC", "html": "&#x1F91E;&#x1F3FC;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞🏽", "name": "crossed fingers: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F91E 1F3FD", "html": "&#x1F91E;&#x1F3FD;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞🏾", "name": "crossed fingers: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F91E 1F3FE", "html": "&#x1F91E;&#x1F3FE;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤞🏿", "name": "crossed fingers: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F91E 1F3FF", "html": "&#x1F91E;&#x1F3FF;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟", "name": "love-you gesture", "shortname": ":loveyou_gesture:", "unicode": "1F91F", "html": "&#x1F91F;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟🏻", "name": "love-you gesture: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F91F 1F3FB", "html": "&#x1F91F;&#x1F3FB;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟🏼", "name": "love-you gesture: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F91F 1F3FC", "html": "&#x1F91F;&#x1F3FC;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟🏽", "name": "love-you gesture: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F91F 1F3FD", "html": "&#x1F91F;&#x1F3FD;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟🏾", "name": "love-you gesture: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F91F 1F3FE", "html": "&#x1F91F;&#x1F3FE;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤟🏿", "name": "love-you gesture: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F91F 1F3FF", "html": "&#x1F91F;&#x1F3FF;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙", "name": "call me hand", "shortname": ":call_me_hand:", "unicode": "1F919", "html": "&#x1F919;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙🏻", "name": "call me hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F919 1F3FB", "html": "&#x1F919;&#x1F3FB;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙🏼", "name": "call me hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F919 1F3FC", "html": "&#x1F919;&#x1F3FC;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙🏽", "name": "call me hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F919 1F3FD", "html": "&#x1F919;&#x1F3FD;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙🏾", "name": "call me hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F919 1F3FE", "html": "&#x1F919;&#x1F3FE;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "🤙🏿", "name": "call me hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F919 1F3FF", "html": "&#x1F919;&#x1F3FF;", "category": "People & Body (hand-fingers-partial)", "order": ""},
-		{"emoji": "☝", "name": "index pointing up", "shortname": ":index_pointing_up:", "unicode": "261D", "html": "&#x261D;", "category": "People & Body (hand-single-finger)", "order": ""},
-		{"emoji": "🤛", "name": "left-facing fist", "shortname": ":leftfacing_fist:", "unicode": "1F91B", "html": "&#x1F91B;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤛🏻", "name": "left-facing fist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F91B 1F3FB", "html": "&#x1F91B;&#x1F3FB;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤛🏼", "name": "left-facing fist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F91B 1F3FC", "html": "&#x1F91B;&#x1F3FC;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤛🏽", "name": "left-facing fist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F91B 1F3FD", "html": "&#x1F91B;&#x1F3FD;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤛🏾", "name": "left-facing fist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F91B 1F3FE", "html": "&#x1F91B;&#x1F3FE;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤛🏿", "name": "left-facing fist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F91B 1F3FF", "html": "&#x1F91B;&#x1F3FF;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜", "name": "right-facing fist", "shortname": ":rightfacing_fist:", "unicode": "1F91C", "html": "&#x1F91C;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜🏻", "name": "right-facing fist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F91C 1F3FB", "html": "&#x1F91C;&#x1F3FB;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜🏼", "name": "right-facing fist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F91C 1F3FC", "html": "&#x1F91C;&#x1F3FC;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜🏽", "name": "right-facing fist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F91C 1F3FD", "html": "&#x1F91C;&#x1F3FD;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜🏾", "name": "right-facing fist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F91C 1F3FE", "html": "&#x1F91C;&#x1F3FE;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤜🏿", "name": "right-facing fist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F91C 1F3FF", "html": "&#x1F91C;&#x1F3FF;", "category": "People & Body (hand-fingers-closed)", "order": ""},
-		{"emoji": "🤲", "name": "palms up together", "shortname": ":palms_up_together:", "unicode": "1F932", "html": "&#x1F932;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤲🏻", "name": "palms up together: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F932 1F3FB", "html": "&#x1F932;&#x1F3FB;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤲🏼", "name": "palms up together: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F932 1F3FC", "html": "&#x1F932;&#x1F3FC;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤲🏽", "name": "palms up together: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F932 1F3FD", "html": "&#x1F932;&#x1F3FD;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤲🏾", "name": "palms up together: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F932 1F3FE", "html": "&#x1F932;&#x1F3FE;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤲🏿", "name": "palms up together: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F932 1F3FF", "html": "&#x1F932;&#x1F3FF;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "🤝", "name": "handshake", "shortname": ":handshake:", "unicode": "1F91D", "html": "&#x1F91D;", "category": "People & Body (hands)", "order": ""},
-		{"emoji": "✍️", "name": "writing hand", "shortname": ":writing_hand:", "unicode": "270D FE0F", "html": "&#x270D;&#xFE0F;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳", "name": "selfie", "shortname": ":selfie:", "unicode": "1F933", "html": "&#x1F933;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳🏻", "name": "selfie: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F933 1F3FB", "html": "&#x1F933;&#x1F3FB;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳🏼", "name": "selfie: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F933 1F3FC", "html": "&#x1F933;&#x1F3FC;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳🏽", "name": "selfie: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F933 1F3FD", "html": "&#x1F933;&#x1F3FD;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳🏾", "name": "selfie: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F933 1F3FE", "html": "&#x1F933;&#x1F3FE;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🤳🏿", "name": "selfie: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F933 1F3FF", "html": "&#x1F933;&#x1F3FF;", "category": "People & Body (hand-prop)", "order": ""},
-		{"emoji": "🦾", "name": "mechanical arm", "shortname": ":mechanical_arm:", "unicode": "1F9BE", "html": "&#x1F9BE;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦿", "name": "mechanical leg", "shortname": ":mechanical_leg:", "unicode": "1F9BF", "html": "&#x1F9BF;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵", "name": "leg", "shortname": ":leg:", "unicode": "1F9B5", "html": "&#x1F9B5;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵🏻", "name": "leg: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B5 1F3FB", "html": "&#x1F9B5;&#x1F3FB;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵🏼", "name": "leg: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B5 1F3FC", "html": "&#x1F9B5;&#x1F3FC;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵🏽", "name": "leg: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B5 1F3FD", "html": "&#x1F9B5;&#x1F3FD;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵🏾", "name": "leg: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B5 1F3FE", "html": "&#x1F9B5;&#x1F3FE;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦵🏿", "name": "leg: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B5 1F3FF", "html": "&#x1F9B5;&#x1F3FF;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶", "name": "foot", "shortname": ":foot:", "unicode": "1F9B6", "html": "&#x1F9B6;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶🏻", "name": "foot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B6 1F3FB", "html": "&#x1F9B6;&#x1F3FB;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶🏼", "name": "foot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B6 1F3FC", "html": "&#x1F9B6;&#x1F3FC;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶🏽", "name": "foot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B6 1F3FD", "html": "&#x1F9B6;&#x1F3FD;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶🏾", "name": "foot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B6 1F3FE", "html": "&#x1F9B6;&#x1F3FE;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦶🏿", "name": "foot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B6 1F3FF", "html": "&#x1F9B6;&#x1F3FF;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻", "name": "ear with hearing aid", "shortname": ":ear_with_hearing_aid:", "unicode": "1F9BB", "html": "&#x1F9BB;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻🏻", "name": "ear with hearing aid: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9BB 1F3FB", "html": "&#x1F9BB;&#x1F3FB;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻🏼", "name": "ear with hearing aid: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9BB 1F3FC", "html": "&#x1F9BB;&#x1F3FC;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻🏽", "name": "ear with hearing aid: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9BB 1F3FD", "html": "&#x1F9BB;&#x1F3FD;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻🏾", "name": "ear with hearing aid: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9BB 1F3FE", "html": "&#x1F9BB;&#x1F3FE;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦻🏿", "name": "ear with hearing aid: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9BB 1F3FF", "html": "&#x1F9BB;&#x1F3FF;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🧠", "name": "brain", "shortname": ":brain:", "unicode": "1F9E0", "html": "&#x1F9E0;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦷", "name": "tooth", "shortname": ":tooth:", "unicode": "1F9B7", "html": "&#x1F9B7;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🦴", "name": "bone", "shortname": ":bone:", "unicode": "1F9B4", "html": "&#x1F9B4;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "👁️", "name": "eye", "shortname": ":eye:", "unicode": "1F441 FE0F", "html": "&#x1F441;&#xFE0F;", "category": "People & Body (body-parts)", "order": ""},
-		{"emoji": "🧒", "name": "child", "shortname": ":child:", "unicode": "1F9D2", "html": "&#x1F9D2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧒🏻", "name": "child: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D2 1F3FB", "html": "&#x1F9D2;&#x1F3FB;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧒🏼", "name": "child: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D2 1F3FC", "html": "&#x1F9D2;&#x1F3FC;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧒🏽", "name": "child: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D2 1F3FD", "html": "&#x1F9D2;&#x1F3FD;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧒🏾", "name": "child: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D2 1F3FE", "html": "&#x1F9D2;&#x1F3FE;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧒🏿", "name": "child: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D2 1F3FF", "html": "&#x1F9D2;&#x1F3FF;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑", "name": "person", "shortname": ":person:", "unicode": "1F9D1", "html": "&#x1F9D1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏻", "name": "person: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FB;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏼", "name": "person: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FC;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏽", "name": "person: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FD;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏾", "name": "person: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FE;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏿", "name": "person: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FF;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔", "name": "man: beard", "shortname": ":beard:", "unicode": "1F9D4", "html": "&#x1F9D4;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔🏻", "name": "man: light skin tone, beard", "shortname": ":light_skin_tone_beard:", "unicode": "1F9D4 1F3FB", "html": "&#x1F9D4;&#x1F3FB;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔🏼", "name": "man: medium-light skin tone, beard", "shortname": ":mediumlight_skin_tone_beard:", "unicode": "1F9D4 1F3FC", "html": "&#x1F9D4;&#x1F3FC;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔🏽", "name": "man: medium skin tone, beard", "shortname": ":medium_skin_tone_beard:", "unicode": "1F9D4 1F3FD", "html": "&#x1F9D4;&#x1F3FD;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔🏾", "name": "man: medium-dark skin tone, beard", "shortname": ":mediumdark_skin_tone_beard:", "unicode": "1F9D4 1F3FE", "html": "&#x1F9D4;&#x1F3FE;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧔🏿", "name": "man: dark skin tone, beard", "shortname": ":dark_skin_tone_beard:", "unicode": "1F9D4 1F3FF", "html": "&#x1F9D4;&#x1F3FF;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨‍🦰", "name": "man: red hair", "shortname": ":red_hair:", "unicode": "1F468 200D 1F9B0", "html": "&#x1F468;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏻‍🦰", "name": "man: light skin tone, red hair", "shortname": ":light_skin_tone_red_hair:", "unicode": "1F468 1F3FB 200D 1F9B0", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏼‍🦰", "name": "man: medium-light skin tone, red hair", "shortname": ":mediumlight_skin_tone_red_hair:", "unicode": "1F468 1F3FC 200D 1F9B0", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏽‍🦰", "name": "man: medium skin tone, red hair", "shortname": ":medium_skin_tone_red_hair:", "unicode": "1F468 1F3FD 200D 1F9B0", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏾‍🦰", "name": "man: medium-dark skin tone, red hair", "shortname": ":mediumdark_skin_tone_red_hair:", "unicode": "1F468 1F3FE 200D 1F9B0", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏿‍🦰", "name": "man: dark skin tone, red hair", "shortname": ":dark_skin_tone_red_hair:", "unicode": "1F468 1F3FF 200D 1F9B0", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨‍🦱", "name": "man: curly hair", "shortname": ":curly_hair:", "unicode": "1F468 200D 1F9B1", "html": "&#x1F468;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏻‍🦱", "name": "man: light skin tone, curly hair", "shortname": ":light_skin_tone_curly_hair:", "unicode": "1F468 1F3FB 200D 1F9B1", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏼‍🦱", "name": "man: medium-light skin tone, curly hair", "shortname": ":mediumlight_skin_tone_curly_hair:", "unicode": "1F468 1F3FC 200D 1F9B1", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏽‍🦱", "name": "man: medium skin tone, curly hair", "shortname": ":medium_skin_tone_curly_hair:", "unicode": "1F468 1F3FD 200D 1F9B1", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏾‍🦱", "name": "man: medium-dark skin tone, curly hair", "shortname": ":mediumdark_skin_tone_curly_hair:", "unicode": "1F468 1F3FE 200D 1F9B1", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏿‍🦱", "name": "man: dark skin tone, curly hair", "shortname": ":dark_skin_tone_curly_hair:", "unicode": "1F468 1F3FF 200D 1F9B1", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨‍🦳", "name": "man: white hair", "shortname": ":white_hair:", "unicode": "1F468 200D 1F9B3", "html": "&#x1F468;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏻‍🦳", "name": "man: light skin tone, white hair", "shortname": ":light_skin_tone_white_hair:", "unicode": "1F468 1F3FB 200D 1F9B3", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏼‍🦳", "name": "man: medium-light skin tone, white hair", "shortname": ":mediumlight_skin_tone_white_hair:", "unicode": "1F468 1F3FC 200D 1F9B3", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏽‍🦳", "name": "man: medium skin tone, white hair", "shortname": ":medium_skin_tone_white_hair:", "unicode": "1F468 1F3FD 200D 1F9B3", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏾‍🦳", "name": "man: medium-dark skin tone, white hair", "shortname": ":mediumdark_skin_tone_white_hair:", "unicode": "1F468 1F3FE 200D 1F9B3", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏿‍🦳", "name": "man: dark skin tone, white hair", "shortname": ":dark_skin_tone_white_hair:", "unicode": "1F468 1F3FF 200D 1F9B3", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨‍🦲", "name": "man: bald", "shortname": ":bald:", "unicode": "1F468 200D 1F9B2", "html": "&#x1F468;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏻‍🦲", "name": "man: light skin tone, bald", "shortname": ":light_skin_tone_bald:", "unicode": "1F468 1F3FB 200D 1F9B2", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏼‍🦲", "name": "man: medium-light skin tone, bald", "shortname": ":mediumlight_skin_tone_bald:", "unicode": "1F468 1F3FC 200D 1F9B2", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏽‍🦲", "name": "man: medium skin tone, bald", "shortname": ":medium_skin_tone_bald:", "unicode": "1F468 1F3FD 200D 1F9B2", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏾‍🦲", "name": "man: medium-dark skin tone, bald", "shortname": ":mediumdark_skin_tone_bald:", "unicode": "1F468 1F3FE 200D 1F9B2", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👨🏿‍🦲", "name": "man: dark skin tone, bald", "shortname": ":dark_skin_tone_bald:", "unicode": "1F468 1F3FF 200D 1F9B2", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩‍🦰", "name": "woman: red hair", "shortname": ":red_hair:", "unicode": "1F469 200D 1F9B0", "html": "&#x1F469;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏻‍🦰", "name": "woman: light skin tone, red hair", "shortname": ":light_skin_tone_red_hair:", "unicode": "1F469 1F3FB 200D 1F9B0", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏼‍🦰", "name": "woman: medium-light skin tone, red hair", "shortname": ":mediumlight_skin_tone_red_hair:", "unicode": "1F469 1F3FC 200D 1F9B0", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏽‍🦰", "name": "woman: medium skin tone, red hair", "shortname": ":medium_skin_tone_red_hair:", "unicode": "1F469 1F3FD 200D 1F9B0", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏾‍🦰", "name": "woman: medium-dark skin tone, red hair", "shortname": ":mediumdark_skin_tone_red_hair:", "unicode": "1F469 1F3FE 200D 1F9B0", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏿‍🦰", "name": "woman: dark skin tone, red hair", "shortname": ":dark_skin_tone_red_hair:", "unicode": "1F469 1F3FF 200D 1F9B0", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑‍🦰", "name": "person: red hair", "shortname": ":red_hair:", "unicode": "1F9D1 200D 1F9B0", "html": "&#x1F9D1;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏻‍🦰", "name": "person: light skin tone, red hair", "shortname": ":light_skin_tone_red_hair:", "unicode": "1F9D1 1F3FB 200D 1F9B0", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏼‍🦰", "name": "person: medium-light skin tone, red hair", "shortname": ":mediumlight_skin_tone_red_hair:", "unicode": "1F9D1 1F3FC 200D 1F9B0", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏽‍🦰", "name": "person: medium skin tone, red hair", "shortname": ":medium_skin_tone_red_hair:", "unicode": "1F9D1 1F3FD 200D 1F9B0", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏾‍🦰", "name": "person: medium-dark skin tone, red hair", "shortname": ":mediumdark_skin_tone_red_hair:", "unicode": "1F9D1 1F3FE 200D 1F9B0", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏿‍🦰", "name": "person: dark skin tone, red hair", "shortname": ":dark_skin_tone_red_hair:", "unicode": "1F9D1 1F3FF 200D 1F9B0", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B0;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩‍🦱", "name": "woman: curly hair", "shortname": ":curly_hair:", "unicode": "1F469 200D 1F9B1", "html": "&#x1F469;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏻‍🦱", "name": "woman: light skin tone, curly hair", "shortname": ":light_skin_tone_curly_hair:", "unicode": "1F469 1F3FB 200D 1F9B1", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏼‍🦱", "name": "woman: medium-light skin tone, curly hair", "shortname": ":mediumlight_skin_tone_curly_hair:", "unicode": "1F469 1F3FC 200D 1F9B1", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏽‍🦱", "name": "woman: medium skin tone, curly hair", "shortname": ":medium_skin_tone_curly_hair:", "unicode": "1F469 1F3FD 200D 1F9B1", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏾‍🦱", "name": "woman: medium-dark skin tone, curly hair", "shortname": ":mediumdark_skin_tone_curly_hair:", "unicode": "1F469 1F3FE 200D 1F9B1", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏿‍🦱", "name": "woman: dark skin tone, curly hair", "shortname": ":dark_skin_tone_curly_hair:", "unicode": "1F469 1F3FF 200D 1F9B1", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑‍🦱", "name": "person: curly hair", "shortname": ":curly_hair:", "unicode": "1F9D1 200D 1F9B1", "html": "&#x1F9D1;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏻‍🦱", "name": "person: light skin tone, curly hair", "shortname": ":light_skin_tone_curly_hair:", "unicode": "1F9D1 1F3FB 200D 1F9B1", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏼‍🦱", "name": "person: medium-light skin tone, curly hair", "shortname": ":mediumlight_skin_tone_curly_hair:", "unicode": "1F9D1 1F3FC 200D 1F9B1", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏽‍🦱", "name": "person: medium skin tone, curly hair", "shortname": ":medium_skin_tone_curly_hair:", "unicode": "1F9D1 1F3FD 200D 1F9B1", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏾‍🦱", "name": "person: medium-dark skin tone, curly hair", "shortname": ":mediumdark_skin_tone_curly_hair:", "unicode": "1F9D1 1F3FE 200D 1F9B1", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏿‍🦱", "name": "person: dark skin tone, curly hair", "shortname": ":dark_skin_tone_curly_hair:", "unicode": "1F9D1 1F3FF 200D 1F9B1", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B1;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩‍🦳", "name": "woman: white hair", "shortname": ":white_hair:", "unicode": "1F469 200D 1F9B3", "html": "&#x1F469;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏻‍🦳", "name": "woman: light skin tone, white hair", "shortname": ":light_skin_tone_white_hair:", "unicode": "1F469 1F3FB 200D 1F9B3", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏼‍🦳", "name": "woman: medium-light skin tone, white hair", "shortname": ":mediumlight_skin_tone_white_hair:", "unicode": "1F469 1F3FC 200D 1F9B3", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏽‍🦳", "name": "woman: medium skin tone, white hair", "shortname": ":medium_skin_tone_white_hair:", "unicode": "1F469 1F3FD 200D 1F9B3", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏾‍🦳", "name": "woman: medium-dark skin tone, white hair", "shortname": ":mediumdark_skin_tone_white_hair:", "unicode": "1F469 1F3FE 200D 1F9B3", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏿‍🦳", "name": "woman: dark skin tone, white hair", "shortname": ":dark_skin_tone_white_hair:", "unicode": "1F469 1F3FF 200D 1F9B3", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑‍🦳", "name": "person: white hair", "shortname": ":white_hair:", "unicode": "1F9D1 200D 1F9B3", "html": "&#x1F9D1;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏻‍🦳", "name": "person: light skin tone, white hair", "shortname": ":light_skin_tone_white_hair:", "unicode": "1F9D1 1F3FB 200D 1F9B3", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏼‍🦳", "name": "person: medium-light skin tone, white hair", "shortname": ":mediumlight_skin_tone_white_hair:", "unicode": "1F9D1 1F3FC 200D 1F9B3", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏽‍🦳", "name": "person: medium skin tone, white hair", "shortname": ":medium_skin_tone_white_hair:", "unicode": "1F9D1 1F3FD 200D 1F9B3", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏾‍🦳", "name": "person: medium-dark skin tone, white hair", "shortname": ":mediumdark_skin_tone_white_hair:", "unicode": "1F9D1 1F3FE 200D 1F9B3", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏿‍🦳", "name": "person: dark skin tone, white hair", "shortname": ":dark_skin_tone_white_hair:", "unicode": "1F9D1 1F3FF 200D 1F9B3", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩‍🦲", "name": "woman: bald", "shortname": ":bald:", "unicode": "1F469 200D 1F9B2", "html": "&#x1F469;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏻‍🦲", "name": "woman: light skin tone, bald", "shortname": ":light_skin_tone_bald:", "unicode": "1F469 1F3FB 200D 1F9B2", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏼‍🦲", "name": "woman: medium-light skin tone, bald", "shortname": ":mediumlight_skin_tone_bald:", "unicode": "1F469 1F3FC 200D 1F9B2", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏽‍🦲", "name": "woman: medium skin tone, bald", "shortname": ":medium_skin_tone_bald:", "unicode": "1F469 1F3FD 200D 1F9B2", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏾‍🦲", "name": "woman: medium-dark skin tone, bald", "shortname": ":mediumdark_skin_tone_bald:", "unicode": "1F469 1F3FE 200D 1F9B2", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👩🏿‍🦲", "name": "woman: dark skin tone, bald", "shortname": ":dark_skin_tone_bald:", "unicode": "1F469 1F3FF 200D 1F9B2", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑‍🦲", "name": "person: bald", "shortname": ":bald:", "unicode": "1F9D1 200D 1F9B2", "html": "&#x1F9D1;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏻‍🦲", "name": "person: light skin tone, bald", "shortname": ":light_skin_tone_bald:", "unicode": "1F9D1 1F3FB 200D 1F9B2", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏼‍🦲", "name": "person: medium-light skin tone, bald", "shortname": ":mediumlight_skin_tone_bald:", "unicode": "1F9D1 1F3FC 200D 1F9B2", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏽‍🦲", "name": "person: medium skin tone, bald", "shortname": ":medium_skin_tone_bald:", "unicode": "1F9D1 1F3FD 200D 1F9B2", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏾‍🦲", "name": "person: medium-dark skin tone, bald", "shortname": ":mediumdark_skin_tone_bald:", "unicode": "1F9D1 1F3FE 200D 1F9B2", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧑🏿‍🦲", "name": "person: dark skin tone, bald", "shortname": ":dark_skin_tone_bald:", "unicode": "1F9D1 1F3FF 200D 1F9B2", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B2;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱‍♀️", "name": "woman: blond hair", "shortname": ":blond_hair:", "unicode": "1F471 200D 2640 FE0F", "html": "&#x1F471;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏻‍♀️", "name": "woman: light skin tone, blond hair", "shortname": ":light_skin_tone_blond_hair:", "unicode": "1F471 1F3FB 200D 2640 FE0F", "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏼‍♀️", "name": "woman: medium-light skin tone, blond hair", "shortname": ":mediumlight_skin_tone_blond_hair:", "unicode": "1F471 1F3FC 200D 2640 FE0F", "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏽‍♀️", "name": "woman: medium skin tone, blond hair", "shortname": ":medium_skin_tone_blond_hair:", "unicode": "1F471 1F3FD 200D 2640 FE0F", "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏾‍♀️", "name": "woman: medium-dark skin tone, blond hair", "shortname": ":mediumdark_skin_tone_blond_hair:", "unicode": "1F471 1F3FE 200D 2640 FE0F", "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏿‍♀️", "name": "woman: dark skin tone, blond hair", "shortname": ":dark_skin_tone_blond_hair:", "unicode": "1F471 1F3FF 200D 2640 FE0F", "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱‍♂️", "name": "man: blond hair", "shortname": ":blond_hair:", "unicode": "1F471 200D 2642 FE0F", "html": "&#x1F471;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱‍♂", "name": "man: blond hair", "shortname": ":blond_hair:", "unicode": "1F471 200D 2642", "html": "&#x1F471;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏻‍♂️", "name": "man: light skin tone, blond hair", "shortname": ":light_skin_tone_blond_hair:", "unicode": "1F471 1F3FB 200D 2642 FE0F", "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏻‍♂", "name": "man: light skin tone, blond hair", "shortname": ":light_skin_tone_blond_hair:", "unicode": "1F471 1F3FB 200D 2642", "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏼‍♂️", "name": "man: medium-light skin tone, blond hair", "shortname": ":mediumlight_skin_tone_blond_hair:", "unicode": "1F471 1F3FC 200D 2642 FE0F", "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏼‍♂", "name": "man: medium-light skin tone, blond hair", "shortname": ":mediumlight_skin_tone_blond_hair:", "unicode": "1F471 1F3FC 200D 2642", "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏽‍♂️", "name": "man: medium skin tone, blond hair", "shortname": ":medium_skin_tone_blond_hair:", "unicode": "1F471 1F3FD 200D 2642 FE0F", "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏽‍♂", "name": "man: medium skin tone, blond hair", "shortname": ":medium_skin_tone_blond_hair:", "unicode": "1F471 1F3FD 200D 2642", "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏾‍♂️", "name": "man: medium-dark skin tone, blond hair", "shortname": ":mediumdark_skin_tone_blond_hair:", "unicode": "1F471 1F3FE 200D 2642 FE0F", "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏾‍♂", "name": "man: medium-dark skin tone, blond hair", "shortname": ":mediumdark_skin_tone_blond_hair:", "unicode": "1F471 1F3FE 200D 2642", "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏿‍♂️", "name": "man: dark skin tone, blond hair", "shortname": ":dark_skin_tone_blond_hair:", "unicode": "1F471 1F3FF 200D 2642 FE0F", "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "👱🏿‍♂", "name": "man: dark skin tone, blond hair", "shortname": ":dark_skin_tone_blond_hair:", "unicode": "1F471 1F3FF 200D 2642", "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓", "name": "older person", "shortname": ":older_person:", "unicode": "1F9D3", "html": "&#x1F9D3;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓🏻", "name": "older person: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D3 1F3FB", "html": "&#x1F9D3;&#x1F3FB;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓🏼", "name": "older person: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D3 1F3FC", "html": "&#x1F9D3;&#x1F3FC;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓🏽", "name": "older person: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D3 1F3FD", "html": "&#x1F9D3;&#x1F3FD;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓🏾", "name": "older person: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D3 1F3FE", "html": "&#x1F9D3;&#x1F3FE;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🧓🏿", "name": "older person: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D3 1F3FF", "html": "&#x1F9D3;&#x1F3FF;", "category": "People & Body (person)", "order": ""},
-		{"emoji": "🙍‍♂️", "name": "man frowning", "shortname": ":man_frowning:", "unicode": "1F64D 200D 2642 FE0F", "html": "&#x1F64D;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏻‍♂️", "name": "man frowning: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64D 1F3FB 200D 2642 FE0F", "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏼‍♂️", "name": "man frowning: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64D 1F3FC 200D 2642 FE0F", "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏽‍♂️", "name": "man frowning: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64D 1F3FD 200D 2642 FE0F", "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏾‍♂️", "name": "man frowning: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64D 1F3FE 200D 2642 FE0F", "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏿‍♂️", "name": "man frowning: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64D 1F3FF 200D 2642 FE0F", "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍‍♀️", "name": "woman frowning", "shortname": ":woman_frowning:", "unicode": "1F64D 200D 2640 FE0F", "html": "&#x1F64D;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍‍♀", "name": "woman frowning", "shortname": ":woman_frowning:", "unicode": "1F64D 200D 2640", "html": "&#x1F64D;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏻‍♀️", "name": "woman frowning: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64D 1F3FB 200D 2640 FE0F", "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏻‍♀", "name": "woman frowning: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64D 1F3FB 200D 2640", "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏼‍♀️", "name": "woman frowning: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64D 1F3FC 200D 2640 FE0F", "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏼‍♀", "name": "woman frowning: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64D 1F3FC 200D 2640", "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏽‍♀️", "name": "woman frowning: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64D 1F3FD 200D 2640 FE0F", "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏽‍♀", "name": "woman frowning: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64D 1F3FD 200D 2640", "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏾‍♀️", "name": "woman frowning: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64D 1F3FE 200D 2640 FE0F", "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏾‍♀", "name": "woman frowning: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64D 1F3FE 200D 2640", "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏿‍♀️", "name": "woman frowning: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64D 1F3FF 200D 2640 FE0F", "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙍🏿‍♀", "name": "woman frowning: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64D 1F3FF 200D 2640", "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎‍♂️", "name": "man pouting", "shortname": ":man_pouting:", "unicode": "1F64E 200D 2642 FE0F", "html": "&#x1F64E;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏻‍♂️", "name": "man pouting: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64E 1F3FB 200D 2642 FE0F", "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏼‍♂️", "name": "man pouting: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64E 1F3FC 200D 2642 FE0F", "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏽‍♂️", "name": "man pouting: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64E 1F3FD 200D 2642 FE0F", "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏾‍♂️", "name": "man pouting: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64E 1F3FE 200D 2642 FE0F", "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏿‍♂️", "name": "man pouting: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64E 1F3FF 200D 2642 FE0F", "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎‍♀️", "name": "woman pouting", "shortname": ":woman_pouting:", "unicode": "1F64E 200D 2640 FE0F", "html": "&#x1F64E;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎‍♀", "name": "woman pouting", "shortname": ":woman_pouting:", "unicode": "1F64E 200D 2640", "html": "&#x1F64E;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏻‍♀️", "name": "woman pouting: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64E 1F3FB 200D 2640 FE0F", "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏻‍♀", "name": "woman pouting: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64E 1F3FB 200D 2640", "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏼‍♀️", "name": "woman pouting: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64E 1F3FC 200D 2640 FE0F", "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏼‍♀", "name": "woman pouting: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64E 1F3FC 200D 2640", "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏽‍♀️", "name": "woman pouting: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64E 1F3FD 200D 2640 FE0F", "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏽‍♀", "name": "woman pouting: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64E 1F3FD 200D 2640", "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏾‍♀️", "name": "woman pouting: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64E 1F3FE 200D 2640 FE0F", "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏾‍♀", "name": "woman pouting: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64E 1F3FE 200D 2640", "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏿‍♀️", "name": "woman pouting: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64E 1F3FF 200D 2640 FE0F", "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙎🏿‍♀", "name": "woman pouting: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64E 1F3FF 200D 2640", "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅‍♂️", "name": "man gesturing NO", "shortname": ":man_gesturing_NO:", "unicode": "1F645 200D 2642 FE0F", "html": "&#x1F645;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏻‍♂️", "name": "man gesturing NO: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F645 1F3FB 200D 2642 FE0F", "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏼‍♂️", "name": "man gesturing NO: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F645 1F3FC 200D 2642 FE0F", "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏽‍♂️", "name": "man gesturing NO: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F645 1F3FD 200D 2642 FE0F", "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏾‍♂️", "name": "man gesturing NO: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F645 1F3FE 200D 2642 FE0F", "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏿‍♂️", "name": "man gesturing NO: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F645 1F3FF 200D 2642 FE0F", "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅‍♀️", "name": "woman gesturing NO", "shortname": ":woman_gesturing_NO:", "unicode": "1F645 200D 2640 FE0F", "html": "&#x1F645;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅‍♀", "name": "woman gesturing NO", "shortname": ":woman_gesturing_NO:", "unicode": "1F645 200D 2640", "html": "&#x1F645;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏻‍♀️", "name": "woman gesturing NO: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F645 1F3FB 200D 2640 FE0F", "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏻‍♀", "name": "woman gesturing NO: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F645 1F3FB 200D 2640", "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏼‍♀️", "name": "woman gesturing NO: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F645 1F3FC 200D 2640 FE0F", "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏼‍♀", "name": "woman gesturing NO: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F645 1F3FC 200D 2640", "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏽‍♀️", "name": "woman gesturing NO: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F645 1F3FD 200D 2640 FE0F", "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏽‍♀", "name": "woman gesturing NO: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F645 1F3FD 200D 2640", "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏾‍♀️", "name": "woman gesturing NO: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F645 1F3FE 200D 2640 FE0F", "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏾‍♀", "name": "woman gesturing NO: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F645 1F3FE 200D 2640", "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏿‍♀️", "name": "woman gesturing NO: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F645 1F3FF 200D 2640 FE0F", "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙅🏿‍♀", "name": "woman gesturing NO: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F645 1F3FF 200D 2640", "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆‍♂️", "name": "man gesturing OK", "shortname": ":man_gesturing_OK:", "unicode": "1F646 200D 2642 FE0F", "html": "&#x1F646;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏻‍♂️", "name": "man gesturing OK: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F646 1F3FB 200D 2642 FE0F", "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏼‍♂️", "name": "man gesturing OK: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F646 1F3FC 200D 2642 FE0F", "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏽‍♂️", "name": "man gesturing OK: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F646 1F3FD 200D 2642 FE0F", "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏾‍♂️", "name": "man gesturing OK: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F646 1F3FE 200D 2642 FE0F", "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏿‍♂️", "name": "man gesturing OK: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F646 1F3FF 200D 2642 FE0F", "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆‍♀️", "name": "woman gesturing OK", "shortname": ":woman_gesturing_OK:", "unicode": "1F646 200D 2640 FE0F", "html": "&#x1F646;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆‍♀", "name": "woman gesturing OK", "shortname": ":woman_gesturing_OK:", "unicode": "1F646 200D 2640", "html": "&#x1F646;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏻‍♀️", "name": "woman gesturing OK: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F646 1F3FB 200D 2640 FE0F", "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏻‍♀", "name": "woman gesturing OK: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F646 1F3FB 200D 2640", "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏼‍♀️", "name": "woman gesturing OK: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F646 1F3FC 200D 2640 FE0F", "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏼‍♀", "name": "woman gesturing OK: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F646 1F3FC 200D 2640", "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏽‍♀️", "name": "woman gesturing OK: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F646 1F3FD 200D 2640 FE0F", "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏽‍♀", "name": "woman gesturing OK: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F646 1F3FD 200D 2640", "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏾‍♀️", "name": "woman gesturing OK: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F646 1F3FE 200D 2640 FE0F", "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏾‍♀", "name": "woman gesturing OK: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F646 1F3FE 200D 2640", "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏿‍♀️", "name": "woman gesturing OK: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F646 1F3FF 200D 2640 FE0F", "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙆🏿‍♀", "name": "woman gesturing OK: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F646 1F3FF 200D 2640", "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁‍♂️", "name": "man tipping hand", "shortname": ":man_tipping_hand:", "unicode": "1F481 200D 2642 FE0F", "html": "&#x1F481;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏻‍♂️", "name": "man tipping hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F481 1F3FB 200D 2642 FE0F", "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏼‍♂️", "name": "man tipping hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F481 1F3FC 200D 2642 FE0F", "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏽‍♂️", "name": "man tipping hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F481 1F3FD 200D 2642 FE0F", "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏾‍♂️", "name": "man tipping hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F481 1F3FE 200D 2642 FE0F", "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏿‍♂️", "name": "man tipping hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F481 1F3FF 200D 2642 FE0F", "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁‍♀️", "name": "woman tipping hand", "shortname": ":woman_tipping_hand:", "unicode": "1F481 200D 2640 FE0F", "html": "&#x1F481;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁‍♀", "name": "woman tipping hand", "shortname": ":woman_tipping_hand:", "unicode": "1F481 200D 2640", "html": "&#x1F481;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏻‍♀️", "name": "woman tipping hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F481 1F3FB 200D 2640 FE0F", "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏻‍♀", "name": "woman tipping hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F481 1F3FB 200D 2640", "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏼‍♀️", "name": "woman tipping hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F481 1F3FC 200D 2640 FE0F", "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏼‍♀", "name": "woman tipping hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F481 1F3FC 200D 2640", "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏽‍♀️", "name": "woman tipping hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F481 1F3FD 200D 2640 FE0F", "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏽‍♀", "name": "woman tipping hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F481 1F3FD 200D 2640", "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏾‍♀️", "name": "woman tipping hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F481 1F3FE 200D 2640 FE0F", "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏾‍♀", "name": "woman tipping hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F481 1F3FE 200D 2640", "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏿‍♀️", "name": "woman tipping hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F481 1F3FF 200D 2640 FE0F", "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "💁🏿‍♀", "name": "woman tipping hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F481 1F3FF 200D 2640", "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋‍♂️", "name": "man raising hand", "shortname": ":man_raising_hand:", "unicode": "1F64B 200D 2642 FE0F", "html": "&#x1F64B;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏻‍♂️", "name": "man raising hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64B 1F3FB 200D 2642 FE0F", "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏼‍♂️", "name": "man raising hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64B 1F3FC 200D 2642 FE0F", "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏽‍♂️", "name": "man raising hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64B 1F3FD 200D 2642 FE0F", "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏾‍♂️", "name": "man raising hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64B 1F3FE 200D 2642 FE0F", "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏿‍♂️", "name": "man raising hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64B 1F3FF 200D 2642 FE0F", "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋‍♀️", "name": "woman raising hand", "shortname": ":woman_raising_hand:", "unicode": "1F64B 200D 2640 FE0F", "html": "&#x1F64B;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋‍♀", "name": "woman raising hand", "shortname": ":woman_raising_hand:", "unicode": "1F64B 200D 2640", "html": "&#x1F64B;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏻‍♀️", "name": "woman raising hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64B 1F3FB 200D 2640 FE0F", "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏻‍♀", "name": "woman raising hand: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F64B 1F3FB 200D 2640", "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏼‍♀️", "name": "woman raising hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64B 1F3FC 200D 2640 FE0F", "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏼‍♀", "name": "woman raising hand: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F64B 1F3FC 200D 2640", "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏽‍♀️", "name": "woman raising hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64B 1F3FD 200D 2640 FE0F", "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏽‍♀", "name": "woman raising hand: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F64B 1F3FD 200D 2640", "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏾‍♀️", "name": "woman raising hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64B 1F3FE 200D 2640 FE0F", "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏾‍♀", "name": "woman raising hand: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F64B 1F3FE 200D 2640", "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏿‍♀️", "name": "woman raising hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64B 1F3FF 200D 2640 FE0F", "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙋🏿‍♀", "name": "woman raising hand: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F64B 1F3FF 200D 2640", "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏", "name": "deaf person", "shortname": ":deaf_person:", "unicode": "1F9CF", "html": "&#x1F9CF;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏻", "name": "deaf person: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CF 1F3FB", "html": "&#x1F9CF;&#x1F3FB;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏼", "name": "deaf person: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CF 1F3FC", "html": "&#x1F9CF;&#x1F3FC;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏽", "name": "deaf person: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CF 1F3FD", "html": "&#x1F9CF;&#x1F3FD;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏾", "name": "deaf person: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CF 1F3FE", "html": "&#x1F9CF;&#x1F3FE;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏿", "name": "deaf person: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CF 1F3FF", "html": "&#x1F9CF;&#x1F3FF;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏‍♂️", "name": "deaf man", "shortname": ":deaf_man:", "unicode": "1F9CF 200D 2642 FE0F", "html": "&#x1F9CF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏‍♂", "name": "deaf man", "shortname": ":deaf_man:", "unicode": "1F9CF 200D 2642", "html": "&#x1F9CF;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏻‍♂️", "name": "deaf man: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CF 1F3FB 200D 2642 FE0F", "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏻‍♂", "name": "deaf man: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CF 1F3FB 200D 2642", "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏼‍♂️", "name": "deaf man: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CF 1F3FC 200D 2642 FE0F", "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏼‍♂", "name": "deaf man: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CF 1F3FC 200D 2642", "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏽‍♂️", "name": "deaf man: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CF 1F3FD 200D 2642 FE0F", "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏽‍♂", "name": "deaf man: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CF 1F3FD 200D 2642", "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏾‍♂️", "name": "deaf man: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CF 1F3FE 200D 2642 FE0F", "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏾‍♂", "name": "deaf man: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CF 1F3FE 200D 2642", "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏿‍♂️", "name": "deaf man: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CF 1F3FF 200D 2642 FE0F", "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏿‍♂", "name": "deaf man: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CF 1F3FF 200D 2642", "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏‍♀️", "name": "deaf woman", "shortname": ":deaf_woman:", "unicode": "1F9CF 200D 2640 FE0F", "html": "&#x1F9CF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏‍♀", "name": "deaf woman", "shortname": ":deaf_woman:", "unicode": "1F9CF 200D 2640", "html": "&#x1F9CF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏻‍♀️", "name": "deaf woman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CF 1F3FB 200D 2640 FE0F", "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏻‍♀", "name": "deaf woman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CF 1F3FB 200D 2640", "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏼‍♀️", "name": "deaf woman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CF 1F3FC 200D 2640 FE0F", "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏼‍♀", "name": "deaf woman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CF 1F3FC 200D 2640", "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏽‍♀️", "name": "deaf woman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CF 1F3FD 200D 2640 FE0F", "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏽‍♀", "name": "deaf woman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CF 1F3FD 200D 2640", "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏾‍♀️", "name": "deaf woman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CF 1F3FE 200D 2640 FE0F", "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏾‍♀", "name": "deaf woman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CF 1F3FE 200D 2640", "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏿‍♀️", "name": "deaf woman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CF 1F3FF 200D 2640 FE0F", "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧏🏿‍♀", "name": "deaf woman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CF 1F3FF 200D 2640", "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇‍♂️", "name": "man bowing", "shortname": ":man_bowing:", "unicode": "1F647 200D 2642 FE0F", "html": "&#x1F647;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇‍♂", "name": "man bowing", "shortname": ":man_bowing:", "unicode": "1F647 200D 2642", "html": "&#x1F647;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏻‍♂️", "name": "man bowing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F647 1F3FB 200D 2642 FE0F", "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏻‍♂", "name": "man bowing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F647 1F3FB 200D 2642", "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏼‍♂️", "name": "man bowing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F647 1F3FC 200D 2642 FE0F", "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏼‍♂", "name": "man bowing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F647 1F3FC 200D 2642", "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏽‍♂️", "name": "man bowing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F647 1F3FD 200D 2642 FE0F", "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏽‍♂", "name": "man bowing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F647 1F3FD 200D 2642", "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏾‍♂️", "name": "man bowing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F647 1F3FE 200D 2642 FE0F", "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏾‍♂", "name": "man bowing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F647 1F3FE 200D 2642", "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏿‍♂️", "name": "man bowing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F647 1F3FF 200D 2642 FE0F", "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏿‍♂", "name": "man bowing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F647 1F3FF 200D 2642", "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇‍♀️", "name": "woman bowing", "shortname": ":woman_bowing:", "unicode": "1F647 200D 2640 FE0F", "html": "&#x1F647;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏻‍♀️", "name": "woman bowing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F647 1F3FB 200D 2640 FE0F", "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏼‍♀️", "name": "woman bowing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F647 1F3FC 200D 2640 FE0F", "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏽‍♀️", "name": "woman bowing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F647 1F3FD 200D 2640 FE0F", "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏾‍♀️", "name": "woman bowing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F647 1F3FE 200D 2640 FE0F", "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🙇🏿‍♀️", "name": "woman bowing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F647 1F3FF 200D 2640 FE0F", "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦", "name": "person facepalming", "shortname": ":person_facepalming:", "unicode": "1F926", "html": "&#x1F926;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏻", "name": "person facepalming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F926 1F3FB", "html": "&#x1F926;&#x1F3FB;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏼", "name": "person facepalming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F926 1F3FC", "html": "&#x1F926;&#x1F3FC;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏽", "name": "person facepalming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F926 1F3FD", "html": "&#x1F926;&#x1F3FD;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏾", "name": "person facepalming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F926 1F3FE", "html": "&#x1F926;&#x1F3FE;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏿", "name": "person facepalming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F926 1F3FF", "html": "&#x1F926;&#x1F3FF;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦‍♂️", "name": "man facepalming", "shortname": ":man_facepalming:", "unicode": "1F926 200D 2642 FE0F", "html": "&#x1F926;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦‍♂", "name": "man facepalming", "shortname": ":man_facepalming:", "unicode": "1F926 200D 2642", "html": "&#x1F926;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏻‍♂️", "name": "man facepalming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F926 1F3FB 200D 2642 FE0F", "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏻‍♂", "name": "man facepalming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F926 1F3FB 200D 2642", "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏼‍♂️", "name": "man facepalming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F926 1F3FC 200D 2642 FE0F", "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏼‍♂", "name": "man facepalming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F926 1F3FC 200D 2642", "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏽‍♂️", "name": "man facepalming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F926 1F3FD 200D 2642 FE0F", "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏽‍♂", "name": "man facepalming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F926 1F3FD 200D 2642", "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏾‍♂️", "name": "man facepalming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F926 1F3FE 200D 2642 FE0F", "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏾‍♂", "name": "man facepalming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F926 1F3FE 200D 2642", "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏿‍♂️", "name": "man facepalming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F926 1F3FF 200D 2642 FE0F", "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏿‍♂", "name": "man facepalming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F926 1F3FF 200D 2642", "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦‍♀️", "name": "woman facepalming", "shortname": ":woman_facepalming:", "unicode": "1F926 200D 2640 FE0F", "html": "&#x1F926;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦‍♀", "name": "woman facepalming", "shortname": ":woman_facepalming:", "unicode": "1F926 200D 2640", "html": "&#x1F926;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏻‍♀️", "name": "woman facepalming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F926 1F3FB 200D 2640 FE0F", "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏻‍♀", "name": "woman facepalming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F926 1F3FB 200D 2640", "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏼‍♀️", "name": "woman facepalming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F926 1F3FC 200D 2640 FE0F", "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏼‍♀", "name": "woman facepalming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F926 1F3FC 200D 2640", "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏽‍♀️", "name": "woman facepalming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F926 1F3FD 200D 2640 FE0F", "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏽‍♀", "name": "woman facepalming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F926 1F3FD 200D 2640", "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏾‍♀️", "name": "woman facepalming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F926 1F3FE 200D 2640 FE0F", "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏾‍♀", "name": "woman facepalming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F926 1F3FE 200D 2640", "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏿‍♀️", "name": "woman facepalming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F926 1F3FF 200D 2640 FE0F", "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤦🏿‍♀", "name": "woman facepalming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F926 1F3FF 200D 2640", "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷", "name": "person shrugging", "shortname": ":person_shrugging:", "unicode": "1F937", "html": "&#x1F937;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏻", "name": "person shrugging: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F937 1F3FB", "html": "&#x1F937;&#x1F3FB;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏼", "name": "person shrugging: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F937 1F3FC", "html": "&#x1F937;&#x1F3FC;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏽", "name": "person shrugging: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F937 1F3FD", "html": "&#x1F937;&#x1F3FD;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏾", "name": "person shrugging: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F937 1F3FE", "html": "&#x1F937;&#x1F3FE;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏿", "name": "person shrugging: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F937 1F3FF", "html": "&#x1F937;&#x1F3FF;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷‍♂️", "name": "man shrugging", "shortname": ":man_shrugging:", "unicode": "1F937 200D 2642 FE0F", "html": "&#x1F937;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷‍♂", "name": "man shrugging", "shortname": ":man_shrugging:", "unicode": "1F937 200D 2642", "html": "&#x1F937;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏻‍♂️", "name": "man shrugging: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F937 1F3FB 200D 2642 FE0F", "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏻‍♂", "name": "man shrugging: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F937 1F3FB 200D 2642", "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏼‍♂️", "name": "man shrugging: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F937 1F3FC 200D 2642 FE0F", "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏼‍♂", "name": "man shrugging: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F937 1F3FC 200D 2642", "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏽‍♂️", "name": "man shrugging: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F937 1F3FD 200D 2642 FE0F", "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏽‍♂", "name": "man shrugging: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F937 1F3FD 200D 2642", "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏾‍♂️", "name": "man shrugging: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F937 1F3FE 200D 2642 FE0F", "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏾‍♂", "name": "man shrugging: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F937 1F3FE 200D 2642", "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏿‍♂️", "name": "man shrugging: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F937 1F3FF 200D 2642 FE0F", "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏿‍♂", "name": "man shrugging: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F937 1F3FF 200D 2642", "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷‍♀️", "name": "woman shrugging", "shortname": ":woman_shrugging:", "unicode": "1F937 200D 2640 FE0F", "html": "&#x1F937;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷‍♀", "name": "woman shrugging", "shortname": ":woman_shrugging:", "unicode": "1F937 200D 2640", "html": "&#x1F937;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏻‍♀️", "name": "woman shrugging: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F937 1F3FB 200D 2640 FE0F", "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏻‍♀", "name": "woman shrugging: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F937 1F3FB 200D 2640", "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏼‍♀️", "name": "woman shrugging: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F937 1F3FC 200D 2640 FE0F", "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏼‍♀", "name": "woman shrugging: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F937 1F3FC 200D 2640", "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏽‍♀️", "name": "woman shrugging: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F937 1F3FD 200D 2640 FE0F", "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏽‍♀", "name": "woman shrugging: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F937 1F3FD 200D 2640", "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏾‍♀️", "name": "woman shrugging: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F937 1F3FE 200D 2640 FE0F", "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏾‍♀", "name": "woman shrugging: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F937 1F3FE 200D 2640", "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏿‍♀️", "name": "woman shrugging: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F937 1F3FF 200D 2640 FE0F", "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🤷🏿‍♀", "name": "woman shrugging: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F937 1F3FF 200D 2640", "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-gesture)", "order": ""},
-		{"emoji": "🧑‍⚕️", "name": "health worker", "shortname": ":health_worker:", "unicode": "1F9D1 200D 2695 FE0F", "html": "&#x1F9D1;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍⚕", "name": "health worker", "shortname": ":health_worker:", "unicode": "1F9D1 200D 2695", "html": "&#x1F9D1;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍⚕️", "name": "health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2695 FE0F", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍⚕", "name": "health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2695", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍⚕️", "name": "health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2695 FE0F", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍⚕", "name": "health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2695", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍⚕️", "name": "health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2695 FE0F", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍⚕", "name": "health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2695", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍⚕️", "name": "health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2695 FE0F", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍⚕", "name": "health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2695", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍⚕️", "name": "health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2695 FE0F", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍⚕", "name": "health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2695", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍⚕️", "name": "man health worker", "shortname": ":man_health_worker:", "unicode": "1F468 200D 2695 FE0F", "html": "&#x1F468;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍⚕", "name": "man health worker", "shortname": ":man_health_worker:", "unicode": "1F468 200D 2695", "html": "&#x1F468;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍⚕️", "name": "man health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2695 FE0F", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍⚕", "name": "man health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2695", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍⚕️", "name": "man health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2695 FE0F", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍⚕", "name": "man health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2695", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍⚕️", "name": "man health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2695 FE0F", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍⚕", "name": "man health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2695", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍⚕️", "name": "man health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2695 FE0F", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍⚕", "name": "man health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2695", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍⚕️", "name": "man health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2695 FE0F", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍⚕", "name": "man health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2695", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍⚕️", "name": "woman health worker", "shortname": ":woman_health_worker:", "unicode": "1F469 200D 2695 FE0F", "html": "&#x1F469;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍⚕", "name": "woman health worker", "shortname": ":woman_health_worker:", "unicode": "1F469 200D 2695", "html": "&#x1F469;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍⚕️", "name": "woman health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2695 FE0F", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍⚕", "name": "woman health worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2695", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍⚕️", "name": "woman health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2695 FE0F", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍⚕", "name": "woman health worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2695", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍⚕️", "name": "woman health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2695 FE0F", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍⚕", "name": "woman health worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2695", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍⚕️", "name": "woman health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2695 FE0F", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍⚕", "name": "woman health worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2695", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍⚕️", "name": "woman health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2695 FE0F", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍⚕", "name": "woman health worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2695", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2695;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🎓", "name": "student", "shortname": ":student:", "unicode": "1F9D1 200D 1F393", "html": "&#x1F9D1;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🎓", "name": "student: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F393", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🎓", "name": "student: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F393", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🎓", "name": "student: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F393", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🎓", "name": "student: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F393", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🎓", "name": "student: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F393", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🎓", "name": "man student", "shortname": ":man_student:", "unicode": "1F468 200D 1F393", "html": "&#x1F468;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🎓", "name": "man student: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F393", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🎓", "name": "man student: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F393", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🎓", "name": "man student: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F393", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🎓", "name": "man student: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F393", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🎓", "name": "man student: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F393", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🎓", "name": "woman student", "shortname": ":woman_student:", "unicode": "1F469 200D 1F393", "html": "&#x1F469;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🎓", "name": "woman student: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F393", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🎓", "name": "woman student: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F393", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🎓", "name": "woman student: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F393", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🎓", "name": "woman student: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F393", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🎓", "name": "woman student: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F393", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F393;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🏫", "name": "teacher", "shortname": ":teacher:", "unicode": "1F9D1 200D 1F3EB", "html": "&#x1F9D1;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🏫", "name": "teacher: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F3EB", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🏫", "name": "teacher: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F3EB", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🏫", "name": "teacher: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F3EB", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🏫", "name": "teacher: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F3EB", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🏫", "name": "teacher: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F3EB", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🏫", "name": "man teacher", "shortname": ":man_teacher:", "unicode": "1F468 200D 1F3EB", "html": "&#x1F468;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🏫", "name": "man teacher: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F3EB", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🏫", "name": "man teacher: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F3EB", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🏫", "name": "man teacher: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F3EB", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🏫", "name": "man teacher: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F3EB", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🏫", "name": "man teacher: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F3EB", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🏫", "name": "woman teacher", "shortname": ":woman_teacher:", "unicode": "1F469 200D 1F3EB", "html": "&#x1F469;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🏫", "name": "woman teacher: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F3EB", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🏫", "name": "woman teacher: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F3EB", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🏫", "name": "woman teacher: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F3EB", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🏫", "name": "woman teacher: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F3EB", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🏫", "name": "woman teacher: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F3EB", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3EB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍⚖️", "name": "judge", "shortname": ":judge:", "unicode": "1F9D1 200D 2696 FE0F", "html": "&#x1F9D1;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍⚖", "name": "judge", "shortname": ":judge:", "unicode": "1F9D1 200D 2696", "html": "&#x1F9D1;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍⚖️", "name": "judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2696 FE0F", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍⚖", "name": "judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2696", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍⚖️", "name": "judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2696 FE0F", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍⚖", "name": "judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2696", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍⚖️", "name": "judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2696 FE0F", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍⚖", "name": "judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2696", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍⚖️", "name": "judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2696 FE0F", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍⚖", "name": "judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2696", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍⚖️", "name": "judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2696 FE0F", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍⚖", "name": "judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2696", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍⚖️", "name": "man judge", "shortname": ":man_judge:", "unicode": "1F468 200D 2696 FE0F", "html": "&#x1F468;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍⚖", "name": "man judge", "shortname": ":man_judge:", "unicode": "1F468 200D 2696", "html": "&#x1F468;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍⚖️", "name": "man judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2696 FE0F", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍⚖", "name": "man judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2696", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍⚖️", "name": "man judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2696 FE0F", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍⚖", "name": "man judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2696", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍⚖️", "name": "man judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2696 FE0F", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍⚖", "name": "man judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2696", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍⚖️", "name": "man judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2696 FE0F", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍⚖", "name": "man judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2696", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍⚖️", "name": "man judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2696 FE0F", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍⚖", "name": "man judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2696", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍⚖️", "name": "woman judge", "shortname": ":woman_judge:", "unicode": "1F469 200D 2696 FE0F", "html": "&#x1F469;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍⚖", "name": "woman judge", "shortname": ":woman_judge:", "unicode": "1F469 200D 2696", "html": "&#x1F469;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍⚖️", "name": "woman judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2696 FE0F", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍⚖", "name": "woman judge: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2696", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍⚖️", "name": "woman judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2696 FE0F", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍⚖", "name": "woman judge: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2696", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍⚖️", "name": "woman judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2696 FE0F", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍⚖", "name": "woman judge: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2696", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍⚖️", "name": "woman judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2696 FE0F", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍⚖", "name": "woman judge: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2696", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍⚖️", "name": "woman judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2696 FE0F", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍⚖", "name": "woman judge: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2696", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2696;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🌾", "name": "farmer", "shortname": ":farmer:", "unicode": "1F9D1 200D 1F33E", "html": "&#x1F9D1;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🌾", "name": "farmer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F33E", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🌾", "name": "farmer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F33E", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🌾", "name": "farmer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F33E", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🌾", "name": "farmer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F33E", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🌾", "name": "farmer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F33E", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🌾", "name": "man farmer", "shortname": ":man_farmer:", "unicode": "1F468 200D 1F33E", "html": "&#x1F468;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🌾", "name": "man farmer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F33E", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🌾", "name": "man farmer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F33E", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🌾", "name": "man farmer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F33E", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🌾", "name": "man farmer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F33E", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🌾", "name": "man farmer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F33E", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🌾", "name": "woman farmer", "shortname": ":woman_farmer:", "unicode": "1F469 200D 1F33E", "html": "&#x1F469;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🌾", "name": "woman farmer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F33E", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🌾", "name": "woman farmer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F33E", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🌾", "name": "woman farmer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F33E", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🌾", "name": "woman farmer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F33E", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🌾", "name": "woman farmer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F33E", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F33E;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🍳", "name": "cook", "shortname": ":cook:", "unicode": "1F9D1 200D 1F373", "html": "&#x1F9D1;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🍳", "name": "cook: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F373", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🍳", "name": "cook: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F373", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🍳", "name": "cook: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F373", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🍳", "name": "cook: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F373", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🍳", "name": "cook: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F373", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🍳", "name": "man cook", "shortname": ":man_cook:", "unicode": "1F468 200D 1F373", "html": "&#x1F468;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🍳", "name": "man cook: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F373", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🍳", "name": "man cook: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F373", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🍳", "name": "man cook: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F373", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🍳", "name": "man cook: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F373", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🍳", "name": "man cook: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F373", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🍳", "name": "woman cook", "shortname": ":woman_cook:", "unicode": "1F469 200D 1F373", "html": "&#x1F469;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🍳", "name": "woman cook: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F373", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🍳", "name": "woman cook: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F373", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🍳", "name": "woman cook: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F373", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🍳", "name": "woman cook: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F373", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🍳", "name": "woman cook: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F373", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F373;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🔧", "name": "mechanic", "shortname": ":mechanic:", "unicode": "1F9D1 200D 1F527", "html": "&#x1F9D1;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🔧", "name": "mechanic: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F527", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🔧", "name": "mechanic: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F527", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🔧", "name": "mechanic: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F527", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🔧", "name": "mechanic: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F527", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🔧", "name": "mechanic: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F527", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🔧", "name": "man mechanic", "shortname": ":man_mechanic:", "unicode": "1F468 200D 1F527", "html": "&#x1F468;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🔧", "name": "man mechanic: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F527", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🔧", "name": "man mechanic: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F527", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🔧", "name": "man mechanic: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F527", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🔧", "name": "man mechanic: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F527", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🔧", "name": "man mechanic: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F527", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🔧", "name": "woman mechanic", "shortname": ":woman_mechanic:", "unicode": "1F469 200D 1F527", "html": "&#x1F469;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🔧", "name": "woman mechanic: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F527", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🔧", "name": "woman mechanic: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F527", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🔧", "name": "woman mechanic: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F527", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🔧", "name": "woman mechanic: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F527", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🔧", "name": "woman mechanic: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F527", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F527;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🏭", "name": "factory worker", "shortname": ":factory_worker:", "unicode": "1F9D1 200D 1F3ED", "html": "&#x1F9D1;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🏭", "name": "factory worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F3ED", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🏭", "name": "factory worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F3ED", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🏭", "name": "factory worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F3ED", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🏭", "name": "factory worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F3ED", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🏭", "name": "factory worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F3ED", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🏭", "name": "man factory worker", "shortname": ":man_factory_worker:", "unicode": "1F468 200D 1F3ED", "html": "&#x1F468;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🏭", "name": "man factory worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F3ED", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🏭", "name": "man factory worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F3ED", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🏭", "name": "man factory worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F3ED", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🏭", "name": "man factory worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F3ED", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🏭", "name": "man factory worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F3ED", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🏭", "name": "woman factory worker", "shortname": ":woman_factory_worker:", "unicode": "1F469 200D 1F3ED", "html": "&#x1F469;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🏭", "name": "woman factory worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F3ED", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🏭", "name": "woman factory worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F3ED", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🏭", "name": "woman factory worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F3ED", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🏭", "name": "woman factory worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F3ED", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🏭", "name": "woman factory worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F3ED", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3ED;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍💼", "name": "office worker", "shortname": ":office_worker:", "unicode": "1F9D1 200D 1F4BC", "html": "&#x1F9D1;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍💼", "name": "office worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F4BC", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍💼", "name": "office worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F4BC", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍💼", "name": "office worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F4BC", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍💼", "name": "office worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F4BC", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍💼", "name": "office worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F4BC", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍💼", "name": "man office worker", "shortname": ":man_office_worker:", "unicode": "1F468 200D 1F4BC", "html": "&#x1F468;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍💼", "name": "man office worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F4BC", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍💼", "name": "man office worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F4BC", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍💼", "name": "man office worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F4BC", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍💼", "name": "man office worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F4BC", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍💼", "name": "man office worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F4BC", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍💼", "name": "woman office worker", "shortname": ":woman_office_worker:", "unicode": "1F469 200D 1F4BC", "html": "&#x1F469;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍💼", "name": "woman office worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F4BC", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍💼", "name": "woman office worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F4BC", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍💼", "name": "woman office worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F4BC", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍💼", "name": "woman office worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F4BC", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍💼", "name": "woman office worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F4BC", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F4BC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🔬", "name": "scientist", "shortname": ":scientist:", "unicode": "1F9D1 200D 1F52C", "html": "&#x1F9D1;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🔬", "name": "scientist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F52C", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🔬", "name": "scientist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F52C", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🔬", "name": "scientist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F52C", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🔬", "name": "scientist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F52C", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🔬", "name": "scientist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F52C", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🔬", "name": "man scientist", "shortname": ":man_scientist:", "unicode": "1F468 200D 1F52C", "html": "&#x1F468;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🔬", "name": "man scientist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F52C", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🔬", "name": "man scientist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F52C", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🔬", "name": "man scientist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F52C", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🔬", "name": "man scientist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F52C", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🔬", "name": "man scientist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F52C", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🔬", "name": "woman scientist", "shortname": ":woman_scientist:", "unicode": "1F469 200D 1F52C", "html": "&#x1F469;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🔬", "name": "woman scientist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F52C", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🔬", "name": "woman scientist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F52C", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🔬", "name": "woman scientist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F52C", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🔬", "name": "woman scientist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F52C", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🔬", "name": "woman scientist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F52C", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F52C;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍💻", "name": "technologist", "shortname": ":technologist:", "unicode": "1F9D1 200D 1F4BB", "html": "&#x1F9D1;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍💻", "name": "technologist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F4BB", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍💻", "name": "technologist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F4BB", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍💻", "name": "technologist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F4BB", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍💻", "name": "technologist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F4BB", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍💻", "name": "technologist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F4BB", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍💻", "name": "man technologist", "shortname": ":man_technologist:", "unicode": "1F468 200D 1F4BB", "html": "&#x1F468;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍💻", "name": "man technologist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F4BB", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍💻", "name": "man technologist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F4BB", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍💻", "name": "man technologist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F4BB", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍💻", "name": "man technologist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F4BB", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍💻", "name": "man technologist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F4BB", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍💻", "name": "woman technologist", "shortname": ":woman_technologist:", "unicode": "1F469 200D 1F4BB", "html": "&#x1F469;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍💻", "name": "woman technologist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F4BB", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍💻", "name": "woman technologist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F4BB", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍💻", "name": "woman technologist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F4BB", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍💻", "name": "woman technologist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F4BB", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍💻", "name": "woman technologist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F4BB", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F4BB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🎤", "name": "singer", "shortname": ":singer:", "unicode": "1F9D1 200D 1F3A4", "html": "&#x1F9D1;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🎤", "name": "singer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F3A4", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🎤", "name": "singer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F3A4", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🎤", "name": "singer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F3A4", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🎤", "name": "singer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F3A4", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🎤", "name": "singer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F3A4", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🎤", "name": "man singer", "shortname": ":man_singer:", "unicode": "1F468 200D 1F3A4", "html": "&#x1F468;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🎤", "name": "man singer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F3A4", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🎤", "name": "man singer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F3A4", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🎤", "name": "man singer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F3A4", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🎤", "name": "man singer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F3A4", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🎤", "name": "man singer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F3A4", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🎤", "name": "woman singer", "shortname": ":woman_singer:", "unicode": "1F469 200D 1F3A4", "html": "&#x1F469;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🎤", "name": "woman singer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F3A4", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🎤", "name": "woman singer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F3A4", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🎤", "name": "woman singer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F3A4", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🎤", "name": "woman singer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F3A4", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🎤", "name": "woman singer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F3A4", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3A4;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🎨", "name": "artist", "shortname": ":artist:", "unicode": "1F9D1 200D 1F3A8", "html": "&#x1F9D1;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🎨", "name": "artist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F3A8", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🎨", "name": "artist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F3A8", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🎨", "name": "artist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F3A8", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🎨", "name": "artist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F3A8", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🎨", "name": "artist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F3A8", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🎨", "name": "man artist", "shortname": ":man_artist:", "unicode": "1F468 200D 1F3A8", "html": "&#x1F468;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🎨", "name": "man artist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F3A8", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🎨", "name": "man artist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F3A8", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🎨", "name": "man artist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F3A8", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🎨", "name": "man artist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F3A8", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🎨", "name": "man artist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F3A8", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🎨", "name": "woman artist", "shortname": ":woman_artist:", "unicode": "1F469 200D 1F3A8", "html": "&#x1F469;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🎨", "name": "woman artist: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F3A8", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🎨", "name": "woman artist: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F3A8", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🎨", "name": "woman artist: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F3A8", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🎨", "name": "woman artist: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F3A8", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🎨", "name": "woman artist: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F3A8", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3A8;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍✈️", "name": "pilot", "shortname": ":pilot:", "unicode": "1F9D1 200D 2708 FE0F", "html": "&#x1F9D1;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍✈", "name": "pilot", "shortname": ":pilot:", "unicode": "1F9D1 200D 2708", "html": "&#x1F9D1;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍✈️", "name": "pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2708 FE0F", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍✈", "name": "pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 2708", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍✈️", "name": "pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2708 FE0F", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍✈", "name": "pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 2708", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍✈️", "name": "pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2708 FE0F", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍✈", "name": "pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 2708", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍✈️", "name": "pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2708 FE0F", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍✈", "name": "pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 2708", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍✈️", "name": "pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2708 FE0F", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍✈", "name": "pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 2708", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍✈️", "name": "man pilot", "shortname": ":man_pilot:", "unicode": "1F468 200D 2708 FE0F", "html": "&#x1F468;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍✈", "name": "man pilot", "shortname": ":man_pilot:", "unicode": "1F468 200D 2708", "html": "&#x1F468;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍✈️", "name": "man pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2708 FE0F", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍✈", "name": "man pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 2708", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍✈️", "name": "man pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2708 FE0F", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍✈", "name": "man pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 2708", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍✈️", "name": "man pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2708 FE0F", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍✈", "name": "man pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 2708", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍✈️", "name": "man pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2708 FE0F", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍✈", "name": "man pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 2708", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍✈️", "name": "man pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2708 FE0F", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍✈", "name": "man pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 2708", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍✈️", "name": "woman pilot", "shortname": ":woman_pilot:", "unicode": "1F469 200D 2708 FE0F", "html": "&#x1F469;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍✈", "name": "woman pilot", "shortname": ":woman_pilot:", "unicode": "1F469 200D 2708", "html": "&#x1F469;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍✈️", "name": "woman pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2708 FE0F", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍✈", "name": "woman pilot: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 2708", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍✈️", "name": "woman pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2708 FE0F", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍✈", "name": "woman pilot: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 2708", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍✈️", "name": "woman pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2708 FE0F", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍✈", "name": "woman pilot: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 2708", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍✈️", "name": "woman pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2708 FE0F", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍✈", "name": "woman pilot: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 2708", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍✈️", "name": "woman pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2708 FE0F", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍✈", "name": "woman pilot: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 2708", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2708;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🚀", "name": "astronaut", "shortname": ":astronaut:", "unicode": "1F9D1 200D 1F680", "html": "&#x1F9D1;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🚀", "name": "astronaut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F680", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🚀", "name": "astronaut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F680", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🚀", "name": "astronaut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F680", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🚀", "name": "astronaut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F680", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🚀", "name": "astronaut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F680", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🚀", "name": "man astronaut", "shortname": ":man_astronaut:", "unicode": "1F468 200D 1F680", "html": "&#x1F468;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🚀", "name": "man astronaut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F680", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🚀", "name": "man astronaut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F680", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🚀", "name": "man astronaut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F680", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🚀", "name": "man astronaut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F680", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🚀", "name": "man astronaut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F680", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🚀", "name": "woman astronaut", "shortname": ":woman_astronaut:", "unicode": "1F469 200D 1F680", "html": "&#x1F469;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🚀", "name": "woman astronaut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F680", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🚀", "name": "woman astronaut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F680", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🚀", "name": "woman astronaut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F680", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🚀", "name": "woman astronaut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F680", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🚀", "name": "woman astronaut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F680", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F680;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑‍🚒", "name": "firefighter", "shortname": ":firefighter:", "unicode": "1F9D1 200D 1F692", "html": "&#x1F9D1;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏻‍🚒", "name": "firefighter: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F692", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏼‍🚒", "name": "firefighter: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F692", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏽‍🚒", "name": "firefighter: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F692", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏾‍🚒", "name": "firefighter: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F692", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧑🏿‍🚒", "name": "firefighter: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F692", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨‍🚒", "name": "man firefighter", "shortname": ":man_firefighter:", "unicode": "1F468 200D 1F692", "html": "&#x1F468;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏻‍🚒", "name": "man firefighter: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F692", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏼‍🚒", "name": "man firefighter: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F692", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏽‍🚒", "name": "man firefighter: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F692", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏾‍🚒", "name": "man firefighter: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F692", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👨🏿‍🚒", "name": "man firefighter: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F692", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩‍🚒", "name": "woman firefighter", "shortname": ":woman_firefighter:", "unicode": "1F469 200D 1F692", "html": "&#x1F469;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏻‍🚒", "name": "woman firefighter: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F692", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏼‍🚒", "name": "woman firefighter: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F692", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏽‍🚒", "name": "woman firefighter: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F692", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏾‍🚒", "name": "woman firefighter: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F692", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👩🏿‍🚒", "name": "woman firefighter: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F692", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F692;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮‍♂️", "name": "man police officer", "shortname": ":man_police_officer:", "unicode": "1F46E 200D 2642 FE0F", "html": "&#x1F46E;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮‍♂", "name": "man police officer", "shortname": ":man_police_officer:", "unicode": "1F46E 200D 2642", "html": "&#x1F46E;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏻‍♂️", "name": "man police officer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46E 1F3FB 200D 2642 FE0F", "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏻‍♂", "name": "man police officer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46E 1F3FB 200D 2642", "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏼‍♂️", "name": "man police officer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46E 1F3FC 200D 2642 FE0F", "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏼‍♂", "name": "man police officer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46E 1F3FC 200D 2642", "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏽‍♂️", "name": "man police officer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46E 1F3FD 200D 2642 FE0F", "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏽‍♂", "name": "man police officer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46E 1F3FD 200D 2642", "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏾‍♂️", "name": "man police officer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46E 1F3FE 200D 2642 FE0F", "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏾‍♂", "name": "man police officer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46E 1F3FE 200D 2642", "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏿‍♂️", "name": "man police officer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46E 1F3FF 200D 2642 FE0F", "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏿‍♂", "name": "man police officer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46E 1F3FF 200D 2642", "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮‍♀️", "name": "woman police officer", "shortname": ":woman_police_officer:", "unicode": "1F46E 200D 2640 FE0F", "html": "&#x1F46E;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏻‍♀️", "name": "woman police officer: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46E 1F3FB 200D 2640 FE0F", "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏼‍♀️", "name": "woman police officer: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46E 1F3FC 200D 2640 FE0F", "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏽‍♀️", "name": "woman police officer: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46E 1F3FD 200D 2640 FE0F", "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏾‍♀️", "name": "woman police officer: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46E 1F3FE 200D 2640 FE0F", "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👮🏿‍♀️", "name": "woman police officer: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46E 1F3FF 200D 2640 FE0F", "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵️", "name": "detective", "shortname": ":detective:", "unicode": "1F575 FE0F", "html": "&#x1F575;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵️‍♂️", "name": "man detective", "shortname": ":man_detective:", "unicode": "1F575 FE0F 200D 2642 FE0F", "html": "&#x1F575;&#xFE0F;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵‍♂️", "name": "man detective", "shortname": ":man_detective:", "unicode": "1F575 200D 2642 FE0F", "html": "&#x1F575;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵️‍♂", "name": "man detective", "shortname": ":man_detective:", "unicode": "1F575 FE0F 200D 2642", "html": "&#x1F575;&#xFE0F;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵‍♂", "name": "man detective", "shortname": ":man_detective:", "unicode": "1F575 200D 2642", "html": "&#x1F575;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏻‍♂️", "name": "man detective: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F575 1F3FB 200D 2642 FE0F", "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏻‍♂", "name": "man detective: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F575 1F3FB 200D 2642", "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏼‍♂️", "name": "man detective: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F575 1F3FC 200D 2642 FE0F", "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏼‍♂", "name": "man detective: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F575 1F3FC 200D 2642", "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏽‍♂️", "name": "man detective: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F575 1F3FD 200D 2642 FE0F", "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏽‍♂", "name": "man detective: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F575 1F3FD 200D 2642", "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏾‍♂️", "name": "man detective: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F575 1F3FE 200D 2642 FE0F", "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏾‍♂", "name": "man detective: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F575 1F3FE 200D 2642", "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏿‍♂️", "name": "man detective: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F575 1F3FF 200D 2642 FE0F", "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏿‍♂", "name": "man detective: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F575 1F3FF 200D 2642", "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵️‍♀️", "name": "woman detective", "shortname": ":woman_detective:", "unicode": "1F575 FE0F 200D 2640 FE0F", "html": "&#x1F575;&#xFE0F;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵‍♀️", "name": "woman detective", "shortname": ":woman_detective:", "unicode": "1F575 200D 2640 FE0F", "html": "&#x1F575;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵️‍♀", "name": "woman detective", "shortname": ":woman_detective:", "unicode": "1F575 FE0F 200D 2640", "html": "&#x1F575;&#xFE0F;&#x200D;&#x2640;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏻‍♀️", "name": "woman detective: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F575 1F3FB 200D 2640 FE0F", "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏼‍♀️", "name": "woman detective: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F575 1F3FC 200D 2640 FE0F", "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏽‍♀️", "name": "woman detective: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F575 1F3FD 200D 2640 FE0F", "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏾‍♀️", "name": "woman detective: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F575 1F3FE 200D 2640 FE0F", "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🕵🏿‍♀️", "name": "woman detective: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F575 1F3FF 200D 2640 FE0F", "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂‍♂️", "name": "man guard", "shortname": ":man_guard:", "unicode": "1F482 200D 2642 FE0F", "html": "&#x1F482;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂‍♂", "name": "man guard", "shortname": ":man_guard:", "unicode": "1F482 200D 2642", "html": "&#x1F482;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏻‍♂️", "name": "man guard: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F482 1F3FB 200D 2642 FE0F", "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏻‍♂", "name": "man guard: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F482 1F3FB 200D 2642", "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏼‍♂️", "name": "man guard: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F482 1F3FC 200D 2642 FE0F", "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏼‍♂", "name": "man guard: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F482 1F3FC 200D 2642", "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏽‍♂️", "name": "man guard: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F482 1F3FD 200D 2642 FE0F", "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏽‍♂", "name": "man guard: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F482 1F3FD 200D 2642", "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏾‍♂️", "name": "man guard: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F482 1F3FE 200D 2642 FE0F", "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏾‍♂", "name": "man guard: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F482 1F3FE 200D 2642", "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏿‍♂️", "name": "man guard: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F482 1F3FF 200D 2642 FE0F", "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏿‍♂", "name": "man guard: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F482 1F3FF 200D 2642", "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂‍♀️", "name": "woman guard", "shortname": ":woman_guard:", "unicode": "1F482 200D 2640 FE0F", "html": "&#x1F482;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏻‍♀️", "name": "woman guard: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F482 1F3FB 200D 2640 FE0F", "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏼‍♀️", "name": "woman guard: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F482 1F3FC 200D 2640 FE0F", "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏽‍♀️", "name": "woman guard: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F482 1F3FD 200D 2640 FE0F", "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏾‍♀️", "name": "woman guard: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F482 1F3FE 200D 2640 FE0F", "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "💂🏿‍♀️", "name": "woman guard: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F482 1F3FF 200D 2640 FE0F", "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷‍♂️", "name": "man construction worker", "shortname": ":man_construction_worker:", "unicode": "1F477 200D 2642 FE0F", "html": "&#x1F477;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷‍♂", "name": "man construction worker", "shortname": ":man_construction_worker:", "unicode": "1F477 200D 2642", "html": "&#x1F477;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏻‍♂️", "name": "man construction worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F477 1F3FB 200D 2642 FE0F", "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏻‍♂", "name": "man construction worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F477 1F3FB 200D 2642", "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏼‍♂️", "name": "man construction worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F477 1F3FC 200D 2642 FE0F", "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏼‍♂", "name": "man construction worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F477 1F3FC 200D 2642", "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏽‍♂️", "name": "man construction worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F477 1F3FD 200D 2642 FE0F", "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏽‍♂", "name": "man construction worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F477 1F3FD 200D 2642", "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏾‍♂️", "name": "man construction worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F477 1F3FE 200D 2642 FE0F", "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏾‍♂", "name": "man construction worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F477 1F3FE 200D 2642", "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏿‍♂️", "name": "man construction worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F477 1F3FF 200D 2642 FE0F", "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏿‍♂", "name": "man construction worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F477 1F3FF 200D 2642", "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷‍♀️", "name": "woman construction worker", "shortname": ":woman_construction_worker:", "unicode": "1F477 200D 2640 FE0F", "html": "&#x1F477;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏻‍♀️", "name": "woman construction worker: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F477 1F3FB 200D 2640 FE0F", "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏼‍♀️", "name": "woman construction worker: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F477 1F3FC 200D 2640 FE0F", "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏽‍♀️", "name": "woman construction worker: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F477 1F3FD 200D 2640 FE0F", "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏾‍♀️", "name": "woman construction worker: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F477 1F3FE 200D 2640 FE0F", "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👷🏿‍♀️", "name": "woman construction worker: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F477 1F3FF 200D 2640 FE0F", "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴", "name": "prince", "shortname": ":prince:", "unicode": "1F934", "html": "&#x1F934;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴🏻", "name": "prince: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F934 1F3FB", "html": "&#x1F934;&#x1F3FB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴🏼", "name": "prince: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F934 1F3FC", "html": "&#x1F934;&#x1F3FC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴🏽", "name": "prince: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F934 1F3FD", "html": "&#x1F934;&#x1F3FD;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴🏾", "name": "prince: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F934 1F3FE", "html": "&#x1F934;&#x1F3FE;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤴🏿", "name": "prince: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F934 1F3FF", "html": "&#x1F934;&#x1F3FF;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳‍♂️", "name": "man wearing turban", "shortname": ":man_wearing_turban:", "unicode": "1F473 200D 2642 FE0F", "html": "&#x1F473;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳‍♂", "name": "man wearing turban", "shortname": ":man_wearing_turban:", "unicode": "1F473 200D 2642", "html": "&#x1F473;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏻‍♂️", "name": "man wearing turban: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F473 1F3FB 200D 2642 FE0F", "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏻‍♂", "name": "man wearing turban: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F473 1F3FB 200D 2642", "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏼‍♂️", "name": "man wearing turban: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F473 1F3FC 200D 2642 FE0F", "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏼‍♂", "name": "man wearing turban: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F473 1F3FC 200D 2642", "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏽‍♂️", "name": "man wearing turban: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F473 1F3FD 200D 2642 FE0F", "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏽‍♂", "name": "man wearing turban: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F473 1F3FD 200D 2642", "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏾‍♂️", "name": "man wearing turban: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F473 1F3FE 200D 2642 FE0F", "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏾‍♂", "name": "man wearing turban: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F473 1F3FE 200D 2642", "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏿‍♂️", "name": "man wearing turban: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F473 1F3FF 200D 2642 FE0F", "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏿‍♂", "name": "man wearing turban: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F473 1F3FF 200D 2642", "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳‍♀️", "name": "woman wearing turban", "shortname": ":woman_wearing_turban:", "unicode": "1F473 200D 2640 FE0F", "html": "&#x1F473;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏻‍♀️", "name": "woman wearing turban: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F473 1F3FB 200D 2640 FE0F", "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏼‍♀️", "name": "woman wearing turban: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F473 1F3FC 200D 2640 FE0F", "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏽‍♀️", "name": "woman wearing turban: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F473 1F3FD 200D 2640 FE0F", "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏾‍♀️", "name": "woman wearing turban: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F473 1F3FE 200D 2640 FE0F", "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "👳🏿‍♀️", "name": "woman wearing turban: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F473 1F3FF 200D 2640 FE0F", "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕", "name": "woman with headscarf", "shortname": ":woman_with_headscarf:", "unicode": "1F9D5", "html": "&#x1F9D5;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕🏻", "name": "woman with headscarf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D5 1F3FB", "html": "&#x1F9D5;&#x1F3FB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕🏼", "name": "woman with headscarf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D5 1F3FC", "html": "&#x1F9D5;&#x1F3FC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕🏽", "name": "woman with headscarf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D5 1F3FD", "html": "&#x1F9D5;&#x1F3FD;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕🏾", "name": "woman with headscarf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D5 1F3FE", "html": "&#x1F9D5;&#x1F3FE;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🧕🏿", "name": "woman with headscarf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D5 1F3FF", "html": "&#x1F9D5;&#x1F3FF;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵", "name": "man in tuxedo", "shortname": ":man_in_tuxedo:", "unicode": "1F935", "html": "&#x1F935;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵🏻", "name": "man in tuxedo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F935 1F3FB", "html": "&#x1F935;&#x1F3FB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵🏼", "name": "man in tuxedo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F935 1F3FC", "html": "&#x1F935;&#x1F3FC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵🏽", "name": "man in tuxedo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F935 1F3FD", "html": "&#x1F935;&#x1F3FD;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵🏾", "name": "man in tuxedo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F935 1F3FE", "html": "&#x1F935;&#x1F3FE;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤵🏿", "name": "man in tuxedo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F935 1F3FF", "html": "&#x1F935;&#x1F3FF;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰", "name": "pregnant woman", "shortname": ":pregnant_woman:", "unicode": "1F930", "html": "&#x1F930;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰🏻", "name": "pregnant woman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F930 1F3FB", "html": "&#x1F930;&#x1F3FB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰🏼", "name": "pregnant woman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F930 1F3FC", "html": "&#x1F930;&#x1F3FC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰🏽", "name": "pregnant woman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F930 1F3FD", "html": "&#x1F930;&#x1F3FD;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰🏾", "name": "pregnant woman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F930 1F3FE", "html": "&#x1F930;&#x1F3FE;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤰🏿", "name": "pregnant woman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F930 1F3FF", "html": "&#x1F930;&#x1F3FF;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱", "name": "breast-feeding", "shortname": ":breastfeeding:", "unicode": "1F931", "html": "&#x1F931;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱🏻", "name": "breast-feeding: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F931 1F3FB", "html": "&#x1F931;&#x1F3FB;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱🏼", "name": "breast-feeding: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F931 1F3FC", "html": "&#x1F931;&#x1F3FC;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱🏽", "name": "breast-feeding: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F931 1F3FD", "html": "&#x1F931;&#x1F3FD;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱🏾", "name": "breast-feeding: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F931 1F3FE", "html": "&#x1F931;&#x1F3FE;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤱🏿", "name": "breast-feeding: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F931 1F3FF", "html": "&#x1F931;&#x1F3FF;", "category": "People & Body (person-role)", "order": ""},
-		{"emoji": "🤶", "name": "Mrs. Claus", "shortname": ":Mrs_Claus:", "unicode": "1F936", "html": "&#x1F936;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🤶🏻", "name": "Mrs. Claus: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F936 1F3FB", "html": "&#x1F936;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🤶🏼", "name": "Mrs. Claus: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F936 1F3FC", "html": "&#x1F936;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🤶🏽", "name": "Mrs. Claus: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F936 1F3FD", "html": "&#x1F936;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🤶🏾", "name": "Mrs. Claus: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F936 1F3FE", "html": "&#x1F936;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🤶🏿", "name": "Mrs. Claus: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F936 1F3FF", "html": "&#x1F936;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸", "name": "superhero", "shortname": ":superhero:", "unicode": "1F9B8", "html": "&#x1F9B8;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏻", "name": "superhero: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B8 1F3FB", "html": "&#x1F9B8;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏼", "name": "superhero: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B8 1F3FC", "html": "&#x1F9B8;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏽", "name": "superhero: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B8 1F3FD", "html": "&#x1F9B8;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏾", "name": "superhero: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B8 1F3FE", "html": "&#x1F9B8;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏿", "name": "superhero: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B8 1F3FF", "html": "&#x1F9B8;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸‍♂️", "name": "man superhero", "shortname": ":man_superhero:", "unicode": "1F9B8 200D 2642 FE0F", "html": "&#x1F9B8;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸‍♂", "name": "man superhero", "shortname": ":man_superhero:", "unicode": "1F9B8 200D 2642", "html": "&#x1F9B8;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏻‍♂️", "name": "man superhero: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B8 1F3FB 200D 2642 FE0F", "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏻‍♂", "name": "man superhero: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B8 1F3FB 200D 2642", "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏼‍♂️", "name": "man superhero: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B8 1F3FC 200D 2642 FE0F", "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏼‍♂", "name": "man superhero: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B8 1F3FC 200D 2642", "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏽‍♂️", "name": "man superhero: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B8 1F3FD 200D 2642 FE0F", "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏽‍♂", "name": "man superhero: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B8 1F3FD 200D 2642", "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏾‍♂️", "name": "man superhero: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B8 1F3FE 200D 2642 FE0F", "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏾‍♂", "name": "man superhero: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B8 1F3FE 200D 2642", "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏿‍♂️", "name": "man superhero: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B8 1F3FF 200D 2642 FE0F", "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏿‍♂", "name": "man superhero: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B8 1F3FF 200D 2642", "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸‍♀️", "name": "woman superhero", "shortname": ":woman_superhero:", "unicode": "1F9B8 200D 2640 FE0F", "html": "&#x1F9B8;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸‍♀", "name": "woman superhero", "shortname": ":woman_superhero:", "unicode": "1F9B8 200D 2640", "html": "&#x1F9B8;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏻‍♀️", "name": "woman superhero: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B8 1F3FB 200D 2640 FE0F", "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏻‍♀", "name": "woman superhero: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B8 1F3FB 200D 2640", "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏼‍♀️", "name": "woman superhero: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B8 1F3FC 200D 2640 FE0F", "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏼‍♀", "name": "woman superhero: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B8 1F3FC 200D 2640", "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏽‍♀️", "name": "woman superhero: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B8 1F3FD 200D 2640 FE0F", "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏽‍♀", "name": "woman superhero: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B8 1F3FD 200D 2640", "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏾‍♀️", "name": "woman superhero: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B8 1F3FE 200D 2640 FE0F", "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏾‍♀", "name": "woman superhero: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B8 1F3FE 200D 2640", "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏿‍♀️", "name": "woman superhero: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B8 1F3FF 200D 2640 FE0F", "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦸🏿‍♀", "name": "woman superhero: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B8 1F3FF 200D 2640", "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹", "name": "supervillain", "shortname": ":supervillain:", "unicode": "1F9B9", "html": "&#x1F9B9;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏻", "name": "supervillain: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B9 1F3FB", "html": "&#x1F9B9;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏼", "name": "supervillain: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B9 1F3FC", "html": "&#x1F9B9;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏽", "name": "supervillain: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B9 1F3FD", "html": "&#x1F9B9;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏾", "name": "supervillain: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B9 1F3FE", "html": "&#x1F9B9;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏿", "name": "supervillain: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B9 1F3FF", "html": "&#x1F9B9;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹‍♂️", "name": "man supervillain", "shortname": ":man_supervillain:", "unicode": "1F9B9 200D 2642 FE0F", "html": "&#x1F9B9;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹‍♂", "name": "man supervillain", "shortname": ":man_supervillain:", "unicode": "1F9B9 200D 2642", "html": "&#x1F9B9;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏻‍♂️", "name": "man supervillain: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B9 1F3FB 200D 2642 FE0F", "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏻‍♂", "name": "man supervillain: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B9 1F3FB 200D 2642", "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏼‍♂️", "name": "man supervillain: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B9 1F3FC 200D 2642 FE0F", "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏼‍♂", "name": "man supervillain: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B9 1F3FC 200D 2642", "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏽‍♂️", "name": "man supervillain: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B9 1F3FD 200D 2642 FE0F", "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏽‍♂", "name": "man supervillain: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B9 1F3FD 200D 2642", "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏾‍♂️", "name": "man supervillain: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B9 1F3FE 200D 2642 FE0F", "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏾‍♂", "name": "man supervillain: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B9 1F3FE 200D 2642", "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏿‍♂️", "name": "man supervillain: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B9 1F3FF 200D 2642 FE0F", "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏿‍♂", "name": "man supervillain: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B9 1F3FF 200D 2642", "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹‍♀️", "name": "woman supervillain", "shortname": ":woman_supervillain:", "unicode": "1F9B9 200D 2640 FE0F", "html": "&#x1F9B9;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹‍♀", "name": "woman supervillain", "shortname": ":woman_supervillain:", "unicode": "1F9B9 200D 2640", "html": "&#x1F9B9;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏻‍♀️", "name": "woman supervillain: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B9 1F3FB 200D 2640 FE0F", "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏻‍♀", "name": "woman supervillain: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9B9 1F3FB 200D 2640", "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏼‍♀️", "name": "woman supervillain: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B9 1F3FC 200D 2640 FE0F", "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏼‍♀", "name": "woman supervillain: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9B9 1F3FC 200D 2640", "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏽‍♀️", "name": "woman supervillain: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B9 1F3FD 200D 2640 FE0F", "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏽‍♀", "name": "woman supervillain: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9B9 1F3FD 200D 2640", "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏾‍♀️", "name": "woman supervillain: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B9 1F3FE 200D 2640 FE0F", "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏾‍♀", "name": "woman supervillain: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9B9 1F3FE 200D 2640", "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏿‍♀️", "name": "woman supervillain: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B9 1F3FF 200D 2640 FE0F", "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🦹🏿‍♀", "name": "woman supervillain: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9B9 1F3FF 200D 2640", "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙", "name": "mage", "shortname": ":mage:", "unicode": "1F9D9", "html": "&#x1F9D9;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏻", "name": "mage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D9 1F3FB", "html": "&#x1F9D9;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏼", "name": "mage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D9 1F3FC", "html": "&#x1F9D9;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏽", "name": "mage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D9 1F3FD", "html": "&#x1F9D9;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏾", "name": "mage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D9 1F3FE", "html": "&#x1F9D9;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏿", "name": "mage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D9 1F3FF", "html": "&#x1F9D9;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙‍♂️", "name": "man mage", "shortname": ":man_mage:", "unicode": "1F9D9 200D 2642 FE0F", "html": "&#x1F9D9;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙‍♂", "name": "man mage", "shortname": ":man_mage:", "unicode": "1F9D9 200D 2642", "html": "&#x1F9D9;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏻‍♂️", "name": "man mage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D9 1F3FB 200D 2642 FE0F", "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏻‍♂", "name": "man mage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D9 1F3FB 200D 2642", "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏼‍♂️", "name": "man mage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D9 1F3FC 200D 2642 FE0F", "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏼‍♂", "name": "man mage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D9 1F3FC 200D 2642", "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏽‍♂️", "name": "man mage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D9 1F3FD 200D 2642 FE0F", "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏽‍♂", "name": "man mage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D9 1F3FD 200D 2642", "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏾‍♂️", "name": "man mage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D9 1F3FE 200D 2642 FE0F", "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏾‍♂", "name": "man mage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D9 1F3FE 200D 2642", "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏿‍♂️", "name": "man mage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D9 1F3FF 200D 2642 FE0F", "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏿‍♂", "name": "man mage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D9 1F3FF 200D 2642", "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙‍♀️", "name": "woman mage", "shortname": ":woman_mage:", "unicode": "1F9D9 200D 2640 FE0F", "html": "&#x1F9D9;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙‍♀", "name": "woman mage", "shortname": ":woman_mage:", "unicode": "1F9D9 200D 2640", "html": "&#x1F9D9;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏻‍♀️", "name": "woman mage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D9 1F3FB 200D 2640 FE0F", "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏻‍♀", "name": "woman mage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D9 1F3FB 200D 2640", "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏼‍♀️", "name": "woman mage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D9 1F3FC 200D 2640 FE0F", "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏼‍♀", "name": "woman mage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D9 1F3FC 200D 2640", "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏽‍♀️", "name": "woman mage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D9 1F3FD 200D 2640 FE0F", "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏽‍♀", "name": "woman mage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D9 1F3FD 200D 2640", "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏾‍♀️", "name": "woman mage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D9 1F3FE 200D 2640 FE0F", "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏾‍♀", "name": "woman mage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D9 1F3FE 200D 2640", "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏿‍♀️", "name": "woman mage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D9 1F3FF 200D 2640 FE0F", "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧙🏿‍♀", "name": "woman mage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D9 1F3FF 200D 2640", "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚", "name": "fairy", "shortname": ":fairy:", "unicode": "1F9DA", "html": "&#x1F9DA;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏻", "name": "fairy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DA 1F3FB", "html": "&#x1F9DA;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏼", "name": "fairy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DA 1F3FC", "html": "&#x1F9DA;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏽", "name": "fairy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DA 1F3FD", "html": "&#x1F9DA;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏾", "name": "fairy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DA 1F3FE", "html": "&#x1F9DA;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏿", "name": "fairy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DA 1F3FF", "html": "&#x1F9DA;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚‍♂️", "name": "man fairy", "shortname": ":man_fairy:", "unicode": "1F9DA 200D 2642 FE0F", "html": "&#x1F9DA;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚‍♂", "name": "man fairy", "shortname": ":man_fairy:", "unicode": "1F9DA 200D 2642", "html": "&#x1F9DA;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏻‍♂️", "name": "man fairy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DA 1F3FB 200D 2642 FE0F", "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏻‍♂", "name": "man fairy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DA 1F3FB 200D 2642", "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏼‍♂️", "name": "man fairy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DA 1F3FC 200D 2642 FE0F", "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏼‍♂", "name": "man fairy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DA 1F3FC 200D 2642", "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏽‍♂️", "name": "man fairy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DA 1F3FD 200D 2642 FE0F", "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏽‍♂", "name": "man fairy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DA 1F3FD 200D 2642", "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏾‍♂️", "name": "man fairy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DA 1F3FE 200D 2642 FE0F", "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏾‍♂", "name": "man fairy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DA 1F3FE 200D 2642", "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏿‍♂️", "name": "man fairy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DA 1F3FF 200D 2642 FE0F", "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏿‍♂", "name": "man fairy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DA 1F3FF 200D 2642", "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚‍♀️", "name": "woman fairy", "shortname": ":woman_fairy:", "unicode": "1F9DA 200D 2640 FE0F", "html": "&#x1F9DA;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚‍♀", "name": "woman fairy", "shortname": ":woman_fairy:", "unicode": "1F9DA 200D 2640", "html": "&#x1F9DA;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏻‍♀️", "name": "woman fairy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DA 1F3FB 200D 2640 FE0F", "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏻‍♀", "name": "woman fairy: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DA 1F3FB 200D 2640", "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏼‍♀️", "name": "woman fairy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DA 1F3FC 200D 2640 FE0F", "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏼‍♀", "name": "woman fairy: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DA 1F3FC 200D 2640", "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏽‍♀️", "name": "woman fairy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DA 1F3FD 200D 2640 FE0F", "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏽‍♀", "name": "woman fairy: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DA 1F3FD 200D 2640", "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏾‍♀️", "name": "woman fairy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DA 1F3FE 200D 2640 FE0F", "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏾‍♀", "name": "woman fairy: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DA 1F3FE 200D 2640", "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏿‍♀️", "name": "woman fairy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DA 1F3FF 200D 2640 FE0F", "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧚🏿‍♀", "name": "woman fairy: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DA 1F3FF 200D 2640", "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛", "name": "vampire", "shortname": ":vampire:", "unicode": "1F9DB", "html": "&#x1F9DB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏻", "name": "vampire: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DB 1F3FB", "html": "&#x1F9DB;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏼", "name": "vampire: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DB 1F3FC", "html": "&#x1F9DB;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏽", "name": "vampire: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DB 1F3FD", "html": "&#x1F9DB;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏾", "name": "vampire: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DB 1F3FE", "html": "&#x1F9DB;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏿", "name": "vampire: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DB 1F3FF", "html": "&#x1F9DB;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛‍♂️", "name": "man vampire", "shortname": ":man_vampire:", "unicode": "1F9DB 200D 2642 FE0F", "html": "&#x1F9DB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛‍♂", "name": "man vampire", "shortname": ":man_vampire:", "unicode": "1F9DB 200D 2642", "html": "&#x1F9DB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏻‍♂️", "name": "man vampire: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DB 1F3FB 200D 2642 FE0F", "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏻‍♂", "name": "man vampire: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DB 1F3FB 200D 2642", "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏼‍♂️", "name": "man vampire: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DB 1F3FC 200D 2642 FE0F", "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏼‍♂", "name": "man vampire: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DB 1F3FC 200D 2642", "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏽‍♂️", "name": "man vampire: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DB 1F3FD 200D 2642 FE0F", "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏽‍♂", "name": "man vampire: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DB 1F3FD 200D 2642", "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏾‍♂️", "name": "man vampire: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DB 1F3FE 200D 2642 FE0F", "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏾‍♂", "name": "man vampire: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DB 1F3FE 200D 2642", "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏿‍♂️", "name": "man vampire: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DB 1F3FF 200D 2642 FE0F", "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏿‍♂", "name": "man vampire: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DB 1F3FF 200D 2642", "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛‍♀️", "name": "woman vampire", "shortname": ":woman_vampire:", "unicode": "1F9DB 200D 2640 FE0F", "html": "&#x1F9DB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛‍♀", "name": "woman vampire", "shortname": ":woman_vampire:", "unicode": "1F9DB 200D 2640", "html": "&#x1F9DB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏻‍♀️", "name": "woman vampire: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DB 1F3FB 200D 2640 FE0F", "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏻‍♀", "name": "woman vampire: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DB 1F3FB 200D 2640", "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏼‍♀️", "name": "woman vampire: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DB 1F3FC 200D 2640 FE0F", "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏼‍♀", "name": "woman vampire: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DB 1F3FC 200D 2640", "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏽‍♀️", "name": "woman vampire: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DB 1F3FD 200D 2640 FE0F", "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏽‍♀", "name": "woman vampire: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DB 1F3FD 200D 2640", "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏾‍♀️", "name": "woman vampire: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DB 1F3FE 200D 2640 FE0F", "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏾‍♀", "name": "woman vampire: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DB 1F3FE 200D 2640", "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏿‍♀️", "name": "woman vampire: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DB 1F3FF 200D 2640 FE0F", "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧛🏿‍♀", "name": "woman vampire: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DB 1F3FF 200D 2640", "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜", "name": "merperson", "shortname": ":merperson:", "unicode": "1F9DC", "html": "&#x1F9DC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏻", "name": "merperson: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DC 1F3FB", "html": "&#x1F9DC;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏼", "name": "merperson: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DC 1F3FC", "html": "&#x1F9DC;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏽", "name": "merperson: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DC 1F3FD", "html": "&#x1F9DC;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏾", "name": "merperson: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DC 1F3FE", "html": "&#x1F9DC;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏿", "name": "merperson: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DC 1F3FF", "html": "&#x1F9DC;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜‍♂️", "name": "merman", "shortname": ":merman:", "unicode": "1F9DC 200D 2642 FE0F", "html": "&#x1F9DC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜‍♂", "name": "merman", "shortname": ":merman:", "unicode": "1F9DC 200D 2642", "html": "&#x1F9DC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏻‍♂️", "name": "merman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DC 1F3FB 200D 2642 FE0F", "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏻‍♂", "name": "merman: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DC 1F3FB 200D 2642", "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏼‍♂️", "name": "merman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DC 1F3FC 200D 2642 FE0F", "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏼‍♂", "name": "merman: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DC 1F3FC 200D 2642", "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏽‍♂️", "name": "merman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DC 1F3FD 200D 2642 FE0F", "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏽‍♂", "name": "merman: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DC 1F3FD 200D 2642", "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏾‍♂️", "name": "merman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DC 1F3FE 200D 2642 FE0F", "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏾‍♂", "name": "merman: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DC 1F3FE 200D 2642", "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏿‍♂️", "name": "merman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DC 1F3FF 200D 2642 FE0F", "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏿‍♂", "name": "merman: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DC 1F3FF 200D 2642", "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜‍♀️", "name": "mermaid", "shortname": ":mermaid:", "unicode": "1F9DC 200D 2640 FE0F", "html": "&#x1F9DC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜‍♀", "name": "mermaid", "shortname": ":mermaid:", "unicode": "1F9DC 200D 2640", "html": "&#x1F9DC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏻‍♀️", "name": "mermaid: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DC 1F3FB 200D 2640 FE0F", "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏻‍♀", "name": "mermaid: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DC 1F3FB 200D 2640", "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏼‍♀️", "name": "mermaid: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DC 1F3FC 200D 2640 FE0F", "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏼‍♀", "name": "mermaid: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DC 1F3FC 200D 2640", "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏽‍♀️", "name": "mermaid: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DC 1F3FD 200D 2640 FE0F", "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏽‍♀", "name": "mermaid: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DC 1F3FD 200D 2640", "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏾‍♀️", "name": "mermaid: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DC 1F3FE 200D 2640 FE0F", "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏾‍♀", "name": "mermaid: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DC 1F3FE 200D 2640", "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏿‍♀️", "name": "mermaid: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DC 1F3FF 200D 2640 FE0F", "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧜🏿‍♀", "name": "mermaid: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DC 1F3FF 200D 2640", "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝", "name": "elf", "shortname": ":elf:", "unicode": "1F9DD", "html": "&#x1F9DD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏻", "name": "elf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DD 1F3FB", "html": "&#x1F9DD;&#x1F3FB;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏼", "name": "elf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DD 1F3FC", "html": "&#x1F9DD;&#x1F3FC;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏽", "name": "elf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DD 1F3FD", "html": "&#x1F9DD;&#x1F3FD;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏾", "name": "elf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DD 1F3FE", "html": "&#x1F9DD;&#x1F3FE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏿", "name": "elf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DD 1F3FF", "html": "&#x1F9DD;&#x1F3FF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝‍♂️", "name": "man elf", "shortname": ":man_elf:", "unicode": "1F9DD 200D 2642 FE0F", "html": "&#x1F9DD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝‍♂", "name": "man elf", "shortname": ":man_elf:", "unicode": "1F9DD 200D 2642", "html": "&#x1F9DD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏻‍♂️", "name": "man elf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DD 1F3FB 200D 2642 FE0F", "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏻‍♂", "name": "man elf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DD 1F3FB 200D 2642", "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏼‍♂️", "name": "man elf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DD 1F3FC 200D 2642 FE0F", "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏼‍♂", "name": "man elf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DD 1F3FC 200D 2642", "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏽‍♂️", "name": "man elf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DD 1F3FD 200D 2642 FE0F", "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏽‍♂", "name": "man elf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DD 1F3FD 200D 2642", "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏾‍♂️", "name": "man elf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DD 1F3FE 200D 2642 FE0F", "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏾‍♂", "name": "man elf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DD 1F3FE 200D 2642", "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏿‍♂️", "name": "man elf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DD 1F3FF 200D 2642 FE0F", "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏿‍♂", "name": "man elf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DD 1F3FF 200D 2642", "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝‍♀️", "name": "woman elf", "shortname": ":woman_elf:", "unicode": "1F9DD 200D 2640 FE0F", "html": "&#x1F9DD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝‍♀", "name": "woman elf", "shortname": ":woman_elf:", "unicode": "1F9DD 200D 2640", "html": "&#x1F9DD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏻‍♀️", "name": "woman elf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DD 1F3FB 200D 2640 FE0F", "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏻‍♀", "name": "woman elf: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9DD 1F3FB 200D 2640", "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏼‍♀️", "name": "woman elf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DD 1F3FC 200D 2640 FE0F", "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏼‍♀", "name": "woman elf: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9DD 1F3FC 200D 2640", "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏽‍♀️", "name": "woman elf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DD 1F3FD 200D 2640 FE0F", "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏽‍♀", "name": "woman elf: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9DD 1F3FD 200D 2640", "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏾‍♀️", "name": "woman elf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DD 1F3FE 200D 2640 FE0F", "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏾‍♀", "name": "woman elf: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9DD 1F3FE 200D 2640", "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏿‍♀️", "name": "woman elf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DD 1F3FF 200D 2640 FE0F", "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧝🏿‍♀", "name": "woman elf: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9DD 1F3FF 200D 2640", "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧞", "name": "genie", "shortname": ":genie:", "unicode": "1F9DE", "html": "&#x1F9DE;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧞‍♂️", "name": "man genie", "shortname": ":man_genie:", "unicode": "1F9DE 200D 2642 FE0F", "html": "&#x1F9DE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧞‍♂", "name": "man genie", "shortname": ":man_genie:", "unicode": "1F9DE 200D 2642", "html": "&#x1F9DE;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧞‍♀️", "name": "woman genie", "shortname": ":woman_genie:", "unicode": "1F9DE 200D 2640 FE0F", "html": "&#x1F9DE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧞‍♀", "name": "woman genie", "shortname": ":woman_genie:", "unicode": "1F9DE 200D 2640", "html": "&#x1F9DE;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧟", "name": "zombie", "shortname": ":zombie:", "unicode": "1F9DF", "html": "&#x1F9DF;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧟‍♂️", "name": "man zombie", "shortname": ":man_zombie:", "unicode": "1F9DF 200D 2642 FE0F", "html": "&#x1F9DF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧟‍♂", "name": "man zombie", "shortname": ":man_zombie:", "unicode": "1F9DF 200D 2642", "html": "&#x1F9DF;&#x200D;&#x2642;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧟‍♀️", "name": "woman zombie", "shortname": ":woman_zombie:", "unicode": "1F9DF 200D 2640 FE0F", "html": "&#x1F9DF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "🧟‍♀", "name": "woman zombie", "shortname": ":woman_zombie:", "unicode": "1F9DF 200D 2640", "html": "&#x1F9DF;&#x200D;&#x2640;", "category": "People & Body (person-fantasy)", "order": ""},
-		{"emoji": "💆‍♂️", "name": "man getting massage", "shortname": ":man_getting_massage:", "unicode": "1F486 200D 2642 FE0F", "html": "&#x1F486;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏻‍♂️", "name": "man getting massage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F486 1F3FB 200D 2642 FE0F", "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏼‍♂️", "name": "man getting massage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F486 1F3FC 200D 2642 FE0F", "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏽‍♂️", "name": "man getting massage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F486 1F3FD 200D 2642 FE0F", "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏾‍♂️", "name": "man getting massage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F486 1F3FE 200D 2642 FE0F", "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏿‍♂️", "name": "man getting massage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F486 1F3FF 200D 2642 FE0F", "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆‍♀️", "name": "woman getting massage", "shortname": ":woman_getting_massage:", "unicode": "1F486 200D 2640 FE0F", "html": "&#x1F486;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆‍♀", "name": "woman getting massage", "shortname": ":woman_getting_massage:", "unicode": "1F486 200D 2640", "html": "&#x1F486;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏻‍♀️", "name": "woman getting massage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F486 1F3FB 200D 2640 FE0F", "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏻‍♀", "name": "woman getting massage: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F486 1F3FB 200D 2640", "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏼‍♀️", "name": "woman getting massage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F486 1F3FC 200D 2640 FE0F", "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏼‍♀", "name": "woman getting massage: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F486 1F3FC 200D 2640", "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏽‍♀️", "name": "woman getting massage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F486 1F3FD 200D 2640 FE0F", "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏽‍♀", "name": "woman getting massage: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F486 1F3FD 200D 2640", "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏾‍♀️", "name": "woman getting massage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F486 1F3FE 200D 2640 FE0F", "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏾‍♀", "name": "woman getting massage: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F486 1F3FE 200D 2640", "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏿‍♀️", "name": "woman getting massage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F486 1F3FF 200D 2640 FE0F", "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💆🏿‍♀", "name": "woman getting massage: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F486 1F3FF 200D 2640", "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇‍♂️", "name": "man getting haircut", "shortname": ":man_getting_haircut:", "unicode": "1F487 200D 2642 FE0F", "html": "&#x1F487;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏻‍♂️", "name": "man getting haircut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F487 1F3FB 200D 2642 FE0F", "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏼‍♂️", "name": "man getting haircut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F487 1F3FC 200D 2642 FE0F", "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏽‍♂️", "name": "man getting haircut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F487 1F3FD 200D 2642 FE0F", "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏾‍♂️", "name": "man getting haircut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F487 1F3FE 200D 2642 FE0F", "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏿‍♂️", "name": "man getting haircut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F487 1F3FF 200D 2642 FE0F", "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇‍♀️", "name": "woman getting haircut", "shortname": ":woman_getting_haircut:", "unicode": "1F487 200D 2640 FE0F", "html": "&#x1F487;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇‍♀", "name": "woman getting haircut", "shortname": ":woman_getting_haircut:", "unicode": "1F487 200D 2640", "html": "&#x1F487;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏻‍♀️", "name": "woman getting haircut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F487 1F3FB 200D 2640 FE0F", "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏻‍♀", "name": "woman getting haircut: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F487 1F3FB 200D 2640", "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏼‍♀️", "name": "woman getting haircut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F487 1F3FC 200D 2640 FE0F", "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏼‍♀", "name": "woman getting haircut: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F487 1F3FC 200D 2640", "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏽‍♀️", "name": "woman getting haircut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F487 1F3FD 200D 2640 FE0F", "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏽‍♀", "name": "woman getting haircut: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F487 1F3FD 200D 2640", "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏾‍♀️", "name": "woman getting haircut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F487 1F3FE 200D 2640 FE0F", "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏾‍♀", "name": "woman getting haircut: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F487 1F3FE 200D 2640", "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏿‍♀️", "name": "woman getting haircut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F487 1F3FF 200D 2640 FE0F", "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "💇🏿‍♀", "name": "woman getting haircut: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F487 1F3FF 200D 2640", "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶‍♂️", "name": "man walking", "shortname": ":man_walking:", "unicode": "1F6B6 200D 2642 FE0F", "html": "&#x1F6B6;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶‍♂", "name": "man walking", "shortname": ":man_walking:", "unicode": "1F6B6 200D 2642", "html": "&#x1F6B6;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏻‍♂️", "name": "man walking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B6 1F3FB 200D 2642 FE0F", "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏻‍♂", "name": "man walking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B6 1F3FB 200D 2642", "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏼‍♂️", "name": "man walking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B6 1F3FC 200D 2642 FE0F", "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏼‍♂", "name": "man walking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B6 1F3FC 200D 2642", "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏽‍♂️", "name": "man walking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B6 1F3FD 200D 2642 FE0F", "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏽‍♂", "name": "man walking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B6 1F3FD 200D 2642", "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏾‍♂️", "name": "man walking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B6 1F3FE 200D 2642 FE0F", "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏾‍♂", "name": "man walking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B6 1F3FE 200D 2642", "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏿‍♂️", "name": "man walking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B6 1F3FF 200D 2642 FE0F", "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏿‍♂", "name": "man walking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B6 1F3FF 200D 2642", "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶‍♀️", "name": "woman walking", "shortname": ":woman_walking:", "unicode": "1F6B6 200D 2640 FE0F", "html": "&#x1F6B6;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏻‍♀️", "name": "woman walking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B6 1F3FB 200D 2640 FE0F", "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏼‍♀️", "name": "woman walking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B6 1F3FC 200D 2640 FE0F", "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏽‍♀️", "name": "woman walking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B6 1F3FD 200D 2640 FE0F", "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏾‍♀️", "name": "woman walking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B6 1F3FE 200D 2640 FE0F", "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🚶🏿‍♀️", "name": "woman walking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B6 1F3FF 200D 2640 FE0F", "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍", "name": "person standing", "shortname": ":person_standing:", "unicode": "1F9CD", "html": "&#x1F9CD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏻", "name": "person standing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CD 1F3FB", "html": "&#x1F9CD;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏼", "name": "person standing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CD 1F3FC", "html": "&#x1F9CD;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏽", "name": "person standing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CD 1F3FD", "html": "&#x1F9CD;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏾", "name": "person standing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CD 1F3FE", "html": "&#x1F9CD;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏿", "name": "person standing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CD 1F3FF", "html": "&#x1F9CD;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍‍♂️", "name": "man standing", "shortname": ":man_standing:", "unicode": "1F9CD 200D 2642 FE0F", "html": "&#x1F9CD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍‍♂", "name": "man standing", "shortname": ":man_standing:", "unicode": "1F9CD 200D 2642", "html": "&#x1F9CD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏻‍♂️", "name": "man standing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CD 1F3FB 200D 2642 FE0F", "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏻‍♂", "name": "man standing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CD 1F3FB 200D 2642", "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏼‍♂️", "name": "man standing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CD 1F3FC 200D 2642 FE0F", "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏼‍♂", "name": "man standing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CD 1F3FC 200D 2642", "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏽‍♂️", "name": "man standing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CD 1F3FD 200D 2642 FE0F", "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏽‍♂", "name": "man standing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CD 1F3FD 200D 2642", "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏾‍♂️", "name": "man standing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CD 1F3FE 200D 2642 FE0F", "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏾‍♂", "name": "man standing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CD 1F3FE 200D 2642", "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏿‍♂️", "name": "man standing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CD 1F3FF 200D 2642 FE0F", "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏿‍♂", "name": "man standing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CD 1F3FF 200D 2642", "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍‍♀️", "name": "woman standing", "shortname": ":woman_standing:", "unicode": "1F9CD 200D 2640 FE0F", "html": "&#x1F9CD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍‍♀", "name": "woman standing", "shortname": ":woman_standing:", "unicode": "1F9CD 200D 2640", "html": "&#x1F9CD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏻‍♀️", "name": "woman standing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CD 1F3FB 200D 2640 FE0F", "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏻‍♀", "name": "woman standing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CD 1F3FB 200D 2640", "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏼‍♀️", "name": "woman standing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CD 1F3FC 200D 2640 FE0F", "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏼‍♀", "name": "woman standing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CD 1F3FC 200D 2640", "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏽‍♀️", "name": "woman standing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CD 1F3FD 200D 2640 FE0F", "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏽‍♀", "name": "woman standing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CD 1F3FD 200D 2640", "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏾‍♀️", "name": "woman standing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CD 1F3FE 200D 2640 FE0F", "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏾‍♀", "name": "woman standing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CD 1F3FE 200D 2640", "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏿‍♀️", "name": "woman standing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CD 1F3FF 200D 2640 FE0F", "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧍🏿‍♀", "name": "woman standing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CD 1F3FF 200D 2640", "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎", "name": "person kneeling", "shortname": ":person_kneeling:", "unicode": "1F9CE", "html": "&#x1F9CE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏻", "name": "person kneeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CE 1F3FB", "html": "&#x1F9CE;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏼", "name": "person kneeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CE 1F3FC", "html": "&#x1F9CE;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏽", "name": "person kneeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CE 1F3FD", "html": "&#x1F9CE;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏾", "name": "person kneeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CE 1F3FE", "html": "&#x1F9CE;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏿", "name": "person kneeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CE 1F3FF", "html": "&#x1F9CE;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎‍♂️", "name": "man kneeling", "shortname": ":man_kneeling:", "unicode": "1F9CE 200D 2642 FE0F", "html": "&#x1F9CE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎‍♂", "name": "man kneeling", "shortname": ":man_kneeling:", "unicode": "1F9CE 200D 2642", "html": "&#x1F9CE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏻‍♂️", "name": "man kneeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CE 1F3FB 200D 2642 FE0F", "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏻‍♂", "name": "man kneeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CE 1F3FB 200D 2642", "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏼‍♂️", "name": "man kneeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CE 1F3FC 200D 2642 FE0F", "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏼‍♂", "name": "man kneeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CE 1F3FC 200D 2642", "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏽‍♂️", "name": "man kneeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CE 1F3FD 200D 2642 FE0F", "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏽‍♂", "name": "man kneeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CE 1F3FD 200D 2642", "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏾‍♂️", "name": "man kneeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CE 1F3FE 200D 2642 FE0F", "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏾‍♂", "name": "man kneeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CE 1F3FE 200D 2642", "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏿‍♂️", "name": "man kneeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CE 1F3FF 200D 2642 FE0F", "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏿‍♂", "name": "man kneeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CE 1F3FF 200D 2642", "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎‍♀️", "name": "woman kneeling", "shortname": ":woman_kneeling:", "unicode": "1F9CE 200D 2640 FE0F", "html": "&#x1F9CE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎‍♀", "name": "woman kneeling", "shortname": ":woman_kneeling:", "unicode": "1F9CE 200D 2640", "html": "&#x1F9CE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏻‍♀️", "name": "woman kneeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CE 1F3FB 200D 2640 FE0F", "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏻‍♀", "name": "woman kneeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9CE 1F3FB 200D 2640", "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏼‍♀️", "name": "woman kneeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CE 1F3FC 200D 2640 FE0F", "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏼‍♀", "name": "woman kneeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9CE 1F3FC 200D 2640", "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏽‍♀️", "name": "woman kneeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CE 1F3FD 200D 2640 FE0F", "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏽‍♀", "name": "woman kneeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9CE 1F3FD 200D 2640", "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏾‍♀️", "name": "woman kneeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CE 1F3FE 200D 2640 FE0F", "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏾‍♀", "name": "woman kneeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9CE 1F3FE 200D 2640", "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏿‍♀️", "name": "woman kneeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CE 1F3FF 200D 2640 FE0F", "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧎🏿‍♀", "name": "woman kneeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9CE 1F3FF 200D 2640", "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑‍🦯", "name": "person with probing cane", "shortname": ":person_with_probing_cane:", "unicode": "1F9D1 200D 1F9AF", "html": "&#x1F9D1;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏻‍🦯", "name": "person with probing cane: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F9AF", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏼‍🦯", "name": "person with probing cane: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F9AF", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏽‍🦯", "name": "person with probing cane: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F9AF", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏾‍🦯", "name": "person with probing cane: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F9AF", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏿‍🦯", "name": "person with probing cane: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F9AF", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨‍🦯", "name": "man with probing cane", "shortname": ":man_with_probing_cane:", "unicode": "1F468 200D 1F9AF", "html": "&#x1F468;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏻‍🦯", "name": "man with probing cane: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F9AF", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏼‍🦯", "name": "man with probing cane: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F9AF", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏽‍🦯", "name": "man with probing cane: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F9AF", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏾‍🦯", "name": "man with probing cane: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F9AF", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏿‍🦯", "name": "man with probing cane: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F9AF", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩‍🦯", "name": "woman with probing cane", "shortname": ":woman_with_probing_cane:", "unicode": "1F469 200D 1F9AF", "html": "&#x1F469;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏻‍🦯", "name": "woman with probing cane: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F9AF", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏼‍🦯", "name": "woman with probing cane: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F9AF", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏽‍🦯", "name": "woman with probing cane: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F9AF", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏾‍🦯", "name": "woman with probing cane: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F9AF", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏿‍🦯", "name": "woman with probing cane: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F9AF", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9AF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑‍🦼", "name": "person in motorized wheelchair", "shortname": ":person_in_motorized_wheelchair:", "unicode": "1F9D1 200D 1F9BC", "html": "&#x1F9D1;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏻‍🦼", "name": "person in motorized wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F9BC", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏼‍🦼", "name": "person in motorized wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F9BC", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏽‍🦼", "name": "person in motorized wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F9BC", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏾‍🦼", "name": "person in motorized wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F9BC", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏿‍🦼", "name": "person in motorized wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F9BC", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨‍🦼", "name": "man in motorized wheelchair", "shortname": ":man_in_motorized_wheelchair:", "unicode": "1F468 200D 1F9BC", "html": "&#x1F468;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏻‍🦼", "name": "man in motorized wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F9BC", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏼‍🦼", "name": "man in motorized wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F9BC", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏽‍🦼", "name": "man in motorized wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F9BC", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏾‍🦼", "name": "man in motorized wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F9BC", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏿‍🦼", "name": "man in motorized wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F9BC", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩‍🦼", "name": "woman in motorized wheelchair", "shortname": ":woman_in_motorized_wheelchair:", "unicode": "1F469 200D 1F9BC", "html": "&#x1F469;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏻‍🦼", "name": "woman in motorized wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F9BC", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏼‍🦼", "name": "woman in motorized wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F9BC", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏽‍🦼", "name": "woman in motorized wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F9BC", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏾‍🦼", "name": "woman in motorized wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F9BC", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏿‍🦼", "name": "woman in motorized wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F9BC", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9BC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑‍🦽", "name": "person in manual wheelchair", "shortname": ":person_in_manual_wheelchair:", "unicode": "1F9D1 200D 1F9BD", "html": "&#x1F9D1;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏻‍🦽", "name": "person in manual wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F9BD", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏼‍🦽", "name": "person in manual wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F9BD", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏽‍🦽", "name": "person in manual wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F9BD", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏾‍🦽", "name": "person in manual wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F9BD", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧑🏿‍🦽", "name": "person in manual wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F9BD", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨‍🦽", "name": "man in manual wheelchair", "shortname": ":man_in_manual_wheelchair:", "unicode": "1F468 200D 1F9BD", "html": "&#x1F468;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏻‍🦽", "name": "man in manual wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F468 1F3FB 200D 1F9BD", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏼‍🦽", "name": "man in manual wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F468 1F3FC 200D 1F9BD", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏽‍🦽", "name": "man in manual wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F468 1F3FD 200D 1F9BD", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏾‍🦽", "name": "man in manual wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F9BD", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👨🏿‍🦽", "name": "man in manual wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F9BD", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩‍🦽", "name": "woman in manual wheelchair", "shortname": ":woman_in_manual_wheelchair:", "unicode": "1F469 200D 1F9BD", "html": "&#x1F469;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏻‍🦽", "name": "woman in manual wheelchair: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F469 1F3FB 200D 1F9BD", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏼‍🦽", "name": "woman in manual wheelchair: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F469 1F3FC 200D 1F9BD", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏽‍🦽", "name": "woman in manual wheelchair: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F469 1F3FD 200D 1F9BD", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏾‍🦽", "name": "woman in manual wheelchair: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F9BD", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👩🏿‍🦽", "name": "woman in manual wheelchair: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F9BD", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9BD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃‍♂️", "name": "man running", "shortname": ":man_running:", "unicode": "1F3C3 200D 2642 FE0F", "html": "&#x1F3C3;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃‍♂", "name": "man running", "shortname": ":man_running:", "unicode": "1F3C3 200D 2642", "html": "&#x1F3C3;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏻‍♂️", "name": "man running: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C3 1F3FB 200D 2642 FE0F", "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏻‍♂", "name": "man running: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C3 1F3FB 200D 2642", "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏼‍♂️", "name": "man running: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C3 1F3FC 200D 2642 FE0F", "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏼‍♂", "name": "man running: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C3 1F3FC 200D 2642", "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏽‍♂️", "name": "man running: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C3 1F3FD 200D 2642 FE0F", "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏽‍♂", "name": "man running: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C3 1F3FD 200D 2642", "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏾‍♂️", "name": "man running: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C3 1F3FE 200D 2642 FE0F", "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏾‍♂", "name": "man running: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C3 1F3FE 200D 2642", "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏿‍♂️", "name": "man running: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C3 1F3FF 200D 2642 FE0F", "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏿‍♂", "name": "man running: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C3 1F3FF 200D 2642", "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃‍♀️", "name": "woman running", "shortname": ":woman_running:", "unicode": "1F3C3 200D 2640 FE0F", "html": "&#x1F3C3;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏻‍♀️", "name": "woman running: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C3 1F3FB 200D 2640 FE0F", "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏼‍♀️", "name": "woman running: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C3 1F3FC 200D 2640 FE0F", "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏽‍♀️", "name": "woman running: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C3 1F3FD 200D 2640 FE0F", "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏾‍♀️", "name": "woman running: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C3 1F3FE 200D 2640 FE0F", "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🏃🏿‍♀️", "name": "woman running: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C3 1F3FF 200D 2640 FE0F", "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺", "name": "man dancing", "shortname": ":man_dancing:", "unicode": "1F57A", "html": "&#x1F57A;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺🏻", "name": "man dancing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F57A 1F3FB", "html": "&#x1F57A;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺🏼", "name": "man dancing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F57A 1F3FC", "html": "&#x1F57A;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺🏽", "name": "man dancing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F57A 1F3FD", "html": "&#x1F57A;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺🏾", "name": "man dancing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F57A 1F3FE", "html": "&#x1F57A;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕺🏿", "name": "man dancing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F57A 1F3FF", "html": "&#x1F57A;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴️", "name": "man in suit levitating", "shortname": ":man_in_suit_levitating:", "unicode": "1F574 FE0F", "html": "&#x1F574;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴🏻", "name": "man in suit levitating: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F574 1F3FB", "html": "&#x1F574;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴🏼", "name": "man in suit levitating: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F574 1F3FC", "html": "&#x1F574;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴🏽", "name": "man in suit levitating: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F574 1F3FD", "html": "&#x1F574;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴🏾", "name": "man in suit levitating: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F574 1F3FE", "html": "&#x1F574;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🕴🏿", "name": "man in suit levitating: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F574 1F3FF", "html": "&#x1F574;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👯‍♂️", "name": "men with bunny ears", "shortname": ":men_with_bunny_ears:", "unicode": "1F46F 200D 2642 FE0F", "html": "&#x1F46F;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👯‍♀️", "name": "women with bunny ears", "shortname": ":women_with_bunny_ears:", "unicode": "1F46F 200D 2640 FE0F", "html": "&#x1F46F;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "👯‍♀", "name": "women with bunny ears", "shortname": ":women_with_bunny_ears:", "unicode": "1F46F 200D 2640", "html": "&#x1F46F;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖", "name": "person in steamy room", "shortname": ":person_in_steamy_room:", "unicode": "1F9D6", "html": "&#x1F9D6;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏻", "name": "person in steamy room: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D6 1F3FB", "html": "&#x1F9D6;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏼", "name": "person in steamy room: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D6 1F3FC", "html": "&#x1F9D6;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏽", "name": "person in steamy room: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D6 1F3FD", "html": "&#x1F9D6;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏾", "name": "person in steamy room: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D6 1F3FE", "html": "&#x1F9D6;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏿", "name": "person in steamy room: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D6 1F3FF", "html": "&#x1F9D6;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖‍♂️", "name": "man in steamy room", "shortname": ":man_in_steamy_room:", "unicode": "1F9D6 200D 2642 FE0F", "html": "&#x1F9D6;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖‍♂", "name": "man in steamy room", "shortname": ":man_in_steamy_room:", "unicode": "1F9D6 200D 2642", "html": "&#x1F9D6;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏻‍♂️", "name": "man in steamy room: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D6 1F3FB 200D 2642 FE0F", "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏻‍♂", "name": "man in steamy room: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D6 1F3FB 200D 2642", "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏼‍♂️", "name": "man in steamy room: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D6 1F3FC 200D 2642 FE0F", "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏼‍♂", "name": "man in steamy room: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D6 1F3FC 200D 2642", "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏽‍♂️", "name": "man in steamy room: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D6 1F3FD 200D 2642 FE0F", "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏽‍♂", "name": "man in steamy room: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D6 1F3FD 200D 2642", "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏾‍♂️", "name": "man in steamy room: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D6 1F3FE 200D 2642 FE0F", "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏾‍♂", "name": "man in steamy room: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D6 1F3FE 200D 2642", "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏿‍♂️", "name": "man in steamy room: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D6 1F3FF 200D 2642 FE0F", "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏿‍♂", "name": "man in steamy room: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D6 1F3FF 200D 2642", "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖‍♀️", "name": "woman in steamy room", "shortname": ":woman_in_steamy_room:", "unicode": "1F9D6 200D 2640 FE0F", "html": "&#x1F9D6;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖‍♀", "name": "woman in steamy room", "shortname": ":woman_in_steamy_room:", "unicode": "1F9D6 200D 2640", "html": "&#x1F9D6;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏻‍♀️", "name": "woman in steamy room: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D6 1F3FB 200D 2640 FE0F", "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏻‍♀", "name": "woman in steamy room: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D6 1F3FB 200D 2640", "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏼‍♀️", "name": "woman in steamy room: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D6 1F3FC 200D 2640 FE0F", "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏼‍♀", "name": "woman in steamy room: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D6 1F3FC 200D 2640", "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏽‍♀️", "name": "woman in steamy room: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D6 1F3FD 200D 2640 FE0F", "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏽‍♀", "name": "woman in steamy room: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D6 1F3FD 200D 2640", "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏾‍♀️", "name": "woman in steamy room: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D6 1F3FE 200D 2640 FE0F", "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏾‍♀", "name": "woman in steamy room: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D6 1F3FE 200D 2640", "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏿‍♀️", "name": "woman in steamy room: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D6 1F3FF 200D 2640 FE0F", "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧖🏿‍♀", "name": "woman in steamy room: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D6 1F3FF 200D 2640", "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗", "name": "person climbing", "shortname": ":person_climbing:", "unicode": "1F9D7", "html": "&#x1F9D7;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏻", "name": "person climbing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D7 1F3FB", "html": "&#x1F9D7;&#x1F3FB;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏼", "name": "person climbing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D7 1F3FC", "html": "&#x1F9D7;&#x1F3FC;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏽", "name": "person climbing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D7 1F3FD", "html": "&#x1F9D7;&#x1F3FD;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏾", "name": "person climbing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D7 1F3FE", "html": "&#x1F9D7;&#x1F3FE;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏿", "name": "person climbing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D7 1F3FF", "html": "&#x1F9D7;&#x1F3FF;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗‍♂️", "name": "man climbing", "shortname": ":man_climbing:", "unicode": "1F9D7 200D 2642 FE0F", "html": "&#x1F9D7;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗‍♂", "name": "man climbing", "shortname": ":man_climbing:", "unicode": "1F9D7 200D 2642", "html": "&#x1F9D7;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏻‍♂️", "name": "man climbing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D7 1F3FB 200D 2642 FE0F", "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏻‍♂", "name": "man climbing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D7 1F3FB 200D 2642", "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏼‍♂️", "name": "man climbing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D7 1F3FC 200D 2642 FE0F", "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏼‍♂", "name": "man climbing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D7 1F3FC 200D 2642", "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏽‍♂️", "name": "man climbing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D7 1F3FD 200D 2642 FE0F", "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏽‍♂", "name": "man climbing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D7 1F3FD 200D 2642", "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏾‍♂️", "name": "man climbing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D7 1F3FE 200D 2642 FE0F", "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏾‍♂", "name": "man climbing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D7 1F3FE 200D 2642", "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏿‍♂️", "name": "man climbing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D7 1F3FF 200D 2642 FE0F", "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏿‍♂", "name": "man climbing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D7 1F3FF 200D 2642", "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗‍♀️", "name": "woman climbing", "shortname": ":woman_climbing:", "unicode": "1F9D7 200D 2640 FE0F", "html": "&#x1F9D7;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗‍♀", "name": "woman climbing", "shortname": ":woman_climbing:", "unicode": "1F9D7 200D 2640", "html": "&#x1F9D7;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏻‍♀️", "name": "woman climbing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D7 1F3FB 200D 2640 FE0F", "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏻‍♀", "name": "woman climbing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D7 1F3FB 200D 2640", "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏼‍♀️", "name": "woman climbing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D7 1F3FC 200D 2640 FE0F", "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏼‍♀", "name": "woman climbing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D7 1F3FC 200D 2640", "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏽‍♀️", "name": "woman climbing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D7 1F3FD 200D 2640 FE0F", "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏽‍♀", "name": "woman climbing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D7 1F3FD 200D 2640", "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏾‍♀️", "name": "woman climbing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D7 1F3FE 200D 2640 FE0F", "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏾‍♀", "name": "woman climbing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D7 1F3FE 200D 2640", "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏿‍♀️", "name": "woman climbing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D7 1F3FF 200D 2640 FE0F", "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🧗🏿‍♀", "name": "woman climbing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D7 1F3FF 200D 2640", "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-activity)", "order": ""},
-		{"emoji": "🤺", "name": "person fencing", "shortname": ":person_fencing:", "unicode": "1F93A", "html": "&#x1F93A;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏇🏻", "name": "horse racing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C7 1F3FB", "html": "&#x1F3C7;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏇🏼", "name": "horse racing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C7 1F3FC", "html": "&#x1F3C7;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏇🏽", "name": "horse racing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C7 1F3FD", "html": "&#x1F3C7;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏇🏾", "name": "horse racing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C7 1F3FE", "html": "&#x1F3C7;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏇🏿", "name": "horse racing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C7 1F3FF", "html": "&#x1F3C7;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛷️", "name": "skier", "shortname": ":skier:", "unicode": "26F7 FE0F", "html": "&#x26F7;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏂🏻", "name": "snowboarder: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C2 1F3FB", "html": "&#x1F3C2;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏂🏼", "name": "snowboarder: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C2 1F3FC", "html": "&#x1F3C2;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏂🏽", "name": "snowboarder: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C2 1F3FD", "html": "&#x1F3C2;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏂🏾", "name": "snowboarder: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C2 1F3FE", "html": "&#x1F3C2;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏂🏿", "name": "snowboarder: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C2 1F3FF", "html": "&#x1F3C2;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌️", "name": "person golfing", "shortname": ":person_golfing:", "unicode": "1F3CC FE0F", "html": "&#x1F3CC;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏻", "name": "person golfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CC 1F3FB", "html": "&#x1F3CC;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏼", "name": "person golfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CC 1F3FC", "html": "&#x1F3CC;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏽", "name": "person golfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CC 1F3FD", "html": "&#x1F3CC;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏾", "name": "person golfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CC 1F3FE", "html": "&#x1F3CC;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏿", "name": "person golfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CC 1F3FF", "html": "&#x1F3CC;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌️‍♂️", "name": "man golfing", "shortname": ":man_golfing:", "unicode": "1F3CC FE0F 200D 2642 FE0F", "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌‍♂️", "name": "man golfing", "shortname": ":man_golfing:", "unicode": "1F3CC 200D 2642 FE0F", "html": "&#x1F3CC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌️‍♂", "name": "man golfing", "shortname": ":man_golfing:", "unicode": "1F3CC FE0F 200D 2642", "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌‍♂", "name": "man golfing", "shortname": ":man_golfing:", "unicode": "1F3CC 200D 2642", "html": "&#x1F3CC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏻‍♂️", "name": "man golfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CC 1F3FB 200D 2642 FE0F", "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏻‍♂", "name": "man golfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CC 1F3FB 200D 2642", "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏼‍♂️", "name": "man golfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CC 1F3FC 200D 2642 FE0F", "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏼‍♂", "name": "man golfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CC 1F3FC 200D 2642", "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏽‍♂️", "name": "man golfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CC 1F3FD 200D 2642 FE0F", "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏽‍♂", "name": "man golfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CC 1F3FD 200D 2642", "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏾‍♂️", "name": "man golfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CC 1F3FE 200D 2642 FE0F", "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏾‍♂", "name": "man golfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CC 1F3FE 200D 2642", "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏿‍♂️", "name": "man golfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CC 1F3FF 200D 2642 FE0F", "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏿‍♂", "name": "man golfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CC 1F3FF 200D 2642", "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌️‍♀️", "name": "woman golfing", "shortname": ":woman_golfing:", "unicode": "1F3CC FE0F 200D 2640 FE0F", "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌‍♀️", "name": "woman golfing", "shortname": ":woman_golfing:", "unicode": "1F3CC 200D 2640 FE0F", "html": "&#x1F3CC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌️‍♀", "name": "woman golfing", "shortname": ":woman_golfing:", "unicode": "1F3CC FE0F 200D 2640", "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏻‍♀️", "name": "woman golfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CC 1F3FB 200D 2640 FE0F", "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏻‍♀", "name": "woman golfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CC 1F3FB 200D 2640", "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏼‍♀️", "name": "woman golfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CC 1F3FC 200D 2640 FE0F", "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏼‍♀", "name": "woman golfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CC 1F3FC 200D 2640", "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏽‍♀️", "name": "woman golfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CC 1F3FD 200D 2640 FE0F", "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏽‍♀", "name": "woman golfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CC 1F3FD 200D 2640", "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏾‍♀️", "name": "woman golfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CC 1F3FE 200D 2640 FE0F", "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏾‍♀", "name": "woman golfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CC 1F3FE 200D 2640", "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏿‍♀️", "name": "woman golfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CC 1F3FF 200D 2640 FE0F", "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏌🏿‍♀", "name": "woman golfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CC 1F3FF 200D 2640", "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄‍♂️", "name": "man surfing", "shortname": ":man_surfing:", "unicode": "1F3C4 200D 2642 FE0F", "html": "&#x1F3C4;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄‍♂", "name": "man surfing", "shortname": ":man_surfing:", "unicode": "1F3C4 200D 2642", "html": "&#x1F3C4;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏻‍♂️", "name": "man surfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C4 1F3FB 200D 2642 FE0F", "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏻‍♂", "name": "man surfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C4 1F3FB 200D 2642", "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏼‍♂️", "name": "man surfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C4 1F3FC 200D 2642 FE0F", "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏼‍♂", "name": "man surfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C4 1F3FC 200D 2642", "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏽‍♂️", "name": "man surfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C4 1F3FD 200D 2642 FE0F", "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏽‍♂", "name": "man surfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C4 1F3FD 200D 2642", "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏾‍♂️", "name": "man surfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C4 1F3FE 200D 2642 FE0F", "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏾‍♂", "name": "man surfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C4 1F3FE 200D 2642", "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏿‍♂️", "name": "man surfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C4 1F3FF 200D 2642 FE0F", "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏿‍♂", "name": "man surfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C4 1F3FF 200D 2642", "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄‍♀️", "name": "woman surfing", "shortname": ":woman_surfing:", "unicode": "1F3C4 200D 2640 FE0F", "html": "&#x1F3C4;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏻‍♀️", "name": "woman surfing: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3C4 1F3FB 200D 2640 FE0F", "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏼‍♀️", "name": "woman surfing: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3C4 1F3FC 200D 2640 FE0F", "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏽‍♀️", "name": "woman surfing: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3C4 1F3FD 200D 2640 FE0F", "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏾‍♀️", "name": "woman surfing: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3C4 1F3FE 200D 2640 FE0F", "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏄🏿‍♀️", "name": "woman surfing: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3C4 1F3FF 200D 2640 FE0F", "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣‍♂️", "name": "man rowing boat", "shortname": ":man_rowing_boat:", "unicode": "1F6A3 200D 2642 FE0F", "html": "&#x1F6A3;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣‍♂", "name": "man rowing boat", "shortname": ":man_rowing_boat:", "unicode": "1F6A3 200D 2642", "html": "&#x1F6A3;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏻‍♂️", "name": "man rowing boat: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6A3 1F3FB 200D 2642 FE0F", "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏻‍♂", "name": "man rowing boat: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6A3 1F3FB 200D 2642", "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏼‍♂️", "name": "man rowing boat: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6A3 1F3FC 200D 2642 FE0F", "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏼‍♂", "name": "man rowing boat: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6A3 1F3FC 200D 2642", "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏽‍♂️", "name": "man rowing boat: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6A3 1F3FD 200D 2642 FE0F", "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏽‍♂", "name": "man rowing boat: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6A3 1F3FD 200D 2642", "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏾‍♂️", "name": "man rowing boat: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6A3 1F3FE 200D 2642 FE0F", "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏾‍♂", "name": "man rowing boat: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6A3 1F3FE 200D 2642", "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏿‍♂️", "name": "man rowing boat: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6A3 1F3FF 200D 2642 FE0F", "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏿‍♂", "name": "man rowing boat: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6A3 1F3FF 200D 2642", "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣‍♀️", "name": "woman rowing boat", "shortname": ":woman_rowing_boat:", "unicode": "1F6A3 200D 2640 FE0F", "html": "&#x1F6A3;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏻‍♀️", "name": "woman rowing boat: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6A3 1F3FB 200D 2640 FE0F", "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏼‍♀️", "name": "woman rowing boat: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6A3 1F3FC 200D 2640 FE0F", "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏽‍♀️", "name": "woman rowing boat: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6A3 1F3FD 200D 2640 FE0F", "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏾‍♀️", "name": "woman rowing boat: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6A3 1F3FE 200D 2640 FE0F", "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚣🏿‍♀️", "name": "woman rowing boat: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6A3 1F3FF 200D 2640 FE0F", "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊‍♂️", "name": "man swimming", "shortname": ":man_swimming:", "unicode": "1F3CA 200D 2642 FE0F", "html": "&#x1F3CA;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊‍♂", "name": "man swimming", "shortname": ":man_swimming:", "unicode": "1F3CA 200D 2642", "html": "&#x1F3CA;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏻‍♂️", "name": "man swimming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CA 1F3FB 200D 2642 FE0F", "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏻‍♂", "name": "man swimming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CA 1F3FB 200D 2642", "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏼‍♂️", "name": "man swimming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CA 1F3FC 200D 2642 FE0F", "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏼‍♂", "name": "man swimming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CA 1F3FC 200D 2642", "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏽‍♂️", "name": "man swimming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CA 1F3FD 200D 2642 FE0F", "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏽‍♂", "name": "man swimming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CA 1F3FD 200D 2642", "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏾‍♂️", "name": "man swimming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CA 1F3FE 200D 2642 FE0F", "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏾‍♂", "name": "man swimming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CA 1F3FE 200D 2642", "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏿‍♂️", "name": "man swimming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CA 1F3FF 200D 2642 FE0F", "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏿‍♂", "name": "man swimming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CA 1F3FF 200D 2642", "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊‍♀️", "name": "woman swimming", "shortname": ":woman_swimming:", "unicode": "1F3CA 200D 2640 FE0F", "html": "&#x1F3CA;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏻‍♀️", "name": "woman swimming: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CA 1F3FB 200D 2640 FE0F", "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏼‍♀️", "name": "woman swimming: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CA 1F3FC 200D 2640 FE0F", "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏽‍♀️", "name": "woman swimming: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CA 1F3FD 200D 2640 FE0F", "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏾‍♀️", "name": "woman swimming: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CA 1F3FE 200D 2640 FE0F", "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏊🏿‍♀️", "name": "woman swimming: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CA 1F3FF 200D 2640 FE0F", "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹️", "name": "person bouncing ball", "shortname": ":person_bouncing_ball:", "unicode": "26F9 FE0F", "html": "&#x26F9;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹️‍♂️", "name": "man bouncing ball", "shortname": ":man_bouncing_ball:", "unicode": "26F9 FE0F 200D 2642 FE0F", "html": "&#x26F9;&#xFE0F;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹‍♂️", "name": "man bouncing ball", "shortname": ":man_bouncing_ball:", "unicode": "26F9 200D 2642 FE0F", "html": "&#x26F9;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹️‍♂", "name": "man bouncing ball", "shortname": ":man_bouncing_ball:", "unicode": "26F9 FE0F 200D 2642", "html": "&#x26F9;&#xFE0F;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹‍♂", "name": "man bouncing ball", "shortname": ":man_bouncing_ball:", "unicode": "26F9 200D 2642", "html": "&#x26F9;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏻‍♂️", "name": "man bouncing ball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "26F9 1F3FB 200D 2642 FE0F", "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏻‍♂", "name": "man bouncing ball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "26F9 1F3FB 200D 2642", "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏼‍♂️", "name": "man bouncing ball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "26F9 1F3FC 200D 2642 FE0F", "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏼‍♂", "name": "man bouncing ball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "26F9 1F3FC 200D 2642", "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏽‍♂️", "name": "man bouncing ball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "26F9 1F3FD 200D 2642 FE0F", "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏽‍♂", "name": "man bouncing ball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "26F9 1F3FD 200D 2642", "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏾‍♂️", "name": "man bouncing ball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "26F9 1F3FE 200D 2642 FE0F", "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏾‍♂", "name": "man bouncing ball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "26F9 1F3FE 200D 2642", "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏿‍♂️", "name": "man bouncing ball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "26F9 1F3FF 200D 2642 FE0F", "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏿‍♂", "name": "man bouncing ball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "26F9 1F3FF 200D 2642", "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹️‍♀️", "name": "woman bouncing ball", "shortname": ":woman_bouncing_ball:", "unicode": "26F9 FE0F 200D 2640 FE0F", "html": "&#x26F9;&#xFE0F;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹‍♀️", "name": "woman bouncing ball", "shortname": ":woman_bouncing_ball:", "unicode": "26F9 200D 2640 FE0F", "html": "&#x26F9;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹️‍♀", "name": "woman bouncing ball", "shortname": ":woman_bouncing_ball:", "unicode": "26F9 FE0F 200D 2640", "html": "&#x26F9;&#xFE0F;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏻‍♀️", "name": "woman bouncing ball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "26F9 1F3FB 200D 2640 FE0F", "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏼‍♀️", "name": "woman bouncing ball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "26F9 1F3FC 200D 2640 FE0F", "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏽‍♀️", "name": "woman bouncing ball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "26F9 1F3FD 200D 2640 FE0F", "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏾‍♀️", "name": "woman bouncing ball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "26F9 1F3FE 200D 2640 FE0F", "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "⛹🏿‍♀️", "name": "woman bouncing ball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "26F9 1F3FF 200D 2640 FE0F", "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋️", "name": "person lifting weights", "shortname": ":person_lifting_weights:", "unicode": "1F3CB FE0F", "html": "&#x1F3CB;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋️‍♂️", "name": "man lifting weights", "shortname": ":man_lifting_weights:", "unicode": "1F3CB FE0F 200D 2642 FE0F", "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋‍♂️", "name": "man lifting weights", "shortname": ":man_lifting_weights:", "unicode": "1F3CB 200D 2642 FE0F", "html": "&#x1F3CB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋️‍♂", "name": "man lifting weights", "shortname": ":man_lifting_weights:", "unicode": "1F3CB FE0F 200D 2642", "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋‍♂", "name": "man lifting weights", "shortname": ":man_lifting_weights:", "unicode": "1F3CB 200D 2642", "html": "&#x1F3CB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏻‍♂️", "name": "man lifting weights: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CB 1F3FB 200D 2642 FE0F", "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏻‍♂", "name": "man lifting weights: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CB 1F3FB 200D 2642", "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏼‍♂️", "name": "man lifting weights: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CB 1F3FC 200D 2642 FE0F", "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏼‍♂", "name": "man lifting weights: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CB 1F3FC 200D 2642", "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏽‍♂️", "name": "man lifting weights: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CB 1F3FD 200D 2642 FE0F", "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏽‍♂", "name": "man lifting weights: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CB 1F3FD 200D 2642", "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏾‍♂️", "name": "man lifting weights: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CB 1F3FE 200D 2642 FE0F", "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏾‍♂", "name": "man lifting weights: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CB 1F3FE 200D 2642", "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏿‍♂️", "name": "man lifting weights: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CB 1F3FF 200D 2642 FE0F", "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏿‍♂", "name": "man lifting weights: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CB 1F3FF 200D 2642", "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋️‍♀️", "name": "woman lifting weights", "shortname": ":woman_lifting_weights:", "unicode": "1F3CB FE0F 200D 2640 FE0F", "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋‍♀️", "name": "woman lifting weights", "shortname": ":woman_lifting_weights:", "unicode": "1F3CB 200D 2640 FE0F", "html": "&#x1F3CB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋️‍♀", "name": "woman lifting weights", "shortname": ":woman_lifting_weights:", "unicode": "1F3CB FE0F 200D 2640", "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏻‍♀️", "name": "woman lifting weights: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3CB 1F3FB 200D 2640 FE0F", "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏼‍♀️", "name": "woman lifting weights: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3CB 1F3FC 200D 2640 FE0F", "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏽‍♀️", "name": "woman lifting weights: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3CB 1F3FD 200D 2640 FE0F", "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏾‍♀️", "name": "woman lifting weights: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3CB 1F3FE 200D 2640 FE0F", "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🏋🏿‍♀️", "name": "woman lifting weights: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3CB 1F3FF 200D 2640 FE0F", "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴‍♂️", "name": "man biking", "shortname": ":man_biking:", "unicode": "1F6B4 200D 2642 FE0F", "html": "&#x1F6B4;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴‍♂", "name": "man biking", "shortname": ":man_biking:", "unicode": "1F6B4 200D 2642", "html": "&#x1F6B4;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏻‍♂️", "name": "man biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B4 1F3FB 200D 2642 FE0F", "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏻‍♂", "name": "man biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B4 1F3FB 200D 2642", "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏼‍♂️", "name": "man biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B4 1F3FC 200D 2642 FE0F", "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏼‍♂", "name": "man biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B4 1F3FC 200D 2642", "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏽‍♂️", "name": "man biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B4 1F3FD 200D 2642 FE0F", "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏽‍♂", "name": "man biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B4 1F3FD 200D 2642", "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏾‍♂️", "name": "man biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B4 1F3FE 200D 2642 FE0F", "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏾‍♂", "name": "man biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B4 1F3FE 200D 2642", "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏿‍♂️", "name": "man biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B4 1F3FF 200D 2642 FE0F", "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏿‍♂", "name": "man biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B4 1F3FF 200D 2642", "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴‍♀️", "name": "woman biking", "shortname": ":woman_biking:", "unicode": "1F6B4 200D 2640 FE0F", "html": "&#x1F6B4;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏻‍♀️", "name": "woman biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B4 1F3FB 200D 2640 FE0F", "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏼‍♀️", "name": "woman biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B4 1F3FC 200D 2640 FE0F", "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏽‍♀️", "name": "woman biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B4 1F3FD 200D 2640 FE0F", "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏾‍♀️", "name": "woman biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B4 1F3FE 200D 2640 FE0F", "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚴🏿‍♀️", "name": "woman biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B4 1F3FF 200D 2640 FE0F", "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵‍♂️", "name": "man mountain biking", "shortname": ":man_mountain_biking:", "unicode": "1F6B5 200D 2642 FE0F", "html": "&#x1F6B5;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵‍♂", "name": "man mountain biking", "shortname": ":man_mountain_biking:", "unicode": "1F6B5 200D 2642", "html": "&#x1F6B5;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏻‍♂️", "name": "man mountain biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B5 1F3FB 200D 2642 FE0F", "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏻‍♂", "name": "man mountain biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B5 1F3FB 200D 2642", "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏼‍♂️", "name": "man mountain biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B5 1F3FC 200D 2642 FE0F", "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏼‍♂", "name": "man mountain biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B5 1F3FC 200D 2642", "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏽‍♂️", "name": "man mountain biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B5 1F3FD 200D 2642 FE0F", "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏽‍♂", "name": "man mountain biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B5 1F3FD 200D 2642", "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏾‍♂️", "name": "man mountain biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B5 1F3FE 200D 2642 FE0F", "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏾‍♂", "name": "man mountain biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B5 1F3FE 200D 2642", "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏿‍♂️", "name": "man mountain biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B5 1F3FF 200D 2642 FE0F", "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏿‍♂", "name": "man mountain biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B5 1F3FF 200D 2642", "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵‍♀️", "name": "woman mountain biking", "shortname": ":woman_mountain_biking:", "unicode": "1F6B5 200D 2640 FE0F", "html": "&#x1F6B5;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏻‍♀️", "name": "woman mountain biking: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6B5 1F3FB 200D 2640 FE0F", "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏼‍♀️", "name": "woman mountain biking: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6B5 1F3FC 200D 2640 FE0F", "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏽‍♀️", "name": "woman mountain biking: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6B5 1F3FD 200D 2640 FE0F", "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏾‍♀️", "name": "woman mountain biking: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6B5 1F3FE 200D 2640 FE0F", "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🚵🏿‍♀️", "name": "woman mountain biking: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6B5 1F3FF 200D 2640 FE0F", "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸", "name": "person cartwheeling", "shortname": ":person_cartwheeling:", "unicode": "1F938", "html": "&#x1F938;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏻", "name": "person cartwheeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F938 1F3FB", "html": "&#x1F938;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏼", "name": "person cartwheeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F938 1F3FC", "html": "&#x1F938;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏽", "name": "person cartwheeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F938 1F3FD", "html": "&#x1F938;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏾", "name": "person cartwheeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F938 1F3FE", "html": "&#x1F938;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏿", "name": "person cartwheeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F938 1F3FF", "html": "&#x1F938;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸‍♂️", "name": "man cartwheeling", "shortname": ":man_cartwheeling:", "unicode": "1F938 200D 2642 FE0F", "html": "&#x1F938;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸‍♂", "name": "man cartwheeling", "shortname": ":man_cartwheeling:", "unicode": "1F938 200D 2642", "html": "&#x1F938;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏻‍♂️", "name": "man cartwheeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F938 1F3FB 200D 2642 FE0F", "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏻‍♂", "name": "man cartwheeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F938 1F3FB 200D 2642", "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏼‍♂️", "name": "man cartwheeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F938 1F3FC 200D 2642 FE0F", "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏼‍♂", "name": "man cartwheeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F938 1F3FC 200D 2642", "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏽‍♂️", "name": "man cartwheeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F938 1F3FD 200D 2642 FE0F", "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏽‍♂", "name": "man cartwheeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F938 1F3FD 200D 2642", "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏾‍♂️", "name": "man cartwheeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F938 1F3FE 200D 2642 FE0F", "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏾‍♂", "name": "man cartwheeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F938 1F3FE 200D 2642", "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏿‍♂️", "name": "man cartwheeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F938 1F3FF 200D 2642 FE0F", "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏿‍♂", "name": "man cartwheeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F938 1F3FF 200D 2642", "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸‍♀️", "name": "woman cartwheeling", "shortname": ":woman_cartwheeling:", "unicode": "1F938 200D 2640 FE0F", "html": "&#x1F938;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸‍♀", "name": "woman cartwheeling", "shortname": ":woman_cartwheeling:", "unicode": "1F938 200D 2640", "html": "&#x1F938;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏻‍♀️", "name": "woman cartwheeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F938 1F3FB 200D 2640 FE0F", "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏻‍♀", "name": "woman cartwheeling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F938 1F3FB 200D 2640", "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏼‍♀️", "name": "woman cartwheeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F938 1F3FC 200D 2640 FE0F", "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏼‍♀", "name": "woman cartwheeling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F938 1F3FC 200D 2640", "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏽‍♀️", "name": "woman cartwheeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F938 1F3FD 200D 2640 FE0F", "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏽‍♀", "name": "woman cartwheeling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F938 1F3FD 200D 2640", "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏾‍♀️", "name": "woman cartwheeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F938 1F3FE 200D 2640 FE0F", "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏾‍♀", "name": "woman cartwheeling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F938 1F3FE 200D 2640", "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏿‍♀️", "name": "woman cartwheeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F938 1F3FF 200D 2640 FE0F", "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤸🏿‍♀", "name": "woman cartwheeling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F938 1F3FF 200D 2640", "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤼", "name": "people wrestling", "shortname": ":people_wrestling:", "unicode": "1F93C", "html": "&#x1F93C;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤼‍♂️", "name": "men wrestling", "shortname": ":men_wrestling:", "unicode": "1F93C 200D 2642 FE0F", "html": "&#x1F93C;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤼‍♂", "name": "men wrestling", "shortname": ":men_wrestling:", "unicode": "1F93C 200D 2642", "html": "&#x1F93C;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤼‍♀️", "name": "women wrestling", "shortname": ":women_wrestling:", "unicode": "1F93C 200D 2640 FE0F", "html": "&#x1F93C;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤼‍♀", "name": "women wrestling", "shortname": ":women_wrestling:", "unicode": "1F93C 200D 2640", "html": "&#x1F93C;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽", "name": "person playing water polo", "shortname": ":person_playing_water_polo:", "unicode": "1F93D", "html": "&#x1F93D;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏻", "name": "person playing water polo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93D 1F3FB", "html": "&#x1F93D;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏼", "name": "person playing water polo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93D 1F3FC", "html": "&#x1F93D;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏽", "name": "person playing water polo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93D 1F3FD", "html": "&#x1F93D;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏾", "name": "person playing water polo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93D 1F3FE", "html": "&#x1F93D;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏿", "name": "person playing water polo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93D 1F3FF", "html": "&#x1F93D;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽‍♂️", "name": "man playing water polo", "shortname": ":man_playing_water_polo:", "unicode": "1F93D 200D 2642 FE0F", "html": "&#x1F93D;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽‍♂", "name": "man playing water polo", "shortname": ":man_playing_water_polo:", "unicode": "1F93D 200D 2642", "html": "&#x1F93D;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏻‍♂️", "name": "man playing water polo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93D 1F3FB 200D 2642 FE0F", "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏻‍♂", "name": "man playing water polo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93D 1F3FB 200D 2642", "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏼‍♂️", "name": "man playing water polo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93D 1F3FC 200D 2642 FE0F", "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏼‍♂", "name": "man playing water polo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93D 1F3FC 200D 2642", "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏽‍♂️", "name": "man playing water polo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93D 1F3FD 200D 2642 FE0F", "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏽‍♂", "name": "man playing water polo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93D 1F3FD 200D 2642", "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏾‍♂️", "name": "man playing water polo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93D 1F3FE 200D 2642 FE0F", "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏾‍♂", "name": "man playing water polo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93D 1F3FE 200D 2642", "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏿‍♂️", "name": "man playing water polo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93D 1F3FF 200D 2642 FE0F", "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏿‍♂", "name": "man playing water polo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93D 1F3FF 200D 2642", "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽‍♀️", "name": "woman playing water polo", "shortname": ":woman_playing_water_polo:", "unicode": "1F93D 200D 2640 FE0F", "html": "&#x1F93D;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽‍♀", "name": "woman playing water polo", "shortname": ":woman_playing_water_polo:", "unicode": "1F93D 200D 2640", "html": "&#x1F93D;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏻‍♀️", "name": "woman playing water polo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93D 1F3FB 200D 2640 FE0F", "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏻‍♀", "name": "woman playing water polo: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93D 1F3FB 200D 2640", "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏼‍♀️", "name": "woman playing water polo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93D 1F3FC 200D 2640 FE0F", "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏼‍♀", "name": "woman playing water polo: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93D 1F3FC 200D 2640", "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏽‍♀️", "name": "woman playing water polo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93D 1F3FD 200D 2640 FE0F", "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏽‍♀", "name": "woman playing water polo: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93D 1F3FD 200D 2640", "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏾‍♀️", "name": "woman playing water polo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93D 1F3FE 200D 2640 FE0F", "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏾‍♀", "name": "woman playing water polo: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93D 1F3FE 200D 2640", "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏿‍♀️", "name": "woman playing water polo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93D 1F3FF 200D 2640 FE0F", "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤽🏿‍♀", "name": "woman playing water polo: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93D 1F3FF 200D 2640", "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾", "name": "person playing handball", "shortname": ":person_playing_handball:", "unicode": "1F93E", "html": "&#x1F93E;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏻", "name": "person playing handball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93E 1F3FB", "html": "&#x1F93E;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏼", "name": "person playing handball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93E 1F3FC", "html": "&#x1F93E;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏽", "name": "person playing handball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93E 1F3FD", "html": "&#x1F93E;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏾", "name": "person playing handball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93E 1F3FE", "html": "&#x1F93E;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏿", "name": "person playing handball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93E 1F3FF", "html": "&#x1F93E;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾‍♂️", "name": "man playing handball", "shortname": ":man_playing_handball:", "unicode": "1F93E 200D 2642 FE0F", "html": "&#x1F93E;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾‍♂", "name": "man playing handball", "shortname": ":man_playing_handball:", "unicode": "1F93E 200D 2642", "html": "&#x1F93E;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏻‍♂️", "name": "man playing handball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93E 1F3FB 200D 2642 FE0F", "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏻‍♂", "name": "man playing handball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93E 1F3FB 200D 2642", "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏼‍♂️", "name": "man playing handball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93E 1F3FC 200D 2642 FE0F", "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏼‍♂", "name": "man playing handball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93E 1F3FC 200D 2642", "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏽‍♂️", "name": "man playing handball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93E 1F3FD 200D 2642 FE0F", "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏽‍♂", "name": "man playing handball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93E 1F3FD 200D 2642", "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏾‍♂️", "name": "man playing handball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93E 1F3FE 200D 2642 FE0F", "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏾‍♂", "name": "man playing handball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93E 1F3FE 200D 2642", "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏿‍♂️", "name": "man playing handball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93E 1F3FF 200D 2642 FE0F", "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏿‍♂", "name": "man playing handball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93E 1F3FF 200D 2642", "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾‍♀️", "name": "woman playing handball", "shortname": ":woman_playing_handball:", "unicode": "1F93E 200D 2640 FE0F", "html": "&#x1F93E;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾‍♀", "name": "woman playing handball", "shortname": ":woman_playing_handball:", "unicode": "1F93E 200D 2640", "html": "&#x1F93E;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏻‍♀️", "name": "woman playing handball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93E 1F3FB 200D 2640 FE0F", "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏻‍♀", "name": "woman playing handball: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F93E 1F3FB 200D 2640", "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏼‍♀️", "name": "woman playing handball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93E 1F3FC 200D 2640 FE0F", "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏼‍♀", "name": "woman playing handball: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F93E 1F3FC 200D 2640", "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏽‍♀️", "name": "woman playing handball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93E 1F3FD 200D 2640 FE0F", "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏽‍♀", "name": "woman playing handball: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F93E 1F3FD 200D 2640", "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏾‍♀️", "name": "woman playing handball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93E 1F3FE 200D 2640 FE0F", "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏾‍♀", "name": "woman playing handball: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F93E 1F3FE 200D 2640", "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏿‍♀️", "name": "woman playing handball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93E 1F3FF 200D 2640 FE0F", "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤾🏿‍♀", "name": "woman playing handball: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F93E 1F3FF 200D 2640", "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹", "name": "person juggling", "shortname": ":person_juggling:", "unicode": "1F939", "html": "&#x1F939;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏻", "name": "person juggling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F939 1F3FB", "html": "&#x1F939;&#x1F3FB;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏼", "name": "person juggling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F939 1F3FC", "html": "&#x1F939;&#x1F3FC;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏽", "name": "person juggling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F939 1F3FD", "html": "&#x1F939;&#x1F3FD;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏾", "name": "person juggling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F939 1F3FE", "html": "&#x1F939;&#x1F3FE;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏿", "name": "person juggling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F939 1F3FF", "html": "&#x1F939;&#x1F3FF;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹‍♂️", "name": "man juggling", "shortname": ":man_juggling:", "unicode": "1F939 200D 2642 FE0F", "html": "&#x1F939;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹‍♂", "name": "man juggling", "shortname": ":man_juggling:", "unicode": "1F939 200D 2642", "html": "&#x1F939;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏻‍♂️", "name": "man juggling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F939 1F3FB 200D 2642 FE0F", "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏻‍♂", "name": "man juggling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F939 1F3FB 200D 2642", "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏼‍♂️", "name": "man juggling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F939 1F3FC 200D 2642 FE0F", "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏼‍♂", "name": "man juggling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F939 1F3FC 200D 2642", "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏽‍♂️", "name": "man juggling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F939 1F3FD 200D 2642 FE0F", "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏽‍♂", "name": "man juggling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F939 1F3FD 200D 2642", "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏾‍♂️", "name": "man juggling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F939 1F3FE 200D 2642 FE0F", "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏾‍♂", "name": "man juggling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F939 1F3FE 200D 2642", "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏿‍♂️", "name": "man juggling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F939 1F3FF 200D 2642 FE0F", "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏿‍♂", "name": "man juggling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F939 1F3FF 200D 2642", "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹‍♀️", "name": "woman juggling", "shortname": ":woman_juggling:", "unicode": "1F939 200D 2640 FE0F", "html": "&#x1F939;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹‍♀", "name": "woman juggling", "shortname": ":woman_juggling:", "unicode": "1F939 200D 2640", "html": "&#x1F939;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏻‍♀️", "name": "woman juggling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F939 1F3FB 200D 2640 FE0F", "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏻‍♀", "name": "woman juggling: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F939 1F3FB 200D 2640", "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏼‍♀️", "name": "woman juggling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F939 1F3FC 200D 2640 FE0F", "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏼‍♀", "name": "woman juggling: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F939 1F3FC 200D 2640", "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏽‍♀️", "name": "woman juggling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F939 1F3FD 200D 2640 FE0F", "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏽‍♀", "name": "woman juggling: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F939 1F3FD 200D 2640", "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏾‍♀️", "name": "woman juggling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F939 1F3FE 200D 2640 FE0F", "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏾‍♀", "name": "woman juggling: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F939 1F3FE 200D 2640", "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏿‍♀️", "name": "woman juggling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F939 1F3FF 200D 2640 FE0F", "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🤹🏿‍♀", "name": "woman juggling: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F939 1F3FF 200D 2640", "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-sport)", "order": ""},
-		{"emoji": "🧘", "name": "person in lotus position", "shortname": ":person_in_lotus_position:", "unicode": "1F9D8", "html": "&#x1F9D8;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏻", "name": "person in lotus position: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D8 1F3FB", "html": "&#x1F9D8;&#x1F3FB;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏼", "name": "person in lotus position: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D8 1F3FC", "html": "&#x1F9D8;&#x1F3FC;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏽", "name": "person in lotus position: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D8 1F3FD", "html": "&#x1F9D8;&#x1F3FD;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏾", "name": "person in lotus position: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D8 1F3FE", "html": "&#x1F9D8;&#x1F3FE;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏿", "name": "person in lotus position: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D8 1F3FF", "html": "&#x1F9D8;&#x1F3FF;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘‍♂️", "name": "man in lotus position", "shortname": ":man_in_lotus_position:", "unicode": "1F9D8 200D 2642 FE0F", "html": "&#x1F9D8;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘‍♂", "name": "man in lotus position", "shortname": ":man_in_lotus_position:", "unicode": "1F9D8 200D 2642", "html": "&#x1F9D8;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏻‍♂️", "name": "man in lotus position: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D8 1F3FB 200D 2642 FE0F", "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏻‍♂", "name": "man in lotus position: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D8 1F3FB 200D 2642", "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏼‍♂️", "name": "man in lotus position: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D8 1F3FC 200D 2642 FE0F", "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏼‍♂", "name": "man in lotus position: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D8 1F3FC 200D 2642", "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏽‍♂️", "name": "man in lotus position: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D8 1F3FD 200D 2642 FE0F", "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏽‍♂", "name": "man in lotus position: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D8 1F3FD 200D 2642", "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏾‍♂️", "name": "man in lotus position: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D8 1F3FE 200D 2642 FE0F", "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏾‍♂", "name": "man in lotus position: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D8 1F3FE 200D 2642", "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏿‍♂️", "name": "man in lotus position: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D8 1F3FF 200D 2642 FE0F", "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏿‍♂", "name": "man in lotus position: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D8 1F3FF 200D 2642", "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2642;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘‍♀️", "name": "woman in lotus position", "shortname": ":woman_in_lotus_position:", "unicode": "1F9D8 200D 2640 FE0F", "html": "&#x1F9D8;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘‍♀", "name": "woman in lotus position", "shortname": ":woman_in_lotus_position:", "unicode": "1F9D8 200D 2640", "html": "&#x1F9D8;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏻‍♀️", "name": "woman in lotus position: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D8 1F3FB 200D 2640 FE0F", "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏻‍♀", "name": "woman in lotus position: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D8 1F3FB 200D 2640", "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏼‍♀️", "name": "woman in lotus position: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D8 1F3FC 200D 2640 FE0F", "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏼‍♀", "name": "woman in lotus position: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D8 1F3FC 200D 2640", "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏽‍♀️", "name": "woman in lotus position: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D8 1F3FD 200D 2640 FE0F", "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏽‍♀", "name": "woman in lotus position: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D8 1F3FD 200D 2640", "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏾‍♀️", "name": "woman in lotus position: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D8 1F3FE 200D 2640 FE0F", "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏾‍♀", "name": "woman in lotus position: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D8 1F3FE 200D 2640", "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏿‍♀️", "name": "woman in lotus position: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D8 1F3FF 200D 2640 FE0F", "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧘🏿‍♀", "name": "woman in lotus position: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D8 1F3FF 200D 2640", "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2640;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛌🏻", "name": "person in bed: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F6CC 1F3FB", "html": "&#x1F6CC;&#x1F3FB;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛌🏼", "name": "person in bed: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F6CC 1F3FC", "html": "&#x1F6CC;&#x1F3FC;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛌🏽", "name": "person in bed: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F6CC 1F3FD", "html": "&#x1F6CC;&#x1F3FD;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛌🏾", "name": "person in bed: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F6CC 1F3FE", "html": "&#x1F6CC;&#x1F3FE;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🛌🏿", "name": "person in bed: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F6CC 1F3FF", "html": "&#x1F6CC;&#x1F3FF;", "category": "People & Body (person-resting)", "order": ""},
-		{"emoji": "🧑‍🤝‍🧑", "name": "people holding hands", "shortname": ":people_holding_hands:", "unicode": "1F9D1 200D 1F91D 200D 1F9D1", "html": "&#x1F9D1;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏻‍🤝‍🧑🏻", "name": "people holding hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏻‍🤝‍🧑🏼", "name": "people holding hands: light skin tone, medium-light skin tone", "shortname": ":light_skin_tone_mediumlight_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏻‍🤝‍🧑🏽", "name": "people holding hands: light skin tone, medium skin tone", "shortname": ":light_skin_tone_medium_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏻‍🤝‍🧑🏾", "name": "people holding hands: light skin tone, medium-dark skin tone", "shortname": ":light_skin_tone_mediumdark_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏻‍🤝‍🧑🏿", "name": "people holding hands: light skin tone, dark skin tone", "shortname": ":light_skin_tone_dark_skin_tone:", "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏼‍🤝‍🧑🏻", "name": "people holding hands: medium-light skin tone, light skin tone", "shortname": ":mediumlight_skin_tone_light_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏼‍🤝‍🧑🏼", "name": "people holding hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏼‍🤝‍🧑🏽", "name": "people holding hands: medium-light skin tone, medium skin tone", "shortname": ":mediumlight_skin_tone_medium_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏼‍🤝‍🧑🏾", "name": "people holding hands: medium-light skin tone, medium-dark skin tone", "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏼‍🤝‍🧑🏿", "name": "people holding hands: medium-light skin tone, dark skin tone", "shortname": ":mediumlight_skin_tone_dark_skin_tone:", "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏽‍🤝‍🧑🏻", "name": "people holding hands: medium skin tone, light skin tone", "shortname": ":medium_skin_tone_light_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏽‍🤝‍🧑🏼", "name": "people holding hands: medium skin tone, medium-light skin tone", "shortname": ":medium_skin_tone_mediumlight_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏽‍🤝‍🧑🏽", "name": "people holding hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏽‍🤝‍🧑🏾", "name": "people holding hands: medium skin tone, medium-dark skin tone", "shortname": ":medium_skin_tone_mediumdark_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏽‍🤝‍🧑🏿", "name": "people holding hands: medium skin tone, dark skin tone", "shortname": ":medium_skin_tone_dark_skin_tone:", "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏾‍🤝‍🧑🏻", "name": "people holding hands: medium-dark skin tone, light skin tone", "shortname": ":mediumdark_skin_tone_light_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏾‍🤝‍🧑🏼", "name": "people holding hands: medium-dark skin tone, medium-light skin tone", "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏾‍🤝‍🧑🏽", "name": "people holding hands: medium-dark skin tone, medium skin tone", "shortname": ":mediumdark_skin_tone_medium_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏾‍🤝‍🧑🏾", "name": "people holding hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏾‍🤝‍🧑🏿", "name": "people holding hands: medium-dark skin tone, dark skin tone", "shortname": ":mediumdark_skin_tone_dark_skin_tone:", "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏿‍🤝‍🧑🏻", "name": "people holding hands: dark skin tone, light skin tone", "shortname": ":dark_skin_tone_light_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FB", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏿‍🤝‍🧑🏼", "name": "people holding hands: dark skin tone, medium-light skin tone", "shortname": ":dark_skin_tone_mediumlight_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FC", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏿‍🤝‍🧑🏽", "name": "people holding hands: dark skin tone, medium skin tone", "shortname": ":dark_skin_tone_medium_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FD", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏿‍🤝‍🧑🏾", "name": "people holding hands: dark skin tone, medium-dark skin tone", "shortname": ":dark_skin_tone_mediumdark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FE", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🧑🏿‍🤝‍🧑🏿", "name": "people holding hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FF", "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👭🏻", "name": "women holding hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46D 1F3FB", "html": "&#x1F46D;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👩🏼", "name": "women holding hands: light skin tone, medium-light skin tone", "shortname": ":light_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FC", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👩🏽", "name": "women holding hands: light skin tone, medium skin tone", "shortname": ":light_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FD", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👩🏾", "name": "women holding hands: light skin tone, medium-dark skin tone", "shortname": ":light_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FE", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👩🏿", "name": "women holding hands: light skin tone, dark skin tone", "shortname": ":light_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FF", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👩🏻", "name": "women holding hands: medium-light skin tone, light skin tone", "shortname": ":mediumlight_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FB", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👭🏼", "name": "women holding hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46D 1F3FC", "html": "&#x1F46D;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👩🏽", "name": "women holding hands: medium-light skin tone, medium skin tone", "shortname": ":mediumlight_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FD", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👩🏾", "name": "women holding hands: medium-light skin tone, medium-dark skin tone", "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FE", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👩🏿", "name": "women holding hands: medium-light skin tone, dark skin tone", "shortname": ":mediumlight_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FF", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👩🏻", "name": "women holding hands: medium skin tone, light skin tone", "shortname": ":medium_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FB", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👩🏼", "name": "women holding hands: medium skin tone, medium-light skin tone", "shortname": ":medium_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FC", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👭🏽", "name": "women holding hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46D 1F3FD", "html": "&#x1F46D;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👩🏾", "name": "women holding hands: medium skin tone, medium-dark skin tone", "shortname": ":medium_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FE", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👩🏿", "name": "women holding hands: medium skin tone, dark skin tone", "shortname": ":medium_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FF", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👩🏻", "name": "women holding hands: medium-dark skin tone, light skin tone", "shortname": ":mediumdark_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FB", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👩🏼", "name": "women holding hands: medium-dark skin tone, medium-light skin tone", "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FC", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👩🏽", "name": "women holding hands: medium-dark skin tone, medium skin tone", "shortname": ":mediumdark_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FD", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👭🏾", "name": "women holding hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46D 1F3FE", "html": "&#x1F46D;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👩🏿", "name": "women holding hands: medium-dark skin tone, dark skin tone", "shortname": ":mediumdark_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FF", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👩🏻", "name": "women holding hands: dark skin tone, light skin tone", "shortname": ":dark_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FB", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👩🏼", "name": "women holding hands: dark skin tone, medium-light skin tone", "shortname": ":dark_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FC", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👩🏽", "name": "women holding hands: dark skin tone, medium skin tone", "shortname": ":dark_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FD", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👩🏾", "name": "women holding hands: dark skin tone, medium-dark skin tone", "shortname": ":dark_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FE", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👭🏿", "name": "women holding hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46D 1F3FF", "html": "&#x1F46D;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👫🏻", "name": "woman and man holding hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46B 1F3FB", "html": "&#x1F46B;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👨🏼", "name": "woman and man holding hands: light skin tone, medium-light skin tone", "shortname": ":light_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👨🏽", "name": "woman and man holding hands: light skin tone, medium skin tone", "shortname": ":light_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👨🏾", "name": "woman and man holding hands: light skin tone, medium-dark skin tone", "shortname": ":light_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏻‍🤝‍👨🏿", "name": "woman and man holding hands: light skin tone, dark skin tone", "shortname": ":light_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👨🏻", "name": "woman and man holding hands: medium-light skin tone, light skin tone", "shortname": ":mediumlight_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👫🏼", "name": "woman and man holding hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46B 1F3FC", "html": "&#x1F46B;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👨🏽", "name": "woman and man holding hands: medium-light skin tone, medium skin tone", "shortname": ":mediumlight_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👨🏾", "name": "woman and man holding hands: medium-light skin tone, medium-dark skin tone", "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏼‍🤝‍👨🏿", "name": "woman and man holding hands: medium-light skin tone, dark skin tone", "shortname": ":mediumlight_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👨🏻", "name": "woman and man holding hands: medium skin tone, light skin tone", "shortname": ":medium_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👨🏼", "name": "woman and man holding hands: medium skin tone, medium-light skin tone", "shortname": ":medium_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👫🏽", "name": "woman and man holding hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46B 1F3FD", "html": "&#x1F46B;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👨🏾", "name": "woman and man holding hands: medium skin tone, medium-dark skin tone", "shortname": ":medium_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏽‍🤝‍👨🏿", "name": "woman and man holding hands: medium skin tone, dark skin tone", "shortname": ":medium_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👨🏻", "name": "woman and man holding hands: medium-dark skin tone, light skin tone", "shortname": ":mediumdark_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👨🏼", "name": "woman and man holding hands: medium-dark skin tone, medium-light skin tone", "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👨🏽", "name": "woman and man holding hands: medium-dark skin tone, medium skin tone", "shortname": ":mediumdark_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👫🏾", "name": "woman and man holding hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46B 1F3FE", "html": "&#x1F46B;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏾‍🤝‍👨🏿", "name": "woman and man holding hands: medium-dark skin tone, dark skin tone", "shortname": ":mediumdark_skin_tone_dark_skin_tone:", "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👨🏻", "name": "woman and man holding hands: dark skin tone, light skin tone", "shortname": ":dark_skin_tone_light_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👨🏼", "name": "woman and man holding hands: dark skin tone, medium-light skin tone", "shortname": ":dark_skin_tone_mediumlight_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👨🏽", "name": "woman and man holding hands: dark skin tone, medium skin tone", "shortname": ":dark_skin_tone_medium_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩🏿‍🤝‍👨🏾", "name": "woman and man holding hands: dark skin tone, medium-dark skin tone", "shortname": ":dark_skin_tone_mediumdark_skin_tone:", "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👫🏿", "name": "woman and man holding hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46B 1F3FF", "html": "&#x1F46B;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👬🏻", "name": "men holding hands: light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F46C 1F3FB", "html": "&#x1F46C;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏻‍🤝‍👨🏼", "name": "men holding hands: light skin tone, medium-light skin tone", "shortname": ":light_skin_tone_mediumlight_skin_tone:", "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏻‍🤝‍👨🏽", "name": "men holding hands: light skin tone, medium skin tone", "shortname": ":light_skin_tone_medium_skin_tone:", "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏻‍🤝‍👨🏾", "name": "men holding hands: light skin tone, medium-dark skin tone", "shortname": ":light_skin_tone_mediumdark_skin_tone:", "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏻‍🤝‍👨🏿", "name": "men holding hands: light skin tone, dark skin tone", "shortname": ":light_skin_tone_dark_skin_tone:", "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏼‍🤝‍👨🏻", "name": "men holding hands: medium-light skin tone, light skin tone", "shortname": ":mediumlight_skin_tone_light_skin_tone:", "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👬🏼", "name": "men holding hands: medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F46C 1F3FC", "html": "&#x1F46C;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏼‍🤝‍👨🏽", "name": "men holding hands: medium-light skin tone, medium skin tone", "shortname": ":mediumlight_skin_tone_medium_skin_tone:", "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏼‍🤝‍👨🏾", "name": "men holding hands: medium-light skin tone, medium-dark skin tone", "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:", "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏼‍🤝‍👨🏿", "name": "men holding hands: medium-light skin tone, dark skin tone", "shortname": ":mediumlight_skin_tone_dark_skin_tone:", "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏽‍🤝‍👨🏻", "name": "men holding hands: medium skin tone, light skin tone", "shortname": ":medium_skin_tone_light_skin_tone:", "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏽‍🤝‍👨🏼", "name": "men holding hands: medium skin tone, medium-light skin tone", "shortname": ":medium_skin_tone_mediumlight_skin_tone:", "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👬🏽", "name": "men holding hands: medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F46C 1F3FD", "html": "&#x1F46C;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏽‍🤝‍👨🏾", "name": "men holding hands: medium skin tone, medium-dark skin tone", "shortname": ":medium_skin_tone_mediumdark_skin_tone:", "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏽‍🤝‍👨🏿", "name": "men holding hands: medium skin tone, dark skin tone", "shortname": ":medium_skin_tone_dark_skin_tone:", "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏾‍🤝‍👨🏻", "name": "men holding hands: medium-dark skin tone, light skin tone", "shortname": ":mediumdark_skin_tone_light_skin_tone:", "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏾‍🤝‍👨🏼", "name": "men holding hands: medium-dark skin tone, medium-light skin tone", "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:", "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏾‍🤝‍👨🏽", "name": "men holding hands: medium-dark skin tone, medium skin tone", "shortname": ":mediumdark_skin_tone_medium_skin_tone:", "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👬🏾", "name": "men holding hands: medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F46C 1F3FE", "html": "&#x1F46C;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏾‍🤝‍👨🏿", "name": "men holding hands: medium-dark skin tone, dark skin tone", "shortname": ":mediumdark_skin_tone_dark_skin_tone:", "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FF", "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏿‍🤝‍👨🏻", "name": "men holding hands: dark skin tone, light skin tone", "shortname": ":dark_skin_tone_light_skin_tone:", "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FB", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏿‍🤝‍👨🏼", "name": "men holding hands: dark skin tone, medium-light skin tone", "shortname": ":dark_skin_tone_mediumlight_skin_tone:", "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FC", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏿‍🤝‍👨🏽", "name": "men holding hands: dark skin tone, medium skin tone", "shortname": ":dark_skin_tone_medium_skin_tone:", "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FD", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨🏿‍🤝‍👨🏾", "name": "men holding hands: dark skin tone, medium-dark skin tone", "shortname": ":dark_skin_tone_mediumdark_skin_tone:", "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FE", "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👬🏿", "name": "men holding hands: dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F46C 1F3FF", "html": "&#x1F46C;&#x1F3FF;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤️‍💋‍👨", "name": "kiss: woman, man", "shortname": ":woman_man:", "unicode": "1F469 200D 2764 FE0F 200D 1F48B 200D 1F468", "html": "&#x1F469;&#x200D;&#x2764;&#xFE0F;&#x200D;&#x1F48B;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤‍💋‍👨", "name": "kiss: woman, man", "shortname": ":woman_man:", "unicode": "1F469 200D 2764 200D 1F48B 200D 1F468", "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍❤‍💋‍👨", "name": "kiss: man, man", "shortname": ":man_man:", "unicode": "1F468 200D 2764 200D 1F48B 200D 1F468", "html": "&#x1F468;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤‍💋‍👩", "name": "kiss: woman, woman", "shortname": ":woman_woman:", "unicode": "1F469 200D 2764 200D 1F48B 200D 1F469", "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F469;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤️‍👨", "name": "couple with heart: woman, man", "shortname": ":woman_man:", "unicode": "1F469 200D 2764 FE0F 200D 1F468", "html": "&#x1F469;&#x200D;&#x2764;&#xFE0F;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤‍👨", "name": "couple with heart: woman, man", "shortname": ":woman_man:", "unicode": "1F469 200D 2764 200D 1F468", "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍❤‍👨", "name": "couple with heart: man, man", "shortname": ":man_man:", "unicode": "1F468 200D 2764 200D 1F468", "html": "&#x1F468;&#x200D;&#x2764;&#x200D;&#x1F468;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👩‍❤‍👩", "name": "couple with heart: woman, woman", "shortname": ":woman_woman:", "unicode": "1F469 200D 2764 200D 1F469", "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F469;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "👨‍👩‍👦", "name": "family: man, woman, boy", "shortname": ":man_woman_boy:", "unicode": "1F468 200D 1F469 200D 1F466", "html": "&#x1F468;&#x200D;&#x1F469;&#x200D;&#x1F466;", "category": "People & Body (family)", "order": ""},
-		{"emoji": "🗣️", "name": "speaking head", "shortname": ":speaking_head:", "unicode": "1F5E3 FE0F", "html": "&#x1F5E3;&#xFE0F;", "category": "People & Body (person-symbol)", "order": ""},
-		{"emoji": "🏻", "name": "light skin tone", "shortname": ":light_skin_tone:", "unicode": "1F3FB", "html": "&#x1F3FB;", "category": "Component (skin-tone)", "order": ""},
-		{"emoji": "🏼", "name": "medium-light skin tone", "shortname": ":mediumlight_skin_tone:", "unicode": "1F3FC", "html": "&#x1F3FC;", "category": "Component (skin-tone)", "order": ""},
-		{"emoji": "🏽", "name": "medium skin tone", "shortname": ":medium_skin_tone:", "unicode": "1F3FD", "html": "&#x1F3FD;", "category": "Component (skin-tone)", "order": ""},
-		{"emoji": "🏾", "name": "medium-dark skin tone", "shortname": ":mediumdark_skin_tone:", "unicode": "1F3FE", "html": "&#x1F3FE;", "category": "Component (skin-tone)", "order": ""},
-		{"emoji": "🏿", "name": "dark skin tone", "shortname": ":dark_skin_tone:", "unicode": "1F3FF", "html": "&#x1F3FF;", "category": "Component (skin-tone)", "order": ""},
-		{"emoji": "🦰", "name": "red hair", "shortname": ":red_hair:", "unicode": "1F9B0", "html": "&#x1F9B0;", "category": "Component (hair-style)", "order": ""},
-		{"emoji": "🦱", "name": "curly hair", "shortname": ":curly_hair:", "unicode": "1F9B1", "html": "&#x1F9B1;", "category": "Component (hair-style)", "order": ""},
-		{"emoji": "🦳", "name": "white hair", "shortname": ":white_hair:", "unicode": "1F9B3", "html": "&#x1F9B3;", "category": "Component (hair-style)", "order": ""},
-		{"emoji": "🦲", "name": "bald", "shortname": ":bald:", "unicode": "1F9B2", "html": "&#x1F9B2;", "category": "Component (hair-style)", "order": ""},
-		{"emoji": "🦍", "name": "gorilla", "shortname": ":gorilla:", "unicode": "1F98D", "html": "&#x1F98D;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦧", "name": "orangutan", "shortname": ":orangutan:", "unicode": "1F9A7", "html": "&#x1F9A7;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦮", "name": "guide dog", "shortname": ":guide_dog:", "unicode": "1F9AE", "html": "&#x1F9AE;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🐕‍🦺", "name": "service dog", "shortname": ":service_dog:", "unicode": "1F415 200D 1F9BA", "html": "&#x1F415;&#x200D;&#x1F9BA;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦊", "name": "fox", "shortname": ":fox:", "unicode": "1F98A", "html": "&#x1F98A;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦝", "name": "raccoon", "shortname": ":raccoon:", "unicode": "1F99D", "html": "&#x1F99D;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦓", "name": "zebra", "shortname": ":zebra:", "unicode": "1F993", "html": "&#x1F993;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦌", "name": "deer", "shortname": ":deer:", "unicode": "1F98C", "html": "&#x1F98C;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦙", "name": "llama", "shortname": ":llama:", "unicode": "1F999", "html": "&#x1F999;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦒", "name": "giraffe", "shortname": ":giraffe:", "unicode": "1F992", "html": "&#x1F992;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦏", "name": "rhinoceros", "shortname": ":rhinoceros:", "unicode": "1F98F", "html": "&#x1F98F;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦛", "name": "hippopotamus", "shortname": ":hippopotamus:", "unicode": "1F99B", "html": "&#x1F99B;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🐿️", "name": "chipmunk", "shortname": ":chipmunk:", "unicode": "1F43F FE0F", "html": "&#x1F43F;&#xFE0F;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦔", "name": "hedgehog", "shortname": ":hedgehog:", "unicode": "1F994", "html": "&#x1F994;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦇", "name": "bat", "shortname": ":bat:", "unicode": "1F987", "html": "&#x1F987;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦥", "name": "sloth", "shortname": ":sloth:", "unicode": "1F9A5", "html": "&#x1F9A5;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦦", "name": "otter", "shortname": ":otter:", "unicode": "1F9A6", "html": "&#x1F9A6;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦨", "name": "skunk", "shortname": ":skunk:", "unicode": "1F9A8", "html": "&#x1F9A8;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦘", "name": "kangaroo", "shortname": ":kangaroo:", "unicode": "1F998", "html": "&#x1F998;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🦡", "name": "badger", "shortname": ":badger:", "unicode": "1F9A1", "html": "&#x1F9A1;", "category": "Animals & Nature (animal-mammal)", "order": ""},
-		{"emoji": "🕊️", "name": "dove", "shortname": ":dove:", "unicode": "1F54A FE0F", "html": "&#x1F54A;&#xFE0F;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦅", "name": "eagle", "shortname": ":eagle:", "unicode": "1F985", "html": "&#x1F985;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦆", "name": "duck", "shortname": ":duck:", "unicode": "1F986", "html": "&#x1F986;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦢", "name": "swan", "shortname": ":swan:", "unicode": "1F9A2", "html": "&#x1F9A2;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦉", "name": "owl", "shortname": ":owl:", "unicode": "1F989", "html": "&#x1F989;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦩", "name": "flamingo", "shortname": ":flamingo:", "unicode": "1F9A9", "html": "&#x1F9A9;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦚", "name": "peacock", "shortname": ":peacock:", "unicode": "1F99A", "html": "&#x1F99A;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦜", "name": "parrot", "shortname": ":parrot:", "unicode": "1F99C", "html": "&#x1F99C;", "category": "Animals & Nature (animal-bird)", "order": ""},
-		{"emoji": "🦎", "name": "lizard", "shortname": ":lizard:", "unicode": "1F98E", "html": "&#x1F98E;", "category": "Animals & Nature (animal-reptile)", "order": ""},
-		{"emoji": "🦕", "name": "sauropod", "shortname": ":sauropod:", "unicode": "1F995", "html": "&#x1F995;", "category": "Animals & Nature (animal-reptile)", "order": ""},
-		{"emoji": "🦖", "name": "T-Rex", "shortname": ":TRex:", "unicode": "1F996", "html": "&#x1F996;", "category": "Animals & Nature (animal-reptile)", "order": ""},
-		{"emoji": "🦈", "name": "shark", "shortname": ":shark:", "unicode": "1F988", "html": "&#x1F988;", "category": "Animals & Nature (animal-marine)", "order": ""},
-		{"emoji": "🦋", "name": "butterfly", "shortname": ":butterfly:", "unicode": "1F98B", "html": "&#x1F98B;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🦗", "name": "cricket", "shortname": ":cricket:", "unicode": "1F997", "html": "&#x1F997;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🕷️", "name": "spider", "shortname": ":spider:", "unicode": "1F577 FE0F", "html": "&#x1F577;&#xFE0F;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🕸️", "name": "spider web", "shortname": ":spider_web:", "unicode": "1F578 FE0F", "html": "&#x1F578;&#xFE0F;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🦟", "name": "mosquito", "shortname": ":mosquito:", "unicode": "1F99F", "html": "&#x1F99F;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🦠", "name": "microbe", "shortname": ":microbe:", "unicode": "1F9A0", "html": "&#x1F9A0;", "category": "Animals & Nature (animal-bug)", "order": ""},
-		{"emoji": "🏵️", "name": "rosette", "shortname": ":rosette:", "unicode": "1F3F5 FE0F", "html": "&#x1F3F5;&#xFE0F;", "category": "Animals & Nature (plant-flower)", "order": ""},
-		{"emoji": "🥀", "name": "wilted flower", "shortname": ":wilted_flower:", "unicode": "1F940", "html": "&#x1F940;", "category": "Animals & Nature (plant-flower)", "order": ""},
-		{"emoji": "☘️", "name": "shamrock", "shortname": ":shamrock:", "unicode": "2618 FE0F", "html": "&#x2618;&#xFE0F;", "category": "Animals & Nature (plant-other)", "order": ""},
-		{"emoji": "🥭", "name": "mango", "shortname": ":mango:", "unicode": "1F96D", "html": "&#x1F96D;", "category": "Food & Drink (food-fruit)", "order": ""},
-		{"emoji": "🥝", "name": "kiwi fruit", "shortname": ":kiwi_fruit:", "unicode": "1F95D", "html": "&#x1F95D;", "category": "Food & Drink (food-fruit)", "order": ""},
-		{"emoji": "🥥", "name": "coconut", "shortname": ":coconut:", "unicode": "1F965", "html": "&#x1F965;", "category": "Food & Drink (food-fruit)", "order": ""},
-		{"emoji": "🥑", "name": "avocado", "shortname": ":avocado:", "unicode": "1F951", "html": "&#x1F951;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥔", "name": "potato", "shortname": ":potato:", "unicode": "1F954", "html": "&#x1F954;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥕", "name": "carrot", "shortname": ":carrot:", "unicode": "1F955", "html": "&#x1F955;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🌶️", "name": "hot pepper", "shortname": ":hot_pepper:", "unicode": "1F336 FE0F", "html": "&#x1F336;&#xFE0F;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥒", "name": "cucumber", "shortname": ":cucumber:", "unicode": "1F952", "html": "&#x1F952;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥬", "name": "leafy green", "shortname": ":leafy_green:", "unicode": "1F96C", "html": "&#x1F96C;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥦", "name": "broccoli", "shortname": ":broccoli:", "unicode": "1F966", "html": "&#x1F966;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🧄", "name": "garlic", "shortname": ":garlic:", "unicode": "1F9C4", "html": "&#x1F9C4;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🧅", "name": "onion", "shortname": ":onion:", "unicode": "1F9C5", "html": "&#x1F9C5;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥜", "name": "peanuts", "shortname": ":peanuts:", "unicode": "1F95C", "html": "&#x1F95C;", "category": "Food & Drink (food-vegetable)", "order": ""},
-		{"emoji": "🥐", "name": "croissant", "shortname": ":croissant:", "unicode": "1F950", "html": "&#x1F950;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥖", "name": "baguette bread", "shortname": ":baguette_bread:", "unicode": "1F956", "html": "&#x1F956;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥨", "name": "pretzel", "shortname": ":pretzel:", "unicode": "1F968", "html": "&#x1F968;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥯", "name": "bagel", "shortname": ":bagel:", "unicode": "1F96F", "html": "&#x1F96F;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥞", "name": "pancakes", "shortname": ":pancakes:", "unicode": "1F95E", "html": "&#x1F95E;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🧇", "name": "waffle", "shortname": ":waffle:", "unicode": "1F9C7", "html": "&#x1F9C7;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥩", "name": "cut of meat", "shortname": ":cut_of_meat:", "unicode": "1F969", "html": "&#x1F969;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥓", "name": "bacon", "shortname": ":bacon:", "unicode": "1F953", "html": "&#x1F953;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥪", "name": "sandwich", "shortname": ":sandwich:", "unicode": "1F96A", "html": "&#x1F96A;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥙", "name": "stuffed flatbread", "shortname": ":stuffed_flatbread:", "unicode": "1F959", "html": "&#x1F959;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🧆", "name": "falafel", "shortname": ":falafel:", "unicode": "1F9C6", "html": "&#x1F9C6;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥘", "name": "shallow pan of food", "shortname": ":shallow_pan_of_food:", "unicode": "1F958", "html": "&#x1F958;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥣", "name": "bowl with spoon", "shortname": ":bowl_with_spoon:", "unicode": "1F963", "html": "&#x1F963;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥗", "name": "green salad", "shortname": ":green_salad:", "unicode": "1F957", "html": "&#x1F957;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🧈", "name": "butter", "shortname": ":butter:", "unicode": "1F9C8", "html": "&#x1F9C8;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🧂", "name": "salt", "shortname": ":salt:", "unicode": "1F9C2", "html": "&#x1F9C2;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥫", "name": "canned food", "shortname": ":canned_food:", "unicode": "1F96B", "html": "&#x1F96B;", "category": "Food & Drink (food-prepared)", "order": ""},
-		{"emoji": "🥮", "name": "moon cake", "shortname": ":moon_cake:", "unicode": "1F96E", "html": "&#x1F96E;", "category": "Food & Drink (food-asian)", "order": ""},
-		{"emoji": "🥟", "name": "dumpling", "shortname": ":dumpling:", "unicode": "1F95F", "html": "&#x1F95F;", "category": "Food & Drink (food-asian)", "order": ""},
-		{"emoji": "🥠", "name": "fortune cookie", "shortname": ":fortune_cookie:", "unicode": "1F960", "html": "&#x1F960;", "category": "Food & Drink (food-asian)", "order": ""},
-		{"emoji": "🥡", "name": "takeout box", "shortname": ":takeout_box:", "unicode": "1F961", "html": "&#x1F961;", "category": "Food & Drink (food-asian)", "order": ""},
-		{"emoji": "🦞", "name": "lobster", "shortname": ":lobster:", "unicode": "1F99E", "html": "&#x1F99E;", "category": "Food & Drink (food-marine)", "order": ""},
-		{"emoji": "🦐", "name": "shrimp", "shortname": ":shrimp:", "unicode": "1F990", "html": "&#x1F990;", "category": "Food & Drink (food-marine)", "order": ""},
-		{"emoji": "🦑", "name": "squid", "shortname": ":squid:", "unicode": "1F991", "html": "&#x1F991;", "category": "Food & Drink (food-marine)", "order": ""},
-		{"emoji": "🦪", "name": "oyster", "shortname": ":oyster:", "unicode": "1F9AA", "html": "&#x1F9AA;", "category": "Food & Drink (food-marine)", "order": ""},
-		{"emoji": "🧁", "name": "cupcake", "shortname": ":cupcake:", "unicode": "1F9C1", "html": "&#x1F9C1;", "category": "Food & Drink (food-sweet)", "order": ""},
-		{"emoji": "🥧", "name": "pie", "shortname": ":pie:", "unicode": "1F967", "html": "&#x1F967;", "category": "Food & Drink (food-sweet)", "order": ""},
-		{"emoji": "🥛", "name": "glass of milk", "shortname": ":glass_of_milk:", "unicode": "1F95B", "html": "&#x1F95B;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🥂", "name": "clinking glasses", "shortname": ":clinking_glasses:", "unicode": "1F942", "html": "&#x1F942;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🥃", "name": "tumbler glass", "shortname": ":tumbler_glass:", "unicode": "1F943", "html": "&#x1F943;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🥤", "name": "cup with straw", "shortname": ":cup_with_straw:", "unicode": "1F964", "html": "&#x1F964;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🧃", "name": "beverage box", "shortname": ":beverage_box:", "unicode": "1F9C3", "html": "&#x1F9C3;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🧉", "name": "mate", "shortname": ":mate:", "unicode": "1F9C9", "html": "&#x1F9C9;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🧊", "name": "ice", "shortname": ":ice:", "unicode": "1F9CA", "html": "&#x1F9CA;", "category": "Food & Drink (drink)", "order": ""},
-		{"emoji": "🥢", "name": "chopsticks", "shortname": ":chopsticks:", "unicode": "1F962", "html": "&#x1F962;", "category": "Food & Drink (dishware)", "order": ""},
-		{"emoji": "🍽️", "name": "fork and knife with plate", "shortname": ":fork_and_knife_with_plate:", "unicode": "1F37D FE0F", "html": "&#x1F37D;&#xFE0F;", "category": "Food & Drink (dishware)", "order": ""},
-		{"emoji": "🥄", "name": "spoon", "shortname": ":spoon:", "unicode": "1F944", "html": "&#x1F944;", "category": "Food & Drink (dishware)", "order": ""},
-		{"emoji": "🗺️", "name": "world map", "shortname": ":world_map:", "unicode": "1F5FA FE0F", "html": "&#x1F5FA;&#xFE0F;", "category": "Travel & Places (place-map)", "order": ""},
-		{"emoji": "🧭", "name": "compass", "shortname": ":compass:", "unicode": "1F9ED", "html": "&#x1F9ED;", "category": "Travel & Places (place-map)", "order": ""},
-		{"emoji": "🏔️", "name": "snow-capped mountain", "shortname": ":snowcapped_mountain:", "unicode": "1F3D4 FE0F", "html": "&#x1F3D4;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "⛰️", "name": "mountain", "shortname": ":mountain:", "unicode": "26F0 FE0F", "html": "&#x26F0;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏕️", "name": "camping", "shortname": ":camping:", "unicode": "1F3D5 FE0F", "html": "&#x1F3D5;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏖️", "name": "beach with umbrella", "shortname": ":beach_with_umbrella:", "unicode": "1F3D6 FE0F", "html": "&#x1F3D6;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏜️", "name": "desert", "shortname": ":desert:", "unicode": "1F3DC FE0F", "html": "&#x1F3DC;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏝️", "name": "desert island", "shortname": ":desert_island:", "unicode": "1F3DD FE0F", "html": "&#x1F3DD;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏞️", "name": "national park", "shortname": ":national_park:", "unicode": "1F3DE FE0F", "html": "&#x1F3DE;&#xFE0F;", "category": "Travel & Places (place-geographic)", "order": ""},
-		{"emoji": "🏟️", "name": "stadium", "shortname": ":stadium:", "unicode": "1F3DF FE0F", "html": "&#x1F3DF;&#xFE0F;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏛️", "name": "classical building", "shortname": ":classical_building:", "unicode": "1F3DB FE0F", "html": "&#x1F3DB;&#xFE0F;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏗️", "name": "building construction", "shortname": ":building_construction:", "unicode": "1F3D7 FE0F", "html": "&#x1F3D7;&#xFE0F;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🧱", "name": "brick", "shortname": ":brick:", "unicode": "1F9F1", "html": "&#x1F9F1;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏘️", "name": "houses", "shortname": ":houses:", "unicode": "1F3D8 FE0F", "html": "&#x1F3D8;&#xFE0F;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🏚️", "name": "derelict house", "shortname": ":derelict_house:", "unicode": "1F3DA FE0F", "html": "&#x1F3DA;&#xFE0F;", "category": "Travel & Places (place-building)", "order": ""},
-		{"emoji": "🛕", "name": "hindu temple", "shortname": ":hindu_temple:", "unicode": "1F6D5", "html": "&#x1F6D5;", "category": "Travel & Places (place-religious)", "order": ""},
-		{"emoji": "⛩️", "name": "shinto shrine", "shortname": ":shinto_shrine:", "unicode": "26E9 FE0F", "html": "&#x26E9;&#xFE0F;", "category": "Travel & Places (place-religious)", "order": ""},
-		{"emoji": "🏙️", "name": "cityscape", "shortname": ":cityscape:", "unicode": "1F3D9 FE0F", "html": "&#x1F3D9;&#xFE0F;", "category": "Travel & Places (place-other)", "order": ""},
-		{"emoji": "♨", "name": "hot springs", "shortname": ":hot_springs:", "unicode": "2668", "html": "&#x2668;", "category": "Travel & Places (place-other)", "order": ""},
-		{"emoji": "🏎️", "name": "racing car", "shortname": ":racing_car:", "unicode": "1F3CE FE0F", "html": "&#x1F3CE;&#xFE0F;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🏍️", "name": "motorcycle", "shortname": ":motorcycle:", "unicode": "1F3CD FE0F", "html": "&#x1F3CD;&#xFE0F;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛵", "name": "motor scooter", "shortname": ":motor_scooter:", "unicode": "1F6F5", "html": "&#x1F6F5;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🦽", "name": "manual wheelchair", "shortname": ":manual_wheelchair:", "unicode": "1F9BD", "html": "&#x1F9BD;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🦼", "name": "motorized wheelchair", "shortname": ":motorized_wheelchair:", "unicode": "1F9BC", "html": "&#x1F9BC;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛺", "name": "auto rickshaw", "shortname": ":auto_rickshaw:", "unicode": "1F6FA", "html": "&#x1F6FA;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛴", "name": "kick scooter", "shortname": ":kick_scooter:", "unicode": "1F6F4", "html": "&#x1F6F4;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛹", "name": "skateboard", "shortname": ":skateboard:", "unicode": "1F6F9", "html": "&#x1F6F9;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛣️", "name": "motorway", "shortname": ":motorway:", "unicode": "1F6E3 FE0F", "html": "&#x1F6E3;&#xFE0F;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛤️", "name": "railway track", "shortname": ":railway_track:", "unicode": "1F6E4 FE0F", "html": "&#x1F6E4;&#xFE0F;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛢️", "name": "oil drum", "shortname": ":oil_drum:", "unicode": "1F6E2 FE0F", "html": "&#x1F6E2;&#xFE0F;", "category": "Travel & Places (transport-ground)", "order": ""},
-		{"emoji": "🛶", "name": "canoe", "shortname": ":canoe:", "unicode": "1F6F6", "html": "&#x1F6F6;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "🛳️", "name": "passenger ship", "shortname": ":passenger_ship:", "unicode": "1F6F3 FE0F", "html": "&#x1F6F3;&#xFE0F;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "⛴️", "name": "ferry", "shortname": ":ferry:", "unicode": "26F4 FE0F", "html": "&#x26F4;&#xFE0F;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "🛥️", "name": "motor boat", "shortname": ":motor_boat:", "unicode": "1F6E5 FE0F", "html": "&#x1F6E5;&#xFE0F;", "category": "Travel & Places (transport-water)", "order": ""},
-		{"emoji": "✈", "name": "airplane", "shortname": ":airplane:", "unicode": "2708", "html": "&#x2708;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛩️", "name": "small airplane", "shortname": ":small_airplane:", "unicode": "1F6E9 FE0F", "html": "&#x1F6E9;&#xFE0F;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🪂", "name": "parachute", "shortname": ":parachute:", "unicode": "1FA82", "html": "&#x1FA82;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛰️", "name": "satellite", "shortname": ":satellite:", "unicode": "1F6F0 FE0F", "html": "&#x1F6F0;&#xFE0F;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛸", "name": "flying saucer", "shortname": ":flying_saucer:", "unicode": "1F6F8", "html": "&#x1F6F8;", "category": "Travel & Places (transport-air)", "order": ""},
-		{"emoji": "🛎️", "name": "bellhop bell", "shortname": ":bellhop_bell:", "unicode": "1F6CE FE0F", "html": "&#x1F6CE;&#xFE0F;", "category": "Travel & Places (hotel)", "order": ""},
-		{"emoji": "🧳", "name": "luggage", "shortname": ":luggage:", "unicode": "1F9F3", "html": "&#x1F9F3;", "category": "Travel & Places (hotel)", "order": ""},
-		{"emoji": "⏱️", "name": "stopwatch", "shortname": ":stopwatch:", "unicode": "23F1 FE0F", "html": "&#x23F1;&#xFE0F;", "category": "Travel & Places (time)", "order": ""},
-		{"emoji": "⏲️", "name": "timer clock", "shortname": ":timer_clock:", "unicode": "23F2 FE0F", "html": "&#x23F2;&#xFE0F;", "category": "Travel & Places (time)", "order": ""},
-		{"emoji": "🕰️", "name": "mantelpiece clock", "shortname": ":mantelpiece_clock:", "unicode": "1F570 FE0F", "html": "&#x1F570;&#xFE0F;", "category": "Travel & Places (time)", "order": ""},
-		{"emoji": "🌡️", "name": "thermometer", "shortname": ":thermometer:", "unicode": "1F321 FE0F", "html": "&#x1F321;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☀", "name": "sun", "shortname": ":sun:", "unicode": "2600", "html": "&#x2600;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🪐", "name": "ringed planet", "shortname": ":ringed_planet:", "unicode": "1FA90", "html": "&#x1FA90;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☁️", "name": "cloud", "shortname": ":cloud:", "unicode": "2601 FE0F", "html": "&#x2601;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "⛈️", "name": "cloud with lightning and rain", "shortname": ":cloud_with_lightning_and_rain:", "unicode": "26C8 FE0F", "html": "&#x26C8;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌤️", "name": "sun behind small cloud", "shortname": ":sun_behind_small_cloud:", "unicode": "1F324 FE0F", "html": "&#x1F324;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌥️", "name": "sun behind large cloud", "shortname": ":sun_behind_large_cloud:", "unicode": "1F325 FE0F", "html": "&#x1F325;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌦️", "name": "sun behind rain cloud", "shortname": ":sun_behind_rain_cloud:", "unicode": "1F326 FE0F", "html": "&#x1F326;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌧️", "name": "cloud with rain", "shortname": ":cloud_with_rain:", "unicode": "1F327 FE0F", "html": "&#x1F327;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌨️", "name": "cloud with snow", "shortname": ":cloud_with_snow:", "unicode": "1F328 FE0F", "html": "&#x1F328;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌩️", "name": "cloud with lightning", "shortname": ":cloud_with_lightning:", "unicode": "1F329 FE0F", "html": "&#x1F329;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌪️", "name": "tornado", "shortname": ":tornado:", "unicode": "1F32A FE0F", "html": "&#x1F32A;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌫️", "name": "fog", "shortname": ":fog:", "unicode": "1F32B FE0F", "html": "&#x1F32B;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🌬️", "name": "wind face", "shortname": ":wind_face:", "unicode": "1F32C FE0F", "html": "&#x1F32C;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☂", "name": "umbrella", "shortname": ":umbrella:", "unicode": "2602", "html": "&#x2602;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "⛱️", "name": "umbrella on ground", "shortname": ":umbrella_on_ground:", "unicode": "26F1 FE0F", "html": "&#x26F1;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "❄", "name": "snowflake", "shortname": ":snowflake:", "unicode": "2744", "html": "&#x2744;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☃", "name": "snowman", "shortname": ":snowman:", "unicode": "2603", "html": "&#x2603;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "☄️", "name": "comet", "shortname": ":comet:", "unicode": "2604 FE0F", "html": "&#x2604;&#xFE0F;", "category": "Travel & Places (sky & weather)", "order": ""},
-		{"emoji": "🧨", "name": "firecracker", "shortname": ":firecracker:", "unicode": "1F9E8", "html": "&#x1F9E8;", "category": "Activities (event)", "order": ""},
-		{"emoji": "🧧", "name": "red envelope", "shortname": ":red_envelope:", "unicode": "1F9E7", "html": "&#x1F9E7;", "category": "Activities (event)", "order": ""},
-		{"emoji": "🎗️", "name": "reminder ribbon", "shortname": ":reminder_ribbon:", "unicode": "1F397 FE0F", "html": "&#x1F397;&#xFE0F;", "category": "Activities (event)", "order": ""},
-		{"emoji": "🎟️", "name": "admission tickets", "shortname": ":admission_tickets:", "unicode": "1F39F FE0F", "html": "&#x1F39F;&#xFE0F;", "category": "Activities (event)", "order": ""},
-		{"emoji": "🎖️", "name": "military medal", "shortname": ":military_medal:", "unicode": "1F396 FE0F", "html": "&#x1F396;&#xFE0F;", "category": "Activities (award-medal)", "order": ""},
-		{"emoji": "🥇", "name": "1st place medal", "shortname": ":1st_place_medal:", "unicode": "1F947", "html": "&#x1F947;", "category": "Activities (award-medal)", "order": ""},
-		{"emoji": "🥈", "name": "2nd place medal", "shortname": ":2nd_place_medal:", "unicode": "1F948", "html": "&#x1F948;", "category": "Activities (award-medal)", "order": ""},
-		{"emoji": "🥉", "name": "3rd place medal", "shortname": ":3rd_place_medal:", "unicode": "1F949", "html": "&#x1F949;", "category": "Activities (award-medal)", "order": ""},
-		{"emoji": "⚾", "name": "baseball", "shortname": ":baseball:", "unicode": "26BE", "html": "&#x26BE;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥎", "name": "softball", "shortname": ":softball:", "unicode": "1F94E", "html": "&#x1F94E;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥏", "name": "flying disc", "shortname": ":flying_disc:", "unicode": "1F94F", "html": "&#x1F94F;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥍", "name": "lacrosse", "shortname": ":lacrosse:", "unicode": "1F94D", "html": "&#x1F94D;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥊", "name": "boxing glove", "shortname": ":boxing_glove:", "unicode": "1F94A", "html": "&#x1F94A;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥋", "name": "martial arts uniform", "shortname": ":martial_arts_uniform:", "unicode": "1F94B", "html": "&#x1F94B;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥅", "name": "goal net", "shortname": ":goal_net:", "unicode": "1F945", "html": "&#x1F945;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "⛸️", "name": "ice skate", "shortname": ":ice_skate:", "unicode": "26F8 FE0F", "html": "&#x26F8;&#xFE0F;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🤿", "name": "diving mask", "shortname": ":diving_mask:", "unicode": "1F93F", "html": "&#x1F93F;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🛷", "name": "sled", "shortname": ":sled:", "unicode": "1F6F7", "html": "&#x1F6F7;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🥌", "name": "curling stone", "shortname": ":curling_stone:", "unicode": "1F94C", "html": "&#x1F94C;", "category": "Activities (sport)", "order": ""},
-		{"emoji": "🪀", "name": "yo-yo", "shortname": ":yoyo:", "unicode": "1FA80", "html": "&#x1FA80;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🪁", "name": "kite", "shortname": ":kite:", "unicode": "1FA81", "html": "&#x1FA81;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🧿", "name": "nazar amulet", "shortname": ":nazar_amulet:", "unicode": "1F9FF", "html": "&#x1F9FF;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🕹️", "name": "joystick", "shortname": ":joystick:", "unicode": "1F579 FE0F", "html": "&#x1F579;&#xFE0F;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🧩", "name": "puzzle piece", "shortname": ":puzzle_piece:", "unicode": "1F9E9", "html": "&#x1F9E9;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🧸", "name": "teddy bear", "shortname": ":teddy_bear:", "unicode": "1F9F8", "html": "&#x1F9F8;", "category": "Activities (game)", "order": ""},
-		{"emoji": "♟️", "name": "chess pawn", "shortname": ":chess_pawn:", "unicode": "265F FE0F", "html": "&#x265F;&#xFE0F;", "category": "Activities (game)", "order": ""},
-		{"emoji": "♟", "name": "chess pawn", "shortname": ":chess_pawn:", "unicode": "265F", "html": "&#x265F;", "category": "Activities (game)", "order": ""},
-		{"emoji": "🖼️", "name": "framed picture", "shortname": ":framed_picture:", "unicode": "1F5BC FE0F", "html": "&#x1F5BC;&#xFE0F;", "category": "Activities (arts & crafts)", "order": ""},
-		{"emoji": "🧵", "name": "thread", "shortname": ":thread:", "unicode": "1F9F5", "html": "&#x1F9F5;", "category": "Activities (arts & crafts)", "order": ""},
-		{"emoji": "🧶", "name": "yarn", "shortname": ":yarn:", "unicode": "1F9F6", "html": "&#x1F9F6;", "category": "Activities (arts & crafts)", "order": ""},
-		{"emoji": "🕶️", "name": "sunglasses", "shortname": ":sunglasses:", "unicode": "1F576 FE0F", "html": "&#x1F576;&#xFE0F;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🥽", "name": "goggles", "shortname": ":goggles:", "unicode": "1F97D", "html": "&#x1F97D;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🥼", "name": "lab coat", "shortname": ":lab_coat:", "unicode": "1F97C", "html": "&#x1F97C;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🦺", "name": "safety vest", "shortname": ":safety_vest:", "unicode": "1F9BA", "html": "&#x1F9BA;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🧣", "name": "scarf", "shortname": ":scarf:", "unicode": "1F9E3", "html": "&#x1F9E3;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🧤", "name": "gloves", "shortname": ":gloves:", "unicode": "1F9E4", "html": "&#x1F9E4;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🧥", "name": "coat", "shortname": ":coat:", "unicode": "1F9E5", "html": "&#x1F9E5;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🧦", "name": "socks", "shortname": ":socks:", "unicode": "1F9E6", "html": "&#x1F9E6;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🥻", "name": "sari", "shortname": ":sari:", "unicode": "1F97B", "html": "&#x1F97B;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🩱", "name": "one-piece swimsuit", "shortname": ":onepiece_swimsuit:", "unicode": "1FA71", "html": "&#x1FA71;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🩲", "name": "briefs", "shortname": ":briefs:", "unicode": "1FA72", "html": "&#x1FA72;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🩳", "name": "shorts", "shortname": ":shorts:", "unicode": "1FA73", "html": "&#x1FA73;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🛍️", "name": "shopping bags", "shortname": ":shopping_bags:", "unicode": "1F6CD FE0F", "html": "&#x1F6CD;&#xFE0F;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🥾", "name": "hiking boot", "shortname": ":hiking_boot:", "unicode": "1F97E", "html": "&#x1F97E;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🥿", "name": "flat shoe", "shortname": ":flat_shoe:", "unicode": "1F97F", "html": "&#x1F97F;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🩰", "name": "ballet shoes", "shortname": ":ballet_shoes:", "unicode": "1FA70", "html": "&#x1FA70;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🧢", "name": "billed cap", "shortname": ":billed_cap:", "unicode": "1F9E2", "html": "&#x1F9E2;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "⛑️", "name": "rescue worker’s helmet", "shortname": ":rescue_worker’s_helmet:", "unicode": "26D1 FE0F", "html": "&#x26D1;&#xFE0F;", "category": "Objects (clothing)", "order": ""},
-		{"emoji": "🎙️", "name": "studio microphone", "shortname": ":studio_microphone:", "unicode": "1F399 FE0F", "html": "&#x1F399;&#xFE0F;", "category": "Objects (music)", "order": ""},
-		{"emoji": "🎚️", "name": "level slider", "shortname": ":level_slider:", "unicode": "1F39A FE0F", "html": "&#x1F39A;&#xFE0F;", "category": "Objects (music)", "order": ""},
-		{"emoji": "🎛️", "name": "control knobs", "shortname": ":control_knobs:", "unicode": "1F39B FE0F", "html": "&#x1F39B;&#xFE0F;", "category": "Objects (music)", "order": ""},
-		{"emoji": "🪕", "name": "banjo", "shortname": ":banjo:", "unicode": "1FA95", "html": "&#x1FA95;", "category": "Objects (musical-instrument)", "order": ""},
-		{"emoji": "☎", "name": "telephone", "shortname": ":telephone:", "unicode": "260E", "html": "&#x260E;", "category": "Objects (phone)", "order": ""},
-		{"emoji": "🖥️", "name": "desktop computer", "shortname": ":desktop_computer:", "unicode": "1F5A5 FE0F", "html": "&#x1F5A5;&#xFE0F;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🖨️", "name": "printer", "shortname": ":printer:", "unicode": "1F5A8 FE0F", "html": "&#x1F5A8;&#xFE0F;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "⌨️", "name": "keyboard", "shortname": ":keyboard:", "unicode": "2328 FE0F", "html": "&#x2328;&#xFE0F;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🖱️", "name": "computer mouse", "shortname": ":computer_mouse:", "unicode": "1F5B1 FE0F", "html": "&#x1F5B1;&#xFE0F;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🖲️", "name": "trackball", "shortname": ":trackball:", "unicode": "1F5B2 FE0F", "html": "&#x1F5B2;&#xFE0F;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🧮", "name": "abacus", "shortname": ":abacus:", "unicode": "1F9EE", "html": "&#x1F9EE;", "category": "Objects (computer)", "order": ""},
-		{"emoji": "🎞️", "name": "film frames", "shortname": ":film_frames:", "unicode": "1F39E FE0F", "html": "&#x1F39E;&#xFE0F;", "category": "Objects (light & video)", "order": ""},
-		{"emoji": "📽️", "name": "film projector", "shortname": ":film_projector:", "unicode": "1F4FD FE0F", "html": "&#x1F4FD;&#xFE0F;", "category": "Objects (light & video)", "order": ""},
-		{"emoji": "🕯️", "name": "candle", "shortname": ":candle:", "unicode": "1F56F FE0F", "html": "&#x1F56F;&#xFE0F;", "category": "Objects (light & video)", "order": ""},
-		{"emoji": "🪔", "name": "diya lamp", "shortname": ":diya_lamp:", "unicode": "1FA94", "html": "&#x1FA94;", "category": "Objects (light & video)", "order": ""},
-		{"emoji": "🗞️", "name": "rolled-up newspaper", "shortname": ":rolledup_newspaper:", "unicode": "1F5DE FE0F", "html": "&#x1F5DE;&#xFE0F;", "category": "Objects (book-paper)", "order": ""},
-		{"emoji": "🏷️", "name": "label", "shortname": ":label:", "unicode": "1F3F7 FE0F", "html": "&#x1F3F7;&#xFE0F;", "category": "Objects (book-paper)", "order": ""},
-		{"emoji": "🧾", "name": "receipt", "shortname": ":receipt:", "unicode": "1F9FE", "html": "&#x1F9FE;", "category": "Objects (money)", "order": ""},
-		{"emoji": "✉", "name": "envelope", "shortname": ":envelope:", "unicode": "2709", "html": "&#x2709;", "category": "Objects (mail)", "order": ""},
-		{"emoji": "🗳️", "name": "ballot box with ballot", "shortname": ":ballot_box_with_ballot:", "unicode": "1F5F3 FE0F", "html": "&#x1F5F3;&#xFE0F;", "category": "Objects (mail)", "order": ""},
-		{"emoji": "✏️", "name": "pencil", "shortname": ":pencil:", "unicode": "270F FE0F", "html": "&#x270F;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "✒️", "name": "black nib", "shortname": ":black_nib:", "unicode": "2712 FE0F", "html": "&#x2712;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖋️", "name": "fountain pen", "shortname": ":fountain_pen:", "unicode": "1F58B FE0F", "html": "&#x1F58B;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖊️", "name": "pen", "shortname": ":pen:", "unicode": "1F58A FE0F", "html": "&#x1F58A;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖌️", "name": "paintbrush", "shortname": ":paintbrush:", "unicode": "1F58C FE0F", "html": "&#x1F58C;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🖍️", "name": "crayon", "shortname": ":crayon:", "unicode": "1F58D FE0F", "html": "&#x1F58D;&#xFE0F;", "category": "Objects (writing)", "order": ""},
-		{"emoji": "🗂️", "name": "card index dividers", "shortname": ":card_index_dividers:", "unicode": "1F5C2 FE0F", "html": "&#x1F5C2;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗒️", "name": "spiral notepad", "shortname": ":spiral_notepad:", "unicode": "1F5D2 FE0F", "html": "&#x1F5D2;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗓️", "name": "spiral calendar", "shortname": ":spiral_calendar:", "unicode": "1F5D3 FE0F", "html": "&#x1F5D3;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🖇️", "name": "linked paperclips", "shortname": ":linked_paperclips:", "unicode": "1F587 FE0F", "html": "&#x1F587;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "✂", "name": "scissors", "shortname": ":scissors:", "unicode": "2702", "html": "&#x2702;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗃️", "name": "card file box", "shortname": ":card_file_box:", "unicode": "1F5C3 FE0F", "html": "&#x1F5C3;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗄️", "name": "file cabinet", "shortname": ":file_cabinet:", "unicode": "1F5C4 FE0F", "html": "&#x1F5C4;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗑️", "name": "wastebasket", "shortname": ":wastebasket:", "unicode": "1F5D1 FE0F", "html": "&#x1F5D1;&#xFE0F;", "category": "Objects (office)", "order": ""},
-		{"emoji": "🗝️", "name": "old key", "shortname": ":old_key:", "unicode": "1F5DD FE0F", "html": "&#x1F5DD;&#xFE0F;", "category": "Objects (lock)", "order": ""},
-		{"emoji": "🪓", "name": "axe", "shortname": ":axe:", "unicode": "1FA93", "html": "&#x1FA93;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⛏️", "name": "pick", "shortname": ":pick:", "unicode": "26CF FE0F", "html": "&#x26CF;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⚒️", "name": "hammer and pick", "shortname": ":hammer_and_pick:", "unicode": "2692 FE0F", "html": "&#x2692;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🛠️", "name": "hammer and wrench", "shortname": ":hammer_and_wrench:", "unicode": "1F6E0 FE0F", "html": "&#x1F6E0;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🗡️", "name": "dagger", "shortname": ":dagger:", "unicode": "1F5E1 FE0F", "html": "&#x1F5E1;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⚔️", "name": "crossed swords", "shortname": ":crossed_swords:", "unicode": "2694 FE0F", "html": "&#x2694;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🛡️", "name": "shield", "shortname": ":shield:", "unicode": "1F6E1 FE0F", "html": "&#x1F6E1;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⚙️", "name": "gear", "shortname": ":gear:", "unicode": "2699 FE0F", "html": "&#x2699;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🗜️", "name": "clamp", "shortname": ":clamp:", "unicode": "1F5DC FE0F", "html": "&#x1F5DC;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⚖️", "name": "balance scale", "shortname": ":balance_scale:", "unicode": "2696 FE0F", "html": "&#x2696;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🦯", "name": "probing cane", "shortname": ":probing_cane:", "unicode": "1F9AF", "html": "&#x1F9AF;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⛓️", "name": "chains", "shortname": ":chains:", "unicode": "26D3 FE0F", "html": "&#x26D3;&#xFE0F;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🧰", "name": "toolbox", "shortname": ":toolbox:", "unicode": "1F9F0", "html": "&#x1F9F0;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "🧲", "name": "magnet", "shortname": ":magnet:", "unicode": "1F9F2", "html": "&#x1F9F2;", "category": "Objects (tool)", "order": ""},
-		{"emoji": "⚗️", "name": "alembic", "shortname": ":alembic:", "unicode": "2697 FE0F", "html": "&#x2697;&#xFE0F;", "category": "Objects (science)", "order": ""},
-		{"emoji": "🧪", "name": "test tube", "shortname": ":test_tube:", "unicode": "1F9EA", "html": "&#x1F9EA;", "category": "Objects (science)", "order": ""},
-		{"emoji": "🧫", "name": "petri dish", "shortname": ":petri_dish:", "unicode": "1F9EB", "html": "&#x1F9EB;", "category": "Objects (science)", "order": ""},
-		{"emoji": "🧬", "name": "dna", "shortname": ":dna:", "unicode": "1F9EC", "html": "&#x1F9EC;", "category": "Objects (science)", "order": ""},
-		{"emoji": "🩸", "name": "drop of blood", "shortname": ":drop_of_blood:", "unicode": "1FA78", "html": "&#x1FA78;", "category": "Objects (medical)", "order": ""},
-		{"emoji": "🩹", "name": "adhesive bandage", "shortname": ":adhesive_bandage:", "unicode": "1FA79", "html": "&#x1FA79;", "category": "Objects (medical)", "order": ""},
-		{"emoji": "🩺", "name": "stethoscope", "shortname": ":stethoscope:", "unicode": "1FA7A", "html": "&#x1FA7A;", "category": "Objects (medical)", "order": ""},
-		{"emoji": "🛏️", "name": "bed", "shortname": ":bed:", "unicode": "1F6CF FE0F", "html": "&#x1F6CF;&#xFE0F;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🛋️", "name": "couch and lamp", "shortname": ":couch_and_lamp:", "unicode": "1F6CB FE0F", "html": "&#x1F6CB;&#xFE0F;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🪑", "name": "chair", "shortname": ":chair:", "unicode": "1FA91", "html": "&#x1FA91;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🪒", "name": "razor", "shortname": ":razor:", "unicode": "1FA92", "html": "&#x1FA92;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧴", "name": "lotion bottle", "shortname": ":lotion_bottle:", "unicode": "1F9F4", "html": "&#x1F9F4;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧷", "name": "safety pin", "shortname": ":safety_pin:", "unicode": "1F9F7", "html": "&#x1F9F7;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧹", "name": "broom", "shortname": ":broom:", "unicode": "1F9F9", "html": "&#x1F9F9;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧺", "name": "basket", "shortname": ":basket:", "unicode": "1F9FA", "html": "&#x1F9FA;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧻", "name": "roll of paper", "shortname": ":roll_of_paper:", "unicode": "1F9FB", "html": "&#x1F9FB;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧼", "name": "soap", "shortname": ":soap:", "unicode": "1F9FC", "html": "&#x1F9FC;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧽", "name": "sponge", "shortname": ":sponge:", "unicode": "1F9FD", "html": "&#x1F9FD;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🧯", "name": "fire extinguisher", "shortname": ":fire_extinguisher:", "unicode": "1F9EF", "html": "&#x1F9EF;", "category": "Objects (household)", "order": ""},
-		{"emoji": "🛒", "name": "shopping cart", "shortname": ":shopping_cart:", "unicode": "1F6D2", "html": "&#x1F6D2;", "category": "Objects (household)", "order": ""},
-		{"emoji": "⚰️", "name": "coffin", "shortname": ":coffin:", "unicode": "26B0 FE0F", "html": "&#x26B0;&#xFE0F;", "category": "Objects (other-object)", "order": ""},
-		{"emoji": "⚱️", "name": "funeral urn", "shortname": ":funeral_urn:", "unicode": "26B1 FE0F", "html": "&#x26B1;&#xFE0F;", "category": "Objects (other-object)", "order": ""},
-		{"emoji": "⚠", "name": "warning", "shortname": ":warning:", "unicode": "26A0", "html": "&#x26A0;", "category": "Symbols (warning)", "order": ""},
-		{"emoji": "☢️", "name": "radioactive", "shortname": ":radioactive:", "unicode": "2622 FE0F", "html": "&#x2622;&#xFE0F;", "category": "Symbols (warning)", "order": ""},
-		{"emoji": "☣️", "name": "biohazard", "shortname": ":biohazard:", "unicode": "2623 FE0F", "html": "&#x2623;&#xFE0F;", "category": "Symbols (warning)", "order": ""},
-		{"emoji": "⬆", "name": "up arrow", "shortname": ":up_arrow:", "unicode": "2B06", "html": "&#x2B06;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↗", "name": "up-right arrow", "shortname": ":upright_arrow:", "unicode": "2197", "html": "&#x2197;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "➡️", "name": "right arrow", "shortname": ":right_arrow:", "unicode": "27A1 FE0F", "html": "&#x27A1;&#xFE0F;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↘", "name": "down-right arrow", "shortname": ":downright_arrow:", "unicode": "2198", "html": "&#x2198;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "⬇", "name": "down arrow", "shortname": ":down_arrow:", "unicode": "2B07", "html": "&#x2B07;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↙", "name": "down-left arrow", "shortname": ":downleft_arrow:", "unicode": "2199", "html": "&#x2199;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "⬅", "name": "left arrow", "shortname": ":left_arrow:", "unicode": "2B05", "html": "&#x2B05;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↖️", "name": "up-left arrow", "shortname": ":upleft_arrow:", "unicode": "2196 FE0F", "html": "&#x2196;&#xFE0F;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↕️", "name": "up-down arrow", "shortname": ":updown_arrow:", "unicode": "2195 FE0F", "html": "&#x2195;&#xFE0F;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↩", "name": "right arrow curving left", "shortname": ":right_arrow_curving_left:", "unicode": "21A9", "html": "&#x21A9;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "↪", "name": "left arrow curving right", "shortname": ":left_arrow_curving_right:", "unicode": "21AA", "html": "&#x21AA;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "⤴", "name": "right arrow curving up", "shortname": ":right_arrow_curving_up:", "unicode": "2934", "html": "&#x2934;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "⤵", "name": "right arrow curving down", "shortname": ":right_arrow_curving_down:", "unicode": "2935", "html": "&#x2935;", "category": "Symbols (arrow)", "order": ""},
-		{"emoji": "⚛️", "name": "atom symbol", "shortname": ":atom_symbol:", "unicode": "269B FE0F", "html": "&#x269B;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "🕉️", "name": "om", "shortname": ":om:", "unicode": "1F549 FE0F", "html": "&#x1F549;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "✡", "name": "star of David", "shortname": ":star_of_David:", "unicode": "2721", "html": "&#x2721;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "☸️", "name": "wheel of dharma", "shortname": ":wheel_of_dharma:", "unicode": "2638 FE0F", "html": "&#x2638;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "☯️", "name": "yin yang", "shortname": ":yin_yang:", "unicode": "262F FE0F", "html": "&#x262F;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "✝", "name": "latin cross", "shortname": ":latin_cross:", "unicode": "271D", "html": "&#x271D;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "☦️", "name": "orthodox cross", "shortname": ":orthodox_cross:", "unicode": "2626 FE0F", "html": "&#x2626;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "☪️", "name": "star and crescent", "shortname": ":star_and_crescent:", "unicode": "262A FE0F", "html": "&#x262A;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "☮️", "name": "peace symbol", "shortname": ":peace_symbol:", "unicode": "262E FE0F", "html": "&#x262E;&#xFE0F;", "category": "Symbols (religion)", "order": ""},
-		{"emoji": "▶", "name": "play button", "shortname": ":play_button:", "unicode": "25B6", "html": "&#x25B6;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏭️", "name": "next track button", "shortname": ":next_track_button:", "unicode": "23ED FE0F", "html": "&#x23ED;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏯️", "name": "play or pause button", "shortname": ":play_or_pause_button:", "unicode": "23EF FE0F", "html": "&#x23EF;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "◀", "name": "reverse button", "shortname": ":reverse_button:", "unicode": "25C0", "html": "&#x25C0;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏮️", "name": "last track button", "shortname": ":last_track_button:", "unicode": "23EE FE0F", "html": "&#x23EE;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏸️", "name": "pause button", "shortname": ":pause_button:", "unicode": "23F8 FE0F", "html": "&#x23F8;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏹️", "name": "stop button", "shortname": ":stop_button:", "unicode": "23F9 FE0F", "html": "&#x23F9;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏺️", "name": "record button", "shortname": ":record_button:", "unicode": "23FA FE0F", "html": "&#x23FA;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏏️", "name": "eject button", "shortname": ":eject_button:", "unicode": "23CF FE0F", "html": "&#x23CF;&#xFE0F;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "⏏", "name": "eject button", "shortname": ":eject_button:", "unicode": "23CF", "html": "&#x23CF;", "category": "Symbols (av-symbol)", "order": ""},
-		{"emoji": "♀️", "name": "female sign", "shortname": ":female_sign:", "unicode": "2640 FE0F", "html": "&#x2640;&#xFE0F;", "category": "Symbols (gender)", "order": ""},
-		{"emoji": "♀", "name": "female sign", "shortname": ":female_sign:", "unicode": "2640", "html": "&#x2640;", "category": "Symbols (gender)", "order": ""},
-		{"emoji": "♂️", "name": "male sign", "shortname": ":male_sign:", "unicode": "2642 FE0F", "html": "&#x2642;&#xFE0F;", "category": "Symbols (gender)", "order": ""},
-		{"emoji": "♂", "name": "male sign", "shortname": ":male_sign:", "unicode": "2642", "html": "&#x2642;", "category": "Symbols (gender)", "order": ""},
-		{"emoji": "⚕️", "name": "medical symbol", "shortname": ":medical_symbol:", "unicode": "2695 FE0F", "html": "&#x2695;&#xFE0F;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "⚕", "name": "medical symbol", "shortname": ":medical_symbol:", "unicode": "2695", "html": "&#x2695;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "♾️", "name": "infinity", "shortname": ":infinity:", "unicode": "267E FE0F", "html": "&#x267E;&#xFE0F;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "♾", "name": "infinity", "shortname": ":infinity:", "unicode": "267E", "html": "&#x267E;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "♻️", "name": "recycling symbol", "shortname": ":recycling_symbol:", "unicode": "267B FE0F", "html": "&#x267B;&#xFE0F;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "⚜️", "name": "fleur-de-lis", "shortname": ":fleurde-lis:", "unicode": "269C FE0F", "html": "&#x269C;&#xFE0F;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "☑", "name": "check box with check", "shortname": ":check_box_with_check:", "unicode": "2611", "html": "&#x2611;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "✔", "name": "check mark", "shortname": ":check_mark:", "unicode": "2714", "html": "&#x2714;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "✖", "name": "multiplication sign", "shortname": ":multiplication_sign:", "unicode": "2716", "html": "&#x2716;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "〽", "name": "part alternation mark", "shortname": ":part_alternation_mark:", "unicode": "303D", "html": "&#x303D;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "✳", "name": "eight-spoked asterisk", "shortname": ":eightspoked_asterisk:", "unicode": "2733", "html": "&#x2733;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "✴", "name": "eight-pointed star", "shortname": ":eightpointed_star:", "unicode": "2734", "html": "&#x2734;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "❇", "name": "sparkle", "shortname": ":sparkle:", "unicode": "2747", "html": "&#x2747;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "‼", "name": "double exclamation mark", "shortname": ":double_exclamation_mark:", "unicode": "203C", "html": "&#x203C;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "⁉", "name": "exclamation question mark", "shortname": ":exclamation_question_mark:", "unicode": "2049", "html": "&#x2049;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "〰️", "name": "wavy dash", "shortname": ":wavy_dash:", "unicode": "3030 FE0F", "html": "&#x3030;&#xFE0F;", "category": "Symbols (other-symbol)", "order": ""},
-		{"emoji": "#️⃣", "name": "keycap: #", "shortname": ":#:", "unicode": "0023 FE0F 20E3", "html": "&#x0023;&#xFE0F;&#x20E3;", "category": "Symbols (keycap)", "order": ""},
-		{"emoji": "🅰", "name": "A button (blood type)", "shortname": ":A_button_blood_type:", "unicode": "1F170", "html": "&#x1F170;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🅱", "name": "B button (blood type)", "shortname": ":B_button_blood_type:", "unicode": "1F171", "html": "&#x1F171;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "ℹ️", "name": "information", "shortname": ":information:", "unicode": "2139 FE0F", "html": "&#x2139;&#xFE0F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "Ⓜ", "name": "circled M", "shortname": ":circled_M:", "unicode": "24C2", "html": "&#x24C2;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🅾", "name": "O button (blood type)", "shortname": ":O_button_blood_type:", "unicode": "1F17E", "html": "&#x1F17E;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🅿", "name": "P button", "shortname": ":P_button:", "unicode": "1F17F", "html": "&#x1F17F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🈂", "name": "Japanese service charge button", "shortname": ":Japanese_service_charge_button:", "unicode": "1F202", "html": "&#x1F202;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🈷️", "name": "Japanese monthly amount button", "shortname": ":Japanese_monthly_amount_button:", "unicode": "1F237 FE0F", "html": "&#x1F237;&#xFE0F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🈯", "name": "Japanese reserved button", "shortname": ":Japanese_reserved_button:", "unicode": "1F22F", "html": "&#x1F22F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🈚", "name": "Japanese free of charge button", "shortname": ":Japanese_free_of_charge_button:", "unicode": "1F21A", "html": "&#x1F21A;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "㊗️", "name": "Japanese congratulations button", "shortname": ":Japanese_congratulations_button:", "unicode": "3297 FE0F", "html": "&#x3297;&#xFE0F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "㊙️", "name": "Japanese secret button", "shortname": ":Japanese_secret_button:", "unicode": "3299 FE0F", "html": "&#x3299;&#xFE0F;", "category": "Symbols (alphanum)", "order": ""},
-		{"emoji": "🟠", "name": "orange circle", "shortname": ":orange_circle:", "unicode": "1F7E0", "html": "&#x1F7E0;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟡", "name": "yellow circle", "shortname": ":yellow_circle:", "unicode": "1F7E1", "html": "&#x1F7E1;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟢", "name": "green circle", "shortname": ":green_circle:", "unicode": "1F7E2", "html": "&#x1F7E2;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟣", "name": "purple circle", "shortname": ":purple_circle:", "unicode": "1F7E3", "html": "&#x1F7E3;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟤", "name": "brown circle", "shortname": ":brown_circle:", "unicode": "1F7E4", "html": "&#x1F7E4;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟥", "name": "red square", "shortname": ":red_square:", "unicode": "1F7E5", "html": "&#x1F7E5;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟧", "name": "orange square", "shortname": ":orange_square:", "unicode": "1F7E7", "html": "&#x1F7E7;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟨", "name": "yellow square", "shortname": ":yellow_square:", "unicode": "1F7E8", "html": "&#x1F7E8;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟩", "name": "green square", "shortname": ":green_square:", "unicode": "1F7E9", "html": "&#x1F7E9;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🟦", "name": "blue square", "shortname": ":blue_square:", "unicode": "1F7E6", "html": "&#x1F7E6;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "▪", "name": "black small square", "shortname": ":black_small_square:", "unicode": "25AA", "html": "&#x25AA;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "▫️", "name": "white small square", "shortname": ":white_small_square:", "unicode": "25AB FE0F", "html": "&#x25AB;&#xFE0F;", "category": "Symbols (geometric)", "order": ""},
-		{"emoji": "🏳️", "name": "white flag", "shortname": ":white_flag:", "unicode": "1F3F3 FE0F", "html": "&#x1F3F3;&#xFE0F;", "category": "Flags (flag)", "order": ""},
-		{"emoji": "🏳️‍🌈", "name": "rainbow flag", "shortname": ":rainbow_flag:", "unicode": "1F3F3 FE0F 200D 1F308", "html": "&#x1F3F3;&#xFE0F;&#x200D;&#x1F308;", "category": "Flags (flag)", "order": ""},
-		{"emoji": "🏴‍☠️", "name": "pirate flag", "shortname": ":pirate_flag:", "unicode": "1F3F4 200D 2620 FE0F", "html": "&#x1F3F4;&#x200D;&#x2620;&#xFE0F;", "category": "Flags (flag)", "order": ""},
-		{"emoji": "🏴‍☠", "name": "pirate flag", "shortname": ":pirate_flag:", "unicode": "1F3F4 200D 2620", "html": "&#x1F3F4;&#x200D;&#x2620;", "category": "Flags (flag)", "order": ""},
-		{"emoji": "🇺🇳", "name": "flag: United Nations", "shortname": ":United_Nations:", "unicode": "1F1FA 1F1F3", "html": "&#x1F1FA;&#x1F1F3;", "category": "Flags (country-flag)", "order": ""},
-		{"emoji": "🏴󠁧󠁢󠁥󠁮󠁧󠁿", "name": "flag: England", "shortname": ":England:", "unicode": "1F3F4 E0067 E0062 E0065 E006E E0067 E007F", "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0065;&#xE006E;&#xE0067;&#xE007F;", "category": "Flags (subdivision-flag)", "order": ""},
-		{"emoji": "🏴󠁧󠁢󠁳󠁣󠁴󠁿", "name": "flag: Scotland", "shortname": ":Scotland:", "unicode": "1F3F4 E0067 E0062 E0073 E0063 E0074 E007F", "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0073;&#xE0063;&#xE0074;&#xE007F;", "category": "Flags (subdivision-flag)", "order": ""},
-		{"emoji": "🏴󠁧󠁢󠁷󠁬󠁳󠁿", "name": "Wales", "shortname": ":wales:", "unicode": "1F3F4 E0067 E0062 E0077 E006C E0073 E007F", "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0077;&#xE006C;&#xE0073;&#xE007F;", "category": "(subdivision-flag)", "order": ""}
-	]
-}
\ No newline at end of file
+  "emojis": [
+    {
+      "emoji": "👩‍👩‍👧‍👧",
+      "name": "family: woman, woman, girl, girl",
+      "shortname": ":woman_woman_girl_girl:",
+      "unicode": "1F469 200D 1F469 200D 1F467 200D 1F467",
+      "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👩‍👧‍👦",
+      "name": "family: woman, woman, girl, boy",
+      "shortname": ":woman_woman_girl_boy:",
+      "unicode": "1F469 200D 1F469 200D 1F467 200D 1F466",
+      "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👩‍👦‍👦",
+      "name": "family: woman, woman, boy, boy",
+      "shortname": ":woman_woman_boy_boy:",
+      "unicode": "1F469 200D 1F469 200D 1F466 200D 1F466",
+      "html": "&#128105;&zwj;&#128105;&zwj;&#128102;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👩‍👧‍👧",
+      "name": "family: man, woman, girl, girl",
+      "shortname": ":man_woman_girl_girl:",
+      "unicode": "1F468 200D 1F469 200D 1F467 200D 1F467",
+      "html": "&#128104;&zwj;&#128105;&zwj;&#128103;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👩‍👧‍👦",
+      "name": "family: man, woman, girl, boy",
+      "shortname": ":man_woman_girl_boy:",
+      "unicode": "1F468 200D 1F469 200D 1F467 200D 1F466",
+      "html": "&#128104;&zwj;&#128105;&zwj;&#128103;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👩‍👦‍👦",
+      "name": "family: man, woman, boy, boy",
+      "shortname": ":man_woman_boy_boy:",
+      "unicode": "1F468 200D 1F469 200D 1F466 200D 1F466",
+      "html": "&#128104;&zwj;&#128105;&zwj;&#128102;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👨‍👧‍👧",
+      "name": "family: man, man, girl, girl",
+      "shortname": ":man_man_girl_girl:",
+      "unicode": "1F468 200D 1F468 200D 1F467 200D 1F467",
+      "html": "&#128104;&zwj;&#128104;&zwj;&#128103;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👨‍👧‍👦",
+      "name": "family: man, man, girl, boy",
+      "shortname": ":man_man_girl_boy:",
+      "unicode": "1F468 200D 1F468 200D 1F467 200D 1F466",
+      "html": "&#128104;&zwj;&#128104;&zwj;&#128103;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👨‍👦‍👦",
+      "name": "family: man, man, boy, boy",
+      "shortname": ":man_man_boy_boy:",
+      "unicode": "1F468 200D 1F468 200D 1F466 200D 1F466",
+      "html": "&#128104;&zwj;&#128104;&zwj;&#128102;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👩‍👧",
+      "name": "family: woman, woman, girl",
+      "shortname": ":woman_woman_girl:",
+      "unicode": "1F469 200D 1F469 200D 1F467",
+      "html": "&#128105;&zwj;&#128105;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👩‍👦",
+      "name": "family: woman, woman, boy",
+      "shortname": ":woman_woman_boy:",
+      "unicode": "1F469 200D 1F469 200D 1F466",
+      "html": "&#128105;&zwj;&#128105;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👧‍👧",
+      "name": "family: woman, girl, girl",
+      "shortname": ":woman_girl_girl:",
+      "unicode": "1F469 200D 1F467 200D 1F467",
+      "html": "&#128105;&zwj;&#128103;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👧‍👦",
+      "name": "family: woman, girl, boy",
+      "shortname": ":woman_girl_boy:",
+      "unicode": "1F469 200D 1F467 200D 1F466",
+      "html": "&#128105;&zwj;&#128103;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👦‍👦",
+      "name": "family: woman, boy, boy",
+      "shortname": ":woman_boy_boy:",
+      "unicode": "1F469 200D 1F466 200D 1F466",
+      "html": "&#128105;&zwj;&#128102;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👩‍👧",
+      "name": "family: man, woman, girl",
+      "shortname": ":man_woman_girl:",
+      "unicode": "1F468 200D 1F469 200D 1F467",
+      "html": "&#128104;&zwj;&#128105;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👨‍👧",
+      "name": "family: man, man, girl",
+      "shortname": ":man_man_girl:",
+      "unicode": "1F468 200D 1F468 200D 1F467",
+      "html": "&#128104;&zwj;&#128104;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👨‍👦",
+      "name": "family: man, man, boy",
+      "shortname": ":man_man_boy:",
+      "unicode": "1F468 200D 1F468 200D 1F466",
+      "html": "&#128104;&zwj;&#128104;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👧‍👧",
+      "name": "family: man, girl, girl",
+      "shortname": ":man_girl_girl:",
+      "unicode": "1F468 200D 1F467 200D 1F467",
+      "html": "&#128104;&zwj;&#128103;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👧‍👦",
+      "name": "family: man, girl, boy",
+      "shortname": ":man_girl_boy:",
+      "unicode": "1F468 200D 1F467 200D 1F466",
+      "html": "&#128104;&zwj;&#128103;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👦‍👦",
+      "name": "family: man, boy, boy",
+      "shortname": ":man_boy_boy:",
+      "unicode": "1F468 200D 1F466 200D 1F466",
+      "html": "&#128104;&zwj;&#128102;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👧",
+      "name": "family: woman, girl",
+      "shortname": ":woman_girl:",
+      "unicode": "1F469 200D 1F467",
+      "html": "&#128105;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍👦",
+      "name": "family: woman, boy",
+      "shortname": ":woman_boy:",
+      "unicode": "1F469 200D 1F466",
+      "html": "&#128105;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👧",
+      "name": "family: man, girl",
+      "shortname": ":man_girl:",
+      "unicode": "1F468 200D 1F467",
+      "html": "&#128104;&zwj;&#128103;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👦",
+      "name": "family: man, boy",
+      "shortname": ":man_boy:",
+      "unicode": "1F468 200D 1F466",
+      "html": "&#128104;&zwj;&#128102;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "😂",
+      "name": "face with tears of joy",
+      "shortname": ":joy:",
+      "unicode": "1f602",
+      "html": "&#128514;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "3"
+    },
+    {
+      "emoji": "❤️",
+      "name": "red heart",
+      "shortname": ":heart:",
+      "unicode": "2764",
+      "html": "&#10084;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1286"
+    },
+    {
+      "emoji": "♥️",
+      "name": "heart suit",
+      "shortname": ":heart_suit:",
+      "unicode": "2665 FE0F",
+      "html": "&hearts;️",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "😍",
+      "name": "smiling face with heart-eyes",
+      "shortname": ":heart_eyes:",
+      "unicode": "1f60d",
+      "html": "&#128525;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": "13"
+    },
+    {
+      "emoji": "😭",
+      "name": "loudly crying face",
+      "shortname": ":sob:",
+      "unicode": "1f62d",
+      "html": "&#128557;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "55"
+    },
+    {
+      "emoji": "😊",
+      "name": "smiling face with smiling eyes",
+      "shortname": ":blush:",
+      "unicode": "1f60a",
+      "html": "&#128522;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "10"
+    },
+    {
+      "emoji": "😒",
+      "name": "unamused face",
+      "shortname": ":unamused:",
+      "unicode": "1f612",
+      "html": "&#128530;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "41"
+    },
+    {
+      "emoji": "😘",
+      "name": "face blowing a kiss",
+      "shortname": ":kissing_heart:",
+      "unicode": "1f618",
+      "html": "&#128536;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": "14"
+    },
+    {
+      "emoji": "💕",
+      "name": "two hearts",
+      "shortname": ":two_hearts:",
+      "unicode": "1f495",
+      "html": "&#128149;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1289"
+    },
+    {
+      "emoji": "☺️",
+      "name": "smiling face",
+      "shortname": ":smiling:",
+      "unicode": "263A FE0F",
+      "html": "&#9786;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": ""
+    },
+    {
+      "emoji": "😩",
+      "name": "weary face",
+      "shortname": ":weary:",
+      "unicode": "1f629",
+      "html": "&#128553;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "59"
+    },
+    {
+      "emoji": "👌🏿",
+      "name": "OK hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44C 1F3FF",
+      "html": "&#128076;&#127999;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "👌🏾",
+      "name": "OK hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44C 1F3FE",
+      "html": "&#128076;&#127998;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "👌🏽",
+      "name": "OK hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44C 1F3FD",
+      "html": "&#128076;&#127997;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "👌🏼",
+      "name": "OK hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44C 1F3FC",
+      "html": "&#128076;&#127996;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "👌🏻",
+      "name": "OK hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44C 1F3FB",
+      "html": "&#128076;&#127995;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "👌",
+      "name": "OK hand",
+      "shortname": ":ok_hand:",
+      "unicode": "1f44c",
+      "html": "&#128076;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": "1170"
+    },
+    {
+      "emoji": "😔",
+      "name": "pensive face",
+      "shortname": ":pensive:",
+      "unicode": "1f614",
+      "html": "&#128532;",
+      "category": "Smileys & Emotion (face-sleepy)",
+      "order": "43"
+    },
+    {
+      "emoji": "😏",
+      "name": "smirking face",
+      "shortname": ":smirk:",
+      "unicode": "1f60f",
+      "html": "&#128527;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "26"
+    },
+    {
+      "emoji": "😁",
+      "name": "beaming face with smiling eyes",
+      "shortname": ":grin:",
+      "unicode": "1f601",
+      "html": "&#128513;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "2"
+    },
+    {
+      "emoji": "♻",
+      "name": "recycling symbol",
+      "shortname": ":recycle:",
+      "unicode": "267b",
+      "html": "&#9851;",
+      "category": "Symbols (other-symbol)",
+      "order": "2072"
+    },
+    {
+      "emoji": "😉",
+      "name": "winking face",
+      "shortname": ":wink:",
+      "unicode": "1f609",
+      "html": "&#128521;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "9"
+    },
+    {
+      "emoji": "👍🏿",
+      "name": "thumbs up: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44D 1F3FF",
+      "html": "&#128077;&#127999;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👍🏾",
+      "name": "thumbs up: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44D 1F3FE",
+      "html": "&#128077;&#127998;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👍🏽",
+      "name": "thumbs up: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44D 1F3FD",
+      "html": "&#128077;&#127997;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👍🏼",
+      "name": "thumbs up: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44D 1F3FC",
+      "html": "&#128077;&#127996;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👍🏻",
+      "name": "thumbs up: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44D 1F3FB",
+      "html": "&#128077;&#127995;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👍",
+      "name": "thumbs up",
+      "shortname": ":thumbsup:",
+      "unicode": "1f44d",
+      "html": "&#128077;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": "1176"
+    },
+    {
+      "emoji": "🙏🏿",
+      "name": "folded hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64F 1F3FF",
+      "html": "&#128591;&#127999;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙏🏾",
+      "name": "folded hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64F 1F3FE",
+      "html": "&#128591;&#127998;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙏🏽",
+      "name": "folded hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64F 1F3FD",
+      "html": "&#128591;&#127997;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙏🏼",
+      "name": "folded hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64F 1F3FC",
+      "html": "&#128591;&#127996;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙏🏻",
+      "name": "folded hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64F 1F3FB",
+      "html": "&#128591;&#127995;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙏",
+      "name": "folded hands",
+      "shortname": ":pray:",
+      "unicode": "1f64f",
+      "html": "&#128591;",
+      "category": "People & Body (hands)",
+      "order": "1248"
+    },
+    {
+      "emoji": "😌",
+      "name": "relieved face",
+      "shortname": ":relieved:",
+      "unicode": "1f60c",
+      "html": "&#128524;",
+      "category": "Smileys & Emotion (face-sleepy)",
+      "order": "35"
+    },
+    {
+      "emoji": "🎶",
+      "name": "musical notes",
+      "shortname": ":notes:",
+      "unicode": "1f3b6",
+      "html": "&#127926;",
+      "category": "Objects (music)",
+      "order": "1825"
+    },
+    {
+      "emoji": "😳",
+      "name": "flushed face",
+      "shortname": ":flushed:",
+      "unicode": "1f633",
+      "html": "&#128563;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "63"
+    },
+    {
+      "emoji": "🙌🏿",
+      "name": "raising hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64C 1F3FF",
+      "html": "&#128588;&#127999;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙌🏾",
+      "name": "raising hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64C 1F3FE",
+      "html": "&#128588;&#127998;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙌🏽",
+      "name": "raising hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64C 1F3FD",
+      "html": "&#128588;&#127997;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙌🏼",
+      "name": "raising hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64C 1F3FC",
+      "html": "&#128588;&#127996;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙌🏻",
+      "name": "raising hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64C 1F3FB",
+      "html": "&#128588;&#127995;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🙌",
+      "name": "raising hands",
+      "shortname": ":raised_hands:",
+      "unicode": "1f64c",
+      "html": "&#128588;",
+      "category": "People & Body (hands)",
+      "order": "1242"
+    },
+    {
+      "emoji": "🙈",
+      "name": "see-no-evil monkey",
+      "shortname": ":see_no_evil:",
+      "unicode": "1f648",
+      "html": "&#128584;",
+      "category": "Smileys & Emotion (monkey-face)",
+      "order": "96"
+    },
+    {
+      "emoji": "😢",
+      "name": "crying face",
+      "shortname": ":cry:",
+      "unicode": "1f622",
+      "html": "&#128546;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "54"
+    },
+    {
+      "emoji": "😎",
+      "name": "smiling face with sunglasses",
+      "shortname": ":sunglasses:",
+      "unicode": "1f60e",
+      "html": "&#128526;",
+      "category": "Smileys & Emotion (face-glasses)",
+      "order": "12"
+    },
+    {
+      "emoji": "✌🏿",
+      "name": "victory hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "270C 1F3FF",
+      "html": "&#9996;&#127999;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌🏾",
+      "name": "victory hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "270C 1F3FE",
+      "html": "&#9996;&#127998;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌🏽",
+      "name": "victory hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "270C 1F3FD",
+      "html": "&#9996;&#127997;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌🏼",
+      "name": "victory hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "270C 1F3FC",
+      "html": "&#9996;&#127996;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌🏻",
+      "name": "victory hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "270C 1F3FB",
+      "html": "&#9996;&#127995;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌️",
+      "name": "victory hand",
+      "shortname": ":v:",
+      "unicode": "270c",
+      "html": "&#9996;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": "1128"
+    },
+    {
+      "emoji": "👀",
+      "name": "eyes",
+      "shortname": ":eyes:",
+      "unicode": "1f440",
+      "html": "&#128064;",
+      "category": "People & Body (body-parts)",
+      "order": "1279"
+    },
+    {
+      "emoji": "😅",
+      "name": "grinning face with sweat",
+      "shortname": ":sweat_smile:",
+      "unicode": "1f605",
+      "html": "&#128517;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "7"
+    },
+    {
+      "emoji": "✨",
+      "name": "sparkles",
+      "shortname": ":sparkles:",
+      "unicode": "2728",
+      "html": "&#10024;",
+      "category": "Activities (event)",
+      "order": "1760"
+    },
+    {
+      "emoji": "😴",
+      "name": "sleeping face",
+      "shortname": ":sleeping:",
+      "unicode": "1f634",
+      "html": "&#128564;",
+      "category": "Smileys & Emotion (face-sleepy)",
+      "order": "34"
+    },
+    {
+      "emoji": "😄",
+      "name": "grinning face with smiling eyes",
+      "shortname": ":smile:",
+      "unicode": "1f604",
+      "html": "&#128516;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "6"
+    },
+    {
+      "emoji": "💜",
+      "name": "purple heart",
+      "shortname": ":purple_heart:",
+      "unicode": "1f49c",
+      "html": "&#128156;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1295"
+    },
+    {
+      "emoji": "💔",
+      "name": "broken heart",
+      "shortname": ":broken_heart:",
+      "unicode": "1f494",
+      "html": "&#128148;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1288"
+    },
+    {
+      "emoji": "💯",
+      "name": "hundred points",
+      "shortname": ":hundred_points:",
+      "unicode": "1F4AF",
+      "html": "&#128175;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "😑",
+      "name": "expressionless face",
+      "shortname": ":expressionless:",
+      "unicode": "1f611",
+      "html": "&#128529;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "23"
+    },
+    {
+      "emoji": "💖",
+      "name": "sparkling heart",
+      "shortname": ":sparkling_heart:",
+      "unicode": "1f496",
+      "html": "&#128150;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1290"
+    },
+    {
+      "emoji": "💙",
+      "name": "blue heart",
+      "shortname": ":blue_heart:",
+      "unicode": "1f499",
+      "html": "&#128153;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1292"
+    },
+    {
+      "emoji": "😕",
+      "name": "confused face",
+      "shortname": ":confused:",
+      "unicode": "1f615",
+      "html": "&#128533;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "44"
+    },
+    {
+      "emoji": "💁🏿‍♂",
+      "name": "man tipping hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F481 1F3FF 200D 2642",
+      "html": "&#128129;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏾‍♂",
+      "name": "man tipping hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F481 1F3FE 200D 2642",
+      "html": "&#128129;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏽‍♂",
+      "name": "man tipping hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F481 1F3FD 200D 2642",
+      "html": "&#128129;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏼‍♂",
+      "name": "man tipping hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F481 1F3FC 200D 2642",
+      "html": "&#128129;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏻‍♂",
+      "name": "man tipping hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F481 1F3FB 200D 2642",
+      "html": "&#128129;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁‍♂",
+      "name": "man tipping hand",
+      "shortname": ":man_tipping_hand:",
+      "unicode": "1F481 200D 2642",
+      "html": "&#128129;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏿",
+      "name": "person tipping hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F481 1F3FF",
+      "html": "&#128129;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏾",
+      "name": "person tipping hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F481 1F3FE",
+      "html": "&#128129;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏽",
+      "name": "person tipping hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F481 1F3FD",
+      "html": "&#128129;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏼",
+      "name": "person tipping hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F481 1F3FC",
+      "html": "&#128129;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏻",
+      "name": "person tipping hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F481 1F3FB",
+      "html": "&#128129;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁",
+      "name": "person tipping hand",
+      "shortname": ":information_desk_person:",
+      "unicode": "1f481",
+      "html": "&#128129;",
+      "category": "People & Body (person-gesture)",
+      "order": "567"
+    },
+    {
+      "emoji": "😜",
+      "name": "winking face with tongue",
+      "shortname": ":stuck_out_tongue_winking_eye:",
+      "unicode": "1f61c",
+      "html": "&#128540;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": "38"
+    },
+    {
+      "emoji": "😞",
+      "name": "disappointed face",
+      "shortname": ":disappointed:",
+      "unicode": "1f61e",
+      "html": "&#128542;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "51"
+    },
+    {
+      "emoji": "😋",
+      "name": "face savoring food",
+      "shortname": ":yum:",
+      "unicode": "1f60b",
+      "html": "&#128523;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": "11"
+    },
+    {
+      "emoji": "😐",
+      "name": "neutral face",
+      "shortname": ":neutral_face:",
+      "unicode": "1f610",
+      "html": "&#128528;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "22"
+    },
+    {
+      "emoji": "😪",
+      "name": "sleepy face",
+      "shortname": ":sleepy:",
+      "unicode": "1f62a",
+      "html": "&#128554;",
+      "category": "Smileys & Emotion (face-sleepy)",
+      "order": "32"
+    },
+    {
+      "emoji": "👏🏿",
+      "name": "clapping hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44F 1F3FF",
+      "html": "&#128079;&#127999;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👏🏾",
+      "name": "clapping hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44F 1F3FE",
+      "html": "&#128079;&#127998;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👏🏽",
+      "name": "clapping hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44F 1F3FD",
+      "html": "&#128079;&#127997;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👏🏼",
+      "name": "clapping hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44F 1F3FC",
+      "html": "&#128079;&#127996;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👏🏻",
+      "name": "clapping hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44F 1F3FB",
+      "html": "&#128079;&#127995;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👏",
+      "name": "clapping hands",
+      "shortname": ":clap:",
+      "unicode": "1f44f",
+      "html": "&#128079;",
+      "category": "People & Body (hands)",
+      "order": "1224"
+    },
+    {
+      "emoji": "💘",
+      "name": "heart with arrow",
+      "shortname": ":cupid:",
+      "unicode": "1f498",
+      "html": "&#128152;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1285"
+    },
+    {
+      "emoji": "💗",
+      "name": "growing heart",
+      "shortname": ":heartpulse:",
+      "unicode": "1f497",
+      "html": "&#128151;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1291"
+    },
+    {
+      "emoji": "💞",
+      "name": "revolving hearts",
+      "shortname": ":revolving_hearts:",
+      "unicode": "1f49e",
+      "html": "&#128158;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1298"
+    },
+    {
+      "emoji": "⬅️",
+      "name": "left arrow",
+      "shortname": ":arrow_left:",
+      "unicode": "2b05",
+      "html": "&#11013;",
+      "category": "Symbols (arrow)",
+      "order": "2008"
+    },
+    {
+      "emoji": "🙊",
+      "name": "speak-no-evil monkey",
+      "shortname": ":speak_no_evil:",
+      "unicode": "1f64a",
+      "html": "&#128586;",
+      "category": "Smileys & Emotion (monkey-face)",
+      "order": "98"
+    },
+    {
+      "emoji": "✋🏿",
+      "name": "raised hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "270B 1F3FF",
+      "html": "&#9995;&#127999;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✋🏾",
+      "name": "raised hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "270B 1F3FE",
+      "html": "&#9995;&#127998;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✋🏽",
+      "name": "raised hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "270B 1F3FD",
+      "html": "&#9995;&#127997;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✋🏼",
+      "name": "raised hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "270B 1F3FC",
+      "html": "&#9995;&#127996;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✋🏻",
+      "name": "raised hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "270B 1F3FB",
+      "html": "&#9995;&#127995;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✋",
+      "name": "raised hand",
+      "shortname": ":raised_hand:",
+      "unicode": "270B",
+      "html": "&#9995;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "💋",
+      "name": "kiss mark",
+      "shortname": ":kiss:",
+      "unicode": "1f48b",
+      "html": "&#128139;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1284"
+    },
+    {
+      "emoji": "👉🏿",
+      "name": "backhand index pointing right: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F449 1F3FF",
+      "html": "&#128073;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👉🏾",
+      "name": "backhand index pointing right: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F449 1F3FE",
+      "html": "&#128073;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👉🏽",
+      "name": "backhand index pointing right: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F449 1F3FD",
+      "html": "&#128073;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👉🏼",
+      "name": "backhand index pointing right: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F449 1F3FC",
+      "html": "&#128073;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👉🏻",
+      "name": "backhand index pointing right: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F449 1F3FB",
+      "html": "&#128073;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👉",
+      "name": "backhand index pointing right",
+      "shortname": ":point_right:",
+      "unicode": "1f449",
+      "html": "&#128073;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1098"
+    },
+    {
+      "emoji": "🌸",
+      "name": "cherry blossom",
+      "shortname": ":cherry_blossom:",
+      "unicode": "1f338",
+      "html": "&#127800;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1428"
+    },
+    {
+      "emoji": "😱",
+      "name": "face screaming in fear",
+      "shortname": ":scream:",
+      "unicode": "1f631",
+      "html": "&#128561;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "62"
+    },
+    {
+      "emoji": "🔥",
+      "name": "fire",
+      "shortname": ":fire:",
+      "unicode": "1f525",
+      "html": "&#128293;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1753"
+    },
+    {
+      "emoji": "😡",
+      "name": "pouting face",
+      "shortname": ":rage:",
+      "unicode": "1f621",
+      "html": "&#128545;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "65"
+    },
+    {
+      "emoji": "😃",
+      "name": "grinning face with big eyes",
+      "shortname": ":smiley:",
+      "unicode": "1f603",
+      "html": "&#128515;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "5"
+    },
+    {
+      "emoji": "🎉",
+      "name": "party popper",
+      "shortname": ":tada:",
+      "unicode": "1f389",
+      "html": "&#127881;",
+      "category": "Activities (event)",
+      "order": "1762"
+    },
+    {
+      "emoji": "👊🏿",
+      "name": "oncoming fist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44A 1F3FF",
+      "html": "&#128074;&#127999;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👊🏾",
+      "name": "oncoming fist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44A 1F3FE",
+      "html": "&#128074;&#127998;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👊🏽",
+      "name": "oncoming fist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44A 1F3FD",
+      "html": "&#128074;&#127997;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👊🏼",
+      "name": "oncoming fist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44A 1F3FC",
+      "html": "&#128074;&#127996;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👊🏻",
+      "name": "oncoming fist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44A 1F3FB",
+      "html": "&#128074;&#127995;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👊",
+      "name": "oncoming fist",
+      "shortname": ":oncoming_fist:",
+      "unicode": "1F44A",
+      "html": "&#128074;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "😫",
+      "name": "tired face",
+      "shortname": ":tired_face:",
+      "unicode": "1f62b",
+      "html": "&#128555;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "33"
+    },
+    {
+      "emoji": "📷",
+      "name": "camera",
+      "shortname": ":camera:",
+      "unicode": "1f4f7",
+      "html": "&#128247;",
+      "category": "Objects (light & video)",
+      "order": "1861"
+    },
+    {
+      "emoji": "🌹",
+      "name": "rose",
+      "shortname": ":rose:",
+      "unicode": "1f339",
+      "html": "&#127801;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1431"
+    },
+    {
+      "emoji": "😝",
+      "name": "squinting face with tongue",
+      "shortname": ":stuck_out_tongue_closed_eyes:",
+      "unicode": "1f61d",
+      "html": "&#128541;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": "39"
+    },
+    {
+      "emoji": "💪🏿",
+      "name": "flexed biceps: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F4AA 1F3FF",
+      "html": "&#128170;&#127999;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "💪🏾",
+      "name": "flexed biceps: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F4AA 1F3FE",
+      "html": "&#128170;&#127998;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "💪🏽",
+      "name": "flexed biceps: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F4AA 1F3FD",
+      "html": "&#128170;&#127997;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "💪🏼",
+      "name": "flexed biceps: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F4AA 1F3FC",
+      "html": "&#128170;&#127996;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "💪🏻",
+      "name": "flexed biceps: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F4AA 1F3FB",
+      "html": "&#128170;&#127995;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "💪",
+      "name": "flexed biceps",
+      "shortname": ":muscle:",
+      "unicode": "1f4aa",
+      "html": "&#128170;",
+      "category": "People & Body (body-parts)",
+      "order": "1080"
+    },
+    {
+      "emoji": "💀",
+      "name": "skull",
+      "shortname": ":skull:",
+      "unicode": "1f480",
+      "html": "&#128128;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "80"
+    },
+    {
+      "emoji": "☀️",
+      "name": "sun",
+      "shortname": ":sunny:",
+      "unicode": "2600",
+      "html": "&#9728;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1724"
+    },
+    {
+      "emoji": "💛",
+      "name": "yellow heart",
+      "shortname": ":yellow_heart:",
+      "unicode": "1f49b",
+      "html": "&#128155;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1294"
+    },
+    {
+      "emoji": "😤",
+      "name": "face with steam from nose",
+      "shortname": ":triumph:",
+      "unicode": "1f624",
+      "html": "&#128548;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "53"
+    },
+    {
+      "emoji": "🌚",
+      "name": "new moon face",
+      "shortname": ":new_moon_with_face:",
+      "unicode": "1f31a",
+      "html": "&#127770;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1720"
+    },
+    {
+      "emoji": "😆",
+      "name": "grinning squinting face",
+      "shortname": ":laughing:",
+      "unicode": "1f606",
+      "html": "&#128518;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "8"
+    },
+    {
+      "emoji": "😓",
+      "name": "downcast face with sweat",
+      "shortname": ":sweat:",
+      "unicode": "1f613",
+      "html": "&#128531;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "42"
+    },
+    {
+      "emoji": "👈🏿",
+      "name": "backhand index pointing left: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F448 1F3FF",
+      "html": "&#128072;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👈🏾",
+      "name": "backhand index pointing left: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F448 1F3FE",
+      "html": "&#128072;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👈🏽",
+      "name": "backhand index pointing left: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F448 1F3FD",
+      "html": "&#128072;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👈🏼",
+      "name": "backhand index pointing left: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F448 1F3FC",
+      "html": "&#128072;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👈🏻",
+      "name": "backhand index pointing left: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F448 1F3FB",
+      "html": "&#128072;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👈",
+      "name": "backhand index pointing left",
+      "shortname": ":point_left:",
+      "unicode": "1f448",
+      "html": "&#128072;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1092"
+    },
+    {
+      "emoji": "✔️",
+      "name": "check mark",
+      "shortname": ":heavy_check_mark:",
+      "unicode": "2714",
+      "html": "&#10004;",
+      "category": "Symbols (other-symbol)",
+      "order": "2080"
+    },
+    {
+      "emoji": "😻",
+      "name": "smiling cat with heart-eyes",
+      "shortname": ":heart_eyes_cat:",
+      "unicode": "1f63b",
+      "html": "&#128571;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "90"
+    },
+    {
+      "emoji": "😀",
+      "name": "grinning face",
+      "shortname": ":grinning:",
+      "unicode": "1f600",
+      "html": "&#128512;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "1"
+    },
+    {
+      "emoji": "😷",
+      "name": "face with medical mask",
+      "shortname": ":mask:",
+      "unicode": "1f637",
+      "html": "&#128567;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": "71"
+    },
+    {
+      "emoji": "💚",
+      "name": "green heart",
+      "shortname": ":green_heart:",
+      "unicode": "1f49a",
+      "html": "&#128154;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1293"
+    },
+    {
+      "emoji": "👋🏿",
+      "name": "waving hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44B 1F3FF",
+      "html": "&#128075;&#127999;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "👋🏾",
+      "name": "waving hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44B 1F3FE",
+      "html": "&#128075;&#127998;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "👋🏽",
+      "name": "waving hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44B 1F3FD",
+      "html": "&#128075;&#127997;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "👋🏼",
+      "name": "waving hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44B 1F3FC",
+      "html": "&#128075;&#127996;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "👋🏻",
+      "name": "waving hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44B 1F3FB",
+      "html": "&#128075;&#127995;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "👋",
+      "name": "waving hand",
+      "shortname": ":wave:",
+      "unicode": "1f44b",
+      "html": "&#128075;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": "1218"
+    },
+    {
+      "emoji": "😣",
+      "name": "persevering face",
+      "shortname": ":persevere:",
+      "unicode": "1f623",
+      "html": "&#128547;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "27"
+    },
+    {
+      "emoji": "💓",
+      "name": "beating heart",
+      "shortname": ":heartbeat:",
+      "unicode": "1f493",
+      "html": "&#128147;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1287"
+    },
+    {
+      "emoji": "▶️",
+      "name": "play button",
+      "shortname": ":arrow_forward:",
+      "unicode": "25b6",
+      "html": "&#9654;",
+      "category": "Symbols (av-symbol)",
+      "order": "2051"
+    },
+    {
+      "emoji": "◀️",
+      "name": "reverse button",
+      "shortname": ":arrow_backward:",
+      "unicode": "25c0",
+      "html": "&#9664;",
+      "category": "Symbols (av-symbol)",
+      "order": "2055"
+    },
+    {
+      "emoji": "↪️",
+      "name": "left arrow curving right",
+      "shortname": ":arrow_right_hook:",
+      "unicode": "21aa",
+      "html": "&#8618;",
+      "category": "Symbols (arrow)",
+      "order": "2013"
+    },
+    {
+      "emoji": "↩️",
+      "name": "right arrow curving left",
+      "shortname": ":leftwards_arrow_with_hook:",
+      "unicode": "21a9",
+      "html": "&#8617;",
+      "category": "Symbols (arrow)",
+      "order": "2012"
+    },
+    {
+      "emoji": "👑",
+      "name": "crown",
+      "shortname": ":crown:",
+      "unicode": "1f451",
+      "html": "&#128081;",
+      "category": "Objects (clothing)",
+      "order": "1333"
+    },
+    {
+      "emoji": "😚",
+      "name": "kissing face with closed eyes",
+      "shortname": ":kissing_closed_eyes:",
+      "unicode": "1f61a",
+      "html": "&#128538;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": "17"
+    },
+    {
+      "emoji": "😛",
+      "name": "face with tongue",
+      "shortname": ":stuck_out_tongue:",
+      "unicode": "1f61b",
+      "html": "&#128539;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": "37"
+    },
+    {
+      "emoji": "😥",
+      "name": "sad but relieved face",
+      "shortname": ":disappointed_relieved:",
+      "unicode": "1f625",
+      "html": "&#128549;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "28"
+    },
+    {
+      "emoji": "😇",
+      "name": "smiling face with halo",
+      "shortname": ":innocent:",
+      "unicode": "1f607",
+      "html": "&#128519;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "67"
+    },
+    {
+      "emoji": "🎧",
+      "name": "headphone",
+      "shortname": ":headphones:",
+      "unicode": "1f3a7",
+      "html": "&#127911;",
+      "category": "Objects (music)",
+      "order": "1830"
+    },
+    {
+      "emoji": "✅",
+      "name": "check mark button",
+      "shortname": ":white_check_mark:",
+      "unicode": "2705",
+      "html": "&#9989;",
+      "category": "Symbols (other-symbol)",
+      "order": "2078"
+    },
+    {
+      "emoji": "😖",
+      "name": "confounded face",
+      "shortname": ":confounded:",
+      "unicode": "1f616",
+      "html": "&#128534;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "50"
+    },
+    {
+      "emoji": "➡",
+      "name": "right arrow",
+      "shortname": ":arrow_right:",
+      "unicode": "27a1",
+      "html": "&#10145;",
+      "category": "Symbols (arrow)",
+      "order": "2004"
+    },
+    {
+      "emoji": "😠",
+      "name": "angry face",
+      "shortname": ":angry:",
+      "unicode": "1f620",
+      "html": "&#128544;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "66"
+    },
+    {
+      "emoji": "😬",
+      "name": "grimacing face",
+      "shortname": ":grimacing:",
+      "unicode": "1f62c",
+      "html": "&#128556;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "60"
+    },
+    {
+      "emoji": "🌟",
+      "name": "glowing star",
+      "shortname": ":star2:",
+      "unicode": "1f31f",
+      "html": "&#127775;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1728"
+    },
+    {
+      "emoji": "🔫",
+      "name": "pistol",
+      "shortname": ":gun:",
+      "unicode": "1f52b",
+      "html": "&#128299;",
+      "category": "Objects (tool)",
+      "order": "1956"
+    },
+    {
+      "emoji": "🙋🏿‍♂",
+      "name": "man raising hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64B 1F3FF 200D 2642",
+      "html": "&#128587;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏾‍♂",
+      "name": "man raising hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64B 1F3FE 200D 2642",
+      "html": "&#128587;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏽‍♂",
+      "name": "man raising hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64B 1F3FD 200D 2642",
+      "html": "&#128587;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏼‍♂",
+      "name": "man raising hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64B 1F3FC 200D 2642",
+      "html": "&#128587;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏻‍♂",
+      "name": "man raising hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64B 1F3FB 200D 2642",
+      "html": "&#128587;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋‍♂",
+      "name": "man raising hand",
+      "shortname": ":man_raising_hand:",
+      "unicode": "1F64B 200D 2642",
+      "html": "&#128587;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏿",
+      "name": "person raising hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64B 1F3FF",
+      "html": "&#128587;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏾",
+      "name": "person raising hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64B 1F3FE",
+      "html": "&#128587;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏽",
+      "name": "person raising hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64B 1F3FD",
+      "html": "&#128587;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏼",
+      "name": "person raising hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64B 1F3FC",
+      "html": "&#128587;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏻",
+      "name": "person raising hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64B 1F3FB",
+      "html": "&#128587;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋",
+      "name": "person raising hand",
+      "shortname": ":raising_hand:",
+      "unicode": "1f64b",
+      "html": "&#128587;",
+      "category": "People & Body (person-gesture)",
+      "order": "585"
+    },
+    {
+      "emoji": "👎🏿",
+      "name": "thumbs down: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F44E 1F3FF",
+      "html": "&#128078;&#127999;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👎🏾",
+      "name": "thumbs down: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F44E 1F3FE",
+      "html": "&#128078;&#127998;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👎🏽",
+      "name": "thumbs down: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F44E 1F3FD",
+      "html": "&#128078;&#127997;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👎🏼",
+      "name": "thumbs down: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F44E 1F3FC",
+      "html": "&#128078;&#127996;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👎🏻",
+      "name": "thumbs down: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F44E 1F3FB",
+      "html": "&#128078;&#127995;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "👎",
+      "name": "thumbs down",
+      "shortname": ":thumbsdown:",
+      "unicode": "1f44e",
+      "html": "&#128078;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": "1182"
+    },
+    {
+      "emoji": "💃🏿",
+      "name": "woman dancing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F483 1F3FF",
+      "html": "&#128131;&#127999;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💃🏾",
+      "name": "woman dancing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F483 1F3FE",
+      "html": "&#128131;&#127998;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💃🏽",
+      "name": "woman dancing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F483 1F3FD",
+      "html": "&#128131;&#127997;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💃🏼",
+      "name": "woman dancing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F483 1F3FC",
+      "html": "&#128131;&#127996;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💃🏻",
+      "name": "woman dancing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F483 1F3FB",
+      "html": "&#128131;&#127995;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💃",
+      "name": "woman dancing",
+      "shortname": ":dancer:",
+      "unicode": "1f483",
+      "html": "&#128131;",
+      "category": "People & Body (person-activity)",
+      "order": "729"
+    },
+    {
+      "emoji": "🎵",
+      "name": "musical note",
+      "shortname": ":musical_note:",
+      "unicode": "1f3b5",
+      "html": "&#127925;",
+      "category": "Objects (music)",
+      "order": "1824"
+    },
+    {
+      "emoji": "😶",
+      "name": "face without mouth",
+      "shortname": ":no_mouth:",
+      "unicode": "1f636",
+      "html": "&#128566;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "24"
+    },
+    {
+      "emoji": "💫",
+      "name": "dizzy",
+      "shortname": ":dizzy:",
+      "unicode": "1f4ab",
+      "html": "&#128171;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1308"
+    },
+    {
+      "emoji": "✊🏿",
+      "name": "raised fist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "270A 1F3FF",
+      "html": "&#9994;&#127999;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "✊🏾",
+      "name": "raised fist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "270A 1F3FE",
+      "html": "&#9994;&#127998;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "✊🏽",
+      "name": "raised fist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "270A 1F3FD",
+      "html": "&#9994;&#127997;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "✊🏼",
+      "name": "raised fist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "270A 1F3FC",
+      "html": "&#9994;&#127996;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "✊🏻",
+      "name": "raised fist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "270A 1F3FB",
+      "html": "&#9994;&#127995;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "✊",
+      "name": "raised fist",
+      "shortname": ":fist:",
+      "unicode": "270a",
+      "html": "&#9994;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": "1188"
+    },
+    {
+      "emoji": "👇🏿",
+      "name": "backhand index pointing down: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F447 1F3FF",
+      "html": "&#128071;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👇🏾",
+      "name": "backhand index pointing down: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F447 1F3FE",
+      "html": "&#128071;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👇🏽",
+      "name": "backhand index pointing down: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F447 1F3FD",
+      "html": "&#128071;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👇🏼",
+      "name": "backhand index pointing down: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F447 1F3FC",
+      "html": "&#128071;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👇🏻",
+      "name": "backhand index pointing down: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F447 1F3FB",
+      "html": "&#128071;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👇",
+      "name": "backhand index pointing down",
+      "shortname": ":point_down:",
+      "unicode": "1f447",
+      "html": "&#128071;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1122"
+    },
+    {
+      "emoji": "🔴",
+      "name": "red circle",
+      "shortname": ":red_circle:",
+      "unicode": "1f534",
+      "html": "&#128308;",
+      "category": "Symbols (geometric)",
+      "order": "2179"
+    },
+    {
+      "emoji": "🙅🏿‍♂",
+      "name": "man gesturing NO: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F645 1F3FF 200D 2642",
+      "html": "&#128581;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏾‍♂",
+      "name": "man gesturing NO: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F645 1F3FE 200D 2642",
+      "html": "&#128581;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏽‍♂",
+      "name": "man gesturing NO: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F645 1F3FD 200D 2642",
+      "html": "&#128581;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏼‍♂",
+      "name": "man gesturing NO: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F645 1F3FC 200D 2642",
+      "html": "&#128581;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏻‍♂",
+      "name": "man gesturing NO: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F645 1F3FB 200D 2642",
+      "html": "&#128581;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅‍♂",
+      "name": "man gesturing NO",
+      "shortname": ":man_gesturing_NO:",
+      "unicode": "1F645 200D 2642",
+      "html": "&#128581;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏿",
+      "name": "person gesturing NO: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F645 1F3FF",
+      "html": "&#128581;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏾",
+      "name": "person gesturing NO: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F645 1F3FE",
+      "html": "&#128581;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏽",
+      "name": "person gesturing NO: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F645 1F3FD",
+      "html": "&#128581;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏼",
+      "name": "person gesturing NO: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F645 1F3FC",
+      "html": "&#128581;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏻",
+      "name": "person gesturing NO: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F645 1F3FB",
+      "html": "&#128581;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅",
+      "name": "person gesturing NO",
+      "shortname": ":no_good:",
+      "unicode": "1f645",
+      "html": "&#128581;",
+      "category": "People & Body (person-gesture)",
+      "order": "531"
+    },
+    {
+      "emoji": "💥",
+      "name": "collision",
+      "shortname": ":boom:",
+      "unicode": "1f4a5",
+      "html": "&#128165;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1305"
+    },
+    {
+      "emoji": "©️",
+      "name": "copyright",
+      "shortname": ":copyright:",
+      "unicode": "00A9 FE0F",
+      "html": "&copy;️",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "💭",
+      "name": "thought balloon",
+      "shortname": ":thought_balloon:",
+      "unicode": "1f4ad",
+      "html": "&#128173;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1312"
+    },
+    {
+      "emoji": "👅",
+      "name": "tongue",
+      "shortname": ":tongue:",
+      "unicode": "1f445",
+      "html": "&#128069;",
+      "category": "People & Body (body-parts)",
+      "order": "1282"
+    },
+    {
+      "emoji": "💩",
+      "name": "pile of poo",
+      "shortname": ":poop:",
+      "unicode": "1f4a9",
+      "html": "&#128169;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "85"
+    },
+    {
+      "emoji": "😰",
+      "name": "anxious face with sweat",
+      "shortname": ":cold_sweat:",
+      "unicode": "1f630",
+      "html": "&#128560;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "61"
+    },
+    {
+      "emoji": "💎",
+      "name": "gem stone",
+      "shortname": ":gem:",
+      "unicode": "1f48e",
+      "html": "&#128142;",
+      "category": "Objects (clothing)",
+      "order": "1341"
+    },
+    {
+      "emoji": "🙆🏿‍♂",
+      "name": "man gesturing OK: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F646 1F3FF 200D 2642",
+      "html": "&#128582;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏾‍♂",
+      "name": "man gesturing OK: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F646 1F3FE 200D 2642",
+      "html": "&#128582;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏽‍♂",
+      "name": "man gesturing OK: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F646 1F3FD 200D 2642",
+      "html": "&#128582;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏼‍♂",
+      "name": "man gesturing OK: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F646 1F3FC 200D 2642",
+      "html": "&#128582;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏻‍♂",
+      "name": "man gesturing OK: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F646 1F3FB 200D 2642",
+      "html": "&#128582;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆‍♂",
+      "name": "man gesturing OK",
+      "shortname": ":man_gesturing_OK:",
+      "unicode": "1F646 200D 2642",
+      "html": "&#128582;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏿",
+      "name": "person gesturing OK: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F646 1F3FF",
+      "html": "&#128582;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏾",
+      "name": "person gesturing OK: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F646 1F3FE",
+      "html": "&#128582;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏽",
+      "name": "person gesturing OK: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F646 1F3FD",
+      "html": "&#128582;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏼",
+      "name": "person gesturing OK: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F646 1F3FC",
+      "html": "&#128582;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏻",
+      "name": "person gesturing OK: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F646 1F3FB",
+      "html": "&#128582;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆",
+      "name": "person gesturing OK",
+      "shortname": ":ok_woman:",
+      "unicode": "1f646",
+      "html": "&#128582;",
+      "category": "People & Body (person-gesture)",
+      "order": "549"
+    },
+    {
+      "emoji": "🍕",
+      "name": "pizza",
+      "shortname": ":pizza:",
+      "unicode": "1f355",
+      "html": "&#127829;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1484"
+    },
+    {
+      "emoji": "😹",
+      "name": "cat with tears of joy",
+      "shortname": ":joy_cat:",
+      "unicode": "1f639",
+      "html": "&#128569;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "89"
+    },
+    {
+      "emoji": "🌞",
+      "name": "sun with face",
+      "shortname": ":sun_with_face:",
+      "unicode": "1f31e",
+      "html": "&#127774;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1726"
+    },
+    {
+      "emoji": "🍃",
+      "name": "leaf fluttering in wind",
+      "shortname": ":leaves:",
+      "unicode": "1f343",
+      "html": "&#127811;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1448"
+    },
+    {
+      "emoji": "💦",
+      "name": "sweat droplets",
+      "shortname": ":sweat_drops:",
+      "unicode": "1f4a6",
+      "html": "&#128166;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1306"
+    },
+    {
+      "emoji": "🐧",
+      "name": "penguin",
+      "shortname": ":penguin:",
+      "unicode": "1f427",
+      "html": "&#128039;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1394"
+    },
+    {
+      "emoji": "💤",
+      "name": "zzz",
+      "shortname": ":zzz:",
+      "unicode": "1f4a4",
+      "html": "&#128164;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1302"
+    },
+    {
+      "emoji": "🚶🏿‍♀",
+      "name": "woman walking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B6 1F3FF 200D 2640",
+      "html": "&#128694;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏾‍♀",
+      "name": "woman walking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B6 1F3FE 200D 2640",
+      "html": "&#128694;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏽‍♀",
+      "name": "woman walking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B6 1F3FD 200D 2640",
+      "html": "&#128694;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏼‍♀",
+      "name": "woman walking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B6 1F3FC 200D 2640",
+      "html": "&#128694;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏻‍♀",
+      "name": "woman walking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B6 1F3FB 200D 2640",
+      "html": "&#128694;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶‍♀",
+      "name": "woman walking",
+      "shortname": ":woman_walking:",
+      "unicode": "1F6B6 200D 2640",
+      "html": "&#128694;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏿",
+      "name": "person walking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B6 1F3FF",
+      "html": "&#128694;&#127999;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏾",
+      "name": "person walking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B6 1F3FE",
+      "html": "&#128694;&#127998;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏽",
+      "name": "person walking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B6 1F3FD",
+      "html": "&#128694;&#127997;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏼",
+      "name": "person walking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B6 1F3FC",
+      "html": "&#128694;&#127996;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏻",
+      "name": "person walking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B6 1F3FB",
+      "html": "&#128694;&#127995;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶",
+      "name": "person walking",
+      "shortname": ":walking:",
+      "unicode": "1f6b6",
+      "html": "&#128694;",
+      "category": "People & Body (person-activity)",
+      "order": "693"
+    },
+    {
+      "emoji": "✈️",
+      "name": "airplane",
+      "shortname": ":airplane:",
+      "unicode": "2708",
+      "html": "&#9992;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1650"
+    },
+    {
+      "emoji": "🎈",
+      "name": "balloon",
+      "shortname": ":balloon:",
+      "unicode": "1f388",
+      "html": "&#127880;",
+      "category": "Activities (event)",
+      "order": "1761"
+    },
+    {
+      "emoji": "⭐",
+      "name": "star",
+      "shortname": ":star:",
+      "unicode": "2b50",
+      "html": "&#11088;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1727"
+    },
+    {
+      "emoji": "🎀",
+      "name": "ribbon",
+      "shortname": ":ribbon:",
+      "unicode": "1f380",
+      "html": "&#127872;",
+      "category": "Activities (event)",
+      "order": "1770"
+    },
+    {
+      "emoji": "☑️",
+      "name": "check box with check",
+      "shortname": ":ballot_box_with_check:",
+      "unicode": "2611",
+      "html": "&#9745;",
+      "category": "Symbols (other-symbol)",
+      "order": "2079"
+    },
+    {
+      "emoji": "😟",
+      "name": "worried face",
+      "shortname": ":worried:",
+      "unicode": "1f61f",
+      "html": "&#128543;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "52"
+    },
+    {
+      "emoji": "🔞",
+      "name": "no one under eighteen",
+      "shortname": ":underage:",
+      "unicode": "1f51e",
+      "html": "&#128286;",
+      "category": "Symbols (warning)",
+      "order": "1999"
+    },
+    {
+      "emoji": "😨",
+      "name": "fearful face",
+      "shortname": ":fearful:",
+      "unicode": "1f628",
+      "html": "&#128552;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "58"
+    },
+    {
+      "emoji": "🍀",
+      "name": "four leaf clover",
+      "shortname": ":four_leaf_clover:",
+      "unicode": "1f340",
+      "html": "&#127808;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1445"
+    },
+    {
+      "emoji": "🌺",
+      "name": "hibiscus",
+      "shortname": ":hibiscus:",
+      "unicode": "1f33a",
+      "html": "&#127802;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1433"
+    },
+    {
+      "emoji": "🎤",
+      "name": "microphone",
+      "shortname": ":microphone:",
+      "unicode": "1f3a4",
+      "html": "&#127908;",
+      "category": "Objects (music)",
+      "order": "1829"
+    },
+    {
+      "emoji": "👐🏿",
+      "name": "open hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F450 1F3FF",
+      "html": "&#128080;&#127999;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👐🏾",
+      "name": "open hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F450 1F3FE",
+      "html": "&#128080;&#127998;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👐🏽",
+      "name": "open hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F450 1F3FD",
+      "html": "&#128080;&#127997;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👐🏼",
+      "name": "open hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F450 1F3FC",
+      "html": "&#128080;&#127996;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👐🏻",
+      "name": "open hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F450 1F3FB",
+      "html": "&#128080;&#127995;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "👐",
+      "name": "open hands",
+      "shortname": ":open_hands:",
+      "unicode": "1f450",
+      "html": "&#128080;",
+      "category": "People & Body (hands)",
+      "order": "1236"
+    },
+    {
+      "emoji": "👻",
+      "name": "ghost",
+      "shortname": ":ghost:",
+      "unicode": "1f47b",
+      "html": "&#128123;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "82"
+    },
+    {
+      "emoji": "🌴",
+      "name": "palm tree",
+      "shortname": ":palm_tree:",
+      "unicode": "1f334",
+      "html": "&#127796;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1440"
+    },
+    {
+      "emoji": "‼️",
+      "name": "double exclamation mark",
+      "shortname": ":bangbang:",
+      "unicode": "203c",
+      "html": "&#8252;",
+      "category": "Symbols (other-symbol)",
+      "order": "2096"
+    },
+    {
+      "emoji": "💅🏿",
+      "name": "nail polish: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F485 1F3FF",
+      "html": "&#128133;&#127999;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "💅🏾",
+      "name": "nail polish: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F485 1F3FE",
+      "html": "&#128133;&#127998;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "💅🏽",
+      "name": "nail polish: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F485 1F3FD",
+      "html": "&#128133;&#127997;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "💅🏼",
+      "name": "nail polish: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F485 1F3FC",
+      "html": "&#128133;&#127996;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "💅🏻",
+      "name": "nail polish: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F485 1F3FB",
+      "html": "&#128133;&#127995;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "💅",
+      "name": "nail polish",
+      "shortname": ":nail_care:",
+      "unicode": "1f485",
+      "html": "&#128133;",
+      "category": "People & Body (hand-prop)",
+      "order": "1260"
+    },
+    {
+      "emoji": "❌",
+      "name": "cross mark",
+      "shortname": ":x:",
+      "unicode": "274c",
+      "html": "&#10060;",
+      "category": "Symbols (other-symbol)",
+      "order": "2082"
+    },
+    {
+      "emoji": "👽",
+      "name": "alien",
+      "shortname": ":alien:",
+      "unicode": "1f47d",
+      "html": "&#128125;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "83"
+    },
+    {
+      "emoji": "🙇🏿‍♀",
+      "name": "woman bowing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F647 1F3FF 200D 2640",
+      "html": "&#128583;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏾‍♀",
+      "name": "woman bowing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F647 1F3FE 200D 2640",
+      "html": "&#128583;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏽‍♀",
+      "name": "woman bowing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F647 1F3FD 200D 2640",
+      "html": "&#128583;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏼‍♀",
+      "name": "woman bowing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F647 1F3FC 200D 2640",
+      "html": "&#128583;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏻‍♀",
+      "name": "woman bowing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F647 1F3FB 200D 2640",
+      "html": "&#128583;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇‍♀",
+      "name": "woman bowing",
+      "shortname": ":woman_bowing:",
+      "unicode": "1F647 200D 2640",
+      "html": "&#128583;&zwj;&#9792;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏿",
+      "name": "person bowing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F647 1F3FF",
+      "html": "&#128583;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏾",
+      "name": "person bowing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F647 1F3FE",
+      "html": "&#128583;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏽",
+      "name": "person bowing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F647 1F3FD",
+      "html": "&#128583;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏼",
+      "name": "person bowing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F647 1F3FC",
+      "html": "&#128583;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏻",
+      "name": "person bowing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F647 1F3FB",
+      "html": "&#128583;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇",
+      "name": "person bowing",
+      "shortname": ":bow:",
+      "unicode": "1f647",
+      "html": "&#128583;",
+      "category": "People & Body (person-gesture)",
+      "order": "603"
+    },
+    {
+      "emoji": "☁",
+      "name": "cloud",
+      "shortname": ":cloud:",
+      "unicode": "2601",
+      "html": "&#9729;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1730"
+    },
+    {
+      "emoji": "⚽",
+      "name": "soccer ball",
+      "shortname": ":soccer:",
+      "unicode": "26bd",
+      "html": "&#9917;",
+      "category": "Activities (sport)",
+      "order": "1781"
+    },
+    {
+      "emoji": "👼🏿",
+      "name": "baby angel: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F47C 1F3FF",
+      "html": "&#128124;&#127999;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "👼🏾",
+      "name": "baby angel: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F47C 1F3FE",
+      "html": "&#128124;&#127998;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "👼🏽",
+      "name": "baby angel: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F47C 1F3FD",
+      "html": "&#128124;&#127997;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "👼🏼",
+      "name": "baby angel: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F47C 1F3FC",
+      "html": "&#128124;&#127996;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "👼🏻",
+      "name": "baby angel: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F47C 1F3FB",
+      "html": "&#128124;&#127995;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "👼",
+      "name": "baby angel",
+      "shortname": ":angel:",
+      "unicode": "1f47c",
+      "html": "&#128124;",
+      "category": "People & Body (person-fantasy)",
+      "order": "141"
+    },
+    {
+      "emoji": "👯‍♂",
+      "name": "men with bunny ears",
+      "shortname": ":men_with_bunny_ears:",
+      "unicode": "1F46F 200D 2642",
+      "html": "&#128111;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👯",
+      "name": "people with bunny ears",
+      "shortname": ":dancers:",
+      "unicode": "1f46f",
+      "html": "&#128111;",
+      "category": "People & Body (person-activity)",
+      "order": "741"
+    },
+    {
+      "emoji": "❗",
+      "name": "exclamation mark",
+      "shortname": ":exclamation:",
+      "unicode": "2757",
+      "html": "&#10071;",
+      "category": "Symbols (other-symbol)",
+      "order": "2101"
+    },
+    {
+      "emoji": "❄️",
+      "name": "snowflake",
+      "shortname": ":snowflake:",
+      "unicode": "2744",
+      "html": "&#10052;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1749"
+    },
+    {
+      "emoji": "☝🏿",
+      "name": "index pointing up: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "261D 1F3FF",
+      "html": "&#9757;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "☝🏾",
+      "name": "index pointing up: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "261D 1F3FE",
+      "html": "&#9757;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "☝🏽",
+      "name": "index pointing up: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "261D 1F3FD",
+      "html": "&#9757;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "☝🏼",
+      "name": "index pointing up: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "261D 1F3FC",
+      "html": "&#9757;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "☝🏻",
+      "name": "index pointing up: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "261D 1F3FB",
+      "html": "&#9757;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "☝️",
+      "name": "index pointing up",
+      "shortname": ":point_up:",
+      "unicode": "261d",
+      "html": "&#9757;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1104"
+    },
+    {
+      "emoji": "😙",
+      "name": "kissing face with smiling eyes",
+      "shortname": ":kissing_smiling_eyes:",
+      "unicode": "1f619",
+      "html": "&#128537;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": "16"
+    },
+    {
+      "emoji": "🌈",
+      "name": "rainbow",
+      "shortname": ":rainbow:",
+      "unicode": "1f308",
+      "html": "&#127752;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1743"
+    },
+    {
+      "emoji": "🌙",
+      "name": "crescent moon",
+      "shortname": ":crescent_moon:",
+      "unicode": "1f319",
+      "html": "&#127769;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1719"
+    },
+    {
+      "emoji": "💟",
+      "name": "heart decoration",
+      "shortname": ":heart_decoration:",
+      "unicode": "1f49f",
+      "html": "&#128159;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1299"
+    },
+    {
+      "emoji": "💝",
+      "name": "heart with ribbon",
+      "shortname": ":gift_heart:",
+      "unicode": "1f49d",
+      "html": "&#128157;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1297"
+    },
+    {
+      "emoji": "🎁",
+      "name": "wrapped gift",
+      "shortname": ":gift:",
+      "unicode": "1f381",
+      "html": "&#127873;",
+      "category": "Activities (event)",
+      "order": "1771"
+    },
+    {
+      "emoji": "🍻",
+      "name": "clinking beer mugs",
+      "shortname": ":beers:",
+      "unicode": "1f37b",
+      "html": "&#127867;",
+      "category": "Food & Drink (drink)",
+      "order": "1530"
+    },
+    {
+      "emoji": "😧",
+      "name": "anguished face",
+      "shortname": ":anguished:",
+      "unicode": "1f627",
+      "html": "&#128551;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "57"
+    },
+    {
+      "emoji": "🌍",
+      "name": "globe showing Europe-Africa",
+      "shortname": ":earth_africa:",
+      "unicode": "1f30d",
+      "html": "&#127757;",
+      "category": "Travel & Places (place-map)",
+      "order": "1538"
+    },
+    {
+      "emoji": "🎥",
+      "name": "movie camera",
+      "shortname": ":movie_camera:",
+      "unicode": "1f3a5",
+      "html": "&#127909;",
+      "category": "Objects (light & video)",
+      "order": "1856"
+    },
+    {
+      "emoji": "⚓",
+      "name": "anchor",
+      "shortname": ":anchor:",
+      "unicode": "2693",
+      "html": "&#9875;",
+      "category": "Travel & Places (transport-water)",
+      "order": "1642"
+    },
+    {
+      "emoji": "⚡",
+      "name": "high voltage",
+      "shortname": ":zap:",
+      "unicode": "26a1",
+      "html": "&#9889;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1748"
+    },
+    {
+      "emoji": "♣️",
+      "name": "club suit",
+      "shortname": ":club_suit:",
+      "unicode": "2663 FE0F",
+      "html": "&clubs;️",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "✖️",
+      "name": "multiplication sign",
+      "shortname": ":heavy_multiplication_x:",
+      "unicode": "2716",
+      "html": "&#10006;",
+      "category": "Symbols (other-symbol)",
+      "order": "2081"
+    },
+    {
+      "emoji": "🏃🏿‍♀",
+      "name": "woman running: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C3 1F3FF 200D 2640",
+      "html": "&#127939;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏾‍♀",
+      "name": "woman running: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C3 1F3FE 200D 2640",
+      "html": "&#127939;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏽‍♀",
+      "name": "woman running: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C3 1F3FD 200D 2640",
+      "html": "&#127939;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏼‍♀",
+      "name": "woman running: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C3 1F3FC 200D 2640",
+      "html": "&#127939;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏻‍♀",
+      "name": "woman running: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C3 1F3FB 200D 2640",
+      "html": "&#127939;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃‍♀",
+      "name": "woman running",
+      "shortname": ":woman_running:",
+      "unicode": "1F3C3 200D 2640",
+      "html": "&#127939;&zwj;&#9792;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏿",
+      "name": "person running: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C3 1F3FF",
+      "html": "&#127939;&#127999;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏾",
+      "name": "person running: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C3 1F3FE",
+      "html": "&#127939;&#127998;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏽",
+      "name": "person running: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C3 1F3FD",
+      "html": "&#127939;&#127997;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏼",
+      "name": "person running: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C3 1F3FC",
+      "html": "&#127939;&#127996;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏻",
+      "name": "person running: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C3 1F3FB",
+      "html": "&#127939;&#127995;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃",
+      "name": "person running",
+      "shortname": ":runner:",
+      "unicode": "1f3c3",
+      "html": "&#127939;",
+      "category": "People & Body (person-activity)",
+      "order": "711"
+    },
+    {
+      "emoji": "🌻",
+      "name": "sunflower",
+      "shortname": ":sunflower:",
+      "unicode": "1f33b",
+      "html": "&#127803;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1434"
+    },
+    {
+      "emoji": "🌎",
+      "name": "globe showing Americas",
+      "shortname": ":earth_americas:",
+      "unicode": "1f30e",
+      "html": "&#127758;",
+      "category": "Travel & Places (place-map)",
+      "order": "1539"
+    },
+    {
+      "emoji": "💐",
+      "name": "bouquet",
+      "shortname": ":bouquet:",
+      "unicode": "1f490",
+      "html": "&#128144;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1427"
+    },
+    {
+      "emoji": "🐶",
+      "name": "dog face",
+      "shortname": ":dog:",
+      "unicode": "1f436",
+      "html": "&#128054;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1345"
+    },
+    {
+      "emoji": "💰",
+      "name": "money bag",
+      "shortname": ":moneybag:",
+      "unicode": "1f4b0",
+      "html": "&#128176;",
+      "category": "Objects (money)",
+      "order": "1891"
+    },
+    {
+      "emoji": "🌿",
+      "name": "herb",
+      "shortname": ":herb:",
+      "unicode": "1f33f",
+      "html": "&#127807;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1443"
+    },
+    {
+      "emoji": "👫",
+      "name": "woman and man holding hands",
+      "shortname": ":couple:",
+      "unicode": "1f46b",
+      "html": "&#128107;",
+      "category": "People & Body (family)",
+      "order": "1018"
+    },
+    {
+      "emoji": "🍂",
+      "name": "fallen leaf",
+      "shortname": ":fallen_leaf:",
+      "unicode": "1f342",
+      "html": "&#127810;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1447"
+    },
+    {
+      "emoji": "🌷",
+      "name": "tulip",
+      "shortname": ":tulip:",
+      "unicode": "1f337",
+      "html": "&#127799;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1436"
+    },
+    {
+      "emoji": "🎂",
+      "name": "birthday cake",
+      "shortname": ":birthday:",
+      "unicode": "1f382",
+      "html": "&#127874;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1513"
+    },
+    {
+      "emoji": "🐱",
+      "name": "cat face",
+      "shortname": ":cat:",
+      "unicode": "1f431",
+      "html": "&#128049;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1350"
+    },
+    {
+      "emoji": "☕",
+      "name": "hot beverage",
+      "shortname": ":coffee:",
+      "unicode": "2615",
+      "html": "&#9749;",
+      "category": "Food & Drink (drink)",
+      "order": "1522"
+    },
+    {
+      "emoji": "😵",
+      "name": "dizzy face",
+      "shortname": ":dizzy_face:",
+      "unicode": "1f635",
+      "html": "&#128565;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": "64"
+    },
+    {
+      "emoji": "👆🏿",
+      "name": "backhand index pointing up: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F446 1F3FF",
+      "html": "&#128070;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👆🏾",
+      "name": "backhand index pointing up: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F446 1F3FE",
+      "html": "&#128070;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👆🏽",
+      "name": "backhand index pointing up: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F446 1F3FD",
+      "html": "&#128070;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👆🏼",
+      "name": "backhand index pointing up: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F446 1F3FC",
+      "html": "&#128070;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👆🏻",
+      "name": "backhand index pointing up: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F446 1F3FB",
+      "html": "&#128070;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "👆",
+      "name": "backhand index pointing up",
+      "shortname": ":point_up_2:",
+      "unicode": "1f446",
+      "html": "&#128070;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1110"
+    },
+    {
+      "emoji": "😮",
+      "name": "face with open mouth",
+      "shortname": ":open_mouth:",
+      "unicode": "1f62e",
+      "html": "&#128558;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "29"
+    },
+    {
+      "emoji": "😯",
+      "name": "hushed face",
+      "shortname": ":hushed:",
+      "unicode": "1f62f",
+      "html": "&#128559;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "31"
+    },
+    {
+      "emoji": "🏀",
+      "name": "basketball",
+      "shortname": ":basketball:",
+      "unicode": "1f3c0",
+      "html": "&#127936;",
+      "category": "Activities (sport)",
+      "order": "1783"
+    },
+    {
+      "emoji": "🎄",
+      "name": "Christmas tree",
+      "shortname": ":christmas_tree:",
+      "unicode": "1f384",
+      "html": "&#127876;",
+      "category": "Activities (event)",
+      "order": "1757"
+    },
+    {
+      "emoji": "💍",
+      "name": "ring",
+      "shortname": ":ring:",
+      "unicode": "1f48d",
+      "html": "&#128141;",
+      "category": "Objects (clothing)",
+      "order": "1340"
+    },
+    {
+      "emoji": "🌝",
+      "name": "full moon face",
+      "shortname": ":full_moon_with_face:",
+      "unicode": "1f31d",
+      "html": "&#127773;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1725"
+    },
+    {
+      "emoji": "😲",
+      "name": "astonished face",
+      "shortname": ":astonished:",
+      "unicode": "1f632",
+      "html": "&#128562;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "47"
+    },
+    {
+      "emoji": "👭",
+      "name": "women holding hands",
+      "shortname": ":two_women_holding_hands:",
+      "unicode": "1f46d",
+      "html": "&#128109;",
+      "category": "People & Body (family)",
+      "order": "1030"
+    },
+    {
+      "emoji": "💸",
+      "name": "money with wings",
+      "shortname": ":money_with_wings:",
+      "unicode": "1f4b8",
+      "html": "&#128184;",
+      "category": "Objects (money)",
+      "order": "1896"
+    },
+    {
+      "emoji": "😿",
+      "name": "crying cat",
+      "shortname": ":crying_cat_face:",
+      "unicode": "1f63f",
+      "html": "&#128575;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "94"
+    },
+    {
+      "emoji": "🙉",
+      "name": "hear-no-evil monkey",
+      "shortname": ":hear_no_evil:",
+      "unicode": "1f649",
+      "html": "&#128585;",
+      "category": "Smileys & Emotion (monkey-face)",
+      "order": "97"
+    },
+    {
+      "emoji": "💨",
+      "name": "dashing away",
+      "shortname": ":dash:",
+      "unicode": "1f4a8",
+      "html": "&#128168;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1307"
+    },
+    {
+      "emoji": "🌵",
+      "name": "cactus",
+      "shortname": ":cactus:",
+      "unicode": "1f335",
+      "html": "&#127797;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1441"
+    },
+    {
+      "emoji": "♨️",
+      "name": "hot springs",
+      "shortname": ":hotsprings:",
+      "unicode": "2668",
+      "html": "&#9832;",
+      "category": "Travel & Places (place-other)",
+      "order": "1591"
+    },
+    {
+      "emoji": "☎️",
+      "name": "telephone",
+      "shortname": ":telephone:",
+      "unicode": "260e",
+      "html": "&#9742;",
+      "category": "Objects (phone)",
+      "order": "1840"
+    },
+    {
+      "emoji": "🍁",
+      "name": "maple leaf",
+      "shortname": ":maple_leaf:",
+      "unicode": "1f341",
+      "html": "&#127809;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1446"
+    },
+    {
+      "emoji": "👸🏿",
+      "name": "princess: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F478 1F3FF",
+      "html": "&#128120;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👸🏾",
+      "name": "princess: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F478 1F3FE",
+      "html": "&#128120;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👸🏽",
+      "name": "princess: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F478 1F3FD",
+      "html": "&#128120;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👸🏼",
+      "name": "princess: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F478 1F3FC",
+      "html": "&#128120;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👸🏻",
+      "name": "princess: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F478 1F3FB",
+      "html": "&#128120;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👸",
+      "name": "princess",
+      "shortname": ":princess:",
+      "unicode": "1f478",
+      "html": "&#128120;",
+      "category": "People & Body (person-role)",
+      "order": "459"
+    },
+    {
+      "emoji": "💆🏿‍♂",
+      "name": "man getting massage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F486 1F3FF 200D 2642",
+      "html": "&#128134;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏾‍♂",
+      "name": "man getting massage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F486 1F3FE 200D 2642",
+      "html": "&#128134;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏽‍♂",
+      "name": "man getting massage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F486 1F3FD 200D 2642",
+      "html": "&#128134;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏼‍♂",
+      "name": "man getting massage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F486 1F3FC 200D 2642",
+      "html": "&#128134;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏻‍♂",
+      "name": "man getting massage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F486 1F3FB 200D 2642",
+      "html": "&#128134;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆‍♂",
+      "name": "man getting massage",
+      "shortname": ":man_getting_massage:",
+      "unicode": "1F486 200D 2642",
+      "html": "&#128134;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏿",
+      "name": "person getting massage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F486 1F3FF",
+      "html": "&#128134;&#127999;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏾",
+      "name": "person getting massage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F486 1F3FE",
+      "html": "&#128134;&#127998;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏽",
+      "name": "person getting massage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F486 1F3FD",
+      "html": "&#128134;&#127997;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏼",
+      "name": "person getting massage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F486 1F3FC",
+      "html": "&#128134;&#127996;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏻",
+      "name": "person getting massage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F486 1F3FB",
+      "html": "&#128134;&#127995;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆",
+      "name": "person getting massage",
+      "shortname": ":massage:",
+      "unicode": "1f486",
+      "html": "&#128134;",
+      "category": "People & Body (person-activity)",
+      "order": "657"
+    },
+    {
+      "emoji": "💌",
+      "name": "love letter",
+      "shortname": ":love_letter:",
+      "unicode": "1f48c",
+      "html": "&#128140;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1301"
+    },
+    {
+      "emoji": "🏆",
+      "name": "trophy",
+      "shortname": ":trophy:",
+      "unicode": "1f3c6",
+      "html": "&#127942;",
+      "category": "Activities (award-medal)",
+      "order": "1776"
+    },
+    {
+      "emoji": "🙍🏿‍♂",
+      "name": "man frowning: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64D 1F3FF 200D 2642",
+      "html": "&#128589;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏾‍♂",
+      "name": "man frowning: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64D 1F3FE 200D 2642",
+      "html": "&#128589;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏽‍♂",
+      "name": "man frowning: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64D 1F3FD 200D 2642",
+      "html": "&#128589;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏼‍♂",
+      "name": "man frowning: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64D 1F3FC 200D 2642",
+      "html": "&#128589;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏻‍♂",
+      "name": "man frowning: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64D 1F3FB 200D 2642",
+      "html": "&#128589;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍‍♂",
+      "name": "man frowning",
+      "shortname": ":man_frowning:",
+      "unicode": "1F64D 200D 2642",
+      "html": "&#128589;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏿",
+      "name": "person frowning: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64D 1F3FF",
+      "html": "&#128589;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏾",
+      "name": "person frowning: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64D 1F3FE",
+      "html": "&#128589;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏽",
+      "name": "person frowning: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64D 1F3FD",
+      "html": "&#128589;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏼",
+      "name": "person frowning: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64D 1F3FC",
+      "html": "&#128589;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏻",
+      "name": "person frowning: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64D 1F3FB",
+      "html": "&#128589;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍",
+      "name": "person frowning",
+      "shortname": ":person_frowning:",
+      "unicode": "1f64d",
+      "html": "&#128589;",
+      "category": "People & Body (person-gesture)",
+      "order": "495"
+    },
+    {
+      "emoji": "🇺🇸",
+      "name": "flag: United States",
+      "shortname": ":us:",
+      "unicode": "1f1fa",
+      "html": "&#127482;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🎊",
+      "name": "confetti ball",
+      "shortname": ":confetti_ball:",
+      "unicode": "1f38a",
+      "html": "&#127882;",
+      "category": "Activities (event)",
+      "order": "1763"
+    },
+    {
+      "emoji": "🌼",
+      "name": "blossom",
+      "shortname": ":blossom:",
+      "unicode": "1f33c",
+      "html": "&#127804;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1435"
+    },
+    {
+      "emoji": "🔪",
+      "name": "kitchen knife",
+      "shortname": ":kitchen_knife:",
+      "unicode": "1F52A",
+      "html": "&#128298;",
+      "category": "Food & Drink (dishware)",
+      "order": ""
+    },
+    {
+      "emoji": "👄",
+      "name": "mouth",
+      "shortname": ":lips:",
+      "unicode": "1f444",
+      "html": "&#128068;",
+      "category": "People & Body (body-parts)",
+      "order": "1283"
+    },
+    {
+      "emoji": "🍟",
+      "name": "french fries",
+      "shortname": ":fries:",
+      "unicode": "1f35f",
+      "html": "&#127839;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1483"
+    },
+    {
+      "emoji": "🍩",
+      "name": "doughnut",
+      "shortname": ":doughnut:",
+      "unicode": "1f369",
+      "html": "&#127849;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1511"
+    },
+    {
+      "emoji": "😦",
+      "name": "frowning face with open mouth",
+      "shortname": ":frowning:",
+      "unicode": "1f626",
+      "html": "&#128550;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": "56"
+    },
+    {
+      "emoji": "🌊",
+      "name": "water wave",
+      "shortname": ":ocean:",
+      "unicode": "1f30a",
+      "html": "&#127754;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1755"
+    },
+    {
+      "emoji": "💣",
+      "name": "bomb",
+      "shortname": ":bomb:",
+      "unicode": "1f4a3",
+      "html": "&#128163;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1304"
+    },
+    {
+      "emoji": "🆗",
+      "name": "OK button",
+      "shortname": ":ok:",
+      "unicode": "1f197",
+      "html": "&#127383;",
+      "category": "Symbols (alphanum)",
+      "order": "2137"
+    },
+    {
+      "emoji": "🌀",
+      "name": "cyclone",
+      "shortname": ":cyclone:",
+      "unicode": "1f300",
+      "html": "&#127744;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1742"
+    },
+    {
+      "emoji": "🚀",
+      "name": "rocket",
+      "shortname": ":rocket:",
+      "unicode": "1f680",
+      "html": "&#128640;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1659"
+    },
+    {
+      "emoji": "☔",
+      "name": "umbrella with rain drops",
+      "shortname": ":umbrella:",
+      "unicode": "2614",
+      "html": "&#9748;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1746"
+    },
+    {
+      "emoji": "💏",
+      "name": "kiss",
+      "shortname": ":couplekiss:",
+      "unicode": "1f48f",
+      "html": "&#128143;",
+      "category": "People & Body (family)",
+      "order": "1036"
+    },
+    {
+      "emoji": "👩‍❤️‍💋‍👩",
+      "name": "kiss: woman, woman",
+      "shortname": ":couple_woman_kiss:",
+      "unicode": "1F469 200D 2764 FE0F 200D 1F48B 200D 1F469",
+      "html": "&#128105;&zwj;&#10084;&zwj;&#128139;&zwj;&#128105;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍❤️‍💋‍👨",
+      "name": "kiss: man, man",
+      "shortname": ":couple_man_kiss:",
+      "unicode": "1F468 200D 2764 FE0F 200D 1F48B 200D 1F468",
+      "html": "&#128104;&zwj;&#10084;&zwj;&#128139;&zwj;&#128104;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "💑",
+      "name": "couple with heart",
+      "shortname": ":couple_with_heart:",
+      "unicode": "1f491",
+      "html": "&#128145;",
+      "category": "People & Body (family)",
+      "order": "1040"
+    },
+    {
+      "emoji": "👩‍❤️‍👩",
+      "name": "couple with heart: woman, woman",
+      "shortname": ":woman_woman:",
+      "unicode": "1F469 200D 2764 FE0F 200D 1F469",
+      "html": "&#128105;&zwj;&#10084;&zwj;&#128105;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍❤️‍👨",
+      "name": "couple with heart: man, man",
+      "shortname": ":man_man_love:",
+      "unicode": "1F468 200D 2764 FE0F 200D 1F468",
+      "html": "&#128104;&zwj;&#10084;&zwj;&#128104;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🍭",
+      "name": "lollipop",
+      "shortname": ":lollipop:",
+      "unicode": "1f36d",
+      "html": "&#127853;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1517"
+    },
+    {
+      "emoji": "🎬",
+      "name": "clapper board",
+      "shortname": ":clapper:",
+      "unicode": "1f3ac",
+      "html": "&#127916;",
+      "category": "Objects (light & video)",
+      "order": "1859"
+    },
+    {
+      "emoji": "🐷",
+      "name": "pig face",
+      "shortname": ":pig:",
+      "unicode": "1f437",
+      "html": "&#128055;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1364"
+    },
+    {
+      "emoji": "😈",
+      "name": "smiling face with horns",
+      "shortname": ":smiling_imp:",
+      "unicode": "1f608",
+      "html": "&#128520;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "76"
+    },
+    {
+      "emoji": "👿",
+      "name": "angry face with horns",
+      "shortname": ":imp:",
+      "unicode": "1f47f",
+      "html": "&#128127;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "77"
+    },
+    {
+      "emoji": "🐝",
+      "name": "honeybee",
+      "shortname": ":bee:",
+      "unicode": "1f41d",
+      "html": "&#128029;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1422"
+    },
+    {
+      "emoji": "😽",
+      "name": "kissing cat",
+      "shortname": ":kissing_cat:",
+      "unicode": "1f63d",
+      "html": "&#128573;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "92"
+    },
+    {
+      "emoji": "💢",
+      "name": "anger symbol",
+      "shortname": ":anger:",
+      "unicode": "1f4a2",
+      "html": "&#128162;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1303"
+    },
+    {
+      "emoji": "🎼",
+      "name": "musical score",
+      "shortname": ":musical_score:",
+      "unicode": "1f3bc",
+      "html": "&#127932;",
+      "category": "Objects (music)",
+      "order": "1823"
+    },
+    {
+      "emoji": "🎅🏿",
+      "name": "Santa Claus: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F385 1F3FF",
+      "html": "&#127877;&#127999;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🎅🏾",
+      "name": "Santa Claus: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F385 1F3FE",
+      "html": "&#127877;&#127998;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🎅🏽",
+      "name": "Santa Claus: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F385 1F3FD",
+      "html": "&#127877;&#127997;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🎅🏼",
+      "name": "Santa Claus: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F385 1F3FC",
+      "html": "&#127877;&#127996;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🎅🏻",
+      "name": "Santa Claus: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F385 1F3FB",
+      "html": "&#127877;&#127995;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🎅",
+      "name": "Santa Claus",
+      "shortname": ":santa:",
+      "unicode": "1f385",
+      "html": "&#127877;",
+      "category": "People & Body (person-fantasy)",
+      "order": "447"
+    },
+    {
+      "emoji": "🌏",
+      "name": "globe showing Asia-Australia",
+      "shortname": ":earth_asia:",
+      "unicode": "1f30f",
+      "html": "&#127759;",
+      "category": "Travel & Places (place-map)",
+      "order": "1540"
+    },
+    {
+      "emoji": "🏈",
+      "name": "american football",
+      "shortname": ":football:",
+      "unicode": "1f3c8",
+      "html": "&#127944;",
+      "category": "Activities (sport)",
+      "order": "1785"
+    },
+    {
+      "emoji": "🎸",
+      "name": "guitar",
+      "shortname": ":guitar:",
+      "unicode": "1f3b8",
+      "html": "&#127928;",
+      "category": "Objects (musical-instrument)",
+      "order": "1833"
+    },
+    {
+      "emoji": "♦️",
+      "name": "diamond suit",
+      "shortname": ":diamond_suit:",
+      "unicode": "2666 FE0F",
+      "html": "&diams;️",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🐼",
+      "name": "panda",
+      "shortname": ":panda_face:",
+      "unicode": "1f43c",
+      "html": "&#128060;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1385"
+    },
+    {
+      "emoji": "💬",
+      "name": "speech balloon",
+      "shortname": ":speech_balloon:",
+      "unicode": "1f4ac",
+      "html": "&#128172;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1309"
+    },
+    {
+      "emoji": "🍓",
+      "name": "strawberry",
+      "shortname": ":strawberry:",
+      "unicode": "1f353",
+      "html": "&#127827;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1461"
+    },
+    {
+      "emoji": "😼",
+      "name": "cat with wry smile",
+      "shortname": ":smirk_cat:",
+      "unicode": "1f63c",
+      "html": "&#128572;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "91"
+    },
+    {
+      "emoji": "🍌",
+      "name": "banana",
+      "shortname": ":banana:",
+      "unicode": "1f34c",
+      "html": "&#127820;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1454"
+    },
+    {
+      "emoji": "🍉",
+      "name": "watermelon",
+      "shortname": ":watermelon:",
+      "unicode": "1f349",
+      "html": "&#127817;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1451"
+    },
+    {
+      "emoji": "⛄",
+      "name": "snowman without snow",
+      "shortname": ":snowman:",
+      "unicode": "26c4",
+      "html": "&#9924;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1751"
+    },
+    {
+      "emoji": "😸",
+      "name": "grinning cat with smiling eyes",
+      "shortname": ":smile_cat:",
+      "unicode": "1f638",
+      "html": "&#128568;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "88"
+    },
+    {
+      "emoji": "♠️",
+      "name": "spade suit",
+      "shortname": ":spade_suit:",
+      "unicode": "2660 FE0F",
+      "html": "&spades;️",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🔝",
+      "name": "TOP arrow",
+      "shortname": ":top:",
+      "unicode": "1f51d",
+      "html": "&#128285;",
+      "category": "Symbols (arrow)",
+      "order": "2022"
+    },
+    {
+      "emoji": "🍆",
+      "name": "eggplant",
+      "shortname": ":eggplant:",
+      "unicode": "1f346",
+      "html": "&#127814;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": "1465"
+    },
+    {
+      "emoji": "🔮",
+      "name": "crystal ball",
+      "shortname": ":crystal_ball:",
+      "unicode": "1f52e",
+      "html": "&#128302;",
+      "category": "Activities (game)",
+      "order": "1974"
+    },
+    {
+      "emoji": "🍴",
+      "name": "fork and knife",
+      "shortname": ":fork_and_knife:",
+      "unicode": "1f374",
+      "html": "&#127860;",
+      "category": "Food & Drink (dishware)",
+      "order": "1534"
+    },
+    {
+      "emoji": "📲",
+      "name": "mobile phone with arrow",
+      "shortname": ":calling:",
+      "unicode": "1f4f2",
+      "html": "&#128242;",
+      "category": "Objects (phone)",
+      "order": "1839"
+    },
+    {
+      "emoji": "📱",
+      "name": "mobile phone",
+      "shortname": ":iphone:",
+      "unicode": "1f4f1",
+      "html": "&#128241;",
+      "category": "Objects (phone)",
+      "order": "1838"
+    },
+    {
+      "emoji": "⛅",
+      "name": "sun behind cloud",
+      "shortname": ":partly_sunny:",
+      "unicode": "26c5",
+      "html": "&#9925;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1731"
+    },
+    {
+      "emoji": "⚠️",
+      "name": "warning",
+      "shortname": ":warning:",
+      "unicode": "26a0",
+      "html": "&#9888;",
+      "category": "Symbols (warning)",
+      "order": "1989"
+    },
+    {
+      "emoji": "🙀",
+      "name": "weary cat",
+      "shortname": ":scream_cat:",
+      "unicode": "1f640",
+      "html": "&#128576;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "93"
+    },
+    {
+      "emoji": "🔸",
+      "name": "small orange diamond",
+      "shortname": ":small_orange_diamond:",
+      "unicode": "1f538",
+      "html": "&#128312;",
+      "category": "Symbols (geometric)",
+      "order": "2169"
+    },
+    {
+      "emoji": "👶🏿",
+      "name": "baby: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F476 1F3FF",
+      "html": "&#128118;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👶🏾",
+      "name": "baby: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F476 1F3FE",
+      "html": "&#128118;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👶🏽",
+      "name": "baby: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F476 1F3FD",
+      "html": "&#128118;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👶🏼",
+      "name": "baby: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F476 1F3FC",
+      "html": "&#128118;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👶🏻",
+      "name": "baby: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F476 1F3FB",
+      "html": "&#128118;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👶",
+      "name": "baby",
+      "shortname": ":baby:",
+      "unicode": "1f476",
+      "html": "&#128118;",
+      "category": "People & Body (person)",
+      "order": "135"
+    },
+    {
+      "emoji": "🐾",
+      "name": "paw prints",
+      "shortname": ":feet:",
+      "unicode": "1f43e",
+      "html": "&#128062;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1386"
+    },
+    {
+      "emoji": "👣",
+      "name": "footprints",
+      "shortname": ":footprints:",
+      "unicode": "1f463",
+      "html": "&#128099;",
+      "category": "People & Body (person-symbol)",
+      "order": "1278"
+    },
+    {
+      "emoji": "🍺",
+      "name": "beer mug",
+      "shortname": ":beer:",
+      "unicode": "1f37a",
+      "html": "&#127866;",
+      "category": "Food & Drink (drink)",
+      "order": "1529"
+    },
+    {
+      "emoji": "🍷",
+      "name": "wine glass",
+      "shortname": ":wine_glass:",
+      "unicode": "1f377",
+      "html": "&#127863;",
+      "category": "Food & Drink (drink)",
+      "order": "1526"
+    },
+    {
+      "emoji": "⭕",
+      "name": "hollow red circle",
+      "shortname": ":o:",
+      "unicode": "2b55",
+      "html": "&#11093;",
+      "category": "Symbols (other-symbol)",
+      "order": "2077"
+    },
+    {
+      "emoji": "📹",
+      "name": "video camera",
+      "shortname": ":video_camera:",
+      "unicode": "1f4f9",
+      "html": "&#128249;",
+      "category": "Objects (light & video)",
+      "order": "1863"
+    },
+    {
+      "emoji": "🐰",
+      "name": "rabbit face",
+      "shortname": ":rabbit:",
+      "unicode": "1f430",
+      "html": "&#128048;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1379"
+    },
+    {
+      "emoji": "🍹",
+      "name": "tropical drink",
+      "shortname": ":tropical_drink:",
+      "unicode": "1f379",
+      "html": "&#127865;",
+      "category": "Food & Drink (drink)",
+      "order": "1528"
+    },
+    {
+      "emoji": "🚬",
+      "name": "cigarette",
+      "shortname": ":smoking:",
+      "unicode": "1f6ac",
+      "html": "&#128684;",
+      "category": "Objects (other-object)",
+      "order": "1969"
+    },
+    {
+      "emoji": "👾",
+      "name": "alien monster",
+      "shortname": ":space_invader:",
+      "unicode": "1f47e",
+      "html": "&#128126;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "84"
+    },
+    {
+      "emoji": "🍑",
+      "name": "peach",
+      "shortname": ":peach:",
+      "unicode": "1f351",
+      "html": "&#127825;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1459"
+    },
+    {
+      "emoji": "🐍",
+      "name": "snake",
+      "shortname": ":snake:",
+      "unicode": "1f40d",
+      "html": "&#128013;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": "1403"
+    },
+    {
+      "emoji": "🐢",
+      "name": "turtle",
+      "shortname": ":turtle:",
+      "unicode": "1f422",
+      "html": "&#128034;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": "1401"
+    },
+    {
+      "emoji": "🍒",
+      "name": "cherries",
+      "shortname": ":cherries:",
+      "unicode": "1f352",
+      "html": "&#127826;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1460"
+    },
+    {
+      "emoji": "😗",
+      "name": "kissing face",
+      "shortname": ":kissing:",
+      "unicode": "1f617",
+      "html": "&#128535;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": "15"
+    },
+    {
+      "emoji": "🐸",
+      "name": "frog",
+      "shortname": ":frog:",
+      "unicode": "1f438",
+      "html": "&#128056;",
+      "category": "Animals & Nature (animal-amphibian)",
+      "order": "1399"
+    },
+    {
+      "emoji": "🌌",
+      "name": "milky way",
+      "shortname": ":milky_way:",
+      "unicode": "1f30c",
+      "html": "&#127756;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1592"
+    },
+    {
+      "emoji": "🚨",
+      "name": "police car light",
+      "shortname": ":rotating_light:",
+      "unicode": "1f6a8",
+      "html": "&#128680;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1637"
+    },
+    {
+      "emoji": "🐣",
+      "name": "hatching chick",
+      "shortname": ":hatching_chick:",
+      "unicode": "1f423",
+      "html": "&#128035;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1390"
+    },
+    {
+      "emoji": "📕",
+      "name": "closed book",
+      "shortname": ":closed_book:",
+      "unicode": "1f4d5",
+      "html": "&#128213;",
+      "category": "Objects (book-paper)",
+      "order": "1875"
+    },
+    {
+      "emoji": "🍬",
+      "name": "candy",
+      "shortname": ":candy:",
+      "unicode": "1f36c",
+      "html": "&#127852;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1516"
+    },
+    {
+      "emoji": "🍔",
+      "name": "hamburger",
+      "shortname": ":hamburger:",
+      "unicode": "1f354",
+      "html": "&#127828;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1482"
+    },
+    {
+      "emoji": "🐻",
+      "name": "bear",
+      "shortname": ":bear:",
+      "unicode": "1f43b",
+      "html": "&#128059;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1383"
+    },
+    {
+      "emoji": "🐯",
+      "name": "tiger face",
+      "shortname": ":tiger:",
+      "unicode": "1f42f",
+      "html": "&#128047;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1353"
+    },
+    {
+      "emoji": "🚗",
+      "name": "automobile",
+      "shortname": ":automobile:",
+      "unicode": "1F697",
+      "html": "&#128663;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "⏩",
+      "name": "fast-forward button",
+      "shortname": ":fast_forward:",
+      "unicode": "2.3E+10",
+      "html": "&#9193;",
+      "category": "Symbols (av-symbol)",
+      "order": "2052"
+    },
+    {
+      "emoji": "🍦",
+      "name": "soft ice cream",
+      "shortname": ":icecream:",
+      "unicode": "1f366",
+      "html": "&#127846;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1508"
+    },
+    {
+      "emoji": "🍍",
+      "name": "pineapple",
+      "shortname": ":pineapple:",
+      "unicode": "1f34d",
+      "html": "&#127821;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1455"
+    },
+    {
+      "emoji": "🌾",
+      "name": "sheaf of rice",
+      "shortname": ":ear_of_rice:",
+      "unicode": "1f33e",
+      "html": "&#127806;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1442"
+    },
+    {
+      "emoji": "💉",
+      "name": "syringe",
+      "shortname": ":syringe:",
+      "unicode": "1f489",
+      "html": "&#128137;",
+      "category": "Objects (medical)",
+      "order": "1967"
+    },
+    {
+      "emoji": "🚮",
+      "name": "litter in bin sign",
+      "shortname": ":put_litter_in_its_place:",
+      "unicode": "1f6ae",
+      "html": "&#128686;",
+      "category": "Symbols (transport-sign)",
+      "order": "1977"
+    },
+    {
+      "emoji": "🍫",
+      "name": "chocolate bar",
+      "shortname": ":chocolate_bar:",
+      "unicode": "1f36b",
+      "html": "&#127851;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1515"
+    },
+    {
+      "emoji": "▪️",
+      "name": "black small square",
+      "shortname": ":black_small_square:",
+      "unicode": "25aa",
+      "html": "&#9642;",
+      "category": "Symbols (geometric)",
+      "order": "2159"
+    },
+    {
+      "emoji": "📺",
+      "name": "television",
+      "shortname": ":tv:",
+      "unicode": "1f4fa",
+      "html": "&#128250;",
+      "category": "Objects (light & video)",
+      "order": "1860"
+    },
+    {
+      "emoji": "💊",
+      "name": "pill",
+      "shortname": ":pill:",
+      "unicode": "1f48a",
+      "html": "&#128138;",
+      "category": "Objects (medical)",
+      "order": "1968"
+    },
+    {
+      "emoji": "🐙",
+      "name": "octopus",
+      "shortname": ":octopus:",
+      "unicode": "1f419",
+      "html": "&#128025;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1413"
+    },
+    {
+      "emoji": "🎃",
+      "name": "jack-o-lantern",
+      "shortname": ":jack_o_lantern:",
+      "unicode": "1f383",
+      "html": "&#127875;",
+      "category": "Activities (event)",
+      "order": "1756"
+    },
+    {
+      "emoji": "🍇",
+      "name": "grapes",
+      "shortname": ":grapes:",
+      "unicode": "1f347",
+      "html": "&#127815;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1449"
+    },
+    {
+      "emoji": "😺",
+      "name": "grinning cat",
+      "shortname": ":smiley_cat:",
+      "unicode": "1f63a",
+      "html": "&#128570;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "87"
+    },
+    {
+      "emoji": "💿",
+      "name": "optical disk",
+      "shortname": ":cd:",
+      "unicode": "1f4bf",
+      "html": "&#128191;",
+      "category": "Objects (computer)",
+      "order": "1854"
+    },
+    {
+      "emoji": "🍸",
+      "name": "cocktail glass",
+      "shortname": ":cocktail:",
+      "unicode": "1f378",
+      "html": "&#127864;",
+      "category": "Food & Drink (drink)",
+      "order": "1527"
+    },
+    {
+      "emoji": "🍰",
+      "name": "shortcake",
+      "shortname": ":cake:",
+      "unicode": "1f370",
+      "html": "&#127856;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1514"
+    },
+    {
+      "emoji": "🎮",
+      "name": "video game",
+      "shortname": ":video_game:",
+      "unicode": "1f3ae",
+      "html": "&#127918;",
+      "category": "Activities (game)",
+      "order": "1804"
+    },
+    {
+      "emoji": "™️",
+      "name": "trade mark",
+      "shortname": ":trade_mark:",
+      "unicode": "2122 FE0F",
+      "html": "&trade;️",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⬇️",
+      "name": "down arrow",
+      "shortname": ":arrow_down:",
+      "unicode": "2b07",
+      "html": "&#11015;",
+      "category": "Symbols (arrow)",
+      "order": "2006"
+    },
+    {
+      "emoji": "🚫",
+      "name": "prohibited",
+      "shortname": ":no_entry_sign:",
+      "unicode": "1f6ab",
+      "html": "&#128683;",
+      "category": "Symbols (warning)",
+      "order": "1992"
+    },
+    {
+      "emoji": "💄",
+      "name": "lipstick",
+      "shortname": ":lipstick:",
+      "unicode": "1f484",
+      "html": "&#128132;",
+      "category": "Objects (clothing)",
+      "order": "1339"
+    },
+    {
+      "emoji": "🐳",
+      "name": "spouting whale",
+      "shortname": ":whale:",
+      "unicode": "1f433",
+      "html": "&#128051;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1406"
+    },
+    {
+      "emoji": "📝",
+      "name": "memo",
+      "shortname": ":memo:",
+      "unicode": "1F4DD",
+      "html": "&#128221;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "®️",
+      "name": "registered",
+      "shortname": ":registered:",
+      "unicode": "00AE FE0F",
+      "html": "&reg;️",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "🍪",
+      "name": "cookie",
+      "shortname": ":cookie:",
+      "unicode": "1f36a",
+      "html": "&#127850;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1512"
+    },
+    {
+      "emoji": "🐬",
+      "name": "dolphin",
+      "shortname": ":dolphin:",
+      "unicode": "1f42c",
+      "html": "&#128044;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1408"
+    },
+    {
+      "emoji": "🔊",
+      "name": "speaker high volume",
+      "shortname": ":loud_sound:",
+      "unicode": "1f50a",
+      "html": "&#128266;",
+      "category": "Objects (sound)",
+      "order": "1817"
+    },
+    {
+      "emoji": "👨🏿",
+      "name": "man: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF",
+      "html": "&#128104;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾",
+      "name": "man: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE",
+      "html": "&#128104;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽",
+      "name": "man: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD",
+      "html": "&#128104;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼",
+      "name": "man: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC",
+      "html": "&#128104;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻",
+      "name": "man: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB",
+      "html": "&#128104;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨",
+      "name": "man",
+      "shortname": ":man:",
+      "unicode": "1f468",
+      "html": "&#128104;",
+      "category": "People & Body (person)",
+      "order": "111"
+    },
+    {
+      "emoji": "🐥",
+      "name": "front-facing baby chick",
+      "shortname": ":hatched_chick:",
+      "unicode": "1f425",
+      "html": "&#128037;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1392"
+    },
+    {
+      "emoji": "🐒",
+      "name": "monkey",
+      "shortname": ":monkey:",
+      "unicode": "1f412",
+      "html": "&#128018;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1343"
+    },
+    {
+      "emoji": "📚",
+      "name": "books",
+      "shortname": ":books:",
+      "unicode": "1f4da",
+      "html": "&#128218;",
+      "category": "Objects (book-paper)",
+      "order": "1880"
+    },
+    {
+      "emoji": "👹",
+      "name": "ogre",
+      "shortname": ":japanese_ogre:",
+      "unicode": "1f479",
+      "html": "&#128121;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "78"
+    },
+    {
+      "emoji": "💂🏿‍♀",
+      "name": "woman guard: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F482 1F3FF 200D 2640",
+      "html": "&#128130;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏾‍♀",
+      "name": "woman guard: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F482 1F3FE 200D 2640",
+      "html": "&#128130;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏽‍♀",
+      "name": "woman guard: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F482 1F3FD 200D 2640",
+      "html": "&#128130;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏼‍♀",
+      "name": "woman guard: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F482 1F3FC 200D 2640",
+      "html": "&#128130;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏻‍♀",
+      "name": "woman guard: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F482 1F3FB 200D 2640",
+      "html": "&#128130;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂‍♀",
+      "name": "woman guard",
+      "shortname": ":woman_guard:",
+      "unicode": "1F482 200D 2640",
+      "html": "&#128130;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏿",
+      "name": "guard: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F482 1F3FF",
+      "html": "&#128130;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏾",
+      "name": "guard: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F482 1F3FE",
+      "html": "&#128130;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏽",
+      "name": "guard: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F482 1F3FD",
+      "html": "&#128130;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏼",
+      "name": "guard: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F482 1F3FC",
+      "html": "&#128130;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏻",
+      "name": "guard: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F482 1F3FB",
+      "html": "&#128130;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂",
+      "name": "guard",
+      "shortname": ":guardsman:",
+      "unicode": "1f482",
+      "html": "&#128130;",
+      "category": "People & Body (person-role)",
+      "order": "375"
+    },
+    {
+      "emoji": "📢",
+      "name": "loudspeaker",
+      "shortname": ":loudspeaker:",
+      "unicode": "1f4e2",
+      "html": "&#128226;",
+      "category": "Objects (sound)",
+      "order": "1818"
+    },
+    {
+      "emoji": "✂️",
+      "name": "scissors",
+      "shortname": ":scissors:",
+      "unicode": "2702",
+      "html": "&#9986;",
+      "category": "Objects (office)",
+      "order": "1940"
+    },
+    {
+      "emoji": "👧🏿",
+      "name": "girl: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F467 1F3FF",
+      "html": "&#128103;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👧🏾",
+      "name": "girl: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F467 1F3FE",
+      "html": "&#128103;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👧🏽",
+      "name": "girl: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F467 1F3FD",
+      "html": "&#128103;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👧🏼",
+      "name": "girl: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F467 1F3FC",
+      "html": "&#128103;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👧🏻",
+      "name": "girl: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F467 1F3FB",
+      "html": "&#128103;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👧",
+      "name": "girl",
+      "shortname": ":girl:",
+      "unicode": "1f467",
+      "html": "&#128103;",
+      "category": "People & Body (person)",
+      "order": "105"
+    },
+    {
+      "emoji": "🎓",
+      "name": "graduation cap",
+      "shortname": ":mortar_board:",
+      "unicode": "1f393",
+      "html": "&#127891;",
+      "category": "Objects (clothing)",
+      "order": "1336"
+    },
+    {
+      "emoji": "🇫🇷",
+      "name": "flag: France",
+      "shortname": ":fr:",
+      "unicode": "1f1eb",
+      "html": "&#127467;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "⚾️",
+      "name": "",
+      "shortname": ":baseball:",
+      "unicode": "26be",
+      "html": "&#9918;",
+      "category": "",
+      "order": "1782"
+    },
+    {
+      "emoji": "🚦",
+      "name": "vertical traffic light",
+      "shortname": ":vertical_traffic_light:",
+      "unicode": "1f6a6",
+      "html": "&#128678;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1639"
+    },
+    {
+      "emoji": "👩🏿",
+      "name": "woman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF",
+      "html": "&#128105;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾",
+      "name": "woman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE",
+      "html": "&#128105;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽",
+      "name": "woman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD",
+      "html": "&#128105;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼",
+      "name": "woman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC",
+      "html": "&#128105;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻",
+      "name": "woman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB",
+      "html": "&#128105;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩",
+      "name": "woman",
+      "shortname": ":woman:",
+      "unicode": "1f469",
+      "html": "&#128105;",
+      "category": "People & Body (person)",
+      "order": "117"
+    },
+    {
+      "emoji": "🎆",
+      "name": "fireworks",
+      "shortname": ":fireworks:",
+      "unicode": "1f386",
+      "html": "&#127878;",
+      "category": "Activities (event)",
+      "order": "1758"
+    },
+    {
+      "emoji": "🌠",
+      "name": "shooting star",
+      "shortname": ":stars:",
+      "unicode": "1f320",
+      "html": "&#127776;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1729"
+    },
+    {
+      "emoji": "🆘",
+      "name": "SOS button",
+      "shortname": ":sos:",
+      "unicode": "1f198",
+      "html": "&#127384;",
+      "category": "Symbols (alphanum)",
+      "order": "2139"
+    },
+    {
+      "emoji": "🍄",
+      "name": "mushroom",
+      "shortname": ":mushroom:",
+      "unicode": "1f344",
+      "html": "&#127812;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": "1471"
+    },
+    {
+      "emoji": "😾",
+      "name": "pouting cat",
+      "shortname": ":pouting_cat:",
+      "unicode": "1f63e",
+      "html": "&#128574;",
+      "category": "Smileys & Emotion (cat-face)",
+      "order": "95"
+    },
+    {
+      "emoji": "🛅",
+      "name": "left luggage",
+      "shortname": ":left_luggage:",
+      "unicode": "1f6c5",
+      "html": "&#128709;",
+      "category": "Symbols (transport-sign)",
+      "order": "1988"
+    },
+    {
+      "emoji": "👠",
+      "name": "high-heeled shoe",
+      "shortname": ":high_heel:",
+      "unicode": "1f460",
+      "html": "&#128096;",
+      "category": "Objects (clothing)",
+      "order": "1330"
+    },
+    {
+      "emoji": "🎯",
+      "name": "direct hit",
+      "shortname": ":dart:",
+      "unicode": "1f3af",
+      "html": "&#127919;",
+      "category": "Activities (game)",
+      "order": "1798"
+    },
+    {
+      "emoji": "🏊🏿‍♀",
+      "name": "woman swimming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CA 1F3FF 200D 2640",
+      "html": "&#127946;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏾‍♀",
+      "name": "woman swimming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CA 1F3FE 200D 2640",
+      "html": "&#127946;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏽‍♀",
+      "name": "woman swimming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CA 1F3FD 200D 2640",
+      "html": "&#127946;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏼‍♀",
+      "name": "woman swimming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CA 1F3FC 200D 2640",
+      "html": "&#127946;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏻‍♀",
+      "name": "woman swimming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CA 1F3FB 200D 2640",
+      "html": "&#127946;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊‍♀",
+      "name": "woman swimming",
+      "shortname": ":woman_swimming:",
+      "unicode": "1F3CA 200D 2640",
+      "html": "&#127946;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏿",
+      "name": "person swimming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CA 1F3FF",
+      "html": "&#127946;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏾",
+      "name": "person swimming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CA 1F3FE",
+      "html": "&#127946;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏽",
+      "name": "person swimming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CA 1F3FD",
+      "html": "&#127946;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏼",
+      "name": "person swimming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CA 1F3FC",
+      "html": "&#127946;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏻",
+      "name": "person swimming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CA 1F3FB",
+      "html": "&#127946;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊",
+      "name": "person swimming",
+      "shortname": ":swimmer:",
+      "unicode": "1f3ca",
+      "html": "&#127946;",
+      "category": "People & Body (person-sport)",
+      "order": "836"
+    },
+    {
+      "emoji": "🔑",
+      "name": "key",
+      "shortname": ":key:",
+      "unicode": "1f511",
+      "html": "&#128273;",
+      "category": "Objects (lock)",
+      "order": "1948"
+    },
+    {
+      "emoji": "👙",
+      "name": "bikini",
+      "shortname": ":bikini:",
+      "unicode": "1f459",
+      "html": "&#128089;",
+      "category": "Objects (clothing)",
+      "order": "1321"
+    },
+    {
+      "emoji": "👪",
+      "name": "family",
+      "shortname": ":family:",
+      "unicode": "1f46a",
+      "html": "&#128106;",
+      "category": "People & Body (family)",
+      "order": "1044"
+    },
+    {
+      "emoji": "✏",
+      "name": "pencil",
+      "shortname": ":pencil2:",
+      "unicode": "270f",
+      "html": "&#9999;",
+      "category": "Objects (writing)",
+      "order": "1914"
+    },
+    {
+      "emoji": "🐘",
+      "name": "elephant",
+      "shortname": ":elephant:",
+      "unicode": "1f418",
+      "html": "&#128024;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1373"
+    },
+    {
+      "emoji": "💧",
+      "name": "droplet",
+      "shortname": ":droplet:",
+      "unicode": "1f4a7",
+      "html": "&#128167;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1754"
+    },
+    {
+      "emoji": "🌱",
+      "name": "seedling",
+      "shortname": ":seedling:",
+      "unicode": "1f331",
+      "html": "&#127793;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1437"
+    },
+    {
+      "emoji": "🍎",
+      "name": "red apple",
+      "shortname": ":apple:",
+      "unicode": "1f34e",
+      "html": "&#127822;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1456"
+    },
+    {
+      "emoji": "🆒",
+      "name": "COOL button",
+      "shortname": ":cool:",
+      "unicode": "1f192",
+      "html": "&#127378;",
+      "category": "Symbols (alphanum)",
+      "order": "2129"
+    },
+    {
+      "emoji": "📞",
+      "name": "telephone receiver",
+      "shortname": ":telephone_receiver:",
+      "unicode": "1f4de",
+      "html": "&#128222;",
+      "category": "Objects (phone)",
+      "order": "1841"
+    },
+    {
+      "emoji": "💵",
+      "name": "dollar banknote",
+      "shortname": ":dollar:",
+      "unicode": "1f4b5",
+      "html": "&#128181;",
+      "category": "Objects (money)",
+      "order": "1893"
+    },
+    {
+      "emoji": "🏡",
+      "name": "house with garden",
+      "shortname": ":house_with_garden:",
+      "unicode": "1f3e1",
+      "html": "&#127969;",
+      "category": "Travel & Places (place-building)",
+      "order": "1560"
+    },
+    {
+      "emoji": "📖",
+      "name": "open book",
+      "shortname": ":book:",
+      "unicode": "1f4d6",
+      "html": "&#128214;",
+      "category": "Objects (book-paper)",
+      "order": "1876"
+    },
+    {
+      "emoji": "💇🏿‍♂",
+      "name": "man getting haircut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F487 1F3FF 200D 2642",
+      "html": "&#128135;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏾‍♂",
+      "name": "man getting haircut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F487 1F3FE 200D 2642",
+      "html": "&#128135;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏽‍♂",
+      "name": "man getting haircut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F487 1F3FD 200D 2642",
+      "html": "&#128135;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏼‍♂",
+      "name": "man getting haircut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F487 1F3FC 200D 2642",
+      "html": "&#128135;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏻‍♂",
+      "name": "man getting haircut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F487 1F3FB 200D 2642",
+      "html": "&#128135;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇‍♂",
+      "name": "man getting haircut",
+      "shortname": ":man_getting_haircut:",
+      "unicode": "1F487 200D 2642",
+      "html": "&#128135;&zwj;&#9794;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏿",
+      "name": "person getting haircut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F487 1F3FF",
+      "html": "&#128135;&#127999;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏾",
+      "name": "person getting haircut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F487 1F3FE",
+      "html": "&#128135;&#127998;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏽",
+      "name": "person getting haircut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F487 1F3FD",
+      "html": "&#128135;&#127997;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏼",
+      "name": "person getting haircut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F487 1F3FC",
+      "html": "&#128135;&#127996;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏻",
+      "name": "person getting haircut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F487 1F3FB",
+      "html": "&#128135;&#127995;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇",
+      "name": "person getting haircut",
+      "shortname": ":haircut:",
+      "unicode": "1f487",
+      "html": "&#128135;",
+      "category": "People & Body (person-activity)",
+      "order": "675"
+    },
+    {
+      "emoji": "💻",
+      "name": "laptop",
+      "shortname": ":computer:",
+      "unicode": "1f4bb",
+      "html": "&#128187;",
+      "category": "Objects (computer)",
+      "order": "1846"
+    },
+    {
+      "emoji": "💡",
+      "name": "light bulb",
+      "shortname": ":bulb:",
+      "unicode": "1f4a1",
+      "html": "&#128161;",
+      "category": "Objects (light & video)",
+      "order": "1871"
+    },
+    {
+      "emoji": "❓",
+      "name": "question mark",
+      "shortname": ":question:",
+      "unicode": "2753",
+      "html": "&#10067;",
+      "category": "Symbols (other-symbol)",
+      "order": "2098"
+    },
+    {
+      "emoji": "🔙",
+      "name": "BACK arrow",
+      "shortname": ":back:",
+      "unicode": "1f519",
+      "html": "&#128281;",
+      "category": "Symbols (arrow)",
+      "order": "2018"
+    },
+    {
+      "emoji": "👦🏿",
+      "name": "boy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F466 1F3FF",
+      "html": "&#128102;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👦🏾",
+      "name": "boy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F466 1F3FE",
+      "html": "&#128102;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👦🏽",
+      "name": "boy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F466 1F3FD",
+      "html": "&#128102;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👦🏼",
+      "name": "boy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F466 1F3FC",
+      "html": "&#128102;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👦🏻",
+      "name": "boy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F466 1F3FB",
+      "html": "&#128102;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👦",
+      "name": "boy",
+      "shortname": ":boy:",
+      "unicode": "1f466",
+      "html": "&#128102;",
+      "category": "People & Body (person)",
+      "order": "99"
+    },
+    {
+      "emoji": "🔐",
+      "name": "locked with key",
+      "shortname": ":closed_lock_with_key:",
+      "unicode": "1f510",
+      "html": "&#128272;",
+      "category": "Objects (lock)",
+      "order": "1947"
+    },
+    {
+      "emoji": "🙎🏿‍♂",
+      "name": "man pouting: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64E 1F3FF 200D 2642",
+      "html": "&#128590;&#127999;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏾‍♂",
+      "name": "man pouting: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64E 1F3FE 200D 2642",
+      "html": "&#128590;&#127998;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏽‍♂",
+      "name": "man pouting: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64E 1F3FD 200D 2642",
+      "html": "&#128590;&#127997;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏼‍♂",
+      "name": "man pouting: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64E 1F3FC 200D 2642",
+      "html": "&#128590;&#127996;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏻‍♂",
+      "name": "man pouting: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64E 1F3FB 200D 2642",
+      "html": "&#128590;&#127995;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎‍♂",
+      "name": "man pouting",
+      "shortname": ":man_pouting:",
+      "unicode": "1F64E 200D 2642",
+      "html": "&#128590;&zwj;&#9794;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏿",
+      "name": "person pouting: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64E 1F3FF",
+      "html": "&#128590;&#127999;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏾",
+      "name": "person pouting: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64E 1F3FE",
+      "html": "&#128590;&#127998;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏽",
+      "name": "person pouting: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64E 1F3FD",
+      "html": "&#128590;&#127997;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏼",
+      "name": "person pouting: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64E 1F3FC",
+      "html": "&#128590;&#127996;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏻",
+      "name": "person pouting: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64E 1F3FB",
+      "html": "&#128590;&#127995;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎",
+      "name": "person pouting",
+      "shortname": ":person_with_pouting_face:",
+      "unicode": "1f64e",
+      "html": "&#128590;",
+      "category": "People & Body (person-gesture)",
+      "order": "513"
+    },
+    {
+      "emoji": "🍊",
+      "name": "tangerine",
+      "shortname": ":tangerine:",
+      "unicode": "1f34a",
+      "html": "&#127818;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1452"
+    },
+    {
+      "emoji": "↔️",
+      "name": "left-right arrow",
+      "shortname": ":leftright_arrow:",
+      "unicode": "2194 FE0F",
+      "html": "&harr;️",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "🌅",
+      "name": "sunrise",
+      "shortname": ":sunrise:",
+      "unicode": "1f305",
+      "html": "&#127749;",
+      "category": "Travel & Places (place-other)",
+      "order": "1587"
+    },
+    {
+      "emoji": "🍗",
+      "name": "poultry leg",
+      "shortname": ":poultry_leg:",
+      "unicode": "1f357",
+      "html": "&#127831;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1480"
+    },
+    {
+      "emoji": "🔵",
+      "name": "blue circle",
+      "shortname": ":blue_circle:",
+      "unicode": "1f535",
+      "html": "&#128309;",
+      "category": "Symbols (geometric)",
+      "order": "2180"
+    },
+    {
+      "emoji": "🚘",
+      "name": "oncoming automobile",
+      "shortname": ":oncoming_automobile:",
+      "unicode": "1f698",
+      "html": "&#128664;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1625"
+    },
+    {
+      "emoji": "🍧",
+      "name": "shaved ice",
+      "shortname": ":shaved_ice:",
+      "unicode": "1f367",
+      "html": "&#127847;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1509"
+    },
+    {
+      "emoji": "🇮🇹",
+      "name": "flag: Italy",
+      "shortname": ":it:",
+      "unicode": "1F1EE 1F1F9",
+      "html": "&#127470;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🐦",
+      "name": "bird",
+      "shortname": ":bird:",
+      "unicode": "1f426",
+      "html": "&#128038;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1393"
+    },
+    {
+      "emoji": "🇬🇧",
+      "name": "flag: United Kingdom",
+      "shortname": ":gb:",
+      "unicode": "1F1EC 1F1E7",
+      "html": "&#127468;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🌛",
+      "name": "first quarter moon face",
+      "shortname": ":first_quarter_moon_with_face:",
+      "unicode": "1f31b",
+      "html": "&#127771;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1721"
+    },
+    {
+      "emoji": "👓",
+      "name": "glasses",
+      "shortname": ":eyeglasses:",
+      "unicode": "1f453",
+      "html": "&#128083;",
+      "category": "Objects (clothing)",
+      "order": "1314"
+    },
+    {
+      "emoji": "🐐",
+      "name": "goat",
+      "shortname": ":goat:",
+      "unicode": "1f410",
+      "html": "&#128016;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1370"
+    },
+    {
+      "emoji": "🌃",
+      "name": "night with stars",
+      "shortname": ":night_with_stars:",
+      "unicode": "1f303",
+      "html": "&#127747;",
+      "category": "Travel & Places (place-other)",
+      "order": "1585"
+    },
+    {
+      "emoji": "👵🏿",
+      "name": "old woman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F475 1F3FF",
+      "html": "&#128117;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👵🏾",
+      "name": "old woman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F475 1F3FE",
+      "html": "&#128117;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👵🏽",
+      "name": "old woman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F475 1F3FD",
+      "html": "&#128117;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👵🏼",
+      "name": "old woman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F475 1F3FC",
+      "html": "&#128117;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👵🏻",
+      "name": "old woman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F475 1F3FB",
+      "html": "&#128117;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👵",
+      "name": "old woman",
+      "shortname": ":older_woman:",
+      "unicode": "1f475",
+      "html": "&#128117;",
+      "category": "People & Body (person)",
+      "order": "129"
+    },
+    {
+      "emoji": "⚫",
+      "name": "black circle",
+      "shortname": ":black_circle:",
+      "unicode": "26ab",
+      "html": "&#9899;",
+      "category": "Symbols (geometric)",
+      "order": "2178"
+    },
+    {
+      "emoji": "🌑",
+      "name": "new moon",
+      "shortname": ":new_moon:",
+      "unicode": "1f311",
+      "html": "&#127761;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1711"
+    },
+    {
+      "emoji": "👬",
+      "name": "men holding hands",
+      "shortname": ":two_men_holding_hands:",
+      "unicode": "1f46c",
+      "html": "&#128108;",
+      "category": "People & Body (family)",
+      "order": "1024"
+    },
+    {
+      "emoji": "⚪",
+      "name": "white circle",
+      "shortname": ":white_circle:",
+      "unicode": "26aa",
+      "html": "&#9898;",
+      "category": "Symbols (geometric)",
+      "order": "2177"
+    },
+    {
+      "emoji": "🛃",
+      "name": "customs",
+      "shortname": ":customs:",
+      "unicode": "1f6c3",
+      "html": "&#128707;",
+      "category": "Symbols (transport-sign)",
+      "order": "1986"
+    },
+    {
+      "emoji": "🐠",
+      "name": "tropical fish",
+      "shortname": ":tropical_fish:",
+      "unicode": "1f420",
+      "html": "&#128032;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1410"
+    },
+    {
+      "emoji": "🏠",
+      "name": "house",
+      "shortname": ":house:",
+      "unicode": "1f3e0",
+      "html": "&#127968;",
+      "category": "Travel & Places (place-building)",
+      "order": "1559"
+    },
+    {
+      "emoji": "🔃",
+      "name": "clockwise vertical arrows",
+      "shortname": ":arrows_clockwise:",
+      "unicode": "1f503",
+      "html": "&#128259;",
+      "category": "Symbols (arrow)",
+      "order": "2016"
+    },
+    {
+      "emoji": "🌜",
+      "name": "last quarter moon face",
+      "shortname": ":last_quarter_moon_with_face:",
+      "unicode": "1f31c",
+      "html": "&#127772;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1722"
+    },
+    {
+      "emoji": "📍",
+      "name": "round pushpin",
+      "shortname": ":round_pushpin:",
+      "unicode": "1f4cd",
+      "html": "&#128205;",
+      "category": "Objects (office)",
+      "order": "1935"
+    },
+    {
+      "emoji": "🌕",
+      "name": "full moon",
+      "shortname": ":full_moon:",
+      "unicode": "1f315",
+      "html": "&#127765;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1715"
+    },
+    {
+      "emoji": "👟",
+      "name": "running shoe",
+      "shortname": ":athletic_shoe:",
+      "unicode": "1f45f",
+      "html": "&#128095;",
+      "category": "Objects (clothing)",
+      "order": "1329"
+    },
+    {
+      "emoji": "🍋",
+      "name": "lemon",
+      "shortname": ":lemon:",
+      "unicode": "1f34b",
+      "html": "&#127819;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1453"
+    },
+    {
+      "emoji": "🍼",
+      "name": "baby bottle",
+      "shortname": ":baby_bottle:",
+      "unicode": "1f37c",
+      "html": "&#127868;",
+      "category": "Food & Drink (drink)",
+      "order": "1520"
+    },
+    {
+      "emoji": "🎨",
+      "name": "artist palette",
+      "shortname": ":artist_palette:",
+      "unicode": "1F3A8",
+      "html": "&#127912;",
+      "category": "Activities (arts & crafts)",
+      "order": ""
+    },
+    {
+      "emoji": "✉️",
+      "name": "envelope",
+      "shortname": ":envelope:",
+      "unicode": "2709 FE0F",
+      "html": "&#9993;",
+      "category": "Objects (mail)",
+      "order": ""
+    },
+    {
+      "emoji": "🍝",
+      "name": "spaghetti",
+      "shortname": ":spaghetti:",
+      "unicode": "1f35d",
+      "html": "&#127837;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1501"
+    },
+    {
+      "emoji": "🎐",
+      "name": "wind chime",
+      "shortname": ":wind_chime:",
+      "unicode": "1f390",
+      "html": "&#127888;",
+      "category": "Activities (event)",
+      "order": "1768"
+    },
+    {
+      "emoji": "🍥",
+      "name": "fish cake with swirl",
+      "shortname": ":fish_cake:",
+      "unicode": "1f365",
+      "html": "&#127845;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1506"
+    },
+    {
+      "emoji": "🌲",
+      "name": "evergreen tree",
+      "shortname": ":evergreen_tree:",
+      "unicode": "1f332",
+      "html": "&#127794;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1438"
+    },
+    {
+      "emoji": "🆙",
+      "name": "UP! button",
+      "shortname": ":up:",
+      "unicode": "1f199",
+      "html": "&#127385;",
+      "category": "Symbols (alphanum)",
+      "order": "2140"
+    },
+    {
+      "emoji": "⬆️",
+      "name": "up arrow",
+      "shortname": ":arrow_up:",
+      "unicode": "2b06",
+      "html": "&#11014;",
+      "category": "Symbols (arrow)",
+      "order": "2002"
+    },
+    {
+      "emoji": "↗️",
+      "name": "up-right arrow",
+      "shortname": ":arrow_upper_right:",
+      "unicode": "2197",
+      "html": "&#8599;",
+      "category": "Symbols (arrow)",
+      "order": "2003"
+    },
+    {
+      "emoji": "↘️",
+      "name": "down-right arrow",
+      "shortname": ":arrow_lower_right:",
+      "unicode": "2198",
+      "html": "&#8600;",
+      "category": "Symbols (arrow)",
+      "order": "2005"
+    },
+    {
+      "emoji": "↙️",
+      "name": "down-left arrow",
+      "shortname": ":arrow_lower_left:",
+      "unicode": "2199",
+      "html": "&#8601;",
+      "category": "Symbols (arrow)",
+      "order": "2007"
+    },
+    {
+      "emoji": "🎭",
+      "name": "performing arts",
+      "shortname": ":performing_arts:",
+      "unicode": "1f3ad",
+      "html": "&#127917;",
+      "category": "Activities (arts & crafts)",
+      "order": "1598"
+    },
+    {
+      "emoji": "👃🏿",
+      "name": "nose: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F443 1F3FF",
+      "html": "&#128067;&#127999;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👃🏾",
+      "name": "nose: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F443 1F3FE",
+      "html": "&#128067;&#127998;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👃🏽",
+      "name": "nose: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F443 1F3FD",
+      "html": "&#128067;&#127997;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👃🏼",
+      "name": "nose: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F443 1F3FC",
+      "html": "&#128067;&#127996;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👃🏻",
+      "name": "nose: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F443 1F3FB",
+      "html": "&#128067;&#127995;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👃",
+      "name": "nose",
+      "shortname": ":nose:",
+      "unicode": "1f443",
+      "html": "&#128067;",
+      "category": "People & Body (body-parts)",
+      "order": "1272"
+    },
+    {
+      "emoji": "🐽",
+      "name": "pig nose",
+      "shortname": ":pig_nose:",
+      "unicode": "1f43d",
+      "html": "&#128061;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1367"
+    },
+    {
+      "emoji": "🐟",
+      "name": "fish",
+      "shortname": ":fish:",
+      "unicode": "1f41f",
+      "html": "&#128031;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1409"
+    },
+    {
+      "emoji": "👳🏿‍♀",
+      "name": "woman wearing turban: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F473 1F3FF 200D 2640",
+      "html": "&#128115;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏾‍♀",
+      "name": "woman wearing turban: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F473 1F3FE 200D 2640",
+      "html": "&#128115;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏽‍♀",
+      "name": "woman wearing turban: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F473 1F3FD 200D 2640",
+      "html": "&#128115;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏼‍♀",
+      "name": "woman wearing turban: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F473 1F3FC 200D 2640",
+      "html": "&#128115;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏻‍♀",
+      "name": "woman wearing turban: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F473 1F3FB 200D 2640",
+      "html": "&#128115;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳‍♀",
+      "name": "woman wearing turban",
+      "shortname": ":woman_wearing_turban:",
+      "unicode": "1F473 200D 2640",
+      "html": "&#128115;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏿",
+      "name": "person wearing turban: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F473 1F3FF",
+      "html": "&#128115;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏾",
+      "name": "person wearing turban: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F473 1F3FE",
+      "html": "&#128115;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏽",
+      "name": "person wearing turban: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F473 1F3FD",
+      "html": "&#128115;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏼",
+      "name": "person wearing turban: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F473 1F3FC",
+      "html": "&#128115;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏻",
+      "name": "person wearing turban: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F473 1F3FB",
+      "html": "&#128115;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳",
+      "name": "person wearing turban",
+      "shortname": ":man_with_turban:",
+      "unicode": "1f473",
+      "html": "&#128115;",
+      "category": "People & Body (person-role)",
+      "order": "411"
+    },
+    {
+      "emoji": "🐨",
+      "name": "koala",
+      "shortname": ":koala:",
+      "unicode": "1f428",
+      "html": "&#128040;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1384"
+    },
+    {
+      "emoji": "👂🏿",
+      "name": "ear: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F442 1F3FF",
+      "html": "&#128066;&#127999;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👂🏾",
+      "name": "ear: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F442 1F3FE",
+      "html": "&#128066;&#127998;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👂🏽",
+      "name": "ear: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F442 1F3FD",
+      "html": "&#128066;&#127997;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👂🏼",
+      "name": "ear: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F442 1F3FC",
+      "html": "&#128066;&#127996;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👂🏻",
+      "name": "ear: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F442 1F3FB",
+      "html": "&#128066;&#127995;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👂",
+      "name": "ear",
+      "shortname": ":ear:",
+      "unicode": "1f442",
+      "html": "&#128066;",
+      "category": "People & Body (body-parts)",
+      "order": "1266"
+    },
+    {
+      "emoji": "✳️",
+      "name": "eight-spoked asterisk",
+      "shortname": ":eight_spoked_asterisk:",
+      "unicode": "2733",
+      "html": "&#10035;",
+      "category": "Symbols (other-symbol)",
+      "order": "2093"
+    },
+    {
+      "emoji": "🔹",
+      "name": "small blue diamond",
+      "shortname": ":small_blue_diamond:",
+      "unicode": "1f539",
+      "html": "&#128313;",
+      "category": "Symbols (geometric)",
+      "order": "2170"
+    },
+    {
+      "emoji": "🚿",
+      "name": "shower",
+      "shortname": ":shower:",
+      "unicode": "1f6bf",
+      "html": "&#128703;",
+      "category": "Objects (household)",
+      "order": "1672"
+    },
+    {
+      "emoji": "🐛",
+      "name": "bug",
+      "shortname": ":bug:",
+      "unicode": "1f41b",
+      "html": "&#128027;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1420"
+    },
+    {
+      "emoji": "🍜",
+      "name": "steaming bowl",
+      "shortname": ":ramen:",
+      "unicode": "1f35c",
+      "html": "&#127836;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1500"
+    },
+    {
+      "emoji": "🎩",
+      "name": "top hat",
+      "shortname": ":tophat:",
+      "unicode": "1f3a9",
+      "html": "&#127913;",
+      "category": "Objects (clothing)",
+      "order": "1335"
+    },
+    {
+      "emoji": "👰🏿",
+      "name": "bride with veil: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F470 1F3FF",
+      "html": "&#128112;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👰🏾",
+      "name": "bride with veil: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F470 1F3FE",
+      "html": "&#128112;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👰🏽",
+      "name": "bride with veil: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F470 1F3FD",
+      "html": "&#128112;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👰🏼",
+      "name": "bride with veil: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F470 1F3FC",
+      "html": "&#128112;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👰🏻",
+      "name": "bride with veil: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F470 1F3FB",
+      "html": "&#128112;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👰",
+      "name": "bride with veil",
+      "shortname": ":bride_with_veil:",
+      "unicode": "1f470",
+      "html": "&#128112;",
+      "category": "People & Body (person-role)",
+      "order": "471"
+    },
+    {
+      "emoji": "⛽",
+      "name": "fuel pump",
+      "shortname": ":fuelpump:",
+      "unicode": "26fd",
+      "html": "&#9981;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1636"
+    },
+    {
+      "emoji": "🏁",
+      "name": "chequered flag",
+      "shortname": ":checkered_flag:",
+      "unicode": "1f3c1",
+      "html": "&#127937;",
+      "category": "Flags (flag)",
+      "order": "2181"
+    },
+    {
+      "emoji": "🐴",
+      "name": "horse face",
+      "shortname": ":horse:",
+      "unicode": "1f434",
+      "html": "&#128052;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1356"
+    },
+    {
+      "emoji": "⌚",
+      "name": "watch",
+      "shortname": ":watch:",
+      "unicode": "231a",
+      "html": "&#8986;",
+      "category": "Travel & Places (time)",
+      "order": "1682"
+    },
+    {
+      "emoji": "🐵",
+      "name": "monkey face",
+      "shortname": ":monkey_face:",
+      "unicode": "1f435",
+      "html": "&#128053;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1342"
+    },
+    {
+      "emoji": "🚼",
+      "name": "baby symbol",
+      "shortname": ":baby_symbol:",
+      "unicode": "1f6bc",
+      "html": "&#128700;",
+      "category": "Symbols (transport-sign)",
+      "order": "1983"
+    },
+    {
+      "emoji": "🆕",
+      "name": "NEW button",
+      "shortname": ":new:",
+      "unicode": "1f195",
+      "html": "&#127381;",
+      "category": "Symbols (alphanum)",
+      "order": "2134"
+    },
+    {
+      "emoji": "🆓",
+      "name": "FREE button",
+      "shortname": ":free:",
+      "unicode": "1f193",
+      "html": "&#127379;",
+      "category": "Symbols (alphanum)",
+      "order": "2130"
+    },
+    {
+      "emoji": "🎇",
+      "name": "sparkler",
+      "shortname": ":sparkler:",
+      "unicode": "1f387",
+      "html": "&#127879;",
+      "category": "Activities (event)",
+      "order": "1759"
+    },
+    {
+      "emoji": "🌽",
+      "name": "ear of corn",
+      "shortname": ":corn:",
+      "unicode": "1f33d",
+      "html": "&#127805;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": "1468"
+    },
+    {
+      "emoji": "🎾",
+      "name": "tennis",
+      "shortname": ":tennis:",
+      "unicode": "1f3be",
+      "html": "&#127934;",
+      "category": "Activities (sport)",
+      "order": "1787"
+    },
+    {
+      "emoji": "⏰",
+      "name": "alarm clock",
+      "shortname": ":alarm_clock:",
+      "unicode": "23f0",
+      "html": "&#9200;",
+      "category": "Travel & Places (time)",
+      "order": "1683"
+    },
+    {
+      "emoji": "🔋",
+      "name": "battery",
+      "shortname": ":battery:",
+      "unicode": "1f50b",
+      "html": "&#128267;",
+      "category": "Objects (computer)",
+      "order": "1844"
+    },
+    {
+      "emoji": "❕",
+      "name": "white exclamation mark",
+      "shortname": ":grey_exclamation:",
+      "unicode": "2755",
+      "html": "&#10069;",
+      "category": "Symbols (other-symbol)",
+      "order": "2100"
+    },
+    {
+      "emoji": "🐺",
+      "name": "wolf",
+      "shortname": ":wolf:",
+      "unicode": "1f43a",
+      "html": "&#128058;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1348"
+    },
+    {
+      "emoji": "🗿",
+      "name": "moai",
+      "shortname": ":moyai:",
+      "unicode": "1f5ff",
+      "html": "&#128511;",
+      "category": "Objects (other-object)",
+      "order": "1972"
+    },
+    {
+      "emoji": "🐮",
+      "name": "cow face",
+      "shortname": ":cow:",
+      "unicode": "1f42e",
+      "html": "&#128046;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1360"
+    },
+    {
+      "emoji": "📣",
+      "name": "megaphone",
+      "shortname": ":mega:",
+      "unicode": "1f4e3",
+      "html": "&#128227;",
+      "category": "Objects (sound)",
+      "order": "1819"
+    },
+    {
+      "emoji": "👴🏿",
+      "name": "old man: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F474 1F3FF",
+      "html": "&#128116;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👴🏾",
+      "name": "old man: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F474 1F3FE",
+      "html": "&#128116;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👴🏽",
+      "name": "old man: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F474 1F3FD",
+      "html": "&#128116;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👴🏼",
+      "name": "old man: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F474 1F3FC",
+      "html": "&#128116;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👴🏻",
+      "name": "old man: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F474 1F3FB",
+      "html": "&#128116;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👴",
+      "name": "old man",
+      "shortname": ":older_man:",
+      "unicode": "1f474",
+      "html": "&#128116;",
+      "category": "People & Body (person)",
+      "order": "123"
+    },
+    {
+      "emoji": "👗",
+      "name": "dress",
+      "shortname": ":dress:",
+      "unicode": "1f457",
+      "html": "&#128087;",
+      "category": "Objects (clothing)",
+      "order": "1319"
+    },
+    {
+      "emoji": "🔗",
+      "name": "link",
+      "shortname": ":link:",
+      "unicode": "1f517",
+      "html": "&#128279;",
+      "category": "Objects (tool)",
+      "order": "1965"
+    },
+    {
+      "emoji": "🐔",
+      "name": "chicken",
+      "shortname": ":chicken:",
+      "unicode": "1f414",
+      "html": "&#128020;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1388"
+    },
+    {
+      "emoji": "🍳",
+      "name": "cooking",
+      "shortname": ":cooking:",
+      "unicode": "1F373",
+      "html": "&#127859;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🐋",
+      "name": "whale",
+      "shortname": ":whale2:",
+      "unicode": "1f40b",
+      "html": "&#128011;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1407"
+    },
+    {
+      "emoji": "↖",
+      "name": "up-left arrow",
+      "shortname": ":arrow_upper_left:",
+      "unicode": "2196",
+      "html": "&#8598;",
+      "category": "Symbols (arrow)",
+      "order": "2009"
+    },
+    {
+      "emoji": "🌳",
+      "name": "deciduous tree",
+      "shortname": ":deciduous_tree:",
+      "unicode": "1f333",
+      "html": "&#127795;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1439"
+    },
+    {
+      "emoji": "🍱",
+      "name": "bento box",
+      "shortname": ":bento:",
+      "unicode": "1f371",
+      "html": "&#127857;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1495"
+    },
+    {
+      "emoji": "📌",
+      "name": "pushpin",
+      "shortname": ":pushpin:",
+      "unicode": "1f4cc",
+      "html": "&#128204;",
+      "category": "Objects (office)",
+      "order": "1934"
+    },
+    {
+      "emoji": "🔜",
+      "name": "SOON arrow",
+      "shortname": ":soon:",
+      "unicode": "1f51c",
+      "html": "&#128284;",
+      "category": "Symbols (arrow)",
+      "order": "2021"
+    },
+    {
+      "emoji": "🔁",
+      "name": "repeat button",
+      "shortname": ":repeat:",
+      "unicode": "1f501",
+      "html": "&#128257;",
+      "category": "Symbols (av-symbol)",
+      "order": "2049"
+    },
+    {
+      "emoji": "🐉",
+      "name": "dragon",
+      "shortname": ":dragon:",
+      "unicode": "1f409",
+      "html": "&#128009;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": "1405"
+    },
+    {
+      "emoji": "🐹",
+      "name": "hamster",
+      "shortname": ":hamster:",
+      "unicode": "1f439",
+      "html": "&#128057;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1378"
+    },
+    {
+      "emoji": "⛳",
+      "name": "flag in hole",
+      "shortname": ":golf:",
+      "unicode": "26f3",
+      "html": "&#9971;",
+      "category": "Activities (sport)",
+      "order": "1799"
+    },
+    {
+      "emoji": "🏄🏿‍♀",
+      "name": "woman surfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C4 1F3FF 200D 2640",
+      "html": "&#127940;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏾‍♀",
+      "name": "woman surfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C4 1F3FE 200D 2640",
+      "html": "&#127940;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏽‍♀",
+      "name": "woman surfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C4 1F3FD 200D 2640",
+      "html": "&#127940;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏼‍♀",
+      "name": "woman surfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C4 1F3FC 200D 2640",
+      "html": "&#127940;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏻‍♀",
+      "name": "woman surfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C4 1F3FB 200D 2640",
+      "html": "&#127940;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄‍♀",
+      "name": "woman surfing",
+      "shortname": ":woman_surfing:",
+      "unicode": "1F3C4 200D 2640",
+      "html": "&#127940;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏿",
+      "name": "person surfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C4 1F3FF",
+      "html": "&#127940;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏾",
+      "name": "person surfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C4 1F3FE",
+      "html": "&#127940;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏽",
+      "name": "person surfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C4 1F3FD",
+      "html": "&#127940;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏼",
+      "name": "person surfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C4 1F3FC",
+      "html": "&#127940;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏻",
+      "name": "person surfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C4 1F3FB",
+      "html": "&#127940;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄",
+      "name": "person surfing",
+      "shortname": ":surfer:",
+      "unicode": "1f3c4",
+      "html": "&#127940;",
+      "category": "People & Body (person-sport)",
+      "order": "800"
+    },
+    {
+      "emoji": "🐭",
+      "name": "mouse face",
+      "shortname": ":mouse:",
+      "unicode": "1f42d",
+      "html": "&#128045;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1375"
+    },
+    {
+      "emoji": "🌒",
+      "name": "waxing crescent moon",
+      "shortname": ":waxing_crescent_moon:",
+      "unicode": "1f312",
+      "html": "&#127762;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1712"
+    },
+    {
+      "emoji": "🚙",
+      "name": "sport utility vehicle",
+      "shortname": ":blue_car:",
+      "unicode": "1f699",
+      "html": "&#128665;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1626"
+    },
+    {
+      "emoji": "🅰️",
+      "name": "A button (blood type)",
+      "shortname": ":a:",
+      "unicode": "1f170",
+      "html": "&#127344;",
+      "category": "Symbols (alphanum)",
+      "order": "2125"
+    },
+    {
+      "emoji": "⁉️",
+      "name": "exclamation question mark",
+      "shortname": ":interrobang:",
+      "unicode": "2049",
+      "html": "&#8265;",
+      "category": "Symbols (other-symbol)",
+      "order": "2097"
+    },
+    {
+      "emoji": "🈹",
+      "name": "Japanese discount button",
+      "shortname": ":u5272:",
+      "unicode": "1f239",
+      "html": "&#127545;",
+      "category": "Symbols (alphanum)",
+      "order": "2148"
+    },
+    {
+      "emoji": "🔌",
+      "name": "electric plug",
+      "shortname": ":electric_plug:",
+      "unicode": "1f50c",
+      "html": "&#128268;",
+      "category": "Objects (computer)",
+      "order": "1845"
+    },
+    {
+      "emoji": "🌓",
+      "name": "first quarter moon",
+      "shortname": ":first_quarter_moon:",
+      "unicode": "1f313",
+      "html": "&#127763;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1713"
+    },
+    {
+      "emoji": "♋",
+      "name": "Cancer",
+      "shortname": ":cancer:",
+      "unicode": "264b",
+      "html": "&#9803;",
+      "category": "Symbols (zodiac)",
+      "order": "2038"
+    },
+    {
+      "emoji": "🔱",
+      "name": "trident emblem",
+      "shortname": ":trident:",
+      "unicode": "1f531",
+      "html": "&#128305;",
+      "category": "Symbols (other-symbol)",
+      "order": "2076"
+    },
+    {
+      "emoji": "🍞",
+      "name": "bread",
+      "shortname": ":bread:",
+      "unicode": "1f35e",
+      "html": "&#127838;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1474"
+    },
+    {
+      "emoji": "👮🏿‍♀",
+      "name": "woman police officer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46E 1F3FF 200D 2640",
+      "html": "&#128110;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏾‍♀",
+      "name": "woman police officer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46E 1F3FE 200D 2640",
+      "html": "&#128110;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏽‍♀",
+      "name": "woman police officer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46E 1F3FD 200D 2640",
+      "html": "&#128110;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏼‍♀",
+      "name": "woman police officer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46E 1F3FC 200D 2640",
+      "html": "&#128110;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏻‍♀",
+      "name": "woman police officer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46E 1F3FB 200D 2640",
+      "html": "&#128110;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮‍♀",
+      "name": "woman police officer",
+      "shortname": ":woman_police_officer:",
+      "unicode": "1F46E 200D 2640",
+      "html": "&#128110;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏿",
+      "name": "police officer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46E 1F3FF",
+      "html": "&#128110;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏾",
+      "name": "police officer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46E 1F3FE",
+      "html": "&#128110;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏽",
+      "name": "police officer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46E 1F3FD",
+      "html": "&#128110;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏼",
+      "name": "police officer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46E 1F3FC",
+      "html": "&#128110;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏻",
+      "name": "police officer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46E 1F3FB",
+      "html": "&#128110;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮",
+      "name": "police officer",
+      "shortname": ":cop:",
+      "unicode": "1f46e",
+      "html": "&#128110;",
+      "category": "People & Body (person-role)",
+      "order": "339"
+    },
+    {
+      "emoji": "🍵",
+      "name": "teacup without handle",
+      "shortname": ":tea:",
+      "unicode": "1f375",
+      "html": "&#127861;",
+      "category": "Food & Drink (drink)",
+      "order": "1523"
+    },
+    {
+      "emoji": "🎣",
+      "name": "fishing pole",
+      "shortname": ":fishing_pole_and_fish:",
+      "unicode": "1f3a3",
+      "html": "&#127907;",
+      "category": "Activities (sport)",
+      "order": "1801"
+    },
+    {
+      "emoji": "🌔",
+      "name": "waxing gibbous moon",
+      "shortname": ":waxing_gibbous_moon:",
+      "unicode": "1F314",
+      "html": "&#127764;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🚲",
+      "name": "bicycle",
+      "shortname": ":bike:",
+      "unicode": "1f6b2",
+      "html": "&#128690;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1630"
+    },
+    {
+      "emoji": "👤",
+      "name": "bust in silhouette",
+      "shortname": ":bust_in_silhouette:",
+      "unicode": "1F464",
+      "html": "&#128100;",
+      "category": "People & Body (person-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "🍚",
+      "name": "cooked rice",
+      "shortname": ":rice:",
+      "unicode": "1f35a",
+      "html": "&#127834;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1498"
+    },
+    {
+      "emoji": "📻",
+      "name": "radio",
+      "shortname": ":radio:",
+      "unicode": "1f4fb",
+      "html": "&#128251;",
+      "category": "Objects (music)",
+      "order": "1831"
+    },
+    {
+      "emoji": "🐤",
+      "name": "baby chick",
+      "shortname": ":baby_chick:",
+      "unicode": "1f424",
+      "html": "&#128036;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1391"
+    },
+    {
+      "emoji": "⤵️",
+      "name": "right arrow curving down",
+      "shortname": ":arrow_heading_down:",
+      "unicode": "2935",
+      "html": "&#10549;",
+      "category": "Symbols (arrow)",
+      "order": "2015"
+    },
+    {
+      "emoji": "🌘",
+      "name": "waning crescent moon",
+      "shortname": ":waning_crescent_moon:",
+      "unicode": "1f318",
+      "html": "&#127768;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1718"
+    },
+    {
+      "emoji": "↕",
+      "name": "up-down arrow",
+      "shortname": ":arrow_up_down:",
+      "unicode": "2195",
+      "html": "&#8597;",
+      "category": "Symbols (arrow)",
+      "order": "2010"
+    },
+    {
+      "emoji": "🇪",
+      "name": "",
+      "shortname": "",
+      "unicode": "",
+      "html": "&#127466;",
+      "category": "",
+      "order": ""
+    },
+    {
+      "emoji": "🌗",
+      "name": "last quarter moon",
+      "shortname": ":last_quarter_moon:",
+      "unicode": "1f317",
+      "html": "&#127767;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1717"
+    },
+    {
+      "emoji": "🔘",
+      "name": "radio button",
+      "shortname": ":radio_button:",
+      "unicode": "1f518",
+      "html": "&#128280;",
+      "category": "Symbols (geometric)",
+      "order": "2174"
+    },
+    {
+      "emoji": "🐑",
+      "name": "ewe",
+      "shortname": ":sheep:",
+      "unicode": "1f411",
+      "html": "&#128017;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1369"
+    },
+    {
+      "emoji": "👱🏿‍♀",
+      "name": "woman: dark skin tone, blond hair",
+      "shortname": ":dark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FF 200D 2640",
+      "html": "&#128113;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏾‍♀",
+      "name": "woman: medium-dark skin tone, blond hair",
+      "shortname": ":mediumdark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FE 200D 2640",
+      "html": "&#128113;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏽‍♀",
+      "name": "woman: medium skin tone, blond hair",
+      "shortname": ":medium_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FD 200D 2640",
+      "html": "&#128113;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏼‍♀",
+      "name": "woman: medium-light skin tone, blond hair",
+      "shortname": ":mediumlight_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FC 200D 2640",
+      "html": "&#128113;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏻‍♀",
+      "name": "woman: light skin tone, blond hair",
+      "shortname": ":light_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FB 200D 2640",
+      "html": "&#128113;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱‍♀",
+      "name": "woman: blond hair",
+      "shortname": ":blond_hair:",
+      "unicode": "1F471 200D 2640",
+      "html": "&#128113;&zwj;&#9792;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏿",
+      "name": "person: dark skin tone, blond hair",
+      "shortname": ":dark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FF",
+      "html": "&#128113;&#127999;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏾",
+      "name": "person: medium-dark skin tone, blond hair",
+      "shortname": ":mediumdark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FE",
+      "html": "&#128113;&#127998;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏽",
+      "name": "person: medium skin tone, blond hair",
+      "shortname": ":medium_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FD",
+      "html": "&#128113;&#127997;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏼",
+      "name": "person: medium-light skin tone, blond hair",
+      "shortname": ":mediumlight_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FC",
+      "html": "&#128113;&#127996;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏻",
+      "name": "person: light skin tone, blond hair",
+      "shortname": ":light_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FB",
+      "html": "&#128113;&#127995;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱",
+      "name": "person: blond hair",
+      "shortname": ":person_with_blond_hair:",
+      "unicode": "1f471",
+      "html": "&#128113;",
+      "category": "People & Body (person)",
+      "order": "429"
+    },
+    {
+      "emoji": "🌖",
+      "name": "waning gibbous moon",
+      "shortname": ":waning_gibbous_moon:",
+      "unicode": "1f316",
+      "html": "&#127766;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1716"
+    },
+    {
+      "emoji": "🔒",
+      "name": "locked",
+      "shortname": ":lock:",
+      "unicode": "1f512",
+      "html": "&#128274;",
+      "category": "Objects (lock)",
+      "order": "1944"
+    },
+    {
+      "emoji": "🍏",
+      "name": "green apple",
+      "shortname": ":green_apple:",
+      "unicode": "1f34f",
+      "html": "&#127823;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1457"
+    },
+    {
+      "emoji": "👺",
+      "name": "goblin",
+      "shortname": ":japanese_goblin:",
+      "unicode": "1f47a",
+      "html": "&#128122;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": "79"
+    },
+    {
+      "emoji": "➰",
+      "name": "curly loop",
+      "shortname": ":curly_loop:",
+      "unicode": "27b0",
+      "html": "&#10160;",
+      "category": "Symbols (other-symbol)",
+      "order": "2090"
+    },
+    {
+      "emoji": "🚩",
+      "name": "triangular flag",
+      "shortname": ":triangular_flag_on_post:",
+      "unicode": "1f6a9",
+      "html": "&#128681;",
+      "category": "Flags (flag)",
+      "order": "2182"
+    },
+    {
+      "emoji": "🔄",
+      "name": "counterclockwise arrows button",
+      "shortname": ":arrows_counterclockwise:",
+      "unicode": "1f504",
+      "html": "&#128260;",
+      "category": "Symbols (arrow)",
+      "order": "2017"
+    },
+    {
+      "emoji": "🐎",
+      "name": "horse",
+      "shortname": ":racehorse:",
+      "unicode": "1f40e",
+      "html": "&#128014;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1357"
+    },
+    {
+      "emoji": "🍤",
+      "name": "fried shrimp",
+      "shortname": ":fried_shrimp:",
+      "unicode": "1f364",
+      "html": "&#127844;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1505"
+    },
+    {
+      "emoji": "🌄",
+      "name": "sunrise over mountains",
+      "shortname": ":sunrise_over_mountains:",
+      "unicode": "1f304",
+      "html": "&#127748;",
+      "category": "Travel & Places (place-other)",
+      "order": "1586"
+    },
+    {
+      "emoji": "🌋",
+      "name": "volcano",
+      "shortname": ":volcano:",
+      "unicode": "1f30b",
+      "html": "&#127755;",
+      "category": "Travel & Places (place-geographic)",
+      "order": "1546"
+    },
+    {
+      "emoji": "🐓",
+      "name": "rooster",
+      "shortname": ":rooster:",
+      "unicode": "1f413",
+      "html": "&#128019;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1389"
+    },
+    {
+      "emoji": "📥",
+      "name": "inbox tray",
+      "shortname": ":inbox_tray:",
+      "unicode": "1f4e5",
+      "html": "&#128229;",
+      "category": "Objects (mail)",
+      "order": "1906"
+    },
+    {
+      "emoji": "💒",
+      "name": "wedding",
+      "shortname": ":wedding:",
+      "unicode": "1f492",
+      "html": "&#128146;",
+      "category": "Travel & Places (place-building)",
+      "order": "1574"
+    },
+    {
+      "emoji": "🍣",
+      "name": "sushi",
+      "shortname": ":sushi:",
+      "unicode": "1f363",
+      "html": "&#127843;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1504"
+    },
+    {
+      "emoji": "〰",
+      "name": "wavy dash",
+      "shortname": ":wavy_dash:",
+      "unicode": "3030",
+      "html": "&#12336;",
+      "category": "Symbols (other-symbol)",
+      "order": "2102"
+    },
+    {
+      "emoji": "🍨",
+      "name": "ice cream",
+      "shortname": ":ice_cream:",
+      "unicode": "1f368",
+      "html": "&#127848;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1510"
+    },
+    {
+      "emoji": "⏪",
+      "name": "fast reverse button",
+      "shortname": ":rewind:",
+      "unicode": "23ea",
+      "html": "&#9194;",
+      "category": "Symbols (av-symbol)",
+      "order": "2056"
+    },
+    {
+      "emoji": "🍅",
+      "name": "tomato",
+      "shortname": ":tomato:",
+      "unicode": "1f345",
+      "html": "&#127813;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1463"
+    },
+    {
+      "emoji": "🐇",
+      "name": "rabbit",
+      "shortname": ":rabbit2:",
+      "unicode": "1f407",
+      "html": "&#128007;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1380"
+    },
+    {
+      "emoji": "✴️",
+      "name": "eight-pointed star",
+      "shortname": ":eight_pointed_black_star:",
+      "unicode": "2734",
+      "html": "&#10036;",
+      "category": "Symbols (other-symbol)",
+      "order": "2094"
+    },
+    {
+      "emoji": "🔺",
+      "name": "red triangle pointed up",
+      "shortname": ":small_red_triangle:",
+      "unicode": "1f53a",
+      "html": "&#128314;",
+      "category": "Symbols (geometric)",
+      "order": "2171"
+    },
+    {
+      "emoji": "🔆",
+      "name": "bright button",
+      "shortname": ":high_brightness:",
+      "unicode": "1f506",
+      "html": "&#128262;",
+      "category": "Symbols (av-symbol)",
+      "order": "2068"
+    },
+    {
+      "emoji": "➕",
+      "name": "plus sign",
+      "shortname": ":heavy_plus_sign:",
+      "unicode": "2795",
+      "html": "&#10133;",
+      "category": "Symbols (other-symbol)",
+      "order": "2084"
+    },
+    {
+      "emoji": "👲🏿",
+      "name": "man with skullcap: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F472 1F3FF",
+      "html": "&#128114;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👲🏾",
+      "name": "man with skullcap: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F472 1F3FE",
+      "html": "&#128114;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👲🏽",
+      "name": "man with skullcap: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F472 1F3FD",
+      "html": "&#128114;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👲🏼",
+      "name": "man with skullcap: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F472 1F3FC",
+      "html": "&#128114;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👲🏻",
+      "name": "man with skullcap: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F472 1F3FB",
+      "html": "&#128114;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👲",
+      "name": "man with skullcap",
+      "shortname": ":man_with_gua_pi_mao:",
+      "unicode": "1f472",
+      "html": "&#128114;",
+      "category": "People & Body (person-role)",
+      "order": "489"
+    },
+    {
+      "emoji": "🏪",
+      "name": "convenience store",
+      "shortname": ":convenience_store:",
+      "unicode": "1f3ea",
+      "html": "&#127978;",
+      "category": "Travel & Places (place-building)",
+      "order": "1568"
+    },
+    {
+      "emoji": "👥",
+      "name": "busts in silhouette",
+      "shortname": ":busts_in_silhouette:",
+      "unicode": "1f465",
+      "html": "&#128101;",
+      "category": "People & Body (person-symbol)",
+      "order": "767"
+    },
+    {
+      "emoji": "🐞",
+      "name": "lady beetle",
+      "shortname": ":beetle:",
+      "unicode": "1f41e",
+      "html": "&#128030;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1423"
+    },
+    {
+      "emoji": "🔻",
+      "name": "red triangle pointed down",
+      "shortname": ":small_red_triangle_down:",
+      "unicode": "1f53b",
+      "html": "&#128315;",
+      "category": "Symbols (geometric)",
+      "order": "2172"
+    },
+    {
+      "emoji": "🇩🇪",
+      "name": "flag: Germany",
+      "shortname": ":ger:",
+      "unicode": "1F1E9 1F1EA",
+      "html": "&#127465;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "⤴️",
+      "name": "right arrow curving up",
+      "shortname": ":arrow_heading_up:",
+      "unicode": "2934",
+      "html": "&#10548;",
+      "category": "Symbols (arrow)",
+      "order": "2014"
+    },
+    {
+      "emoji": "📛",
+      "name": "name badge",
+      "shortname": ":name_badge:",
+      "unicode": "1f4db",
+      "html": "&#128219;",
+      "category": "Symbols (other-symbol)",
+      "order": "2073"
+    },
+    {
+      "emoji": "🛀🏿",
+      "name": "person taking bath: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6C0 1F3FF",
+      "html": "&#128704;&#127999;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛀🏾",
+      "name": "person taking bath: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6C0 1F3FE",
+      "html": "&#128704;&#127998;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛀🏽",
+      "name": "person taking bath: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6C0 1F3FD",
+      "html": "&#128704;&#127997;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛀🏼",
+      "name": "person taking bath: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6C0 1F3FC",
+      "html": "&#128704;&#127996;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛀🏻",
+      "name": "person taking bath: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6C0 1F3FB",
+      "html": "&#128704;&#127995;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛀",
+      "name": "person taking bath",
+      "shortname": ":bath:",
+      "unicode": "1f6c0",
+      "html": "&#128704;",
+      "category": "People & Body (person-resting)",
+      "order": "1673"
+    },
+    {
+      "emoji": "⛔",
+      "name": "no entry",
+      "shortname": ":no_entry:",
+      "unicode": "26d4",
+      "html": "&#9940;",
+      "category": "Symbols (warning)",
+      "order": "1991"
+    },
+    {
+      "emoji": "🐊",
+      "name": "crocodile",
+      "shortname": ":crocodile:",
+      "unicode": "1f40a",
+      "html": "&#128010;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": "1400"
+    },
+    {
+      "emoji": "🌰",
+      "name": "chestnut",
+      "shortname": ":chestnut:",
+      "unicode": "1F330",
+      "html": "&#127792;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🐕",
+      "name": "dog",
+      "shortname": ":dog2:",
+      "unicode": "1f415",
+      "html": "&#128021;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1346"
+    },
+    {
+      "emoji": "🐈",
+      "name": "cat",
+      "shortname": ":cat2:",
+      "unicode": "1f408",
+      "html": "&#128008;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1351"
+    },
+    {
+      "emoji": "🔨",
+      "name": "hammer",
+      "shortname": ":hammer:",
+      "unicode": "1f528",
+      "html": "&#128296;",
+      "category": "Objects (tool)",
+      "order": "1950"
+    },
+    {
+      "emoji": "🍖",
+      "name": "meat on bone",
+      "shortname": ":meat_on_bone:",
+      "unicode": "1f356",
+      "html": "&#127830;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1479"
+    },
+    {
+      "emoji": "🐚",
+      "name": "spiral shell",
+      "shortname": ":shell:",
+      "unicode": "1f41a",
+      "html": "&#128026;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1414"
+    },
+    {
+      "emoji": "❇️",
+      "name": "sparkle",
+      "shortname": ":sparkle:",
+      "unicode": "2747",
+      "html": "&#10055;",
+      "category": "Symbols (other-symbol)",
+      "order": "2095"
+    },
+    {
+      "emoji": "⛵",
+      "name": "sailboat",
+      "shortname": ":sailboat:",
+      "unicode": "26F5",
+      "html": "&#9973;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "🅱️",
+      "name": "B button (blood type)",
+      "shortname": ":b:",
+      "unicode": "1f171",
+      "html": "&#127345;",
+      "category": "Symbols (alphanum)",
+      "order": "2127"
+    },
+    {
+      "emoji": "Ⓜ️",
+      "name": "circled M",
+      "shortname": ":m:",
+      "unicode": "24c2",
+      "html": "&#9410;",
+      "category": "Symbols (alphanum)",
+      "order": "2133"
+    },
+    {
+      "emoji": "🐩",
+      "name": "poodle",
+      "shortname": ":poodle:",
+      "unicode": "1f429",
+      "html": "&#128041;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1347"
+    },
+    {
+      "emoji": "♒",
+      "name": "Aquarius",
+      "shortname": ":aquarius:",
+      "unicode": "2652",
+      "html": "&#9810;",
+      "category": "Symbols (zodiac)",
+      "order": "2045"
+    },
+    {
+      "emoji": "🍲",
+      "name": "pot of food",
+      "shortname": ":stew:",
+      "unicode": "1f372",
+      "html": "&#127858;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1492"
+    },
+    {
+      "emoji": "👖",
+      "name": "jeans",
+      "shortname": ":jeans:",
+      "unicode": "1f456",
+      "html": "&#128086;",
+      "category": "Objects (clothing)",
+      "order": "1318"
+    },
+    {
+      "emoji": "🍯",
+      "name": "honey pot",
+      "shortname": ":honey_pot:",
+      "unicode": "1f36f",
+      "html": "&#127855;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1519"
+    },
+    {
+      "emoji": "🎹",
+      "name": "musical keyboard",
+      "shortname": ":musical_keyboard:",
+      "unicode": "1f3b9",
+      "html": "&#127929;",
+      "category": "Objects (musical-instrument)",
+      "order": "1834"
+    },
+    {
+      "emoji": "🔓",
+      "name": "unlocked",
+      "shortname": ":unlock:",
+      "unicode": "1f513",
+      "html": "&#128275;",
+      "category": "Objects (lock)",
+      "order": "1945"
+    },
+    {
+      "emoji": "✒",
+      "name": "black nib",
+      "shortname": ":black_nib:",
+      "unicode": "2712",
+      "html": "&#10002;",
+      "category": "Objects (writing)",
+      "order": "1915"
+    },
+    {
+      "emoji": "🗽",
+      "name": "Statue of Liberty",
+      "shortname": ":statue_of_liberty:",
+      "unicode": "1f5fd",
+      "html": "&#128509;",
+      "category": "Travel & Places (place-building)",
+      "order": "1576"
+    },
+    {
+      "emoji": "💲",
+      "name": "heavy dollar sign",
+      "shortname": ":heavy_dollar_sign:",
+      "unicode": "1f4b2",
+      "html": "&#128178;",
+      "category": "Objects (money)",
+      "order": "1900"
+    },
+    {
+      "emoji": "🏂",
+      "name": "snowboarder",
+      "shortname": ":snowboarder:",
+      "unicode": "1f3c2",
+      "html": "&#127938;",
+      "category": "People & Body (person-sport)",
+      "order": "776"
+    },
+    {
+      "emoji": "💮",
+      "name": "white flower",
+      "shortname": ":white_flower:",
+      "unicode": "1f4ae",
+      "html": "&#128174;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1429"
+    },
+    {
+      "emoji": "👔",
+      "name": "necktie",
+      "shortname": ":necktie:",
+      "unicode": "1f454",
+      "html": "&#128084;",
+      "category": "Objects (clothing)",
+      "order": "1316"
+    },
+    {
+      "emoji": "💠",
+      "name": "diamond with a dot",
+      "shortname": ":diamond_shape_with_a_dot_inside:",
+      "unicode": "1f4a0",
+      "html": "&#128160;",
+      "category": "Symbols (geometric)",
+      "order": "2173"
+    },
+    {
+      "emoji": "♈",
+      "name": "Aries",
+      "shortname": ":aries:",
+      "unicode": "2648",
+      "html": "&#9800;",
+      "category": "Symbols (zodiac)",
+      "order": "2035"
+    },
+    {
+      "emoji": "🚺",
+      "name": "women’s room",
+      "shortname": ":womens:",
+      "unicode": "1f6ba",
+      "html": "&#128698;",
+      "category": "Symbols (transport-sign)",
+      "order": "1981"
+    },
+    {
+      "emoji": "🐜",
+      "name": "ant",
+      "shortname": ":ant:",
+      "unicode": "1f41c",
+      "html": "&#128028;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1421"
+    },
+    {
+      "emoji": "♏",
+      "name": "Scorpio",
+      "shortname": ":scorpius:",
+      "unicode": "264f",
+      "html": "&#9807;",
+      "category": "Symbols (zodiac)",
+      "order": "2042"
+    },
+    {
+      "emoji": "🌇",
+      "name": "sunset",
+      "shortname": ":city_sunset:",
+      "unicode": "1f307",
+      "html": "&#127751;",
+      "category": "Travel & Places (place-other)",
+      "order": "1589"
+    },
+    {
+      "emoji": "⏳",
+      "name": "hourglass not done",
+      "shortname": ":hourglass_flowing_sand:",
+      "unicode": "23f3",
+      "html": "&#9203;",
+      "category": "Travel & Places (time)",
+      "order": "1681"
+    },
+    {
+      "emoji": "🅾️",
+      "name": "O button (blood type)",
+      "shortname": ":o2:",
+      "unicode": "1f17e",
+      "html": "&#127358;",
+      "category": "Symbols (alphanum)",
+      "order": "2136"
+    },
+    {
+      "emoji": "🐲",
+      "name": "dragon face",
+      "shortname": ":dragon_face:",
+      "unicode": "1f432",
+      "html": "&#128050;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": "1404"
+    },
+    {
+      "emoji": "🐌",
+      "name": "snail",
+      "shortname": ":snail:",
+      "unicode": "1f40c",
+      "html": "&#128012;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1419"
+    },
+    {
+      "emoji": "📀",
+      "name": "dvd",
+      "shortname": ":dvd:",
+      "unicode": "1f4c0",
+      "html": "&#128192;",
+      "category": "Objects (computer)",
+      "order": "1855"
+    },
+    {
+      "emoji": "👕",
+      "name": "t-shirt",
+      "shortname": ":shirt:",
+      "unicode": "1f455",
+      "html": "&#128085;",
+      "category": "Objects (clothing)",
+      "order": "1317"
+    },
+    {
+      "emoji": "🎲",
+      "name": "game die",
+      "shortname": ":game_die:",
+      "unicode": "1f3b2",
+      "html": "&#127922;",
+      "category": "Activities (game)",
+      "order": "1806"
+    },
+    {
+      "emoji": "➖",
+      "name": "minus sign",
+      "shortname": ":heavy_minus_sign:",
+      "unicode": "2796",
+      "html": "&#10134;",
+      "category": "Symbols (other-symbol)",
+      "order": "2088"
+    },
+    {
+      "emoji": "🎎",
+      "name": "Japanese dolls",
+      "shortname": ":dolls:",
+      "unicode": "1f38e",
+      "html": "&#127886;",
+      "category": "Activities (event)",
+      "order": "1766"
+    },
+    {
+      "emoji": "♐",
+      "name": "Sagittarius",
+      "shortname": ":sagittarius:",
+      "unicode": "2650",
+      "html": "&#9808;",
+      "category": "Symbols (zodiac)",
+      "order": "2043"
+    },
+    {
+      "emoji": "🎱",
+      "name": "pool 8 ball",
+      "shortname": ":8ball:",
+      "unicode": "1f3b1",
+      "html": "&#127921;",
+      "category": "Activities (game)",
+      "order": "1788"
+    },
+    {
+      "emoji": "🚌",
+      "name": "bus",
+      "shortname": ":bus:",
+      "unicode": "1f68c",
+      "html": "&#128652;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1614"
+    },
+    {
+      "emoji": "🍮",
+      "name": "custard",
+      "shortname": ":custard:",
+      "unicode": "1f36e",
+      "html": "&#127854;",
+      "category": "Food & Drink (food-sweet)",
+      "order": "1518"
+    },
+    {
+      "emoji": "🎌",
+      "name": "crossed flags",
+      "shortname": ":crossed_flags:",
+      "unicode": "1f38c",
+      "html": "&#127884;",
+      "category": "Flags (flag)",
+      "order": "2183"
+    },
+    {
+      "emoji": "〽️",
+      "name": "part alternation mark",
+      "shortname": ":part_alternation_mark:",
+      "unicode": "303d",
+      "html": "&#12349;",
+      "category": "Symbols (other-symbol)",
+      "order": "2092"
+    },
+    {
+      "emoji": "🐫",
+      "name": "two-hump camel",
+      "shortname": ":camel:",
+      "unicode": "1f42b",
+      "html": "&#128043;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1372"
+    },
+    {
+      "emoji": "🍛",
+      "name": "curry rice",
+      "shortname": ":curry:",
+      "unicode": "1f35b",
+      "html": "&#127835;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1499"
+    },
+    {
+      "emoji": "🚂",
+      "name": "locomotive",
+      "shortname": ":steam_locomotive:",
+      "unicode": "1f682",
+      "html": "&#128642;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1602"
+    },
+    {
+      "emoji": "🏥",
+      "name": "hospital",
+      "shortname": ":hospital:",
+      "unicode": "1f3e5",
+      "html": "&#127973;",
+      "category": "Travel & Places (place-building)",
+      "order": "1564"
+    },
+    {
+      "emoji": "🇯🇵",
+      "name": "flag: Japan",
+      "shortname": ":jp:",
+      "unicode": "1F1EF 1F1F5",
+      "html": "&#127471;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🔷",
+      "name": "large blue diamond",
+      "shortname": ":large_blue_diamond:",
+      "unicode": "1f537",
+      "html": "&#128311;",
+      "category": "Symbols (geometric)",
+      "order": "2168"
+    },
+    {
+      "emoji": "🎋",
+      "name": "tanabata tree",
+      "shortname": ":tanabata_tree:",
+      "unicode": "1f38b",
+      "html": "&#127883;",
+      "category": "Activities (event)",
+      "order": "1764"
+    },
+    {
+      "emoji": "🔔",
+      "name": "bell",
+      "shortname": ":bell:",
+      "unicode": "1f514",
+      "html": "&#128276;",
+      "category": "Objects (sound)",
+      "order": "1821"
+    },
+    {
+      "emoji": "♌",
+      "name": "Leo",
+      "shortname": ":leo:",
+      "unicode": "264c",
+      "html": "&#9804;",
+      "category": "Symbols (zodiac)",
+      "order": "2039"
+    },
+    {
+      "emoji": "♊",
+      "name": "Gemini",
+      "shortname": ":gemini:",
+      "unicode": "264a",
+      "html": "&#9802;",
+      "category": "Symbols (zodiac)",
+      "order": "2037"
+    },
+    {
+      "emoji": "🍐",
+      "name": "pear",
+      "shortname": ":pear:",
+      "unicode": "1f350",
+      "html": "&#127824;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1458"
+    },
+    {
+      "emoji": "🔶",
+      "name": "large orange diamond",
+      "shortname": ":large_orange_diamond:",
+      "unicode": "1f536",
+      "html": "&#128310;",
+      "category": "Symbols (geometric)",
+      "order": "2167"
+    },
+    {
+      "emoji": "♉",
+      "name": "Taurus",
+      "shortname": ":taurus:",
+      "unicode": "2649",
+      "html": "&#9801;",
+      "category": "Symbols (zodiac)",
+      "order": "2036"
+    },
+    {
+      "emoji": "🌐",
+      "name": "globe with meridians",
+      "shortname": ":globe_with_meridians:",
+      "unicode": "1f310",
+      "html": "&#127760;",
+      "category": "Travel & Places (place-map)",
+      "order": "1541"
+    },
+    {
+      "emoji": "🚪",
+      "name": "door",
+      "shortname": ":door:",
+      "unicode": "1f6aa",
+      "html": "&#128682;",
+      "category": "Objects (household)",
+      "order": "1662"
+    },
+    {
+      "emoji": "🕕",
+      "name": "six o’clock",
+      "shortname": ":clock6:",
+      "unicode": "1f555",
+      "html": "&#128341;",
+      "category": "Travel & Places (time)",
+      "order": "1699"
+    },
+    {
+      "emoji": "🚔",
+      "name": "oncoming police car",
+      "shortname": ":oncoming_police_car:",
+      "unicode": "1f694",
+      "html": "&#128660;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1621"
+    },
+    {
+      "emoji": "📩",
+      "name": "envelope with arrow",
+      "shortname": ":envelope_with_arrow:",
+      "unicode": "1f4e9",
+      "html": "&#128233;",
+      "category": "Objects (mail)",
+      "order": "1904"
+    },
+    {
+      "emoji": "🌂",
+      "name": "closed umbrella",
+      "shortname": ":closed_umbrella:",
+      "unicode": "1f302",
+      "html": "&#127746;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1744"
+    },
+    {
+      "emoji": "🎷",
+      "name": "saxophone",
+      "shortname": ":saxophone:",
+      "unicode": "1f3b7",
+      "html": "&#127927;",
+      "category": "Objects (musical-instrument)",
+      "order": "1832"
+    },
+    {
+      "emoji": "⛪",
+      "name": "church",
+      "shortname": ":church:",
+      "unicode": "26ea",
+      "html": "&#9962;",
+      "category": "Travel & Places (place-religious)",
+      "order": "1577"
+    },
+    {
+      "emoji": "🚴🏿‍♀",
+      "name": "woman biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B4 1F3FF 200D 2640",
+      "html": "&#128692;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏾‍♀",
+      "name": "woman biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B4 1F3FE 200D 2640",
+      "html": "&#128692;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏽‍♀",
+      "name": "woman biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B4 1F3FD 200D 2640",
+      "html": "&#128692;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏼‍♀",
+      "name": "woman biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B4 1F3FC 200D 2640",
+      "html": "&#128692;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏻‍♀",
+      "name": "woman biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B4 1F3FB 200D 2640",
+      "html": "&#128692;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴‍♀",
+      "name": "woman biking",
+      "shortname": ":woman_biking:",
+      "unicode": "1F6B4 200D 2640",
+      "html": "&#128692;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏿",
+      "name": "person biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B4 1F3FF",
+      "html": "&#128692;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏾",
+      "name": "person biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B4 1F3FE",
+      "html": "&#128692;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏽",
+      "name": "person biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B4 1F3FD",
+      "html": "&#128692;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏼",
+      "name": "person biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B4 1F3FC",
+      "html": "&#128692;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏻",
+      "name": "person biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B4 1F3FB",
+      "html": "&#128692;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴",
+      "name": "person biking",
+      "shortname": ":bicyclist:",
+      "unicode": "1f6b4",
+      "html": "&#128692;",
+      "category": "People & Body (person-sport)",
+      "order": "890"
+    },
+    {
+      "emoji": "♓",
+      "name": "Pisces",
+      "shortname": ":pisces:",
+      "unicode": "2653",
+      "html": "&#9811;",
+      "category": "Symbols (zodiac)",
+      "order": "2046"
+    },
+    {
+      "emoji": "🍡",
+      "name": "dango",
+      "shortname": ":dango:",
+      "unicode": "1f361",
+      "html": "&#127841;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1507"
+    },
+    {
+      "emoji": "♑",
+      "name": "Capricorn",
+      "shortname": ":capricorn:",
+      "unicode": "2651",
+      "html": "&#9809;",
+      "category": "Symbols (zodiac)",
+      "order": "2044"
+    },
+    {
+      "emoji": "🏢",
+      "name": "office building",
+      "shortname": ":office:",
+      "unicode": "1f3e2",
+      "html": "&#127970;",
+      "category": "Travel & Places (place-building)",
+      "order": "1561"
+    },
+    {
+      "emoji": "🚣🏿‍♀",
+      "name": "woman rowing boat: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6A3 1F3FF 200D 2640",
+      "html": "&#128675;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏾‍♀",
+      "name": "woman rowing boat: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6A3 1F3FE 200D 2640",
+      "html": "&#128675;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏽‍♀",
+      "name": "woman rowing boat: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6A3 1F3FD 200D 2640",
+      "html": "&#128675;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏼‍♀",
+      "name": "woman rowing boat: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6A3 1F3FC 200D 2640",
+      "html": "&#128675;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏻‍♀",
+      "name": "woman rowing boat: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6A3 1F3FB 200D 2640",
+      "html": "&#128675;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣‍♀",
+      "name": "woman rowing boat",
+      "shortname": ":woman_rowing_boat:",
+      "unicode": "1F6A3 200D 2640",
+      "html": "&#128675;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏿",
+      "name": "person rowing boat: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6A3 1F3FF",
+      "html": "&#128675;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏾",
+      "name": "person rowing boat: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6A3 1F3FE",
+      "html": "&#128675;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏽",
+      "name": "person rowing boat: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6A3 1F3FD",
+      "html": "&#128675;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏼",
+      "name": "person rowing boat: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6A3 1F3FC",
+      "html": "&#128675;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏻",
+      "name": "person rowing boat: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6A3 1F3FB",
+      "html": "&#128675;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣",
+      "name": "person rowing boat",
+      "shortname": ":rowboat:",
+      "unicode": "1f6a3",
+      "html": "&#128675;",
+      "category": "People & Body (person-sport)",
+      "order": "818"
+    },
+    {
+      "emoji": "👒",
+      "name": "woman’s hat",
+      "shortname": ":womans_hat:",
+      "unicode": "1f452",
+      "html": "&#128082;",
+      "category": "Objects (clothing)",
+      "order": "1334"
+    },
+    {
+      "emoji": "👞",
+      "name": "man’s shoe",
+      "shortname": ":mans_shoe:",
+      "unicode": "1f45e",
+      "html": "&#128094;",
+      "category": "Objects (clothing)",
+      "order": "1328"
+    },
+    {
+      "emoji": "🏩",
+      "name": "love hotel",
+      "shortname": ":love_hotel:",
+      "unicode": "1f3e9",
+      "html": "&#127977;",
+      "category": "Travel & Places (place-building)",
+      "order": "1567"
+    },
+    {
+      "emoji": "🗻",
+      "name": "mount fuji",
+      "shortname": ":mount_fuji:",
+      "unicode": "1f5fb",
+      "html": "&#128507;",
+      "category": "Travel & Places (place-geographic)",
+      "order": "1547"
+    },
+    {
+      "emoji": "🐪",
+      "name": "camel",
+      "shortname": ":dromedary_camel:",
+      "unicode": "1f42a",
+      "html": "&#128042;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1371"
+    },
+    {
+      "emoji": "👜",
+      "name": "handbag",
+      "shortname": ":handbag:",
+      "unicode": "1f45c",
+      "html": "&#128092;",
+      "category": "Objects (clothing)",
+      "order": "1324"
+    },
+    {
+      "emoji": "⌛",
+      "name": "hourglass done",
+      "shortname": ":hourglass:",
+      "unicode": "231b",
+      "html": "&#8987;",
+      "category": "Travel & Places (time)",
+      "order": "1680"
+    },
+    {
+      "emoji": "❎",
+      "name": "cross mark button",
+      "shortname": ":negative_squared_cross_mark:",
+      "unicode": "274e",
+      "html": "&#10062;",
+      "category": "Symbols (other-symbol)",
+      "order": "2083"
+    },
+    {
+      "emoji": "🎺",
+      "name": "trumpet",
+      "shortname": ":trumpet:",
+      "unicode": "1f3ba",
+      "html": "&#127930;",
+      "category": "Objects (musical-instrument)",
+      "order": "1835"
+    },
+    {
+      "emoji": "🏫",
+      "name": "school",
+      "shortname": ":school:",
+      "unicode": "1f3eb",
+      "html": "&#127979;",
+      "category": "Travel & Places (place-building)",
+      "order": "1569"
+    },
+    {
+      "emoji": "🐄",
+      "name": "cow",
+      "shortname": ":cow2:",
+      "unicode": "1f404",
+      "html": "&#128004;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1363"
+    },
+    {
+      "emoji": "🌆",
+      "name": "cityscape at dusk",
+      "shortname": ":cityscape_at_dusk:",
+      "unicode": "1F306",
+      "html": "&#127750;",
+      "category": "Travel & Places (place-other)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏿‍♀",
+      "name": "woman construction worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F477 1F3FF 200D 2640",
+      "html": "&#128119;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏾‍♀",
+      "name": "woman construction worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F477 1F3FE 200D 2640",
+      "html": "&#128119;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏽‍♀",
+      "name": "woman construction worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F477 1F3FD 200D 2640",
+      "html": "&#128119;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏼‍♀",
+      "name": "woman construction worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F477 1F3FC 200D 2640",
+      "html": "&#128119;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏻‍♀",
+      "name": "woman construction worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F477 1F3FB 200D 2640",
+      "html": "&#128119;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷‍♀",
+      "name": "woman construction worker",
+      "shortname": ":woman_construction_worker:",
+      "unicode": "1F477 200D 2640",
+      "html": "&#128119;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏿",
+      "name": "construction worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F477 1F3FF",
+      "html": "&#128119;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏾",
+      "name": "construction worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F477 1F3FE",
+      "html": "&#128119;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏽",
+      "name": "construction worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F477 1F3FD",
+      "html": "&#128119;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏼",
+      "name": "construction worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F477 1F3FC",
+      "html": "&#128119;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏻",
+      "name": "construction worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F477 1F3FB",
+      "html": "&#128119;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷",
+      "name": "construction worker",
+      "shortname": ":construction_worker:",
+      "unicode": "1f477",
+      "html": "&#128119;",
+      "category": "People & Body (person-role)",
+      "order": "393"
+    },
+    {
+      "emoji": "🚽",
+      "name": "toilet",
+      "shortname": ":toilet:",
+      "unicode": "1f6bd",
+      "html": "&#128701;",
+      "category": "Objects (household)",
+      "order": "1671"
+    },
+    {
+      "emoji": "🐖",
+      "name": "pig",
+      "shortname": ":pig2:",
+      "unicode": "1f416",
+      "html": "&#128022;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1365"
+    },
+    {
+      "emoji": "❔",
+      "name": "white question mark",
+      "shortname": ":grey_question:",
+      "unicode": "2754",
+      "html": "&#10068;",
+      "category": "Symbols (other-symbol)",
+      "order": "2099"
+    },
+    {
+      "emoji": "🔰",
+      "name": "Japanese symbol for beginner",
+      "shortname": ":beginner:",
+      "unicode": "1f530",
+      "html": "&#128304;",
+      "category": "Symbols (other-symbol)",
+      "order": "2075"
+    },
+    {
+      "emoji": "🎻",
+      "name": "violin",
+      "shortname": ":violin:",
+      "unicode": "1f3bb",
+      "html": "&#127931;",
+      "category": "Objects (musical-instrument)",
+      "order": "1836"
+    },
+    {
+      "emoji": "🔛",
+      "name": "ON! arrow",
+      "shortname": ":on:",
+      "unicode": "1f51b",
+      "html": "&#128283;",
+      "category": "Symbols (arrow)",
+      "order": "2020"
+    },
+    {
+      "emoji": "💳",
+      "name": "credit card",
+      "shortname": ":credit_card:",
+      "unicode": "1f4b3",
+      "html": "&#128179;",
+      "category": "Objects (money)",
+      "order": "1897"
+    },
+    {
+      "emoji": "🆔",
+      "name": "ID button",
+      "shortname": ":id:",
+      "unicode": "1f194",
+      "html": "&#127380;",
+      "category": "Symbols (alphanum)",
+      "order": "2132"
+    },
+    {
+      "emoji": "㊙",
+      "name": "Japanese secret button",
+      "shortname": ":secret:",
+      "unicode": "3299",
+      "html": "&#12953;",
+      "category": "Symbols (alphanum)",
+      "order": "2156"
+    },
+    {
+      "emoji": "🎡",
+      "name": "ferris wheel",
+      "shortname": ":ferris_wheel:",
+      "unicode": "1f3a1",
+      "html": "&#127905;",
+      "category": "Travel & Places (place-other)",
+      "order": "1594"
+    },
+    {
+      "emoji": "🎳",
+      "name": "bowling",
+      "shortname": ":bowling:",
+      "unicode": "1f3b3",
+      "html": "&#127923;",
+      "category": "Activities (sport)",
+      "order": "1789"
+    },
+    {
+      "emoji": "♎",
+      "name": "Libra",
+      "shortname": ":libra:",
+      "unicode": "264e",
+      "html": "&#9806;",
+      "category": "Symbols (zodiac)",
+      "order": "2041"
+    },
+    {
+      "emoji": "♍",
+      "name": "Virgo",
+      "shortname": ":virgo:",
+      "unicode": "264d",
+      "html": "&#9805;",
+      "category": "Symbols (zodiac)",
+      "order": "2040"
+    },
+    {
+      "emoji": "💈",
+      "name": "barber pole",
+      "shortname": ":barber:",
+      "unicode": "1f488",
+      "html": "&#128136;",
+      "category": "Travel & Places (place-other)",
+      "order": "1596"
+    },
+    {
+      "emoji": "👛",
+      "name": "purse",
+      "shortname": ":purse:",
+      "unicode": "1f45b",
+      "html": "&#128091;",
+      "category": "Objects (clothing)",
+      "order": "1323"
+    },
+    {
+      "emoji": "🎢",
+      "name": "roller coaster",
+      "shortname": ":roller_coaster:",
+      "unicode": "1f3a2",
+      "html": "&#127906;",
+      "category": "Travel & Places (place-other)",
+      "order": "1595"
+    },
+    {
+      "emoji": "🐀",
+      "name": "rat",
+      "shortname": ":rat:",
+      "unicode": "1f400",
+      "html": "&#128000;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1377"
+    },
+    {
+      "emoji": "📅",
+      "name": "calendar",
+      "shortname": ":date:",
+      "unicode": "1f4c5",
+      "html": "&#128197;",
+      "category": "Objects (office)",
+      "order": "1925"
+    },
+    {
+      "emoji": "🏉",
+      "name": "rugby football",
+      "shortname": ":rugby_football:",
+      "unicode": "1f3c9",
+      "html": "&#127945;",
+      "category": "Activities (sport)",
+      "order": "1786"
+    },
+    {
+      "emoji": "🐏",
+      "name": "ram",
+      "shortname": ":ram:",
+      "unicode": "1f40f",
+      "html": "&#128015;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1368"
+    },
+    {
+      "emoji": "🔼",
+      "name": "upwards button",
+      "shortname": ":arrow_up_small:",
+      "unicode": "1f53c",
+      "html": "&#128316;",
+      "category": "Symbols (av-symbol)",
+      "order": "2058"
+    },
+    {
+      "emoji": "🔲",
+      "name": "black square button",
+      "shortname": ":black_square_button:",
+      "unicode": "1f532",
+      "html": "&#128306;",
+      "category": "Symbols (geometric)",
+      "order": "2175"
+    },
+    {
+      "emoji": "📴",
+      "name": "mobile phone off",
+      "shortname": ":mobile_phone_off:",
+      "unicode": "1f4f4",
+      "html": "&#128244;",
+      "category": "Symbols (av-symbol)",
+      "order": "2071"
+    },
+    {
+      "emoji": "🗼",
+      "name": "Tokyo tower",
+      "shortname": ":tokyo_tower:",
+      "unicode": "1f5fc",
+      "html": "&#128508;",
+      "category": "Travel & Places (place-building)",
+      "order": "1575"
+    },
+    {
+      "emoji": "㊗",
+      "name": "Japanese congratulations button",
+      "shortname": ":congratulations:",
+      "unicode": "3297",
+      "html": "&#12951;",
+      "category": "Symbols (alphanum)",
+      "order": "2155"
+    },
+    {
+      "emoji": "👘",
+      "name": "kimono",
+      "shortname": ":kimono:",
+      "unicode": "1f458",
+      "html": "&#128088;",
+      "category": "Objects (clothing)",
+      "order": "1320"
+    },
+    {
+      "emoji": "🇷🇺",
+      "name": "flag: Russia",
+      "shortname": ":ru:",
+      "unicode": "1F1F7 1F1FA",
+      "html": "&#127479;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🚢",
+      "name": "ship",
+      "shortname": ":ship:",
+      "unicode": "1f6a2",
+      "html": "&#128674;",
+      "category": "Travel & Places (transport-water)",
+      "order": "1649"
+    },
+    {
+      "emoji": "🔎",
+      "name": "magnifying glass tilted right",
+      "shortname": ":mag_right:",
+      "unicode": "1f50e",
+      "html": "&#128270;",
+      "category": "Objects (light & video)",
+      "order": "1866"
+    },
+    {
+      "emoji": "🔍",
+      "name": "magnifying glass tilted left",
+      "shortname": ":mag:",
+      "unicode": "1f50d",
+      "html": "&#128269;",
+      "category": "Objects (light & video)",
+      "order": "1865"
+    },
+    {
+      "emoji": "🚒",
+      "name": "fire engine",
+      "shortname": ":fire_engine:",
+      "unicode": "1f692",
+      "html": "&#128658;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1619"
+    },
+    {
+      "emoji": "🕦",
+      "name": "eleven-thirty",
+      "shortname": ":clock1130:",
+      "unicode": "1f566",
+      "html": "&#128358;",
+      "category": "Travel & Places (time)",
+      "order": "1710"
+    },
+    {
+      "emoji": "🚓",
+      "name": "police car",
+      "shortname": ":police_car:",
+      "unicode": "1f693",
+      "html": "&#128659;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1620"
+    },
+    {
+      "emoji": "🃏",
+      "name": "joker",
+      "shortname": ":black_joker:",
+      "unicode": "1f0cf",
+      "html": "&#127183;",
+      "category": "Activities (game)",
+      "order": "1811"
+    },
+    {
+      "emoji": "🌉",
+      "name": "bridge at night",
+      "shortname": ":bridge_at_night:",
+      "unicode": "1f309",
+      "html": "&#127753;",
+      "category": "Travel & Places (place-other)",
+      "order": "1590"
+    },
+    {
+      "emoji": "📦",
+      "name": "package",
+      "shortname": ":package:",
+      "unicode": "1f4e6",
+      "html": "&#128230;",
+      "category": "Objects (mail)",
+      "order": "1907"
+    },
+    {
+      "emoji": "🚖",
+      "name": "oncoming taxi",
+      "shortname": ":oncoming_taxi:",
+      "unicode": "1f696",
+      "html": "&#128662;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1623"
+    },
+    {
+      "emoji": "📆",
+      "name": "tear-off calendar",
+      "shortname": ":calendar:",
+      "unicode": "1f4c6",
+      "html": "&#128198;",
+      "category": "Objects (office)",
+      "order": "1926"
+    },
+    {
+      "emoji": "🏇",
+      "name": "horse racing",
+      "shortname": ":horse_racing:",
+      "unicode": "1f3c7",
+      "html": "&#127943;",
+      "category": "People & Body (person-sport)",
+      "order": "769"
+    },
+    {
+      "emoji": "🐅",
+      "name": "tiger",
+      "shortname": ":tiger2:",
+      "unicode": "1f405",
+      "html": "&#128005;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1354"
+    },
+    {
+      "emoji": "👢",
+      "name": "woman’s boot",
+      "shortname": ":boot:",
+      "unicode": "1f462",
+      "html": "&#128098;",
+      "category": "Objects (clothing)",
+      "order": "1332"
+    },
+    {
+      "emoji": "🚑",
+      "name": "ambulance",
+      "shortname": ":ambulance:",
+      "unicode": "1f691",
+      "html": "&#128657;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1618"
+    },
+    {
+      "emoji": "🔳",
+      "name": "white square button",
+      "shortname": ":white_square_button:",
+      "unicode": "1f533",
+      "html": "&#128307;",
+      "category": "Symbols (geometric)",
+      "order": "2176"
+    },
+    {
+      "emoji": "🐗",
+      "name": "boar",
+      "shortname": ":boar:",
+      "unicode": "1f417",
+      "html": "&#128023;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1366"
+    },
+    {
+      "emoji": "🎒",
+      "name": "backpack",
+      "shortname": ":school_satchel:",
+      "unicode": "1f392",
+      "html": "&#127890;",
+      "category": "Objects (clothing)",
+      "order": "1327"
+    },
+    {
+      "emoji": "➿",
+      "name": "double curly loop",
+      "shortname": ":loop:",
+      "unicode": "27bf",
+      "html": "&#10175;",
+      "category": "Symbols (other-symbol)",
+      "order": "2091"
+    },
+    {
+      "emoji": "💷",
+      "name": "pound banknote",
+      "shortname": ":pound:",
+      "unicode": "1f4b7",
+      "html": "&#128183;",
+      "category": "Objects (money)",
+      "order": "1895"
+    },
+    {
+      "emoji": "ℹ",
+      "name": "information",
+      "shortname": ":information_source:",
+      "unicode": "2139",
+      "html": "&#8505;",
+      "category": "Symbols (alphanum)",
+      "order": "2131"
+    },
+    {
+      "emoji": "🐂",
+      "name": "ox",
+      "shortname": ":ox:",
+      "unicode": "1f402",
+      "html": "&#128002;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1361"
+    },
+    {
+      "emoji": "🍙",
+      "name": "rice ball",
+      "shortname": ":rice_ball:",
+      "unicode": "1f359",
+      "html": "&#127833;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1497"
+    },
+    {
+      "emoji": "🆚",
+      "name": "VS button",
+      "shortname": ":vs:",
+      "unicode": "1f19a",
+      "html": "&#127386;",
+      "category": "Symbols (alphanum)",
+      "order": "2141"
+    },
+    {
+      "emoji": "🔚",
+      "name": "END arrow",
+      "shortname": ":end:",
+      "unicode": "1f51a",
+      "html": "&#128282;",
+      "category": "Symbols (arrow)",
+      "order": "2019"
+    },
+    {
+      "emoji": "🅿️",
+      "name": "P button",
+      "shortname": ":parking:",
+      "unicode": "1f17f",
+      "html": "&#127359;",
+      "category": "Symbols (alphanum)",
+      "order": "2138"
+    },
+    {
+      "emoji": "👡",
+      "name": "woman’s sandal",
+      "shortname": ":sandal:",
+      "unicode": "1f461",
+      "html": "&#128097;",
+      "category": "Objects (clothing)",
+      "order": "1331"
+    },
+    {
+      "emoji": "⛺",
+      "name": "tent",
+      "shortname": ":tent:",
+      "unicode": "26fa",
+      "html": "&#9978;",
+      "category": "Travel & Places (place-other)",
+      "order": "1583"
+    },
+    {
+      "emoji": "💺",
+      "name": "seat",
+      "shortname": ":seat:",
+      "unicode": "1f4ba",
+      "html": "&#128186;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1654"
+    },
+    {
+      "emoji": "🚕",
+      "name": "taxi",
+      "shortname": ":taxi:",
+      "unicode": "1f695",
+      "html": "&#128661;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1622"
+    },
+    {
+      "emoji": "◾",
+      "name": "black medium-small square",
+      "shortname": ":black_medium_small_square:",
+      "unicode": "25fe",
+      "html": "&#9726;",
+      "category": "Symbols (geometric)",
+      "order": "2164"
+    },
+    {
+      "emoji": "💼",
+      "name": "briefcase",
+      "shortname": ":briefcase:",
+      "unicode": "1f4bc",
+      "html": "&#128188;",
+      "category": "Objects (office)",
+      "order": "1921"
+    },
+    {
+      "emoji": "📰",
+      "name": "newspaper",
+      "shortname": ":newspaper:",
+      "unicode": "1f4f0",
+      "html": "&#128240;",
+      "category": "Objects (book-paper)",
+      "order": "1886"
+    },
+    {
+      "emoji": "🎪",
+      "name": "circus tent",
+      "shortname": ":circus_tent:",
+      "unicode": "1f3aa",
+      "html": "&#127914;",
+      "category": "Travel & Places (place-other)",
+      "order": "1597"
+    },
+    {
+      "emoji": "🔯",
+      "name": "dotted six-pointed star",
+      "shortname": ":six_pointed_star:",
+      "unicode": "1f52f",
+      "html": "&#128303;",
+      "category": "Symbols (religion)",
+      "order": "2034"
+    },
+    {
+      "emoji": "🚹",
+      "name": "men’s room",
+      "shortname": ":mens:",
+      "unicode": "1f6b9",
+      "html": "&#128697;",
+      "category": "Symbols (transport-sign)",
+      "order": "1980"
+    },
+    {
+      "emoji": "🏰",
+      "name": "castle",
+      "shortname": ":european_castle:",
+      "unicode": "1f3f0",
+      "html": "&#127984;",
+      "category": "Travel & Places (place-building)",
+      "order": "1573"
+    },
+    {
+      "emoji": "🔦",
+      "name": "flashlight",
+      "shortname": ":flashlight:",
+      "unicode": "1f526",
+      "html": "&#128294;",
+      "category": "Objects (light & video)",
+      "order": "1872"
+    },
+    {
+      "emoji": "🌁",
+      "name": "foggy",
+      "shortname": ":foggy:",
+      "unicode": "1f301",
+      "html": "&#127745;",
+      "category": "Travel & Places (place-other)",
+      "order": "1584"
+    },
+    {
+      "emoji": "⏫",
+      "name": "fast up button",
+      "shortname": ":arrow_double_up:",
+      "unicode": "23eb",
+      "html": "&#9195;",
+      "category": "Symbols (av-symbol)",
+      "order": "2059"
+    },
+    {
+      "emoji": "🎍",
+      "name": "pine decoration",
+      "shortname": ":bamboo:",
+      "unicode": "1f38d",
+      "html": "&#127885;",
+      "category": "Activities (event)",
+      "order": "1765"
+    },
+    {
+      "emoji": "🎫",
+      "name": "ticket",
+      "shortname": ":ticket:",
+      "unicode": "1f3ab",
+      "html": "&#127915;",
+      "category": "Activities (event)",
+      "order": "1774"
+    },
+    {
+      "emoji": "🚁",
+      "name": "helicopter",
+      "shortname": ":helicopter:",
+      "unicode": "1f681",
+      "html": "&#128641;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1655"
+    },
+    {
+      "emoji": "💽",
+      "name": "computer disk",
+      "shortname": ":minidisc:",
+      "unicode": "1f4bd",
+      "html": "&#128189;",
+      "category": "Objects (computer)",
+      "order": "1852"
+    },
+    {
+      "emoji": "🚍",
+      "name": "oncoming bus",
+      "shortname": ":oncoming_bus:",
+      "unicode": "1f68d",
+      "html": "&#128653;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1615"
+    },
+    {
+      "emoji": "🍈",
+      "name": "melon",
+      "shortname": ":melon:",
+      "unicode": "1f348",
+      "html": "&#127816;",
+      "category": "Food & Drink (food-fruit)",
+      "order": "1450"
+    },
+    {
+      "emoji": "▫",
+      "name": "white small square",
+      "shortname": ":white_small_square:",
+      "unicode": "25ab",
+      "html": "&#9643;",
+      "category": "Symbols (geometric)",
+      "order": "2160"
+    },
+    {
+      "emoji": "🏤",
+      "name": "post office",
+      "shortname": ":european_post_office:",
+      "unicode": "1f3e4",
+      "html": "&#127972;",
+      "category": "Travel & Places (place-building)",
+      "order": "1563"
+    },
+    {
+      "emoji": "🔟",
+      "name": "keycap: 10",
+      "shortname": ":keycap_ten:",
+      "unicode": "1f51f",
+      "html": "&#128287;",
+      "category": "Symbols (keycap)",
+      "order": "2118"
+    },
+    {
+      "emoji": "📓",
+      "name": "notebook",
+      "shortname": ":notebook:",
+      "unicode": "1f4d3",
+      "html": "&#128211;",
+      "category": "Objects (book-paper)",
+      "order": "1881"
+    },
+    {
+      "emoji": "🔕",
+      "name": "bell with slash",
+      "shortname": ":no_bell:",
+      "unicode": "1f515",
+      "html": "&#128277;",
+      "category": "Objects (sound)",
+      "order": "1822"
+    },
+    {
+      "emoji": "🍢",
+      "name": "oden",
+      "shortname": ":oden:",
+      "unicode": "1f362",
+      "html": "&#127842;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1503"
+    },
+    {
+      "emoji": "🎏",
+      "name": "carp streamer",
+      "shortname": ":flags:",
+      "unicode": "1f38f",
+      "html": "&#127887;",
+      "category": "Activities (event)",
+      "order": "1767"
+    },
+    {
+      "emoji": "🎠",
+      "name": "carousel horse",
+      "shortname": ":carousel_horse:",
+      "unicode": "1f3a0",
+      "html": "&#127904;",
+      "category": "Travel & Places (place-other)",
+      "order": "1593"
+    },
+    {
+      "emoji": "🐡",
+      "name": "blowfish",
+      "shortname": ":blowfish:",
+      "unicode": "1f421",
+      "html": "&#128033;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": "1411"
+    },
+    {
+      "emoji": "📈",
+      "name": "chart increasing",
+      "shortname": ":chart_with_upwards_trend:",
+      "unicode": "1f4c8",
+      "html": "&#128200;",
+      "category": "Objects (office)",
+      "order": "1930"
+    },
+    {
+      "emoji": "🍠",
+      "name": "roasted sweet potato",
+      "shortname": ":sweet_potato:",
+      "unicode": "1f360",
+      "html": "&#127840;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1502"
+    },
+    {
+      "emoji": "🎿",
+      "name": "skis",
+      "shortname": ":ski:",
+      "unicode": "1f3bf",
+      "html": "&#127935;",
+      "category": "Activities (sport)",
+      "order": "1803"
+    },
+    {
+      "emoji": "🕛",
+      "name": "twelve o’clock",
+      "shortname": ":clock12:",
+      "unicode": "1f55b",
+      "html": "&#128347;",
+      "category": "Travel & Places (time)",
+      "order": "1687"
+    },
+    {
+      "emoji": "📶",
+      "name": "antenna bars",
+      "shortname": ":signal_strength:",
+      "unicode": "1f4f6",
+      "html": "&#128246;",
+      "category": "Symbols (av-symbol)",
+      "order": "2069"
+    },
+    {
+      "emoji": "🚧",
+      "name": "construction",
+      "shortname": ":construction:",
+      "unicode": "1f6a7",
+      "html": "&#128679;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1640"
+    },
+    {
+      "emoji": "#",
+      "name": "",
+      "shortname": "",
+      "unicode": "",
+      "html": "&#35;",
+      "category": "",
+      "order": ""
+    },
+    {
+      "emoji": "◼",
+      "name": "black medium square",
+      "shortname": ":black_medium_square:",
+      "unicode": "25fc",
+      "html": "&#9724;",
+      "category": "Symbols (geometric)",
+      "order": "2162"
+    },
+    {
+      "emoji": "📡",
+      "name": "satellite antenna",
+      "shortname": ":satellite:",
+      "unicode": "1f4e1",
+      "html": "&#128225;",
+      "category": "Objects (science)",
+      "order": "1869"
+    },
+    {
+      "emoji": "💶",
+      "name": "euro banknote",
+      "shortname": ":euro:",
+      "unicode": "1f4b6",
+      "html": "&#128182;",
+      "category": "Objects (money)",
+      "order": "1894"
+    },
+    {
+      "emoji": "👚",
+      "name": "woman’s clothes",
+      "shortname": ":womans_clothes:",
+      "unicode": "1f45a",
+      "html": "&#128090;",
+      "category": "Objects (clothing)",
+      "order": "1322"
+    },
+    {
+      "emoji": "📒",
+      "name": "ledger",
+      "shortname": ":ledger:",
+      "unicode": "1f4d2",
+      "html": "&#128210;",
+      "category": "Objects (book-paper)",
+      "order": "1882"
+    },
+    {
+      "emoji": "🐆",
+      "name": "leopard",
+      "shortname": ":leopard:",
+      "unicode": "1f406",
+      "html": "&#128006;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1355"
+    },
+    {
+      "emoji": "🔅",
+      "name": "dim button",
+      "shortname": ":low_brightness:",
+      "unicode": "1f505",
+      "html": "&#128261;",
+      "category": "Symbols (av-symbol)",
+      "order": "2067"
+    },
+    {
+      "emoji": "🕒",
+      "name": "three o’clock",
+      "shortname": ":clock3:",
+      "unicode": "1f552",
+      "html": "&#128338;",
+      "category": "Travel & Places (time)",
+      "order": "1693"
+    },
+    {
+      "emoji": "🏬",
+      "name": "department store",
+      "shortname": ":department_store:",
+      "unicode": "1f3ec",
+      "html": "&#127980;",
+      "category": "Travel & Places (place-building)",
+      "order": "1570"
+    },
+    {
+      "emoji": "🚚",
+      "name": "delivery truck",
+      "shortname": ":truck:",
+      "unicode": "1f69a",
+      "html": "&#128666;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1627"
+    },
+    {
+      "emoji": "🍶",
+      "name": "sake",
+      "shortname": ":sake:",
+      "unicode": "1f376",
+      "html": "&#127862;",
+      "category": "Food & Drink (drink)",
+      "order": "1524"
+    },
+    {
+      "emoji": "🚃",
+      "name": "railway car",
+      "shortname": ":railway_car:",
+      "unicode": "1f683",
+      "html": "&#128643;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1603"
+    },
+    {
+      "emoji": "🚤",
+      "name": "speedboat",
+      "shortname": ":speedboat:",
+      "unicode": "1f6a4",
+      "html": "&#128676;",
+      "category": "Travel & Places (transport-water)",
+      "order": "1645"
+    },
+    {
+      "emoji": "🇰🇷",
+      "name": "flag: South Korea",
+      "shortname": ":ko:",
+      "unicode": "1F1F0 1F1F7",
+      "html": "&#127472;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "📼",
+      "name": "videocassette",
+      "shortname": ":vhs:",
+      "unicode": "1f4fc",
+      "html": "&#128252;",
+      "category": "Objects (light & video)",
+      "order": "1864"
+    },
+    {
+      "emoji": "🕐",
+      "name": "one o’clock",
+      "shortname": ":clock1:",
+      "unicode": "1f550",
+      "html": "&#128336;",
+      "category": "Travel & Places (time)",
+      "order": "1689"
+    },
+    {
+      "emoji": "⏬",
+      "name": "fast down button",
+      "shortname": ":arrow_double_down:",
+      "unicode": "23ec",
+      "html": "&#9196;",
+      "category": "Symbols (av-symbol)",
+      "order": "2061"
+    },
+    {
+      "emoji": "🐃",
+      "name": "water buffalo",
+      "shortname": ":water_buffalo:",
+      "unicode": "1f403",
+      "html": "&#128003;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1362"
+    },
+    {
+      "emoji": "🔽",
+      "name": "downwards button",
+      "shortname": ":arrow_down_small:",
+      "unicode": "1f53d",
+      "html": "&#128317;",
+      "category": "Symbols (av-symbol)",
+      "order": "2060"
+    },
+    {
+      "emoji": "💴",
+      "name": "yen banknote",
+      "shortname": ":yen:",
+      "unicode": "1f4b4",
+      "html": "&#128180;",
+      "category": "Objects (money)",
+      "order": "1892"
+    },
+    {
+      "emoji": "🔇",
+      "name": "muted speaker",
+      "shortname": ":mute:",
+      "unicode": "1f507",
+      "html": "&#128263;",
+      "category": "Objects (sound)",
+      "order": "1814"
+    },
+    {
+      "emoji": "🎽",
+      "name": "running shirt",
+      "shortname": ":running_shirt_with_sash:",
+      "unicode": "1f3bd",
+      "html": "&#127933;",
+      "category": "Activities (sport)",
+      "order": "1802"
+    },
+    {
+      "emoji": "⬜",
+      "name": "white large square",
+      "shortname": ":white_large_square:",
+      "unicode": "2b1c",
+      "html": "&#11036;",
+      "category": "Symbols (geometric)",
+      "order": "2166"
+    },
+    {
+      "emoji": "♿",
+      "name": "wheelchair symbol",
+      "shortname": ":wheelchair:",
+      "unicode": "267f",
+      "html": "&#9855;",
+      "category": "Symbols (transport-sign)",
+      "order": "1979"
+    },
+    {
+      "emoji": "🕑",
+      "name": "two o’clock",
+      "shortname": ":clock2:",
+      "unicode": "1f551",
+      "html": "&#128337;",
+      "category": "Travel & Places (time)",
+      "order": "1691"
+    },
+    {
+      "emoji": "📎",
+      "name": "paperclip",
+      "shortname": ":paperclip:",
+      "unicode": "1f4ce",
+      "html": "&#128206;",
+      "category": "Objects (office)",
+      "order": "1936"
+    },
+    {
+      "emoji": "🏧",
+      "name": "ATM sign",
+      "shortname": ":atm:",
+      "unicode": "1f3e7",
+      "html": "&#127975;",
+      "category": "Symbols (transport-sign)",
+      "order": "1976"
+    },
+    {
+      "emoji": "🎦",
+      "name": "cinema",
+      "shortname": ":cinema:",
+      "unicode": "1f3a6",
+      "html": "&#127910;",
+      "category": "Symbols (av-symbol)",
+      "order": "2066"
+    },
+    {
+      "emoji": "🔭",
+      "name": "telescope",
+      "shortname": ":telescope:",
+      "unicode": "1f52d",
+      "html": "&#128301;",
+      "category": "Objects (science)",
+      "order": "1868"
+    },
+    {
+      "emoji": "🎑",
+      "name": "moon viewing ceremony",
+      "shortname": ":rice_scene:",
+      "unicode": "1f391",
+      "html": "&#127889;",
+      "category": "Activities (event)",
+      "order": "1769"
+    },
+    {
+      "emoji": "📘",
+      "name": "blue book",
+      "shortname": ":blue_book:",
+      "unicode": "1f4d8",
+      "html": "&#128216;",
+      "category": "Objects (book-paper)",
+      "order": "1878"
+    },
+    {
+      "emoji": "◻️",
+      "name": "white medium square",
+      "shortname": ":white_medium_square:",
+      "unicode": "25fb",
+      "html": "&#9723;",
+      "category": "Symbols (geometric)",
+      "order": "2161"
+    },
+    {
+      "emoji": "📮",
+      "name": "postbox",
+      "shortname": ":postbox:",
+      "unicode": "1f4ee",
+      "html": "&#128238;",
+      "category": "Objects (mail)",
+      "order": "1912"
+    },
+    {
+      "emoji": "📧",
+      "name": "e-mail",
+      "shortname": ":e-mail:",
+      "unicode": "1f4e7",
+      "html": "&#128231;",
+      "category": "Objects (mail)",
+      "order": "1902"
+    },
+    {
+      "emoji": "🐁",
+      "name": "mouse",
+      "shortname": ":mouse2:",
+      "unicode": "1f401",
+      "html": "&#128001;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1376"
+    },
+    {
+      "emoji": "🚄",
+      "name": "high-speed train",
+      "shortname": ":bullettrain_side:",
+      "unicode": "1f684",
+      "html": "&#128644;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1604"
+    },
+    {
+      "emoji": "🉐",
+      "name": "Japanese bargain button",
+      "shortname": ":ideograph_advantage:",
+      "unicode": "1f250",
+      "html": "&#127568;",
+      "category": "Symbols (alphanum)",
+      "order": "2147"
+    },
+    {
+      "emoji": "🔩",
+      "name": "nut and bolt",
+      "shortname": ":nut_and_bolt:",
+      "unicode": "1f529",
+      "html": "&#128297;",
+      "category": "Objects (tool)",
+      "order": "1960"
+    },
+    {
+      "emoji": "🆖",
+      "name": "NG button",
+      "shortname": ":ng:",
+      "unicode": "1f196",
+      "html": "&#127382;",
+      "category": "Symbols (alphanum)",
+      "order": "2135"
+    },
+    {
+      "emoji": "🏨",
+      "name": "hotel",
+      "shortname": ":hotel:",
+      "unicode": "1f3e8",
+      "html": "&#127976;",
+      "category": "Travel & Places (place-building)",
+      "order": "1566"
+    },
+    {
+      "emoji": "🚾",
+      "name": "water closet",
+      "shortname": ":wc:",
+      "unicode": "1f6be",
+      "html": "&#128702;",
+      "category": "Symbols (transport-sign)",
+      "order": "1984"
+    },
+    {
+      "emoji": "🏮",
+      "name": "red paper lantern",
+      "shortname": ":izakaya_lantern:",
+      "unicode": "1f3ee",
+      "html": "&#127982;",
+      "category": "Objects (light & video)",
+      "order": "1873"
+    },
+    {
+      "emoji": "🔂",
+      "name": "repeat single button",
+      "shortname": ":repeat_one:",
+      "unicode": "1f502",
+      "html": "&#128258;",
+      "category": "Symbols (av-symbol)",
+      "order": "2050"
+    },
+    {
+      "emoji": "📬",
+      "name": "open mailbox with raised flag",
+      "shortname": ":mailbox_with_mail:",
+      "unicode": "1f4ec",
+      "html": "&#128236;",
+      "category": "Objects (mail)",
+      "order": "1910"
+    },
+    {
+      "emoji": "📉",
+      "name": "chart decreasing",
+      "shortname": ":chart_with_downwards_trend:",
+      "unicode": "1f4c9",
+      "html": "&#128201;",
+      "category": "Objects (office)",
+      "order": "1931"
+    },
+    {
+      "emoji": "📗",
+      "name": "green book",
+      "shortname": ":green_book:",
+      "unicode": "1f4d7",
+      "html": "&#128215;",
+      "category": "Objects (book-paper)",
+      "order": "1877"
+    },
+    {
+      "emoji": "🚜",
+      "name": "tractor",
+      "shortname": ":tractor:",
+      "unicode": "1f69c",
+      "html": "&#128668;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1629"
+    },
+    {
+      "emoji": "⛲",
+      "name": "fountain",
+      "shortname": ":fountain:",
+      "unicode": "26f2",
+      "html": "&#9970;",
+      "category": "Travel & Places (place-other)",
+      "order": "1582"
+    },
+    {
+      "emoji": "🚇",
+      "name": "metro",
+      "shortname": ":metro:",
+      "unicode": "1f687",
+      "html": "&#128647;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1607"
+    },
+    {
+      "emoji": "📋",
+      "name": "clipboard",
+      "shortname": ":clipboard:",
+      "unicode": "1f4cb",
+      "html": "&#128203;",
+      "category": "Objects (office)",
+      "order": "1933"
+    },
+    {
+      "emoji": "📵",
+      "name": "no mobile phones",
+      "shortname": ":no_mobile_phones:",
+      "unicode": "1f4f5",
+      "html": "&#128245;",
+      "category": "Symbols (warning)",
+      "order": "1998"
+    },
+    {
+      "emoji": "🕓",
+      "name": "four o’clock",
+      "shortname": ":clock4:",
+      "unicode": "1f553",
+      "html": "&#128339;",
+      "category": "Travel & Places (time)",
+      "order": "1695"
+    },
+    {
+      "emoji": "🚭",
+      "name": "no smoking",
+      "shortname": ":no_smoking:",
+      "unicode": "1f6ad",
+      "html": "&#128685;",
+      "category": "Symbols (warning)",
+      "order": "1994"
+    },
+    {
+      "emoji": "⬛",
+      "name": "black large square",
+      "shortname": ":black_large_square:",
+      "unicode": "2b1b",
+      "html": "&#11035;",
+      "category": "Symbols (geometric)",
+      "order": "2165"
+    },
+    {
+      "emoji": "🎰",
+      "name": "slot machine",
+      "shortname": ":slot_machine:",
+      "unicode": "1f3b0",
+      "html": "&#127920;",
+      "category": "Activities (game)",
+      "order": "1601"
+    },
+    {
+      "emoji": "🕔",
+      "name": "five o’clock",
+      "shortname": ":clock5:",
+      "unicode": "1f554",
+      "html": "&#128340;",
+      "category": "Travel & Places (time)",
+      "order": "1697"
+    },
+    {
+      "emoji": "🛁",
+      "name": "bathtub",
+      "shortname": ":bathtub:",
+      "unicode": "1f6c1",
+      "html": "&#128705;",
+      "category": "Objects (household)",
+      "order": "1679"
+    },
+    {
+      "emoji": "📜",
+      "name": "scroll",
+      "shortname": ":scroll:",
+      "unicode": "1f4dc",
+      "html": "&#128220;",
+      "category": "Objects (book-paper)",
+      "order": "1884"
+    },
+    {
+      "emoji": "🚉",
+      "name": "station",
+      "shortname": ":station:",
+      "unicode": "1f689",
+      "html": "&#128649;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1609"
+    },
+    {
+      "emoji": "🍘",
+      "name": "rice cracker",
+      "shortname": ":rice_cracker:",
+      "unicode": "1f358",
+      "html": "&#127832;",
+      "category": "Food & Drink (food-asian)",
+      "order": "1496"
+    },
+    {
+      "emoji": "🏦",
+      "name": "bank",
+      "shortname": ":bank:",
+      "unicode": "1f3e6",
+      "html": "&#127974;",
+      "category": "Travel & Places (place-building)",
+      "order": "1565"
+    },
+    {
+      "emoji": "🔧",
+      "name": "wrench",
+      "shortname": ":wrench:",
+      "unicode": "1f527",
+      "html": "&#128295;",
+      "category": "Objects (tool)",
+      "order": "1959"
+    },
+    {
+      "emoji": "🈯️",
+      "name": "",
+      "shortname": ":u6307:",
+      "unicode": "1f22f",
+      "html": "&#127535;",
+      "category": "",
+      "order": "2146"
+    },
+    {
+      "emoji": "🚛",
+      "name": "articulated lorry",
+      "shortname": ":articulated_lorry:",
+      "unicode": "1f69b",
+      "html": "&#128667;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1628"
+    },
+    {
+      "emoji": "📄",
+      "name": "page facing up",
+      "shortname": ":page_facing_up:",
+      "unicode": "1f4c4",
+      "html": "&#128196;",
+      "category": "Objects (book-paper)",
+      "order": "1885"
+    },
+    {
+      "emoji": "⛎",
+      "name": "Ophiuchus",
+      "shortname": ":ophiuchus:",
+      "unicode": "26ce",
+      "html": "&#9934;",
+      "category": "Symbols (zodiac)",
+      "order": "2047"
+    },
+    {
+      "emoji": "📊",
+      "name": "bar chart",
+      "shortname": ":bar_chart:",
+      "unicode": "1f4ca",
+      "html": "&#128202;",
+      "category": "Objects (office)",
+      "order": "1932"
+    },
+    {
+      "emoji": "🚷",
+      "name": "no pedestrians",
+      "shortname": ":no_pedestrians:",
+      "unicode": "1f6b7",
+      "html": "&#128695;",
+      "category": "Symbols (warning)",
+      "order": "1997"
+    },
+    {
+      "emoji": "🇨🇳",
+      "name": "flag: China",
+      "shortname": ":cn:",
+      "unicode": "1F1E8 1F1F3",
+      "html": "&#127464;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "📳",
+      "name": "vibration mode",
+      "shortname": ":vibration_mode:",
+      "unicode": "1f4f3",
+      "html": "&#128243;",
+      "category": "Symbols (av-symbol)",
+      "order": "2070"
+    },
+    {
+      "emoji": "🕙",
+      "name": "ten o’clock",
+      "shortname": ":clock10:",
+      "unicode": "1f559",
+      "html": "&#128345;",
+      "category": "Travel & Places (time)",
+      "order": "1707"
+    },
+    {
+      "emoji": "🕘",
+      "name": "nine o’clock",
+      "shortname": ":clock9:",
+      "unicode": "1f558",
+      "html": "&#128344;",
+      "category": "Travel & Places (time)",
+      "order": "1705"
+    },
+    {
+      "emoji": "🚅",
+      "name": "bullet train",
+      "shortname": ":bullettrain_front:",
+      "unicode": "1f685",
+      "html": "&#128645;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1605"
+    },
+    {
+      "emoji": "🚐",
+      "name": "minibus",
+      "shortname": ":minibus:",
+      "unicode": "1f690",
+      "html": "&#128656;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1617"
+    },
+    {
+      "emoji": "🚊",
+      "name": "tram",
+      "shortname": ":tram:",
+      "unicode": "1f68a",
+      "html": "&#128650;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1610"
+    },
+    {
+      "emoji": "🕗",
+      "name": "eight o’clock",
+      "shortname": ":clock8:",
+      "unicode": "1f557",
+      "html": "&#128343;",
+      "category": "Travel & Places (time)",
+      "order": "1703"
+    },
+    {
+      "emoji": "🈳",
+      "name": "Japanese vacancy button",
+      "shortname": ":u7a7a:",
+      "unicode": "1f233",
+      "html": "&#127539;",
+      "category": "Symbols (alphanum)",
+      "order": "2154"
+    },
+    {
+      "emoji": "🚥",
+      "name": "horizontal traffic light",
+      "shortname": ":traffic_light:",
+      "unicode": "1f6a5",
+      "html": "&#128677;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1638"
+    },
+    {
+      "emoji": "🚵🏿‍♀",
+      "name": "woman mountain biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B5 1F3FF 200D 2640",
+      "html": "&#128693;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏾‍♀",
+      "name": "woman mountain biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B5 1F3FE 200D 2640",
+      "html": "&#128693;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏽‍♀",
+      "name": "woman mountain biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B5 1F3FD 200D 2640",
+      "html": "&#128693;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏼‍♀",
+      "name": "woman mountain biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B5 1F3FC 200D 2640",
+      "html": "&#128693;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏻‍♀",
+      "name": "woman mountain biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B5 1F3FB 200D 2640",
+      "html": "&#128693;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵‍♀",
+      "name": "woman mountain biking",
+      "shortname": ":woman_mountain_biking:",
+      "unicode": "1F6B5 200D 2640",
+      "html": "&#128693;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏿",
+      "name": "person mountain biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B5 1F3FF",
+      "html": "&#128693;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏾",
+      "name": "person mountain biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B5 1F3FE",
+      "html": "&#128693;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏽",
+      "name": "person mountain biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B5 1F3FD",
+      "html": "&#128693;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏼",
+      "name": "person mountain biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B5 1F3FC",
+      "html": "&#128693;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏻",
+      "name": "person mountain biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B5 1F3FB",
+      "html": "&#128693;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵",
+      "name": "person mountain biking",
+      "shortname": ":mountain_bicyclist:",
+      "unicode": "1f6b5",
+      "html": "&#128693;",
+      "category": "People & Body (person-sport)",
+      "order": "908"
+    },
+    {
+      "emoji": "🔬",
+      "name": "microscope",
+      "shortname": ":microscope:",
+      "unicode": "1f52c",
+      "html": "&#128300;",
+      "category": "Objects (science)",
+      "order": "1867"
+    },
+    {
+      "emoji": "🏯",
+      "name": "Japanese castle",
+      "shortname": ":japanese_castle:",
+      "unicode": "1f3ef",
+      "html": "&#127983;",
+      "category": "Travel & Places (place-building)",
+      "order": "1572"
+    },
+    {
+      "emoji": "🔖",
+      "name": "bookmark",
+      "shortname": ":bookmark:",
+      "unicode": "1f516",
+      "html": "&#128278;",
+      "category": "Objects (book-paper)",
+      "order": "1889"
+    },
+    {
+      "emoji": "📑",
+      "name": "bookmark tabs",
+      "shortname": ":bookmark_tabs:",
+      "unicode": "1f4d1",
+      "html": "&#128209;",
+      "category": "Objects (book-paper)",
+      "order": "1888"
+    },
+    {
+      "emoji": "👝",
+      "name": "clutch bag",
+      "shortname": ":pouch:",
+      "unicode": "1f45d",
+      "html": "&#128093;",
+      "category": "Objects (clothing)",
+      "order": "1325"
+    },
+    {
+      "emoji": "🆎",
+      "name": "AB button (blood type)",
+      "shortname": ":ab:",
+      "unicode": "1f18e",
+      "html": "&#127374;",
+      "category": "Symbols (alphanum)",
+      "order": "2126"
+    },
+    {
+      "emoji": "📃",
+      "name": "page with curl",
+      "shortname": ":page_with_curl:",
+      "unicode": "1f4c3",
+      "html": "&#128195;",
+      "category": "Objects (book-paper)",
+      "order": "1883"
+    },
+    {
+      "emoji": "🎴",
+      "name": "flower playing cards",
+      "shortname": ":flower_playing_cards:",
+      "unicode": "1f3b4",
+      "html": "&#127924;",
+      "category": "Activities (game)",
+      "order": "1813"
+    },
+    {
+      "emoji": "🕚",
+      "name": "eleven o’clock",
+      "shortname": ":clock11:",
+      "unicode": "1f55a",
+      "html": "&#128346;",
+      "category": "Travel & Places (time)",
+      "order": "1709"
+    },
+    {
+      "emoji": "📠",
+      "name": "fax machine",
+      "shortname": ":fax:",
+      "unicode": "1f4e0",
+      "html": "&#128224;",
+      "category": "Objects (phone)",
+      "order": "1843"
+    },
+    {
+      "emoji": "🕖",
+      "name": "seven o’clock",
+      "shortname": ":clock7:",
+      "unicode": "1f556",
+      "html": "&#128342;",
+      "category": "Travel & Places (time)",
+      "order": "1701"
+    },
+    {
+      "emoji": "◽",
+      "name": "white medium-small square",
+      "shortname": ":white_medium_small_square:",
+      "unicode": "25fd",
+      "html": "&#9725;",
+      "category": "Symbols (geometric)",
+      "order": "2163"
+    },
+    {
+      "emoji": "💱",
+      "name": "currency exchange",
+      "shortname": ":currency_exchange:",
+      "unicode": "1f4b1",
+      "html": "&#128177;",
+      "category": "Objects (money)",
+      "order": "1899"
+    },
+    {
+      "emoji": "🔉",
+      "name": "speaker medium volume",
+      "shortname": ":sound:",
+      "unicode": "1f509",
+      "html": "&#128265;",
+      "category": "Objects (sound)",
+      "order": "1816"
+    },
+    {
+      "emoji": "💹",
+      "name": "chart increasing with yen",
+      "shortname": ":chart:",
+      "unicode": "1f4b9",
+      "html": "&#128185;",
+      "category": "Objects (money)",
+      "order": "1898"
+    },
+    {
+      "emoji": "🆑",
+      "name": "CL button",
+      "shortname": ":cl:",
+      "unicode": "1f191",
+      "html": "&#127377;",
+      "category": "Symbols (alphanum)",
+      "order": "2128"
+    },
+    {
+      "emoji": "💾",
+      "name": "floppy disk",
+      "shortname": ":floppy_disk:",
+      "unicode": "1f4be",
+      "html": "&#128190;",
+      "category": "Objects (computer)",
+      "order": "1853"
+    },
+    {
+      "emoji": "🏣",
+      "name": "Japanese post office",
+      "shortname": ":post_office:",
+      "unicode": "1f3e3",
+      "html": "&#127971;",
+      "category": "Travel & Places (place-building)",
+      "order": "1562"
+    },
+    {
+      "emoji": "🔈",
+      "name": "speaker low volume",
+      "shortname": ":speaker:",
+      "unicode": "1f508",
+      "html": "&#128264;",
+      "category": "Objects (sound)",
+      "order": "1815"
+    },
+    {
+      "emoji": "🗾",
+      "name": "map of Japan",
+      "shortname": ":japan:",
+      "unicode": "1f5fe",
+      "html": "&#128510;",
+      "category": "Travel & Places (place-map)",
+      "order": "1543"
+    },
+    {
+      "emoji": "🈺",
+      "name": "Japanese open for business button",
+      "shortname": ":u55b6:",
+      "unicode": "1f23a",
+      "html": "&#127546;",
+      "category": "Symbols (alphanum)",
+      "order": "2157"
+    },
+    {
+      "emoji": "🀄",
+      "name": "mahjong red dragon",
+      "shortname": ":mahjong:",
+      "unicode": "1f004",
+      "html": "&#126980;",
+      "category": "Activities (game)",
+      "order": "1812"
+    },
+    {
+      "emoji": "📨",
+      "name": "incoming envelope",
+      "shortname": ":incoming_envelope:",
+      "unicode": "1f4e8",
+      "html": "&#128232;",
+      "category": "Objects (mail)",
+      "order": "1903"
+    },
+    {
+      "emoji": "📙",
+      "name": "orange book",
+      "shortname": ":orange_book:",
+      "unicode": "1f4d9",
+      "html": "&#128217;",
+      "category": "Objects (book-paper)",
+      "order": "1879"
+    },
+    {
+      "emoji": "🚻",
+      "name": "restroom",
+      "shortname": ":restroom:",
+      "unicode": "1f6bb",
+      "html": "&#128699;",
+      "category": "Symbols (transport-sign)",
+      "order": "1982"
+    },
+    {
+      "emoji": "🈚️",
+      "name": "",
+      "shortname": ":u7121:",
+      "unicode": "1f21a",
+      "html": "&#127514;",
+      "category": "",
+      "order": "2149"
+    },
+    {
+      "emoji": "🈶",
+      "name": "Japanese not free of charge button",
+      "shortname": ":u6709:",
+      "unicode": "1f236",
+      "html": "&#127542;",
+      "category": "Symbols (alphanum)",
+      "order": "2145"
+    },
+    {
+      "emoji": "📐",
+      "name": "triangular ruler",
+      "shortname": ":triangular_ruler:",
+      "unicode": "1f4d0",
+      "html": "&#128208;",
+      "category": "Objects (office)",
+      "order": "1939"
+    },
+    {
+      "emoji": "🚋",
+      "name": "tram car",
+      "shortname": ":train:",
+      "unicode": "1f68b",
+      "html": "&#128651;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1613"
+    },
+    {
+      "emoji": "🈸",
+      "name": "Japanese application button",
+      "shortname": ":u7533:",
+      "unicode": "1f238",
+      "html": "&#127544;",
+      "category": "Symbols (alphanum)",
+      "order": "2152"
+    },
+    {
+      "emoji": "🚎",
+      "name": "trolleybus",
+      "shortname": ":trolleybus:",
+      "unicode": "1f68e",
+      "html": "&#128654;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1616"
+    },
+    {
+      "emoji": "🈷",
+      "name": "Japanese monthly amount button",
+      "shortname": ":u6708:",
+      "unicode": "1f237",
+      "html": "&#127543;",
+      "category": "Symbols (alphanum)",
+      "order": "2144"
+    },
+    {
+      "emoji": "🔢",
+      "name": "input numbers",
+      "shortname": ":input_numbers:",
+      "unicode": "1F522",
+      "html": "&#128290;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "📔",
+      "name": "notebook with decorative cover",
+      "shortname": ":notebook_with_decorative_cover:",
+      "unicode": "1f4d4",
+      "html": "&#128212;",
+      "category": "Objects (book-paper)",
+      "order": "1874"
+    },
+    {
+      "emoji": "🈲",
+      "name": "Japanese prohibited button",
+      "shortname": ":u7981:",
+      "unicode": "1f232",
+      "html": "&#127538;",
+      "category": "Symbols (alphanum)",
+      "order": "2150"
+    },
+    {
+      "emoji": "🈵",
+      "name": "Japanese no vacancy button",
+      "shortname": ":u6e80:",
+      "unicode": "1f235",
+      "html": "&#127541;",
+      "category": "Symbols (alphanum)",
+      "order": "2158"
+    },
+    {
+      "emoji": "📯",
+      "name": "postal horn",
+      "shortname": ":postal_horn:",
+      "unicode": "1f4ef",
+      "html": "&#128239;",
+      "category": "Objects (sound)",
+      "order": "1820"
+    },
+    {
+      "emoji": "🏭",
+      "name": "factory",
+      "shortname": ":factory:",
+      "unicode": "1f3ed",
+      "html": "&#127981;",
+      "category": "Travel & Places (place-building)",
+      "order": "1571"
+    },
+    {
+      "emoji": "🚸",
+      "name": "children crossing",
+      "shortname": ":children_crossing:",
+      "unicode": "1f6b8",
+      "html": "&#128696;",
+      "category": "Symbols (warning)",
+      "order": "1990"
+    },
+    {
+      "emoji": "🚆",
+      "name": "train",
+      "shortname": ":train2:",
+      "unicode": "1f686",
+      "html": "&#128646;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1606"
+    },
+    {
+      "emoji": "📏",
+      "name": "straight ruler",
+      "shortname": ":straight_ruler:",
+      "unicode": "1f4cf",
+      "html": "&#128207;",
+      "category": "Objects (office)",
+      "order": "1938"
+    },
+    {
+      "emoji": "📟",
+      "name": "pager",
+      "shortname": ":pager:",
+      "unicode": "1f4df",
+      "html": "&#128223;",
+      "category": "Objects (phone)",
+      "order": "1842"
+    },
+    {
+      "emoji": "🉑",
+      "name": "Japanese acceptable button",
+      "shortname": ":accept:",
+      "unicode": "1f251",
+      "html": "&#127569;",
+      "category": "Symbols (alphanum)",
+      "order": "2151"
+    },
+    {
+      "emoji": "🈴",
+      "name": "Japanese passing grade button",
+      "shortname": ":u5408:",
+      "unicode": "1f234",
+      "html": "&#127540;",
+      "category": "Symbols (alphanum)",
+      "order": "2153"
+    },
+    {
+      "emoji": "🔏",
+      "name": "locked with pen",
+      "shortname": ":lock_with_ink_pen:",
+      "unicode": "1f50f",
+      "html": "&#128271;",
+      "category": "Objects (lock)",
+      "order": "1946"
+    },
+    {
+      "emoji": "🕜",
+      "name": "one-thirty",
+      "shortname": ":clock130:",
+      "unicode": "1f55c",
+      "html": "&#128348;",
+      "category": "Travel & Places (time)",
+      "order": "1690"
+    },
+    {
+      "emoji": "🈂️",
+      "name": "Japanese service charge button",
+      "shortname": ":sa:",
+      "unicode": "1f202",
+      "html": "&#127490;",
+      "category": "Symbols (alphanum)",
+      "order": "2143"
+    },
+    {
+      "emoji": "📤",
+      "name": "outbox tray",
+      "shortname": ":outbox_tray:",
+      "unicode": "1f4e4",
+      "html": "&#128228;",
+      "category": "Objects (mail)",
+      "order": "1905"
+    },
+    {
+      "emoji": "🔀",
+      "name": "shuffle tracks button",
+      "shortname": ":twisted_rightwards_arrows:",
+      "unicode": "1f500",
+      "html": "&#128256;",
+      "category": "Symbols (av-symbol)",
+      "order": "2048"
+    },
+    {
+      "emoji": "📫",
+      "name": "closed mailbox with raised flag",
+      "shortname": ":mailbox:",
+      "unicode": "1f4eb",
+      "html": "&#128235;",
+      "category": "Objects (mail)",
+      "order": "1908"
+    },
+    {
+      "emoji": "🚈",
+      "name": "light rail",
+      "shortname": ":light_rail:",
+      "unicode": "1f688",
+      "html": "&#128648;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1608"
+    },
+    {
+      "emoji": "🕤",
+      "name": "nine-thirty",
+      "shortname": ":clock930:",
+      "unicode": "1f564",
+      "html": "&#128356;",
+      "category": "Travel & Places (time)",
+      "order": "1706"
+    },
+    {
+      "emoji": "🚏",
+      "name": "bus stop",
+      "shortname": ":busstop:",
+      "unicode": "1f68f",
+      "html": "&#128655;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1633"
+    },
+    {
+      "emoji": "📂",
+      "name": "open file folder",
+      "shortname": ":open_file_folder:",
+      "unicode": "1f4c2",
+      "html": "&#128194;",
+      "category": "Objects (office)",
+      "order": "1923"
+    },
+    {
+      "emoji": "📁",
+      "name": "file folder",
+      "shortname": ":file_folder:",
+      "unicode": "1f4c1",
+      "html": "&#128193;",
+      "category": "Objects (office)",
+      "order": "1922"
+    },
+    {
+      "emoji": "🚰",
+      "name": "potable water",
+      "shortname": ":potable_water:",
+      "unicode": "1f6b0",
+      "html": "&#128688;",
+      "category": "Symbols (transport-sign)",
+      "order": "1978"
+    },
+    {
+      "emoji": "📇",
+      "name": "card index",
+      "shortname": ":card_index:",
+      "unicode": "1f4c7",
+      "html": "&#128199;",
+      "category": "Objects (office)",
+      "order": "1929"
+    },
+    {
+      "emoji": "🕝",
+      "name": "two-thirty",
+      "shortname": ":clock230:",
+      "unicode": "1f55d",
+      "html": "&#128349;",
+      "category": "Travel & Places (time)",
+      "order": "1692"
+    },
+    {
+      "emoji": "🚝",
+      "name": "monorail",
+      "shortname": ":monorail:",
+      "unicode": "1f69d",
+      "html": "&#128669;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1611"
+    },
+    {
+      "emoji": "🕧",
+      "name": "twelve-thirty",
+      "shortname": ":clock1230:",
+      "unicode": "1f567",
+      "html": "&#128359;",
+      "category": "Travel & Places (time)",
+      "order": "1688"
+    },
+    {
+      "emoji": "🕥",
+      "name": "ten-thirty",
+      "shortname": ":clock1030:",
+      "unicode": "1f565",
+      "html": "&#128357;",
+      "category": "Travel & Places (time)",
+      "order": "1708"
+    },
+    {
+      "emoji": "🔤",
+      "name": "input latin letters",
+      "shortname": ":abc:",
+      "unicode": "1f524",
+      "html": "&#128292;",
+      "category": "Symbols (alphanum)",
+      "order": "2124"
+    },
+    {
+      "emoji": "📪",
+      "name": "closed mailbox with lowered flag",
+      "shortname": ":mailbox_closed:",
+      "unicode": "1f4ea",
+      "html": "&#128234;",
+      "category": "Objects (mail)",
+      "order": "1909"
+    },
+    {
+      "emoji": "🕟",
+      "name": "four-thirty",
+      "shortname": ":clock430:",
+      "unicode": "1f55f",
+      "html": "&#128351;",
+      "category": "Travel & Places (time)",
+      "order": "1696"
+    },
+    {
+      "emoji": "🚞",
+      "name": "mountain railway",
+      "shortname": ":mountain_railway:",
+      "unicode": "1f69e",
+      "html": "&#128670;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1612"
+    },
+    {
+      "emoji": "🚯",
+      "name": "no littering",
+      "shortname": ":do_not_litter:",
+      "unicode": "1f6af",
+      "html": "&#128687;",
+      "category": "Symbols (warning)",
+      "order": "1995"
+    },
+    {
+      "emoji": "🕞",
+      "name": "three-thirty",
+      "shortname": ":clock330:",
+      "unicode": "1f55e",
+      "html": "&#128350;",
+      "category": "Travel & Places (time)",
+      "order": "1694"
+    },
+    {
+      "emoji": "➗",
+      "name": "division sign",
+      "shortname": ":heavy_division_sign:",
+      "unicode": "2797",
+      "html": "&#10135;",
+      "category": "Symbols (other-symbol)",
+      "order": "2089"
+    },
+    {
+      "emoji": "🕢",
+      "name": "seven-thirty",
+      "shortname": ":clock730:",
+      "unicode": "1f562",
+      "html": "&#128354;",
+      "category": "Travel & Places (time)",
+      "order": "1702"
+    },
+    {
+      "emoji": "🕠",
+      "name": "five-thirty",
+      "shortname": ":clock530:",
+      "unicode": "1f560",
+      "html": "&#128352;",
+      "category": "Travel & Places (time)",
+      "order": "1698"
+    },
+    {
+      "emoji": "🔠",
+      "name": "input latin uppercase",
+      "shortname": ":capital_abcd:",
+      "unicode": "1f520",
+      "html": "&#128288;",
+      "category": "Symbols (alphanum)",
+      "order": "2120"
+    },
+    {
+      "emoji": "📭",
+      "name": "open mailbox with lowered flag",
+      "shortname": ":mailbox_with_no_mail:",
+      "unicode": "1f4ed",
+      "html": "&#128237;",
+      "category": "Objects (mail)",
+      "order": "1911"
+    },
+    {
+      "emoji": "🔣",
+      "name": "input symbols",
+      "shortname": ":symbols:",
+      "unicode": "1f523",
+      "html": "&#128291;",
+      "category": "Symbols (alphanum)",
+      "order": "2123"
+    },
+    {
+      "emoji": "🚡",
+      "name": "aerial tramway",
+      "shortname": ":aerial_tramway:",
+      "unicode": "1f6a1",
+      "html": "&#128673;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1658"
+    },
+    {
+      "emoji": "🕣",
+      "name": "eight-thirty",
+      "shortname": ":clock830:",
+      "unicode": "1f563",
+      "html": "&#128355;",
+      "category": "Travel & Places (time)",
+      "order": "1704"
+    },
+    {
+      "emoji": "🕡",
+      "name": "six-thirty",
+      "shortname": ":clock630:",
+      "unicode": "1f561",
+      "html": "&#128353;",
+      "category": "Travel & Places (time)",
+      "order": "1700"
+    },
+    {
+      "emoji": "🔡",
+      "name": "input latin lowercase",
+      "shortname": ":abcd:",
+      "unicode": "1f521",
+      "html": "&#128289;",
+      "category": "Symbols (alphanum)",
+      "order": "2121"
+    },
+    {
+      "emoji": "🚠",
+      "name": "mountain cableway",
+      "shortname": ":mountain_cableway:",
+      "unicode": "1f6a0",
+      "html": "&#128672;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1657"
+    },
+    {
+      "emoji": "🈁",
+      "name": "Japanese here button",
+      "shortname": ":koko:",
+      "unicode": "1f201",
+      "html": "&#127489;",
+      "category": "Symbols (alphanum)",
+      "order": "2142"
+    },
+    {
+      "emoji": "🛂",
+      "name": "passport control",
+      "shortname": ":passport_control:",
+      "unicode": "1f6c2",
+      "html": "&#128706;",
+      "category": "Symbols (transport-sign)",
+      "order": "1985"
+    },
+    {
+      "emoji": "🚱",
+      "name": "non-potable water",
+      "shortname": ":non-potable_water:",
+      "unicode": "1f6b1",
+      "html": "&#128689;",
+      "category": "Symbols (warning)",
+      "order": "1996"
+    },
+    {
+      "emoji": "🚟",
+      "name": "suspension railway",
+      "shortname": ":suspension_railway:",
+      "unicode": "1f69f",
+      "html": "&#128671;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1656"
+    },
+    {
+      "emoji": "🛄",
+      "name": "baggage claim",
+      "shortname": ":baggage_claim:",
+      "unicode": "1f6c4",
+      "html": "&#128708;",
+      "category": "Symbols (transport-sign)",
+      "order": "1987"
+    },
+    {
+      "emoji": "🚳",
+      "name": "no bicycles",
+      "shortname": ":no_bicycles:",
+      "unicode": "1f6b3",
+      "html": "&#128691;",
+      "category": "Symbols (warning)",
+      "order": "1993"
+    },
+    {
+      "emoji": "🏳‍🌈",
+      "name": "rainbow flag",
+      "shortname": ":rainbow_flag:",
+      "unicode": "1F3F3 200D 1F308",
+      "html": "&#127987;&zwj;&#127752;",
+      "category": "Flags (flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏿‍♀",
+      "name": "woman detective: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F575 1F3FF 200D 2640",
+      "html": "&#128373;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏾‍♀",
+      "name": "woman detective: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F575 1F3FE 200D 2640",
+      "html": "&#128373;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏽‍♀",
+      "name": "woman detective: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F575 1F3FD 200D 2640",
+      "html": "&#128373;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏼‍♀",
+      "name": "woman detective: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F575 1F3FC 200D 2640",
+      "html": "&#128373;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏻‍♀",
+      "name": "woman detective: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F575 1F3FB 200D 2640",
+      "html": "&#128373;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵‍♀",
+      "name": "woman detective",
+      "shortname": ":woman_detective:",
+      "unicode": "1F575 200D 2640",
+      "html": "&#128373;&zwj;&#9792;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏿",
+      "name": "detective: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F575 1F3FF",
+      "html": "&#128373;&#127999;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏾",
+      "name": "detective: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F575 1F3FE",
+      "html": "&#128373;&#127998;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏽",
+      "name": "detective: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F575 1F3FD",
+      "html": "&#128373;&#127997;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏼",
+      "name": "detective: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F575 1F3FC",
+      "html": "&#128373;&#127996;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏻",
+      "name": "detective: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F575 1F3FB",
+      "html": "&#128373;&#127995;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵",
+      "name": "detective",
+      "shortname": ":detective:",
+      "unicode": "1F575",
+      "html": "&#128373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "☹",
+      "name": "frowning face",
+      "shortname": ":frowning_face:",
+      "unicode": "2639",
+      "html": "&#9785;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": ""
+    },
+    {
+      "emoji": "☠",
+      "name": "skull and crossbones",
+      "shortname": ":skull_crossbones:",
+      "unicode": "2620",
+      "html": "&#9760;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": "81"
+    },
+    {
+      "emoji": "🤗",
+      "name": "hugging face",
+      "shortname": ":hugging:",
+      "unicode": "1f917",
+      "html": "&#129303;",
+      "category": "Smileys & Emotion (face-hand)",
+      "order": "20"
+    },
+    {
+      "emoji": "🤖",
+      "name": "robot",
+      "shortname": ":robot:",
+      "unicode": "1F916",
+      "html": "&#129302;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": ""
+    },
+    {
+      "emoji": "🤕",
+      "name": "face with head-bandage",
+      "shortname": ":face_with_headbandage:",
+      "unicode": "1F915",
+      "html": "&#129301;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤔",
+      "name": "thinking face",
+      "shortname": ":thinking:",
+      "unicode": "1f914",
+      "html": "&#129300;",
+      "category": "Smileys & Emotion (face-hand)",
+      "order": "21"
+    },
+    {
+      "emoji": "🤓",
+      "name": "nerd face",
+      "shortname": ":nerd:",
+      "unicode": "1f913",
+      "html": "&#129299;",
+      "category": "Smileys & Emotion (face-glasses)",
+      "order": "36"
+    },
+    {
+      "emoji": "🤒",
+      "name": "face with thermometer",
+      "shortname": ":face_with_thermometer:",
+      "unicode": "1F912",
+      "html": "&#129298;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤑",
+      "name": "money-mouth face",
+      "shortname": ":moneymouth_face:",
+      "unicode": "1F911",
+      "html": "&#129297;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": ""
+    },
+    {
+      "emoji": "🤐",
+      "name": "zipper-mouth face",
+      "shortname": ":zipper_mouth:",
+      "unicode": "1f910",
+      "html": "&#129296;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "30"
+    },
+    {
+      "emoji": "🙄",
+      "name": "face with rolling eyes",
+      "shortname": ":rolling_eyes:",
+      "unicode": "1f644",
+      "html": "&#128580;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": "25"
+    },
+    {
+      "emoji": "🙃",
+      "name": "upside-down face",
+      "shortname": ":upside_down:",
+      "unicode": "1f643",
+      "html": "&#128579;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "45"
+    },
+    {
+      "emoji": "🙂",
+      "name": "slightly smiling face",
+      "shortname": ":slight_smile:",
+      "unicode": "1f642",
+      "html": "&#128578;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": "19"
+    },
+    {
+      "emoji": "🙁",
+      "name": "slightly frowning face",
+      "shortname": ":slightly_frowning_face:",
+      "unicode": "1F641",
+      "html": "&#128577;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘🏿",
+      "name": "sign of the horns: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F918 1F3FF",
+      "html": "&#129304;&#127999;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘🏾",
+      "name": "sign of the horns: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F918 1F3FE",
+      "html": "&#129304;&#127998;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘🏽",
+      "name": "sign of the horns: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F918 1F3FD",
+      "html": "&#129304;&#127997;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘🏼",
+      "name": "sign of the horns: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F918 1F3FC",
+      "html": "&#129304;&#127996;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘🏻",
+      "name": "sign of the horns: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F918 1F3FB",
+      "html": "&#129304;&#127995;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤘",
+      "name": "sign of the horns",
+      "shortname": ":sign_of_the_horns:",
+      "unicode": "1F918",
+      "html": "&#129304;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖🏿",
+      "name": "vulcan salute: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F596 1F3FF",
+      "html": "&#128406;&#127999;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖🏾",
+      "name": "vulcan salute: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F596 1F3FE",
+      "html": "&#128406;&#127998;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖🏽",
+      "name": "vulcan salute: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F596 1F3FD",
+      "html": "&#128406;&#127997;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖🏼",
+      "name": "vulcan salute: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F596 1F3FC",
+      "html": "&#128406;&#127996;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖🏻",
+      "name": "vulcan salute: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F596 1F3FB",
+      "html": "&#128406;&#127995;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖖",
+      "name": "vulcan salute",
+      "shortname": ":vulcan_salute:",
+      "unicode": "1F596",
+      "html": "&#128406;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕🏿",
+      "name": "middle finger: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F595 1F3FF",
+      "html": "&#128405;&#127999;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕🏾",
+      "name": "middle finger: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F595 1F3FE",
+      "html": "&#128405;&#127998;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕🏽",
+      "name": "middle finger: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F595 1F3FD",
+      "html": "&#128405;&#127997;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕🏼",
+      "name": "middle finger: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F595 1F3FC",
+      "html": "&#128405;&#127996;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕🏻",
+      "name": "middle finger: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F595 1F3FB",
+      "html": "&#128405;&#127995;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🖕",
+      "name": "middle finger",
+      "shortname": ":middle_finger:",
+      "unicode": "1f595",
+      "html": "&#128405;",
+      "category": "People & Body (hand-single-finger)",
+      "order": "1116"
+    },
+    {
+      "emoji": "🖐🏿",
+      "name": "hand with fingers splayed: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F590 1F3FF",
+      "html": "&#128400;&#127999;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐🏾",
+      "name": "hand with fingers splayed: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F590 1F3FE",
+      "html": "&#128400;&#127998;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐🏽",
+      "name": "hand with fingers splayed: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F590 1F3FD",
+      "html": "&#128400;&#127997;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐🏼",
+      "name": "hand with fingers splayed: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F590 1F3FC",
+      "html": "&#128400;&#127996;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐🏻",
+      "name": "hand with fingers splayed: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F590 1F3FB",
+      "html": "&#128400;&#127995;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐",
+      "name": "hand with fingers splayed",
+      "shortname": ":hand_with_fingers_splayed:",
+      "unicode": "1F590",
+      "html": "&#128400;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "✍🏿",
+      "name": "writing hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "270D 1F3FF",
+      "html": "&#9997;&#127999;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "✍🏾",
+      "name": "writing hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "270D 1F3FE",
+      "html": "&#9997;&#127998;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "✍🏽",
+      "name": "writing hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "270D 1F3FD",
+      "html": "&#9997;&#127997;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "✍🏼",
+      "name": "writing hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "270D 1F3FC",
+      "html": "&#9997;&#127996;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "✍🏻",
+      "name": "writing hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "270D 1F3FB",
+      "html": "&#9997;&#127995;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "✍",
+      "name": "writing hand",
+      "shortname": ":writing_hand:",
+      "unicode": "270d",
+      "html": "&#9997;",
+      "category": "People & Body (hand-prop)",
+      "order": "1230"
+    },
+    {
+      "emoji": "🕶",
+      "name": "sunglasses",
+      "shortname": ":dark_sunglasses:",
+      "unicode": "1f576",
+      "html": "&#128374;",
+      "category": "Objects (clothing)",
+      "order": "1315"
+    },
+    {
+      "emoji": "👁‍🗨",
+      "name": "eye in speech bubble",
+      "shortname": ":eye_speachbubble:",
+      "unicode": "1F441 200D 1F5E8",
+      "html": "&#128065;&zwj;&#128488;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "👁",
+      "name": "eye",
+      "shortname": ":eye:",
+      "unicode": "1f441",
+      "html": "&#128065;",
+      "category": "People & Body (body-parts)",
+      "order": "1280"
+    },
+    {
+      "emoji": "🏋🏿‍♀",
+      "name": "woman lifting weights: dark skin tone",
+      "shortname": ":weightlifter_woman_dt:",
+      "unicode": "1F3CB 1F3FF 200D 2640",
+      "html": "&#127947;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏾‍♀",
+      "name": "woman lifting weights: medium-dark skin tone",
+      "shortname": ":weightlifter_woman_mdt:",
+      "unicode": "1F3CB 1F3FE 200D 2640",
+      "html": "&#127947;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏽‍♀",
+      "name": "woman lifting weights: medium skin tone",
+      "shortname": ":weightlifter_woman_mt:",
+      "unicode": "1F3CB 1F3FD 200D 2640",
+      "html": "&#127947;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏼‍♀",
+      "name": "woman lifting weights: medium-light skin tone",
+      "shortname": ":weightlifter_woman_mlt:",
+      "unicode": "1F3CB 1F3FC 200D 2640",
+      "html": "&#127947;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏻‍♀",
+      "name": "woman lifting weights: light skin tone",
+      "shortname": ":weightlifter_woman_lt:",
+      "unicode": "1F3CB 1F3FB 200D 2640",
+      "html": "&#127947;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋‍♀",
+      "name": "woman lifting weights",
+      "shortname": ":weightlifter_woman:",
+      "unicode": "1F3CB 200D 2640",
+      "html": "&#127947;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏿",
+      "name": "person lifting weights: dark skin tone",
+      "shortname": ":weightlifter_dt:",
+      "unicode": "1F3CB 1F3FF",
+      "html": "&#127947;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏾",
+      "name": "person lifting weights: medium-dark skin tone",
+      "shortname": ":weightlifter_mdt:",
+      "unicode": "1F3CB 1F3FE",
+      "html": "&#127947;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏽",
+      "name": "person lifting weights: medium skin tone",
+      "shortname": ":weightlifter_mt:",
+      "unicode": "1F3CB 1F3FD",
+      "html": "&#127947;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏼",
+      "name": "person lifting weights: medium-light skin tone",
+      "shortname": ":weightlifter_mlt:",
+      "unicode": "1F3CB 1F3FC",
+      "html": "&#127947;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏻",
+      "name": "person lifting weights: light skin tone",
+      "shortname": ":weightlifter_lt:",
+      "unicode": "1F3CB 1F3FB",
+      "html": "&#127947;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋",
+      "name": "person lifting weights",
+      "shortname": ":weightlifter:",
+      "unicode": "1F3CB",
+      "html": "&#127947;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏿‍♀",
+      "name": "woman bouncing ball: dark skin tone",
+      "shortname": ":basketballer_woman_dt:",
+      "unicode": ":basketballer:",
+      "html": "&#9977;&#127999;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏾‍♀",
+      "name": "woman bouncing ball: medium-dark skin tone",
+      "shortname": ":basketballer_woman_mdt:",
+      "unicode": ":basketballer:",
+      "html": "&#9977;&#127998;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏽‍♀",
+      "name": "woman bouncing ball: medium skin tone",
+      "shortname": ":basketballer_woman_mt:",
+      "unicode": ":basketballer:",
+      "html": "&#9977;&#127997;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏼‍♀",
+      "name": "woman bouncing ball: medium-light skin tone",
+      "shortname": ":basketballer_woman_mlt:",
+      "unicode": ":basketballer:",
+      "html": "&#9977;&#127996;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏻‍♀",
+      "name": "woman bouncing ball: light skin tone",
+      "shortname": ":basketballer_woman_lt:",
+      "unicode": ":basketballer:",
+      "html": "&#9977;&#127995;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹‍♀",
+      "name": "woman bouncing ball",
+      "shortname": ":woman_bouncing_ball:",
+      "unicode": ":basketballer_woman:",
+      "html": "&#9977;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏿",
+      "name": "person bouncing ball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": ":basketballer_dt:",
+      "html": "&#9977;&#127999;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏾",
+      "name": "person bouncing ball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": ":basketballer_mdt:",
+      "html": "&#9977;&#127998;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏽",
+      "name": "person bouncing ball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": ":basketballer_mt:",
+      "html": "&#9977;&#127997;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏼",
+      "name": "person bouncing ball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": ":basketballer_mlt:",
+      "html": "&#9977;&#127996;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏻",
+      "name": "person bouncing ball: light skin tone",
+      "shortname": ":basketballer_lt:",
+      "unicode": "26F9 1F3FB",
+      "html": "&#9977;&#127995;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹",
+      "name": "person bouncing ball",
+      "shortname": ":basketballer:",
+      "unicode": "26F9",
+      "html": "&#9977;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴",
+      "name": "man in suit levitating",
+      "shortname": ":man_in_suit:",
+      "unicode": "1f574",
+      "html": "&#128372;",
+      "category": "People & Body (person-activity)",
+      "order": "784"
+    },
+    {
+      "emoji": "🏌",
+      "name": "person golfing",
+      "shortname": ":golfer:",
+      "unicode": "1f3cc",
+      "html": "&#127948;",
+      "category": "People & Body (person-sport)",
+      "order": "782"
+    },
+    {
+      "emoji": "🏌‍♀",
+      "name": "woman golfing",
+      "shortname": ":golfer_woman:",
+      "unicode": "1F3CC 200D 2640",
+      "html": "&#127948;&zwj;&#9792;",
+      "category": "People & Body (person-sport)",
+      "order": "783"
+    },
+    {
+      "emoji": "*️⃣",
+      "name": "keycap: #",
+      "shortname": "*",
+      "unicode": "0023 FE0F 20E3",
+      "html": "&#42;",
+      "category": "Symbols (keycap)",
+      "order": "2118"
+    },
+    {
+      "emoji": "❣️",
+      "name": "heart exclamation",
+      "shortname": ":heart_exclamation:",
+      "unicode": "2763",
+      "html": "&#10083;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1300"
+    },
+    {
+      "emoji": "✡️",
+      "name": "star of David",
+      "shortname": ":star_of_david:",
+      "unicode": "2721",
+      "html": "&#10017;",
+      "category": "Symbols (religion)",
+      "order": "2026"
+    },
+    {
+      "emoji": "✝️",
+      "name": "latin cross",
+      "shortname": ":cross:",
+      "unicode": "271d",
+      "html": "&#10013;",
+      "category": "Symbols (religion)",
+      "order": "2029"
+    },
+    {
+      "emoji": "⚜",
+      "name": "fleur-de-lis",
+      "shortname": ":fleur-de-lis:",
+      "unicode": "269c",
+      "html": "&#9884;",
+      "category": "Symbols (other-symbol)",
+      "order": "2074"
+    },
+    {
+      "emoji": "⚛",
+      "name": "atom symbol",
+      "shortname": ":atom:",
+      "unicode": "269b",
+      "html": "&#9883;",
+      "category": "Symbols (religion)",
+      "order": "2024"
+    },
+    {
+      "emoji": "☸",
+      "name": "wheel of dharma",
+      "shortname": ":wheel_of_dharma:",
+      "unicode": "2638",
+      "html": "&#9784;",
+      "category": "Symbols (religion)",
+      "order": "2027"
+    },
+    {
+      "emoji": "☯",
+      "name": "yin yang",
+      "shortname": ":yin_yang:",
+      "unicode": "262f",
+      "html": "&#9775;",
+      "category": "Symbols (religion)",
+      "order": "2028"
+    },
+    {
+      "emoji": "☮",
+      "name": "peace symbol",
+      "shortname": ":peace:",
+      "unicode": "262e",
+      "html": "&#9774;",
+      "category": "Symbols (religion)",
+      "order": "2032"
+    },
+    {
+      "emoji": "☪",
+      "name": "star and crescent",
+      "shortname": ":star_and_crescent:",
+      "unicode": "262a",
+      "html": "&#9770;",
+      "category": "Symbols (religion)",
+      "order": "2031"
+    },
+    {
+      "emoji": "☦",
+      "name": "orthodox cross",
+      "shortname": ":orthodox_cross:",
+      "unicode": "2626",
+      "html": "&#9766;",
+      "category": "Symbols (religion)",
+      "order": "2030"
+    },
+    {
+      "emoji": "☣",
+      "name": "biohazard",
+      "shortname": ":biohazard:",
+      "unicode": "2623",
+      "html": "&#9763;",
+      "category": "Symbols (warning)",
+      "order": "2001"
+    },
+    {
+      "emoji": "☢",
+      "name": "radioactive",
+      "shortname": ":radioactive:",
+      "unicode": "2622",
+      "html": "&#9762;",
+      "category": "Symbols (warning)",
+      "order": "2000"
+    },
+    {
+      "emoji": "🛐",
+      "name": "place of worship",
+      "shortname": ":place_of_worship:",
+      "unicode": "1f6d0",
+      "html": "&#128720;",
+      "category": "Symbols (religion)",
+      "order": "2023"
+    },
+    {
+      "emoji": "🗯",
+      "name": "right anger bubble",
+      "shortname": ":anger_right:",
+      "unicode": "1f5ef",
+      "html": "&#128495;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1311"
+    },
+    {
+      "emoji": "🕎",
+      "name": "menorah",
+      "shortname": ":menorah:",
+      "unicode": "1f54e",
+      "html": "&#128334;",
+      "category": "Symbols (religion)",
+      "order": "2033"
+    },
+    {
+      "emoji": "🕉",
+      "name": "om",
+      "shortname": ":om_symbol:",
+      "unicode": "1f549",
+      "html": "&#128329;",
+      "category": "Symbols (religion)",
+      "order": "2025"
+    },
+    {
+      "emoji": "⚱",
+      "name": "funeral urn",
+      "shortname": ":funeral_urn:",
+      "unicode": "26B1",
+      "html": "&#9905;",
+      "category": "Objects (other-object)",
+      "order": ""
+    },
+    {
+      "emoji": "⚰",
+      "name": "coffin",
+      "shortname": ":coffin:",
+      "unicode": "26b0",
+      "html": "&#9904;",
+      "category": "Objects (other-object)",
+      "order": "1970"
+    },
+    {
+      "emoji": "⚙",
+      "name": "gear",
+      "shortname": ":gear:",
+      "unicode": "2699",
+      "html": "&#9881;",
+      "category": "Objects (tool)",
+      "order": "1961"
+    },
+    {
+      "emoji": "⚗",
+      "name": "alembic",
+      "shortname": ":alembic:",
+      "unicode": "2697",
+      "html": "&#9879;",
+      "category": "Objects (science)",
+      "order": "1963"
+    },
+    {
+      "emoji": "⚖",
+      "name": "balance scale",
+      "shortname": ":scales:",
+      "unicode": "2696",
+      "html": "&#9878;",
+      "category": "Objects (tool)",
+      "order": "1964"
+    },
+    {
+      "emoji": "⚔",
+      "name": "crossed swords",
+      "shortname": ":crossed_swords:",
+      "unicode": "2694",
+      "html": "&#9876;",
+      "category": "Objects (tool)",
+      "order": "1955"
+    },
+    {
+      "emoji": "⌨",
+      "name": "keyboard",
+      "shortname": ":keyboard:",
+      "unicode": "2328",
+      "html": "&#9000;",
+      "category": "Objects (computer)",
+      "order": "1849"
+    },
+    {
+      "emoji": "🛢",
+      "name": "oil drum",
+      "shortname": ":oil_drum:",
+      "unicode": "1F6E2",
+      "html": "&#128738;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛡",
+      "name": "shield",
+      "shortname": ":shield:",
+      "unicode": "1f6e1",
+      "html": "&#128737;",
+      "category": "Objects (tool)",
+      "order": "1958"
+    },
+    {
+      "emoji": "🛠",
+      "name": "hammer and wrench",
+      "shortname": ":hammer_and_wrench:",
+      "unicode": "1F6E0",
+      "html": "&#128736;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🛏",
+      "name": "bed",
+      "shortname": ":bed:",
+      "unicode": "1f6cf",
+      "html": "&#128719;",
+      "category": "Objects (household)",
+      "order": "1669"
+    },
+    {
+      "emoji": "🛎",
+      "name": "bellhop bell",
+      "shortname": ":bellhop_bell:",
+      "unicode": "1F6CE",
+      "html": "&#128718;",
+      "category": "Travel & Places (hotel)",
+      "order": ""
+    },
+    {
+      "emoji": "🛍",
+      "name": "shopping bags",
+      "shortname": ":shopping_bags:",
+      "unicode": "1f6cd",
+      "html": "&#128717;",
+      "category": "Objects (clothing)",
+      "order": "1326"
+    },
+    {
+      "emoji": "🛌",
+      "name": "person in bed",
+      "shortname": ":sleeping_accommodation:",
+      "unicode": "1f6cc",
+      "html": "&#128716;",
+      "category": "People & Body (person-resting)",
+      "order": "1663"
+    },
+    {
+      "emoji": "🛋",
+      "name": "couch and lamp",
+      "shortname": ":couch_and_lamp:",
+      "unicode": "1F6CB",
+      "html": "&#128715;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🗳",
+      "name": "ballot box with ballot",
+      "shortname": ":ballot_box:",
+      "unicode": "1f5f3",
+      "html": "&#128499;",
+      "category": "Objects (mail)",
+      "order": "1913"
+    },
+    {
+      "emoji": "🗡",
+      "name": "dagger",
+      "shortname": ":dagger:",
+      "unicode": "1F5E1",
+      "html": "&#128481;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🗞",
+      "name": "rolled-up newspaper",
+      "shortname": ":rolledup_newspaper:",
+      "unicode": "1F5DE",
+      "html": "&#128478;",
+      "category": "Objects (book-paper)",
+      "order": ""
+    },
+    {
+      "emoji": "🗝",
+      "name": "old key",
+      "shortname": ":old_key:",
+      "unicode": "1F5DD",
+      "html": "&#128477;",
+      "category": "Objects (lock)",
+      "order": ""
+    },
+    {
+      "emoji": "🗜",
+      "name": "clamp",
+      "shortname": ":compression:",
+      "unicode": "1f5dc",
+      "html": "&#128476;",
+      "category": "Objects (tool)",
+      "order": "1962"
+    },
+    {
+      "emoji": "🗓",
+      "name": "spiral calendar",
+      "shortname": ":spiral_calendar:",
+      "unicode": "1F5D3",
+      "html": "&#128467;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗒",
+      "name": "spiral notepad",
+      "shortname": ":spiral_notepad:",
+      "unicode": "1F5D2",
+      "html": "&#128466;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗑",
+      "name": "wastebasket",
+      "shortname": ":wastebasket:",
+      "unicode": "1f5d1",
+      "html": "&#128465;",
+      "category": "Objects (office)",
+      "order": "1943"
+    },
+    {
+      "emoji": "🗄",
+      "name": "file cabinet",
+      "shortname": ":file_cabinet:",
+      "unicode": "1f5c4",
+      "html": "&#128452;",
+      "category": "Objects (office)",
+      "order": "1942"
+    },
+    {
+      "emoji": "🗃",
+      "name": "card file box",
+      "shortname": ":card_file_box:",
+      "unicode": "1F5C3",
+      "html": "&#128451;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗂",
+      "name": "card index dividers",
+      "shortname": ":card_index_dividers:",
+      "unicode": "1F5C2",
+      "html": "&#128450;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🖼",
+      "name": "framed picture",
+      "shortname": ":framed_picture:",
+      "unicode": "1F5BC",
+      "html": "&#128444;",
+      "category": "Activities (arts & crafts)",
+      "order": ""
+    },
+    {
+      "emoji": "🖲",
+      "name": "trackball",
+      "shortname": ":trackball:",
+      "unicode": "1f5b2",
+      "html": "&#128434;",
+      "category": "Objects (computer)",
+      "order": "1851"
+    },
+    {
+      "emoji": "🖱",
+      "name": "computer mouse",
+      "shortname": ":computer_mouse:",
+      "unicode": "1F5B1",
+      "html": "&#128433;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🖨",
+      "name": "printer",
+      "shortname": ":printer:",
+      "unicode": "1f5a8",
+      "html": "&#128424;",
+      "category": "Objects (computer)",
+      "order": "1848"
+    },
+    {
+      "emoji": "🖥",
+      "name": "desktop computer",
+      "shortname": ":desktop_computer:",
+      "unicode": "1F5A5",
+      "html": "&#128421;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🖍",
+      "name": "crayon",
+      "shortname": ":crayon:",
+      "unicode": "1F58D",
+      "html": "&#128397;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖌",
+      "name": "paintbrush",
+      "shortname": ":paintbrush:",
+      "unicode": "1F58C",
+      "html": "&#128396;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖋",
+      "name": "fountain pen",
+      "shortname": ":fountain_pen:",
+      "unicode": "1F58B",
+      "html": "&#128395;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖊",
+      "name": "pen",
+      "shortname": ":pen:",
+      "unicode": "1F58A",
+      "html": "&#128394;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖇",
+      "name": "linked paperclips",
+      "shortname": ":linked_paperclips:",
+      "unicode": "1F587",
+      "html": "&#128391;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🕹",
+      "name": "joystick",
+      "shortname": ":joystick:",
+      "unicode": "1f579",
+      "html": "&#128377;",
+      "category": "Activities (game)",
+      "order": "1805"
+    },
+    {
+      "emoji": "🕳",
+      "name": "hole",
+      "shortname": ":hole:",
+      "unicode": "1f573",
+      "html": "&#128371;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1313"
+    },
+    {
+      "emoji": "🕰",
+      "name": "mantelpiece clock",
+      "shortname": ":mantelpiece_clock:",
+      "unicode": "1F570",
+      "html": "&#128368;",
+      "category": "Travel & Places (time)",
+      "order": ""
+    },
+    {
+      "emoji": "🕯",
+      "name": "candle",
+      "shortname": ":candle:",
+      "unicode": "1f56f",
+      "html": "&#128367;",
+      "category": "Objects (light & video)",
+      "order": "1870"
+    },
+    {
+      "emoji": "📿",
+      "name": "prayer beads",
+      "shortname": ":prayer_beads:",
+      "unicode": "1f4ff",
+      "html": "&#128255;",
+      "category": "Objects (clothing)",
+      "order": "1338"
+    },
+    {
+      "emoji": "📽",
+      "name": "film projector",
+      "shortname": ":film_projector:",
+      "unicode": "1F4FD",
+      "html": "&#128253;",
+      "category": "Objects (light & video)",
+      "order": ""
+    },
+    {
+      "emoji": "📸",
+      "name": "camera with flash",
+      "shortname": ":camera_with_flash:",
+      "unicode": "1f4f8",
+      "html": "&#128248;",
+      "category": "Objects (light & video)",
+      "order": "1862"
+    },
+    {
+      "emoji": "🏺",
+      "name": "amphora",
+      "shortname": ":amphora:",
+      "unicode": "1f3fa",
+      "html": "&#127994;",
+      "category": "Food & Drink (dishware)",
+      "order": "1537"
+    },
+    {
+      "emoji": "🏷",
+      "name": "label",
+      "shortname": ":label:",
+      "unicode": "1f3f7",
+      "html": "&#127991;",
+      "category": "Objects (book-paper)",
+      "order": "1890"
+    },
+    {
+      "emoji": "🏴",
+      "name": "black flag",
+      "shortname": ":flag_black:",
+      "unicode": "1f3f4",
+      "html": "&#127988;",
+      "category": "Flags (flag)",
+      "order": "2184"
+    },
+    {
+      "emoji": "🏳",
+      "name": "white flag",
+      "shortname": ":flag_white:",
+      "unicode": "1f3f3",
+      "html": "&#127987;",
+      "category": "Flags (flag)",
+      "order": "2185"
+    },
+    {
+      "emoji": "🎞",
+      "name": "film frames",
+      "shortname": ":film_frames:",
+      "unicode": "1f39e",
+      "html": "&#127902;",
+      "category": "Objects (light & video)",
+      "order": "1857"
+    },
+    {
+      "emoji": "🎛",
+      "name": "control knobs",
+      "shortname": ":control_knobs:",
+      "unicode": "1f39b",
+      "html": "&#127899;",
+      "category": "Objects (music)",
+      "order": "1828"
+    },
+    {
+      "emoji": "🎚",
+      "name": "level slider",
+      "shortname": ":level_slider:",
+      "unicode": "1f39a",
+      "html": "&#127898;",
+      "category": "Objects (music)",
+      "order": "1827"
+    },
+    {
+      "emoji": "🎙",
+      "name": "studio microphone",
+      "shortname": ":studio_microphone:",
+      "unicode": "1F399",
+      "html": "&#127897;",
+      "category": "Objects (music)",
+      "order": ""
+    },
+    {
+      "emoji": "🌡",
+      "name": "thermometer",
+      "shortname": ":thermometer:",
+      "unicode": "1f321",
+      "html": "&#127777;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1723"
+    },
+    {
+      "emoji": "🛳",
+      "name": "passenger ship",
+      "shortname": ":passenger_ship:",
+      "unicode": "1F6F3",
+      "html": "&#128755;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "🛰",
+      "name": "satellite",
+      "shortname": ":satellite:",
+      "unicode": "1F6F0",
+      "html": "&#128752;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛬",
+      "name": "airplane arrival",
+      "shortname": ":airplane_arriving:",
+      "unicode": "1f6ec",
+      "html": "&#128748;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1653"
+    },
+    {
+      "emoji": "🛫",
+      "name": "airplane departure",
+      "shortname": ":airplane_departure:",
+      "unicode": "1f6eb",
+      "html": "&#128747;",
+      "category": "Travel & Places (transport-air)",
+      "order": "1652"
+    },
+    {
+      "emoji": "🛩",
+      "name": "small airplane",
+      "shortname": ":small_airplane:",
+      "unicode": "1F6E9",
+      "html": "&#128745;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛥",
+      "name": "motor boat",
+      "shortname": ":motor_boat:",
+      "unicode": "1F6E5",
+      "html": "&#128741;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "🛤",
+      "name": "railway track",
+      "shortname": ":railway_track:",
+      "unicode": "1f6e4",
+      "html": "&#128740;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1635"
+    },
+    {
+      "emoji": "🛣",
+      "name": "motorway",
+      "shortname": ":motorway:",
+      "unicode": "1f6e3",
+      "html": "&#128739;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1634"
+    },
+    {
+      "emoji": "🗺",
+      "name": "world map",
+      "shortname": ":world_map:",
+      "unicode": "1F5FA",
+      "html": "&#128506;",
+      "category": "Travel & Places (place-map)",
+      "order": ""
+    },
+    {
+      "emoji": "🕍",
+      "name": "synagogue",
+      "shortname": ":synagogue:",
+      "unicode": "1f54d",
+      "html": "&#128333;",
+      "category": "Travel & Places (place-religious)",
+      "order": "1579"
+    },
+    {
+      "emoji": "🕌",
+      "name": "mosque",
+      "shortname": ":mosque:",
+      "unicode": "1f54c",
+      "html": "&#128332;",
+      "category": "Travel & Places (place-religious)",
+      "order": "1578"
+    },
+    {
+      "emoji": "🕋",
+      "name": "kaaba",
+      "shortname": ":kaaba:",
+      "unicode": "1f54b",
+      "html": "&#128331;",
+      "category": "Travel & Places (place-religious)",
+      "order": "1581"
+    },
+    {
+      "emoji": "🏟",
+      "name": "stadium",
+      "shortname": ":stadium:",
+      "unicode": "1f3df",
+      "html": "&#127967;",
+      "category": "Travel & Places (place-building)",
+      "order": "1553"
+    },
+    {
+      "emoji": "🏞",
+      "name": "national park",
+      "shortname": ":national_park:",
+      "unicode": "1F3DE",
+      "html": "&#127966;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏝",
+      "name": "desert island",
+      "shortname": ":desert_island:",
+      "unicode": "1F3DD",
+      "html": "&#127965;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏜",
+      "name": "desert",
+      "shortname": ":desert:",
+      "unicode": "1f3dc",
+      "html": "&#127964;",
+      "category": "Travel & Places (place-geographic)",
+      "order": "1550"
+    },
+    {
+      "emoji": "🏛",
+      "name": "classical building",
+      "shortname": ":classical_building:",
+      "unicode": "1f3db",
+      "html": "&#127963;",
+      "category": "Travel & Places (place-building)",
+      "order": "1554"
+    },
+    {
+      "emoji": "🏚",
+      "name": "derelict house",
+      "shortname": ":derelict_house:",
+      "unicode": "1F3DA",
+      "html": "&#127962;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏙",
+      "name": "cityscape",
+      "shortname": ":cityscape:",
+      "unicode": "1f3d9",
+      "html": "&#127961;",
+      "category": "Travel & Places (place-other)",
+      "order": "1557"
+    },
+    {
+      "emoji": "🏘",
+      "name": "houses",
+      "shortname": ":houses:",
+      "unicode": "1F3D8",
+      "html": "&#127960;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏗",
+      "name": "building construction",
+      "shortname": ":building_construction:",
+      "unicode": "1F3D7",
+      "html": "&#127959;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏖",
+      "name": "beach with umbrella",
+      "shortname": ":beach_with_umbrella:",
+      "unicode": "1F3D6",
+      "html": "&#127958;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏕",
+      "name": "camping",
+      "shortname": ":camping:",
+      "unicode": "1f3d5",
+      "html": "&#127957;",
+      "category": "Travel & Places (place-geographic)",
+      "order": "1548"
+    },
+    {
+      "emoji": "🏔",
+      "name": "snow-capped mountain",
+      "shortname": ":snowcapped_mountain:",
+      "unicode": "1F3D4",
+      "html": "&#127956;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏎",
+      "name": "racing car",
+      "shortname": ":racing_car:",
+      "unicode": "1F3CE",
+      "html": "&#127950;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🏍",
+      "name": "motorcycle",
+      "shortname": ":motorcycle:",
+      "unicode": "1F3CD",
+      "html": "&#127949;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🏹",
+      "name": "bow and arrow",
+      "shortname": ":bow_and_arrow:",
+      "unicode": "1f3f9",
+      "html": "&#127993;",
+      "category": "Objects (tool)",
+      "order": "1957"
+    },
+    {
+      "emoji": "🏸",
+      "name": "badminton",
+      "shortname": ":badminton:",
+      "unicode": "1F3F8",
+      "html": "&#127992;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏵",
+      "name": "rosette",
+      "shortname": ":rosette:",
+      "unicode": "1f3f5",
+      "html": "&#127989;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": "1430"
+    },
+    {
+      "emoji": "🏓",
+      "name": "ping pong",
+      "shortname": ":ping_pong:",
+      "unicode": "1F3D3",
+      "html": "&#127955;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏒",
+      "name": "ice hockey",
+      "shortname": ":ice_hockey:",
+      "unicode": "1F3D2",
+      "html": "&#127954;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏑",
+      "name": "field hockey",
+      "shortname": ":field_hockey:",
+      "unicode": "1F3D1",
+      "html": "&#127953;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏐",
+      "name": "volleyball",
+      "shortname": ":volleyball:",
+      "unicode": "1f3d0",
+      "html": "&#127952;",
+      "category": "Activities (sport)",
+      "order": "1784"
+    },
+    {
+      "emoji": "🏏",
+      "name": "cricket game",
+      "shortname": ":cricket_game:",
+      "unicode": "1F3CF",
+      "html": "&#127951;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏅",
+      "name": "sports medal",
+      "shortname": ":medal:",
+      "unicode": "1f3c5",
+      "html": "&#127941;",
+      "category": "Activities (award-medal)",
+      "order": "1777"
+    },
+    {
+      "emoji": "🎟",
+      "name": "admission tickets",
+      "shortname": ":admission_tickets:",
+      "unicode": "1F39F",
+      "html": "&#127903;",
+      "category": "Activities (event)",
+      "order": ""
+    },
+    {
+      "emoji": "🎗",
+      "name": "reminder ribbon",
+      "shortname": ":reminder_ribbon:",
+      "unicode": "1f397",
+      "html": "&#127895;",
+      "category": "Activities (event)",
+      "order": "1772"
+    },
+    {
+      "emoji": "🎖",
+      "name": "military medal",
+      "shortname": ":military_medal:",
+      "unicode": "1F396",
+      "html": "&#127894;",
+      "category": "Activities (award-medal)",
+      "order": ""
+    },
+    {
+      "emoji": "🧀",
+      "name": "cheese wedge",
+      "shortname": ":cheese_wedge:",
+      "unicode": "1F9C0",
+      "html": "&#129472;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🍿",
+      "name": "popcorn",
+      "shortname": ":popcorn:",
+      "unicode": "1f37f",
+      "html": "&#127871;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1494"
+    },
+    {
+      "emoji": "🍾",
+      "name": "bottle with popping cork",
+      "shortname": ":champagne:",
+      "unicode": "1f37e",
+      "html": "&#127870;",
+      "category": "Food & Drink (drink)",
+      "order": "1525"
+    },
+    {
+      "emoji": "🍽",
+      "name": "fork and knife with plate",
+      "shortname": ":fork_and_knife_with_plate:",
+      "unicode": "1F37D",
+      "html": "&#127869;",
+      "category": "Food & Drink (dishware)",
+      "order": ""
+    },
+    {
+      "emoji": "🌶",
+      "name": "hot pepper",
+      "shortname": ":hot_pepper:",
+      "unicode": "1f336",
+      "html": "&#127798;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": "1469"
+    },
+    {
+      "emoji": "🌯",
+      "name": "burrito",
+      "shortname": ":burrito:",
+      "unicode": "1f32f",
+      "html": "&#127791;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1487"
+    },
+    {
+      "emoji": "🌮",
+      "name": "taco",
+      "shortname": ":taco:",
+      "unicode": "1f32e",
+      "html": "&#127790;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1486"
+    },
+    {
+      "emoji": "🌭",
+      "name": "hot dog",
+      "shortname": ":hotdog:",
+      "unicode": "1f32d",
+      "html": "&#127789;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1485"
+    },
+    {
+      "emoji": "☘",
+      "name": "shamrock",
+      "shortname": ":shamrock:",
+      "unicode": "2618",
+      "html": "&#9752;",
+      "category": "Animals & Nature (plant-other)",
+      "order": "1444"
+    },
+    {
+      "emoji": "☄",
+      "name": "comet",
+      "shortname": ":comet:",
+      "unicode": "2604",
+      "html": "&#9732;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1752"
+    },
+    {
+      "emoji": "☃️",
+      "name": "snowman",
+      "shortname": ":snowman:",
+      "unicode": "2603 FE0F",
+      "html": "&#9731;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☂️",
+      "name": "umbrella",
+      "shortname": ":umbrella:",
+      "unicode": "2602 FE0F",
+      "html": "&#9730;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🦄",
+      "name": "unicorn",
+      "shortname": ":unicorn:",
+      "unicode": "1F984",
+      "html": "&#129412;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦃",
+      "name": "turkey",
+      "shortname": ":turkey:",
+      "unicode": "1f983",
+      "html": "&#129411;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": "1387"
+    },
+    {
+      "emoji": "🦂",
+      "name": "scorpion",
+      "shortname": ":scorpion:",
+      "unicode": "1f982",
+      "html": "&#129410;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1426"
+    },
+    {
+      "emoji": "🦁",
+      "name": "lion",
+      "shortname": ":lion_face:",
+      "unicode": "1f981",
+      "html": "&#129409;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1352"
+    },
+    {
+      "emoji": "🦀",
+      "name": "crab",
+      "shortname": ":crab:",
+      "unicode": "1f980",
+      "html": "&#129408;",
+      "category": "Food & Drink (food-marine)",
+      "order": "1415"
+    },
+    {
+      "emoji": "🕸",
+      "name": "spider web",
+      "shortname": ":spider_web:",
+      "unicode": "1f578",
+      "html": "&#128376;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1425"
+    },
+    {
+      "emoji": "🕷",
+      "name": "spider",
+      "shortname": ":spider:",
+      "unicode": "1f577",
+      "html": "&#128375;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": "1424"
+    },
+    {
+      "emoji": "🕊",
+      "name": "dove",
+      "shortname": ":dove:",
+      "unicode": "1F54A",
+      "html": "&#128330;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🐿",
+      "name": "chipmunk",
+      "shortname": ":chipmunk:",
+      "unicode": "1f43f",
+      "html": "&#128063;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": "1381"
+    },
+    {
+      "emoji": "🌬",
+      "name": "wind face",
+      "shortname": ":wind_blowing_face:",
+      "unicode": "1f32c",
+      "html": "&#127788;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1741"
+    },
+    {
+      "emoji": "🌫",
+      "name": "fog",
+      "shortname": ":fog:",
+      "unicode": "1f32b",
+      "html": "&#127787;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1740"
+    },
+    {
+      "emoji": "🌪",
+      "name": "tornado",
+      "shortname": ":tornado:",
+      "unicode": "1F32A",
+      "html": "&#127786;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌩",
+      "name": "cloud with lightning",
+      "shortname": ":cloud_with_lightning:",
+      "unicode": "1F329",
+      "html": "&#127785;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌨",
+      "name": "cloud with snow",
+      "shortname": ":cloud_with_snow:",
+      "unicode": "1F328",
+      "html": "&#127784;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌧",
+      "name": "cloud with rain",
+      "shortname": ":cloud_with_rain:",
+      "unicode": "1F327",
+      "html": "&#127783;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌦",
+      "name": "sun behind rain cloud",
+      "shortname": ":sun_behind_rain_cloud:",
+      "unicode": "1F326",
+      "html": "&#127782;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌥",
+      "name": "sun behind large cloud",
+      "shortname": ":sun_behind_large_cloud:",
+      "unicode": "1F325",
+      "html": "&#127781;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌤",
+      "name": "sun behind small cloud",
+      "shortname": ":sun_behind_small_cloud:",
+      "unicode": "1F324",
+      "html": "&#127780;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🗣",
+      "name": "speaking head",
+      "shortname": ":speaking_head:",
+      "unicode": "1F5E3",
+      "html": "&#128483;",
+      "category": "People & Body (person-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏺",
+      "name": "record button",
+      "shortname": ":record_button:",
+      "unicode": "23FA",
+      "html": "&#9210;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏹",
+      "name": "stop button",
+      "shortname": ":stop_button:",
+      "unicode": "23F9",
+      "html": "&#9209;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏸",
+      "name": "pause button",
+      "shortname": ":pause_button:",
+      "unicode": "23F8",
+      "html": "&#9208;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏯",
+      "name": "play or pause button",
+      "shortname": ":play_pause:",
+      "unicode": "23ef",
+      "html": "&#9199;",
+      "category": "Symbols (av-symbol)",
+      "order": "2054"
+    },
+    {
+      "emoji": "⏮",
+      "name": "last track button",
+      "shortname": ":track_previous:",
+      "unicode": "23ee",
+      "html": "&#9198;",
+      "category": "Symbols (av-symbol)",
+      "order": "2057"
+    },
+    {
+      "emoji": "⏭",
+      "name": "next track button",
+      "shortname": ":track_next:",
+      "unicode": "23ed",
+      "html": "&#9197;",
+      "category": "Symbols (av-symbol)",
+      "order": "2053"
+    },
+    {
+      "emoji": "⛱",
+      "name": "umbrella on ground",
+      "shortname": ":beach_umbrella:",
+      "unicode": "26f1",
+      "html": "&#9969;",
+      "category": "Travel & Places (sky & weather)",
+      "order": "1747"
+    },
+    {
+      "emoji": "⛓",
+      "name": "chains",
+      "shortname": ":chains:",
+      "unicode": "26d3",
+      "html": "&#9939;",
+      "category": "Objects (tool)",
+      "order": "1966"
+    },
+    {
+      "emoji": "⛏",
+      "name": "pick",
+      "shortname": ":pick:",
+      "unicode": "26cf",
+      "html": "&#9935;",
+      "category": "Objects (tool)",
+      "order": "1951"
+    },
+    {
+      "emoji": "⚒",
+      "name": "hammer and pick",
+      "shortname": ":hammer_and_pick:",
+      "unicode": "2692",
+      "html": "&#9874;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⏲",
+      "name": "timer clock",
+      "shortname": ":timer_clock:",
+      "unicode": "23F2",
+      "html": "&#9202;",
+      "category": "Travel & Places (time)",
+      "order": ""
+    },
+    {
+      "emoji": "⏱",
+      "name": "stopwatch",
+      "shortname": ":stopwatch:",
+      "unicode": "23f1",
+      "html": "&#9201;",
+      "category": "Travel & Places (time)",
+      "order": "1684"
+    },
+    {
+      "emoji": "⛴",
+      "name": "ferry",
+      "shortname": ":ferry:",
+      "unicode": "26f4",
+      "html": "&#9972;",
+      "category": "Travel & Places (transport-water)",
+      "order": "1647"
+    },
+    {
+      "emoji": "⛰",
+      "name": "mountain",
+      "shortname": ":mountain:",
+      "unicode": "26f0",
+      "html": "&#9968;",
+      "category": "Travel & Places (place-geographic)",
+      "order": "1545"
+    },
+    {
+      "emoji": "⛩",
+      "name": "shinto shrine",
+      "shortname": ":shinto_shrine:",
+      "unicode": "2.6E+10",
+      "html": "&#9961;",
+      "category": "Travel & Places (place-religious)",
+      "order": "1580"
+    },
+    {
+      "emoji": "⛸",
+      "name": "ice skate",
+      "shortname": ":ice_skate:",
+      "unicode": "26f8",
+      "html": "&#9976;",
+      "category": "Activities (sport)",
+      "order": "1800"
+    },
+    {
+      "emoji": "⛷",
+      "name": "skier",
+      "shortname": ":skier:",
+      "unicode": "26f7",
+      "html": "&#9975;",
+      "category": "People & Body (person-sport)",
+      "order": "775"
+    },
+    {
+      "emoji": "⛈",
+      "name": "cloud with lightning and rain",
+      "shortname": ":cloud_with_lightning_and_rain:",
+      "unicode": "26C8",
+      "html": "&#9928;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "⛑",
+      "name": "rescue worker’s helmet",
+      "shortname": ":rescue_worker’s_helmet:",
+      "unicode": "26D1",
+      "html": "&#9937;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🇦🇨",
+      "name": "flag: Ascension Island",
+      "shortname": ":flag_ac:",
+      "unicode": "1f1e6-1f1e8",
+      "html": "&#127462;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2187"
+    },
+    {
+      "emoji": "🇦🇩",
+      "name": "flag: Andorra",
+      "shortname": ":flag_ad:",
+      "unicode": "1f1e6-1f1e9",
+      "html": "&#127462;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2188"
+    },
+    {
+      "emoji": "🇦🇪",
+      "name": "flag: United Arab Emirates",
+      "shortname": ":flag_ae:",
+      "unicode": "1f1e6-1f1ea",
+      "html": "&#127462;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2189"
+    },
+    {
+      "emoji": "🇦🇫",
+      "name": "flag: Afghanistan",
+      "shortname": ":flag_af:",
+      "unicode": "1f1e6-1f1eb",
+      "html": "&#127462;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2190"
+    },
+    {
+      "emoji": "🇦🇬",
+      "name": "flag: Antigua & Barbuda",
+      "shortname": ":flag_ag:",
+      "unicode": "1f1e6-1f1ec",
+      "html": "&#127462;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2191"
+    },
+    {
+      "emoji": "🇦🇮",
+      "name": "flag: Anguilla",
+      "shortname": ":flag_ai:",
+      "unicode": "1f1e6-1f1ee",
+      "html": "&#127462;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2192"
+    },
+    {
+      "emoji": "🇦🇱",
+      "name": "flag: Albania",
+      "shortname": ":flag_al:",
+      "unicode": "1f1e6-1f1f1",
+      "html": "&#127462;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2193"
+    },
+    {
+      "emoji": "🇦🇲",
+      "name": "flag: Armenia",
+      "shortname": ":flag_am:",
+      "unicode": "1f1e6-1f1f2",
+      "html": "&#127462;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2194"
+    },
+    {
+      "emoji": "🇦🇴",
+      "name": "flag: Angola",
+      "shortname": ":flag-ao:",
+      "unicode": "1f1e6-1f1f4",
+      "html": "&#127462;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2195"
+    },
+    {
+      "emoji": "🇦🇶",
+      "name": "flag: Antarctica",
+      "shortname": ":flag-aq:",
+      "unicode": "1f1e6-1f1f6",
+      "html": "&#127462;&#127478;",
+      "category": "Flags (country-flag)",
+      "order": "2196"
+    },
+    {
+      "emoji": "🇦🇷",
+      "name": "flag: Argentina",
+      "shortname": ":flag-ar:",
+      "unicode": "1f1e6-1f1f7",
+      "html": "&#127462;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2197"
+    },
+    {
+      "emoji": "🇦🇸",
+      "name": "flag: American Samoa",
+      "shortname": ":flag-as:",
+      "unicode": "1f1e6-1f1f8",
+      "html": "&#127462;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2198"
+    },
+    {
+      "emoji": "🇦🇹",
+      "name": "flag: Austria",
+      "shortname": ":flag-at:",
+      "unicode": "1f1e6-1f1f9",
+      "html": "&#127462;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2199"
+    },
+    {
+      "emoji": "🇦🇺",
+      "name": "flag: Australia",
+      "shortname": ":flag-au:",
+      "unicode": "1f1e6-1f1fa",
+      "html": "&#127462;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2200"
+    },
+    {
+      "emoji": "🇦🇼",
+      "name": "flag: Aruba",
+      "shortname": ":flag-aw:",
+      "unicode": "1f1e6-1f1fc",
+      "html": "&#127462;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2201"
+    },
+    {
+      "emoji": "🇦🇽",
+      "name": "flag: Åland Islands",
+      "shortname": ":flag-ax:",
+      "unicode": "1f1e6-1f1fd",
+      "html": "&#127462;&#127485;",
+      "category": "Flags (country-flag)",
+      "order": "2202"
+    },
+    {
+      "emoji": "🇦🇿",
+      "name": "flag: Azerbaijan",
+      "shortname": ":flag-az:",
+      "unicode": "1f1e6-1f1ff",
+      "html": "&#127462;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2203"
+    },
+    {
+      "emoji": "🇧🇦",
+      "name": "flag: Bosnia & Herzegovina",
+      "shortname": ":flag-ba:",
+      "unicode": "1f1e7-1f1e6",
+      "html": "&#127463;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2204"
+    },
+    {
+      "emoji": "🇧🇧",
+      "name": "flag: Barbados",
+      "shortname": ":flag-bb:",
+      "unicode": "1f1e7-1f1e7",
+      "html": "&#127463;&#127463;",
+      "category": "Flags (country-flag)",
+      "order": "2205"
+    },
+    {
+      "emoji": "🇧🇩",
+      "name": "flag: Bangladesh",
+      "shortname": ":flag-bd:",
+      "unicode": "1f1e7-1f1e9",
+      "html": "&#127463;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2206"
+    },
+    {
+      "emoji": "🇧🇪",
+      "name": "flag: Belgium",
+      "shortname": ":flag-be:",
+      "unicode": "1f1e7-1f1ea",
+      "html": "&#127463;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2207"
+    },
+    {
+      "emoji": "🇧🇫",
+      "name": "flag: Burkina Faso",
+      "shortname": ":flag-bf:",
+      "unicode": "1f1e7-1f1eb",
+      "html": "&#127463;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2208"
+    },
+    {
+      "emoji": "🇧🇬",
+      "name": "flag: Bulgaria",
+      "shortname": ":flag-bg:",
+      "unicode": "1f1e7-1f1ec",
+      "html": "&#127463;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2209"
+    },
+    {
+      "emoji": "🇧🇭",
+      "name": "flag: Bahrain",
+      "shortname": ":flag-bh:",
+      "unicode": "1f1e7-1f1ed",
+      "html": "&#127463;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2210"
+    },
+    {
+      "emoji": "🇧🇮",
+      "name": "flag: Burundi",
+      "shortname": ":flag-bi:",
+      "unicode": "1f1e7-1f1ee",
+      "html": "&#127463;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2211"
+    },
+    {
+      "emoji": "🇧🇯",
+      "name": "flag: Benin",
+      "shortname": ":flag-bj:",
+      "unicode": "1f1e7-1f1ef",
+      "html": "&#127463;&#127471;",
+      "category": "Flags (country-flag)",
+      "order": "2212"
+    },
+    {
+      "emoji": "🇧🇱",
+      "name": "flag: St. Barthélemy",
+      "shortname": ":flag-bl:",
+      "unicode": "1f1e7-1f1f1",
+      "html": "&#127463;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2213"
+    },
+    {
+      "emoji": "🇧🇲",
+      "name": "flag: Bermuda",
+      "shortname": ":flag-bm:",
+      "unicode": "1f1e7-1f1f2",
+      "html": "&#127463;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2214"
+    },
+    {
+      "emoji": "🇧🇳",
+      "name": "flag: Brunei",
+      "shortname": ":flag-bn:",
+      "unicode": "1f1e7-1f1f3",
+      "html": "&#127463;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2215"
+    },
+    {
+      "emoji": "🇧🇴",
+      "name": "flag: Bolivia",
+      "shortname": ":flag-bo:",
+      "unicode": "1f1e7-1f1f4",
+      "html": "&#127463;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2216"
+    },
+    {
+      "emoji": "🇧🇶",
+      "name": "flag: Caribbean Netherlands",
+      "shortname": ":flag-bq:",
+      "unicode": "1f1e7-1f1f6",
+      "html": "&#127463;&#127478;",
+      "category": "Flags (country-flag)",
+      "order": "2217"
+    },
+    {
+      "emoji": "🇧🇷",
+      "name": "flag: Brazil",
+      "shortname": ":flag-br:",
+      "unicode": "1f1e7-1f1f7",
+      "html": "&#127463;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2218"
+    },
+    {
+      "emoji": "🇧🇸",
+      "name": "flag: Bahamas",
+      "shortname": ":flag-bs:",
+      "unicode": "1f1e7-1f1f8",
+      "html": "&#127463;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2219"
+    },
+    {
+      "emoji": "🇧🇹",
+      "name": "flag: Bhutan",
+      "shortname": ":flag-bt:",
+      "unicode": "1f1e7-1f1f9",
+      "html": "&#127463;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2220"
+    },
+    {
+      "emoji": "🇧🇻",
+      "name": "flag: Bouvet Island",
+      "shortname": ":flag-bv:",
+      "unicode": "1f1e7-1f1fb",
+      "html": "&#127463;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2221"
+    },
+    {
+      "emoji": "🇧🇼",
+      "name": "flag: Botswana",
+      "shortname": ":flag-bw:",
+      "unicode": "1f1e7-1f1fc",
+      "html": "&#127463;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2222"
+    },
+    {
+      "emoji": "🇧🇾",
+      "name": "flag: Belarus",
+      "shortname": ":flag-by:",
+      "unicode": "1f1e7-1f1fe",
+      "html": "&#127463;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2223"
+    },
+    {
+      "emoji": "🇧🇿",
+      "name": "flag: Belize",
+      "shortname": ":flag-bz:",
+      "unicode": "1f1e7-1f1ff",
+      "html": "&#127463;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2224"
+    },
+    {
+      "emoji": "🇨🇦",
+      "name": "flag: Canada",
+      "shortname": ":flag-ca:",
+      "unicode": "1f1e8-1f1e6",
+      "html": "&#127464;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2225"
+    },
+    {
+      "emoji": "🇨🇨",
+      "name": "flag: Cocos (Keeling) Islands",
+      "shortname": ":flag-cc:",
+      "unicode": "1f1e8-1f1e8",
+      "html": "&#127464;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2226"
+    },
+    {
+      "emoji": "🇨🇩",
+      "name": "flag: Congo - Kinshasa",
+      "shortname": ":flag-cd:",
+      "unicode": "1f1e8-1f1e9",
+      "html": "&#127464;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2227"
+    },
+    {
+      "emoji": "🇨🇫",
+      "name": "flag: Central African Republic",
+      "shortname": ":flag-cf:",
+      "unicode": "1f1e8-1f1eb",
+      "html": "&#127464;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2228"
+    },
+    {
+      "emoji": "🇨🇬",
+      "name": "flag: Congo - Brazzaville",
+      "shortname": ":flag-cg:",
+      "unicode": "1f1e8-1f1ec",
+      "html": "&#127464;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2229"
+    },
+    {
+      "emoji": "🇨🇭",
+      "name": "flag: Switzerland",
+      "shortname": ":flag-ch:",
+      "unicode": "1f1e8-1f1ed",
+      "html": "&#127464;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2230"
+    },
+    {
+      "emoji": "🇨🇮",
+      "name": "flag: Côte d’Ivoire",
+      "shortname": ":flag-ci:",
+      "unicode": "1f1e8-1f1ee",
+      "html": "&#127464;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2231"
+    },
+    {
+      "emoji": "🇨🇰",
+      "name": "flag: Cook Islands",
+      "shortname": ":flag-ck:",
+      "unicode": "1f1e8-1f1f0",
+      "html": "&#127464;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2232"
+    },
+    {
+      "emoji": "🇨🇱",
+      "name": "flag: Chile",
+      "shortname": ":flag-cl:",
+      "unicode": "1f1e8-1f1f1",
+      "html": "&#127464;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2233"
+    },
+    {
+      "emoji": "🇨🇲",
+      "name": "flag: Cameroon",
+      "shortname": ":flag-cm:",
+      "unicode": "1f1e8-1f1f2",
+      "html": "&#127464;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2234"
+    },
+    {
+      "emoji": "🇨🇳",
+      "name": "flag: China",
+      "shortname": ":flag-cn:",
+      "unicode": "1f1e8-1f1f3",
+      "html": "&#127464;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2235"
+    },
+    {
+      "emoji": "🇨🇴",
+      "name": "flag: Colombia",
+      "shortname": ":flag-co:",
+      "unicode": "1f1e8-1f1f4",
+      "html": "&#127464;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2236"
+    },
+    {
+      "emoji": "🇨🇵",
+      "name": "flag: Clipperton Island",
+      "shortname": ":flag-cp:",
+      "unicode": "1f1e8-1f1f5",
+      "html": "&#127464;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2237"
+    },
+    {
+      "emoji": "🇨🇷",
+      "name": "flag: Costa Rica",
+      "shortname": ":flag-cr:",
+      "unicode": "1f1e8-1f1f7",
+      "html": "&#127464;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2238"
+    },
+    {
+      "emoji": "🇨🇺",
+      "name": "flag: Cuba",
+      "shortname": ":flag-cu:",
+      "unicode": "1f1e8-1f1fa",
+      "html": "&#127464;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2239"
+    },
+    {
+      "emoji": "🇨🇻",
+      "name": "flag: Cape Verde",
+      "shortname": ":flag-cv:",
+      "unicode": "1f1e8-1f1fb",
+      "html": "&#127464;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2240"
+    },
+    {
+      "emoji": "🇨🇼",
+      "name": "flag: Curaçao",
+      "shortname": ":flag-cw:",
+      "unicode": "1f1e8-1f1fc",
+      "html": "&#127464;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2241"
+    },
+    {
+      "emoji": "🇨🇽",
+      "name": "flag: Christmas Island",
+      "shortname": ":flag-cx:",
+      "unicode": "1f1e8-1f1fd",
+      "html": "&#127464;&#127485;",
+      "category": "Flags (country-flag)",
+      "order": "2242"
+    },
+    {
+      "emoji": "🇨🇾",
+      "name": "flag: Cyprus",
+      "shortname": ":flag-cy:",
+      "unicode": "1f1e8-1f1fe",
+      "html": "&#127464;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2243"
+    },
+    {
+      "emoji": "🇨🇿",
+      "name": "flag: Czechia",
+      "shortname": ":flag-cz:",
+      "unicode": "1f1e8-1f1ff",
+      "html": "&#127464;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2244"
+    },
+    {
+      "emoji": "🇩🇪",
+      "name": "flag: Germany",
+      "shortname": ":flag-de:",
+      "unicode": "1f1e9-1f1ea",
+      "html": "&#127465;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2245"
+    },
+    {
+      "emoji": "🇩🇬",
+      "name": "flag: Diego Garcia",
+      "shortname": ":flag-dg:",
+      "unicode": "1f1e9-1f1ec",
+      "html": "&#127465;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2246"
+    },
+    {
+      "emoji": "🇩🇯",
+      "name": "flag: Djibouti",
+      "shortname": ":flag-dj:",
+      "unicode": "1f1e9-1f1ef",
+      "html": "&#127465;&#127471;",
+      "category": "Flags (country-flag)",
+      "order": "2247"
+    },
+    {
+      "emoji": "🇩🇰",
+      "name": "flag: Denmark",
+      "shortname": ":flag-dk:",
+      "unicode": "1f1e9-1f1f0",
+      "html": "&#127465;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2248"
+    },
+    {
+      "emoji": "🇩🇲",
+      "name": "flag: Dominica",
+      "shortname": ":flag-dm:",
+      "unicode": "1f1e9-1f1f2",
+      "html": "&#127465;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2249"
+    },
+    {
+      "emoji": "🇩🇴",
+      "name": "flag: Dominican Republic",
+      "shortname": ":flag-do:",
+      "unicode": "1f1e9-1f1f4",
+      "html": "&#127465;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2250"
+    },
+    {
+      "emoji": "🇩🇿",
+      "name": "flag: Algeria",
+      "shortname": ":flag-dz:",
+      "unicode": "1f1e9-1f1ff",
+      "html": "&#127465;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2251"
+    },
+    {
+      "emoji": "🇪🇦",
+      "name": "flag: Ceuta & Melilla",
+      "shortname": ":flag-ea:",
+      "unicode": "1f1ea-1f1e6",
+      "html": "&#127466;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2252"
+    },
+    {
+      "emoji": "🇪🇨",
+      "name": "flag: Ecuador",
+      "shortname": ":flag-ec:",
+      "unicode": "1f1ea-1f1e8",
+      "html": "&#127466;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2253"
+    },
+    {
+      "emoji": "🇪🇪",
+      "name": "flag: Estonia",
+      "shortname": ":flag-ee:",
+      "unicode": "1f1ea-1f1ea",
+      "html": "&#127466;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2254"
+    },
+    {
+      "emoji": "🇪🇬",
+      "name": "flag: Egypt",
+      "shortname": ":flag-eg:",
+      "unicode": "1f1ea-1f1ec",
+      "html": "&#127466;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2255"
+    },
+    {
+      "emoji": "🇪🇭",
+      "name": "flag: Western Sahara",
+      "shortname": ":flag-eh:",
+      "unicode": "1f1ea-1f1ed",
+      "html": "&#127466;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2256"
+    },
+    {
+      "emoji": "🇪🇷",
+      "name": "flag: Eritrea",
+      "shortname": ":flag-er:",
+      "unicode": "1f1ea-1f1f7",
+      "html": "&#127466;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2257"
+    },
+    {
+      "emoji": "🇪🇸",
+      "name": "flag: Spain",
+      "shortname": ":flag-es:",
+      "unicode": "1f1ea-1f1f8",
+      "html": "&#127466;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2258"
+    },
+    {
+      "emoji": "🇪🇹",
+      "name": "flag: Ethiopia",
+      "shortname": ":flag-et:",
+      "unicode": "1f1ea-1f1f9",
+      "html": "&#127466;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2259"
+    },
+    {
+      "emoji": "🇪🇺",
+      "name": "flag: European Union",
+      "shortname": ":flag-eu:",
+      "unicode": "1f1ea-1f1fa",
+      "html": "&#127466;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2260"
+    },
+    {
+      "emoji": "🇫🇮",
+      "name": "flag: Finland",
+      "shortname": ":flag-fi:",
+      "unicode": "1f1eb-1f1ee",
+      "html": "&#127467;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2261"
+    },
+    {
+      "emoji": "🇫🇯",
+      "name": "flag: Fiji",
+      "shortname": ":flag-fj:",
+      "unicode": "1f1eb-1f1ef",
+      "html": "&#127467;&#127471;",
+      "category": "Flags (country-flag)",
+      "order": "2262"
+    },
+    {
+      "emoji": "🇫🇰",
+      "name": "flag: Falkland Islands",
+      "shortname": ":flag-fk:",
+      "unicode": "1f1eb-1f1f0",
+      "html": "&#127467;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2263"
+    },
+    {
+      "emoji": "🇫🇲",
+      "name": "flag: Micronesia",
+      "shortname": ":flag-fm:",
+      "unicode": "1f1eb-1f1f2",
+      "html": "&#127467;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2264"
+    },
+    {
+      "emoji": "🇫🇴",
+      "name": "flag: Faroe Islands",
+      "shortname": ":flag-fo:",
+      "unicode": "1f1eb-1f1f4",
+      "html": "&#127467;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2265"
+    },
+    {
+      "emoji": "🇫🇷",
+      "name": "flag: France",
+      "shortname": ":flag-fr:",
+      "unicode": "1f1eb-1f1f7",
+      "html": "&#127467;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2266"
+    },
+    {
+      "emoji": "🇬🇦",
+      "name": "flag: Gabon",
+      "shortname": ":flag-ga:",
+      "unicode": "1f1ec-1f1e6",
+      "html": "&#127468;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2267"
+    },
+    {
+      "emoji": "🇬🇧",
+      "name": "flag: United Kingdom",
+      "shortname": ":flag-gb:",
+      "unicode": "1f1ec-1f1e7",
+      "html": "&#127468;&#127463;",
+      "category": "Flags (country-flag)",
+      "order": "2268"
+    },
+    {
+      "emoji": "🇬🇩",
+      "name": "flag: Grenada",
+      "shortname": ":flag-gd:",
+      "unicode": "1f1ec-1f1e9",
+      "html": "&#127468;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2269"
+    },
+    {
+      "emoji": "🇬🇪",
+      "name": "flag: Georgia",
+      "shortname": ":flag-ge:",
+      "unicode": "1f1ec-1f1ea",
+      "html": "&#127468;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2270"
+    },
+    {
+      "emoji": "🇬🇫",
+      "name": "flag: French Guiana",
+      "shortname": ":flag-gf:",
+      "unicode": "1f1ec-1f1eb",
+      "html": "&#127468;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2271"
+    },
+    {
+      "emoji": "🇬🇬",
+      "name": "flag: Guernsey",
+      "shortname": ":flag-gg:",
+      "unicode": "1f1ec-1f1ec",
+      "html": "&#127468;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2272"
+    },
+    {
+      "emoji": "🇬🇭",
+      "name": "flag: Ghana",
+      "shortname": ":flag-gh:",
+      "unicode": "1f1ec-1f1ed",
+      "html": "&#127468;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2273"
+    },
+    {
+      "emoji": "🇬🇮",
+      "name": "flag: Gibraltar",
+      "shortname": ":flag-gi:",
+      "unicode": "1f1ec-1f1ee",
+      "html": "&#127468;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2274"
+    },
+    {
+      "emoji": "🇬🇱",
+      "name": "flag: Greenland",
+      "shortname": ":flag-gl:",
+      "unicode": "1f1ec-1f1f1",
+      "html": "&#127468;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2275"
+    },
+    {
+      "emoji": "🇬🇲",
+      "name": "flag: Gambia",
+      "shortname": ":flag-gm:",
+      "unicode": "1f1ec-1f1f2",
+      "html": "&#127468;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2276"
+    },
+    {
+      "emoji": "🇬🇳",
+      "name": "flag: Guinea",
+      "shortname": ":flag-gn:",
+      "unicode": "1f1ec-1f1f3",
+      "html": "&#127468;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2277"
+    },
+    {
+      "emoji": "🇬🇵",
+      "name": "flag: Guadeloupe",
+      "shortname": ":flag-gp:",
+      "unicode": "1f1ec-1f1f5",
+      "html": "&#127468;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2278"
+    },
+    {
+      "emoji": "🇬🇶",
+      "name": "flag: Equatorial Guinea",
+      "shortname": ":flag-gq:",
+      "unicode": "1f1ec-1f1f6",
+      "html": "&#127468;&#127478;",
+      "category": "Flags (country-flag)",
+      "order": "2279"
+    },
+    {
+      "emoji": "🇬🇷",
+      "name": "flag: Greece",
+      "shortname": ":flag-gr:",
+      "unicode": "1f1ec-1f1f7",
+      "html": "&#127468;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2280"
+    },
+    {
+      "emoji": "🇬🇸",
+      "name": "flag: South Georgia & South Sandwich Islands",
+      "shortname": ":flag-gs:",
+      "unicode": "1f1ec-1f1f8",
+      "html": "&#127468;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2281"
+    },
+    {
+      "emoji": "🇬🇹",
+      "name": "flag: Guatemala",
+      "shortname": ":flag-gt:",
+      "unicode": "1f1ec-1f1f9",
+      "html": "&#127468;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2282"
+    },
+    {
+      "emoji": "🇬🇺",
+      "name": "flag: Guam",
+      "shortname": ":flag-gu:",
+      "unicode": "1f1ec-1f1fa",
+      "html": "&#127468;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2283"
+    },
+    {
+      "emoji": "🇬🇼",
+      "name": "flag: Guinea-Bissau",
+      "shortname": ":flag-gw:",
+      "unicode": "1f1ec-1f1fc",
+      "html": "&#127468;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2284"
+    },
+    {
+      "emoji": "🇬🇾",
+      "name": "flag: Guyana",
+      "shortname": ":flag-gy:",
+      "unicode": "1f1ec-1f1fe",
+      "html": "&#127468;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2285"
+    },
+    {
+      "emoji": "🇭🇰",
+      "name": "flag: Hong Kong SAR China",
+      "shortname": ":flag-hk:",
+      "unicode": "1f1ed-1f1f0",
+      "html": "&#127469;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2286"
+    },
+    {
+      "emoji": "🇭🇲",
+      "name": "flag: Heard & McDonald Islands",
+      "shortname": ":flag-hm:",
+      "unicode": "1f1ed-1f1f2",
+      "html": "&#127469;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2287"
+    },
+    {
+      "emoji": "🇭🇳",
+      "name": "flag: Honduras",
+      "shortname": ":flag-hn:",
+      "unicode": "1f1ed-1f1f3",
+      "html": "&#127469;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2288"
+    },
+    {
+      "emoji": "🇭🇷",
+      "name": "flag: Croatia",
+      "shortname": ":flag-hr:",
+      "unicode": "1f1ed-1f1f7",
+      "html": "&#127469;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2289"
+    },
+    {
+      "emoji": "🇭🇹",
+      "name": "flag: Haiti",
+      "shortname": ":flag-ht:",
+      "unicode": "1f1ed-1f1f9",
+      "html": "&#127469;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2290"
+    },
+    {
+      "emoji": "🇭🇺",
+      "name": "flag: Hungary",
+      "shortname": ":flag-hu:",
+      "unicode": "1f1ed-1f1fa",
+      "html": "&#127469;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2291"
+    },
+    {
+      "emoji": "🇮🇨",
+      "name": "flag: Canary Islands",
+      "shortname": ":flag-ic:",
+      "unicode": "1f1ee-1f1e8",
+      "html": "&#127470;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2292"
+    },
+    {
+      "emoji": "🇮🇩",
+      "name": "flag: Indonesia",
+      "shortname": ":flag-id:",
+      "unicode": "1f1ee-1f1e9",
+      "html": "&#127470;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2293"
+    },
+    {
+      "emoji": "🇮🇪",
+      "name": "flag: Ireland",
+      "shortname": ":flag-ie:",
+      "unicode": "1f1ee-1f1ea",
+      "html": "&#127470;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2294"
+    },
+    {
+      "emoji": "🇮🇱",
+      "name": "flag: Israel",
+      "shortname": ":flag-il:",
+      "unicode": "1f1ee-1f1f1",
+      "html": "&#127470;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2295"
+    },
+    {
+      "emoji": "🇮🇲",
+      "name": "flag: Isle of Man",
+      "shortname": ":flag-im:",
+      "unicode": "1f1ee-1f1f2",
+      "html": "&#127470;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2296"
+    },
+    {
+      "emoji": "🇮🇳",
+      "name": "flag: India",
+      "shortname": ":flag-in:",
+      "unicode": "1f1ee-1f1f3",
+      "html": "&#127470;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2297"
+    },
+    {
+      "emoji": "🇮🇴",
+      "name": "flag: British Indian Ocean Territory",
+      "shortname": ":flag-io:",
+      "unicode": "1f1ee-1f1f4",
+      "html": "&#127470;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2298"
+    },
+    {
+      "emoji": "🇮🇶",
+      "name": "flag: Iraq",
+      "shortname": ":flag-iq:",
+      "unicode": "1f1ee-1f1f6",
+      "html": "&#127470;&#127478;",
+      "category": "Flags (country-flag)",
+      "order": "2299"
+    },
+    {
+      "emoji": "🇮🇷",
+      "name": "flag: Iran",
+      "shortname": ":flag-ir:",
+      "unicode": "1f1ee-1f1f7",
+      "html": "&#127470;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2300"
+    },
+    {
+      "emoji": "🇮🇸",
+      "name": "flag: Iceland",
+      "shortname": ":flag-is:",
+      "unicode": "1f1ee-1f1f8",
+      "html": "&#127470;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2301"
+    },
+    {
+      "emoji": "🇮🇹",
+      "name": "flag: Italy",
+      "shortname": ":flag-it:",
+      "unicode": "1f1ee-1f1f9",
+      "html": "&#127470;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2302"
+    },
+    {
+      "emoji": "🇯🇪",
+      "name": "flag: Jersey",
+      "shortname": ":flag-je:",
+      "unicode": "1f1ef-1f1ea",
+      "html": "&#127471;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2303"
+    },
+    {
+      "emoji": "🇯🇲",
+      "name": "flag: Jamaica",
+      "shortname": ":flag-jm:",
+      "unicode": "1f1ef-1f1f2",
+      "html": "&#127471;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2304"
+    },
+    {
+      "emoji": "🇯🇴",
+      "name": "flag: Jordan",
+      "shortname": ":flag-jo:",
+      "unicode": "1f1ef-1f1f4",
+      "html": "&#127471;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2305"
+    },
+    {
+      "emoji": "🇯🇵",
+      "name": "flag: Japan",
+      "shortname": ":flag-jp:",
+      "unicode": "1f1ef-1f1f5",
+      "html": "&#127471;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2306"
+    },
+    {
+      "emoji": "🇰🇪",
+      "name": "flag: Kenya",
+      "shortname": ":flag-ke:",
+      "unicode": "1f1f0-1f1ea",
+      "html": "&#127472;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2307"
+    },
+    {
+      "emoji": "🇰🇬",
+      "name": "flag: Kyrgyzstan",
+      "shortname": ":flag-kg:",
+      "unicode": "1f1f0-1f1ec",
+      "html": "&#127472;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2308"
+    },
+    {
+      "emoji": "🇰🇭",
+      "name": "flag: Cambodia",
+      "shortname": ":flag-kh:",
+      "unicode": "1f1f0-1f1ed",
+      "html": "&#127472;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2309"
+    },
+    {
+      "emoji": "🇰🇮",
+      "name": "flag: Kiribati",
+      "shortname": ":flag-ki:",
+      "unicode": "1f1f0-1f1ee",
+      "html": "&#127472;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2310"
+    },
+    {
+      "emoji": "🇰🇲",
+      "name": "flag: Comoros",
+      "shortname": ":flag-km:",
+      "unicode": "1f1f0-1f1f2",
+      "html": "&#127472;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2311"
+    },
+    {
+      "emoji": "🇰🇳",
+      "name": "flag: St. Kitts & Nevis",
+      "shortname": ":flag-kn:",
+      "unicode": "1f1f0-1f1f3",
+      "html": "&#127472;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2312"
+    },
+    {
+      "emoji": "🇰🇵",
+      "name": "flag: North Korea",
+      "shortname": ":flag-kp:",
+      "unicode": "1f1f0-1f1f5",
+      "html": "&#127472;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2313"
+    },
+    {
+      "emoji": "🇰🇷",
+      "name": "flag: South Korea",
+      "shortname": ":flag-kr:",
+      "unicode": "1f1f0-1f1f7",
+      "html": "&#127472;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2314"
+    },
+    {
+      "emoji": "🇰🇼",
+      "name": "flag: Kuwait",
+      "shortname": ":flag-kw:",
+      "unicode": "1f1f0-1f1fc",
+      "html": "&#127472;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2315"
+    },
+    {
+      "emoji": "🇰🇾",
+      "name": "flag: Cayman Islands",
+      "shortname": ":flag-ky:",
+      "unicode": "1f1f0-1f1fe",
+      "html": "&#127472;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2316"
+    },
+    {
+      "emoji": "🇰🇿",
+      "name": "flag: Kazakhstan",
+      "shortname": ":flag-kz:",
+      "unicode": "1f1f0-1f1ff",
+      "html": "&#127472;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2317"
+    },
+    {
+      "emoji": "🇱🇦",
+      "name": "flag: Laos",
+      "shortname": ":flag-la:",
+      "unicode": "1f1f1-1f1e6",
+      "html": "&#127473;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2318"
+    },
+    {
+      "emoji": "🇱🇧",
+      "name": "flag: Lebanon",
+      "shortname": ":flag-lb:",
+      "unicode": "1f1f1-1f1e7",
+      "html": "&#127473;&#127463;",
+      "category": "Flags (country-flag)",
+      "order": "2319"
+    },
+    {
+      "emoji": "🇱🇨",
+      "name": "flag: St. Lucia",
+      "shortname": ":flag-lc:",
+      "unicode": "1f1f1-1f1e8",
+      "html": "&#127473;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2320"
+    },
+    {
+      "emoji": "🇱🇮",
+      "name": "flag: Liechtenstein",
+      "shortname": ":flag-li:",
+      "unicode": "1f1f1-1f1ee",
+      "html": "&#127473;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2321"
+    },
+    {
+      "emoji": "🇱🇰",
+      "name": "flag: Sri Lanka",
+      "shortname": ":flag-lk:",
+      "unicode": "1f1f1-1f1f0",
+      "html": "&#127473;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2322"
+    },
+    {
+      "emoji": "🇱🇷",
+      "name": "flag: Liberia",
+      "shortname": ":flag-lr:",
+      "unicode": "1f1f1-1f1f7",
+      "html": "&#127473;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2323"
+    },
+    {
+      "emoji": "🇱🇸",
+      "name": "flag: Lesotho",
+      "shortname": ":flag-ls:",
+      "unicode": "1f1f1-1f1f8",
+      "html": "&#127473;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2324"
+    },
+    {
+      "emoji": "🇱🇹",
+      "name": "flag: Lithuania",
+      "shortname": ":flag-lt:",
+      "unicode": "1f1f1-1f1f9",
+      "html": "&#127473;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2325"
+    },
+    {
+      "emoji": "🇱🇺",
+      "name": "flag: Luxembourg",
+      "shortname": ":flag-lu:",
+      "unicode": "1f1f1-1f1fa",
+      "html": "&#127473;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2326"
+    },
+    {
+      "emoji": "🇱🇻",
+      "name": "flag: Latvia",
+      "shortname": ":flag-lv:",
+      "unicode": "1f1f1-1f1fb",
+      "html": "&#127473;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2327"
+    },
+    {
+      "emoji": "🇱🇾",
+      "name": "flag: Libya",
+      "shortname": ":flag-ly:",
+      "unicode": "1f1f1-1f1fe",
+      "html": "&#127473;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2328"
+    },
+    {
+      "emoji": "🇲🇦",
+      "name": "flag: Morocco",
+      "shortname": ":flag-ma:",
+      "unicode": "1f1f2-1f1e6",
+      "html": "&#127474;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2329"
+    },
+    {
+      "emoji": "🇲🇨",
+      "name": "flag: Monaco",
+      "shortname": ":flag-mc:",
+      "unicode": "1f1f2-1f1e8",
+      "html": "&#127474;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2330"
+    },
+    {
+      "emoji": "🇲🇩",
+      "name": "flag: Moldova",
+      "shortname": ":flag-md:",
+      "unicode": "1f1f2-1f1e9",
+      "html": "&#127474;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2331"
+    },
+    {
+      "emoji": "🇲🇪",
+      "name": "flag: Montenegro",
+      "shortname": ":flag-me:",
+      "unicode": "1f1f2-1f1ea",
+      "html": "&#127474;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2332"
+    },
+    {
+      "emoji": "🇲🇫",
+      "name": "flag: St. Martin",
+      "shortname": ":flag-mf:",
+      "unicode": "1f1f2-1f1eb",
+      "html": "&#127474;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2333"
+    },
+    {
+      "emoji": "🇲🇬",
+      "name": "flag: Madagascar",
+      "shortname": ":flag-mg:",
+      "unicode": "1f1f2-1f1ec",
+      "html": "&#127474;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2334"
+    },
+    {
+      "emoji": "🇲🇭",
+      "name": "flag: Marshall Islands",
+      "shortname": ":flag-mh:",
+      "unicode": "1f1f2-1f1ed",
+      "html": "&#127474;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2335"
+    },
+    {
+      "emoji": "🇲🇰",
+      "name": "flag: North Macedonia",
+      "shortname": ":flag-mk:",
+      "unicode": "1f1f2-1f1f0",
+      "html": "&#127474;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2336"
+    },
+    {
+      "emoji": "🇲🇱",
+      "name": "flag: Mali",
+      "shortname": ":flag-ml:",
+      "unicode": "1f1f2-1f1f1",
+      "html": "&#127474;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2337"
+    },
+    {
+      "emoji": "🇲🇲",
+      "name": "flag: Myanmar (Burma)",
+      "shortname": ":flag-mm:",
+      "unicode": "1f1f2-1f1f2",
+      "html": "&#127474;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2338"
+    },
+    {
+      "emoji": "🇲🇳",
+      "name": "flag: Mongolia",
+      "shortname": ":flag-mn:",
+      "unicode": "1f1f2-1f1f3",
+      "html": "&#127474;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2339"
+    },
+    {
+      "emoji": "🇲🇴",
+      "name": "flag: Macao SAR China",
+      "shortname": ":flag-mo:",
+      "unicode": "1f1f2-1f1f4",
+      "html": "&#127474;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2340"
+    },
+    {
+      "emoji": "🇲🇵",
+      "name": "flag: Northern Mariana Islands",
+      "shortname": ":flag-mp:",
+      "unicode": "1f1f2-1f1f5",
+      "html": "&#127474;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2341"
+    },
+    {
+      "emoji": "🇲🇶",
+      "name": "flag: Martinique",
+      "shortname": ":flag-mq:",
+      "unicode": "1f1f2-1f1f6",
+      "html": "&#127474;&#127478;",
+      "category": "Flags (country-flag)",
+      "order": "2342"
+    },
+    {
+      "emoji": "🇲🇷",
+      "name": "flag: Mauritania",
+      "shortname": ":flag-mr:",
+      "unicode": "1f1f2-1f1f7",
+      "html": "&#127474;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2343"
+    },
+    {
+      "emoji": "🇲🇸",
+      "name": "flag: Montserrat",
+      "shortname": ":flag-ms:",
+      "unicode": "1f1f2-1f1f8",
+      "html": "&#127474;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2344"
+    },
+    {
+      "emoji": "🇲🇹",
+      "name": "flag: Malta",
+      "shortname": ":flag-mt:",
+      "unicode": "1f1f2-1f1f9",
+      "html": "&#127474;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2345"
+    },
+    {
+      "emoji": "🇲🇺",
+      "name": "flag: Mauritius",
+      "shortname": ":flag-mu:",
+      "unicode": "1f1f2-1f1fa",
+      "html": "&#127474;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2346"
+    },
+    {
+      "emoji": "🇲🇻",
+      "name": "flag: Maldives",
+      "shortname": ":flag-mv:",
+      "unicode": "1f1f2-1f1fb",
+      "html": "&#127474;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2347"
+    },
+    {
+      "emoji": "🇲🇼",
+      "name": "flag: Malawi",
+      "shortname": ":flag-mw:",
+      "unicode": "1f1f2-1f1fc",
+      "html": "&#127474;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2348"
+    },
+    {
+      "emoji": "🇲🇽",
+      "name": "flag: Mexico",
+      "shortname": ":flag-mx:",
+      "unicode": "1f1f2-1f1fd",
+      "html": "&#127474;&#127485;",
+      "category": "Flags (country-flag)",
+      "order": "2349"
+    },
+    {
+      "emoji": "🇲🇾",
+      "name": "flag: Malaysia",
+      "shortname": ":flag-my:",
+      "unicode": "1f1f2-1f1fe",
+      "html": "&#127474;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2350"
+    },
+    {
+      "emoji": "🇲🇿",
+      "name": "flag: Mozambique",
+      "shortname": ":flag-mz:",
+      "unicode": "1f1f2-1f1ff",
+      "html": "&#127474;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2351"
+    },
+    {
+      "emoji": "🇳🇦",
+      "name": "flag: Namibia",
+      "shortname": ":flag-na:",
+      "unicode": "1f1f3-1f1e6",
+      "html": "&#127475;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2352"
+    },
+    {
+      "emoji": "🇳🇨",
+      "name": "flag: New Caledonia",
+      "shortname": ":flag-nc:",
+      "unicode": "1f1f3-1f1e8",
+      "html": "&#127475;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2353"
+    },
+    {
+      "emoji": "🇳🇪",
+      "name": "flag: Niger",
+      "shortname": ":flag-ne:",
+      "unicode": "1f1f3-1f1ea",
+      "html": "&#127475;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2354"
+    },
+    {
+      "emoji": "🇳🇫",
+      "name": "flag: Norfolk Island",
+      "shortname": ":flag-nf:",
+      "unicode": "1f1f3-1f1eb",
+      "html": "&#127475;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2355"
+    },
+    {
+      "emoji": "🇳🇬",
+      "name": "flag: Nigeria",
+      "shortname": ":flag-ng:",
+      "unicode": "1f1f3-1f1ec",
+      "html": "&#127475;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2356"
+    },
+    {
+      "emoji": "🇳🇮",
+      "name": "flag: Nicaragua",
+      "shortname": ":flag-ni:",
+      "unicode": "1f1f3-1f1ee",
+      "html": "&#127475;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2357"
+    },
+    {
+      "emoji": "🇳🇱",
+      "name": "flag: Netherlands",
+      "shortname": ":flag-nl:",
+      "unicode": "1f1f3-1f1f1",
+      "html": "&#127475;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2358"
+    },
+    {
+      "emoji": "🇳🇴",
+      "name": "flag: Norway",
+      "shortname": ":flag-no:",
+      "unicode": "1f1f3-1f1f4",
+      "html": "&#127475;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2359"
+    },
+    {
+      "emoji": "🇳🇵",
+      "name": "flag: Nepal",
+      "shortname": ":flag-np:",
+      "unicode": "1f1f3-1f1f5",
+      "html": "&#127475;&#127477;",
+      "category": "Flags (country-flag)",
+      "order": "2360"
+    },
+    {
+      "emoji": "🇳🇷",
+      "name": "flag: Nauru",
+      "shortname": ":flag-nr:",
+      "unicode": "1f1f3-1f1f7",
+      "html": "&#127475;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2361"
+    },
+    {
+      "emoji": "🇳🇺",
+      "name": "flag: Niue",
+      "shortname": ":flag-nu:",
+      "unicode": "1f1f3-1f1fa",
+      "html": "&#127475;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2362"
+    },
+    {
+      "emoji": "🇳🇿",
+      "name": "flag: New Zealand",
+      "shortname": ":flag-nz:",
+      "unicode": "1f1f3-1f1ff",
+      "html": "&#127475;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2363"
+    },
+    {
+      "emoji": "🇴🇲",
+      "name": "flag: Oman",
+      "shortname": ":flag-om:",
+      "unicode": "1f1f4-1f1f2",
+      "html": "&#127476;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2364"
+    },
+    {
+      "emoji": "🇵🇦",
+      "name": "flag: Panama",
+      "shortname": ":flag-pa:",
+      "unicode": "1f1f5-1f1e6",
+      "html": "&#127477;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2365"
+    },
+    {
+      "emoji": "🇵🇪",
+      "name": "flag: Peru",
+      "shortname": ":flag-pe:",
+      "unicode": "1f1f5-1f1ea",
+      "html": "&#127477;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2366"
+    },
+    {
+      "emoji": "🇵🇫",
+      "name": "flag: French Polynesia",
+      "shortname": ":flag-pf:",
+      "unicode": "1f1f5-1f1eb",
+      "html": "&#127477;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2367"
+    },
+    {
+      "emoji": "🇵🇬",
+      "name": "flag: Papua New Guinea",
+      "shortname": ":flag-pg:",
+      "unicode": "1f1f5-1f1ec",
+      "html": "&#127477;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2368"
+    },
+    {
+      "emoji": "🇵🇭",
+      "name": "flag: Philippines",
+      "shortname": ":flag-ph:",
+      "unicode": "1f1f5-1f1ed",
+      "html": "&#127477;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2369"
+    },
+    {
+      "emoji": "🇵🇰",
+      "name": "flag: Pakistan",
+      "shortname": ":flag-pk:",
+      "unicode": "1f1f5-1f1f0",
+      "html": "&#127477;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2370"
+    },
+    {
+      "emoji": "🇵🇱",
+      "name": "flag: Poland",
+      "shortname": ":flag-pl:",
+      "unicode": "1f1f5-1f1f1",
+      "html": "&#127477;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2371"
+    },
+    {
+      "emoji": "🇵🇲",
+      "name": "flag: St. Pierre & Miquelon",
+      "shortname": ":flag-pm:",
+      "unicode": "1f1f5-1f1f2",
+      "html": "&#127477;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2372"
+    },
+    {
+      "emoji": "🇵🇳",
+      "name": "flag: Pitcairn Islands",
+      "shortname": ":flag-pn:",
+      "unicode": "1f1f5-1f1f3",
+      "html": "&#127477;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2373"
+    },
+    {
+      "emoji": "🇵🇷",
+      "name": "flag: Puerto Rico",
+      "shortname": ":flag-pr:",
+      "unicode": "1f1f5-1f1f7",
+      "html": "&#127477;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2374"
+    },
+    {
+      "emoji": "🇵🇸",
+      "name": "flag: Palestinian Territories",
+      "shortname": ":flag-ps:",
+      "unicode": "1f1f5-1f1f8",
+      "html": "&#127477;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2375"
+    },
+    {
+      "emoji": "🇵🇹",
+      "name": "flag: Portugal",
+      "shortname": ":flag-pt:",
+      "unicode": "1f1f5-1f1f9",
+      "html": "&#127477;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2376"
+    },
+    {
+      "emoji": "🇵🇼",
+      "name": "flag: Palau",
+      "shortname": ":flag-pw:",
+      "unicode": "1f1f5-1f1fc",
+      "html": "&#127477;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2377"
+    },
+    {
+      "emoji": "🇵🇾",
+      "name": "flag: Paraguay",
+      "shortname": ":flag-py:",
+      "unicode": "1f1f5-1f1fe",
+      "html": "&#127477;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2378"
+    },
+    {
+      "emoji": "🇶🇦",
+      "name": "flag: Qatar",
+      "shortname": ":flag-qa:",
+      "unicode": "1f1f6-1f1e6",
+      "html": "&#127478;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2379"
+    },
+    {
+      "emoji": "🇷🇪",
+      "name": "flag: Réunion",
+      "shortname": ":flag-re:",
+      "unicode": "1f1f7-1f1ea",
+      "html": "&#127479;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2380"
+    },
+    {
+      "emoji": "🇷🇴",
+      "name": "flag: Romania",
+      "shortname": ":flag-ro:",
+      "unicode": "1f1f7-1f1f4",
+      "html": "&#127479;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2381"
+    },
+    {
+      "emoji": "🇷🇸",
+      "name": "flag: Serbia",
+      "shortname": ":flag-rs:",
+      "unicode": "1f1f7-1f1f8",
+      "html": "&#127479;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2382"
+    },
+    {
+      "emoji": "🇷🇺",
+      "name": "flag: Russia",
+      "shortname": ":flag-ru:",
+      "unicode": "1f1f7-1f1fa",
+      "html": "&#127479;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2383"
+    },
+    {
+      "emoji": "🇷🇼",
+      "name": "flag: Rwanda",
+      "shortname": ":flag-rw:",
+      "unicode": "1f1f7-1f1fc",
+      "html": "&#127479;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2384"
+    },
+    {
+      "emoji": "🇸🇦",
+      "name": "flag: Saudi Arabia",
+      "shortname": ":flag-sa:",
+      "unicode": "1f1f8-1f1e6",
+      "html": "&#127480;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2385"
+    },
+    {
+      "emoji": "🇸🇧",
+      "name": "flag: Solomon Islands",
+      "shortname": ":flag-sb:",
+      "unicode": "1f1f8-1f1e7",
+      "html": "&#127480;&#127463;",
+      "category": "Flags (country-flag)",
+      "order": "2386"
+    },
+    {
+      "emoji": "🇸🇨",
+      "name": "flag: Seychelles",
+      "shortname": ":flag-sc:",
+      "unicode": "1f1f8-1f1e8",
+      "html": "&#127480;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2387"
+    },
+    {
+      "emoji": "🇸🇩",
+      "name": "flag: Sudan",
+      "shortname": ":flag-sd:",
+      "unicode": "1f1f8-1f1e9",
+      "html": "&#127480;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2388"
+    },
+    {
+      "emoji": "🇸🇪",
+      "name": "flag: Sweden",
+      "shortname": ":flag-se:",
+      "unicode": "1f1f8-1f1ea",
+      "html": "&#127480;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2389"
+    },
+    {
+      "emoji": "🇸🇬",
+      "name": "flag: Singapore",
+      "shortname": ":flag-sg:",
+      "unicode": "1f1f8-1f1ec",
+      "html": "&#127480;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2390"
+    },
+    {
+      "emoji": "🇸🇭",
+      "name": "flag: St. Helena",
+      "shortname": ":flag-sh:",
+      "unicode": "1f1f8-1f1ed",
+      "html": "&#127480;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2391"
+    },
+    {
+      "emoji": "🇸🇮",
+      "name": "flag: Slovenia",
+      "shortname": ":flag-si:",
+      "unicode": "1f1f8-1f1ee",
+      "html": "&#127480;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2392"
+    },
+    {
+      "emoji": "🇸🇯",
+      "name": "flag: Svalbard & Jan Mayen",
+      "shortname": ":flag-sj:",
+      "unicode": "1f1f8-1f1ef",
+      "html": "&#127480;&#127471;",
+      "category": "Flags (country-flag)",
+      "order": "2393"
+    },
+    {
+      "emoji": "🇸🇰",
+      "name": "flag: Slovakia",
+      "shortname": ":flag-sk:",
+      "unicode": "1f1f8-1f1f0",
+      "html": "&#127480;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2394"
+    },
+    {
+      "emoji": "🇸🇱",
+      "name": "flag: Sierra Leone",
+      "shortname": ":flag-sl:",
+      "unicode": "1f1f8-1f1f1",
+      "html": "&#127480;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2395"
+    },
+    {
+      "emoji": "🇸🇲",
+      "name": "flag: San Marino",
+      "shortname": ":flag-sm:",
+      "unicode": "1f1f8-1f1f2",
+      "html": "&#127480;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2396"
+    },
+    {
+      "emoji": "🇸🇳",
+      "name": "flag: Senegal",
+      "shortname": ":flag-sn:",
+      "unicode": "1f1f8-1f1f3",
+      "html": "&#127480;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2397"
+    },
+    {
+      "emoji": "🇸🇴",
+      "name": "flag: Somalia",
+      "shortname": ":flag-so:",
+      "unicode": "1f1f8-1f1f4",
+      "html": "&#127480;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2398"
+    },
+    {
+      "emoji": "🇸🇷",
+      "name": "flag: Suriname",
+      "shortname": ":flag-sr:",
+      "unicode": "1f1f8-1f1f7",
+      "html": "&#127480;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2399"
+    },
+    {
+      "emoji": "🇸🇸",
+      "name": "flag: South Sudan",
+      "shortname": ":flag-ss:",
+      "unicode": "1f1f8-1f1f8",
+      "html": "&#127480;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2400"
+    },
+    {
+      "emoji": "🇸🇹",
+      "name": "flag: São Tomé & Príncipe",
+      "shortname": ":flag-st:",
+      "unicode": "1f1f8-1f1f9",
+      "html": "&#127480;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2401"
+    },
+    {
+      "emoji": "🇸🇻",
+      "name": "flag: El Salvador",
+      "shortname": ":flag-sv:",
+      "unicode": "1f1f8-1f1fb",
+      "html": "&#127480;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2402"
+    },
+    {
+      "emoji": "🇸🇽",
+      "name": "flag: Sint Maarten",
+      "shortname": ":flag-sx:",
+      "unicode": "1f1f8-1f1fd",
+      "html": "&#127480;&#127485;",
+      "category": "Flags (country-flag)",
+      "order": "2403"
+    },
+    {
+      "emoji": "🇸🇾",
+      "name": "flag: Syria",
+      "shortname": ":flag-sy:",
+      "unicode": "1f1f8-1f1fe",
+      "html": "&#127480;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2404"
+    },
+    {
+      "emoji": "🇸🇿",
+      "name": "flag: Eswatini",
+      "shortname": ":flag-sz:",
+      "unicode": "1f1f8-1f1ff",
+      "html": "&#127480;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2405"
+    },
+    {
+      "emoji": "🇹🇦",
+      "name": "flag: Tristan da Cunha",
+      "shortname": ":flag-ta:",
+      "unicode": "1f1f9-1f1e6",
+      "html": "&#127481;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2406"
+    },
+    {
+      "emoji": "🇹🇨",
+      "name": "flag: Turks & Caicos Islands",
+      "shortname": ":flag-tc:",
+      "unicode": "1f1f9-1f1e8",
+      "html": "&#127481;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2407"
+    },
+    {
+      "emoji": "🇹🇩",
+      "name": "flag: Chad",
+      "shortname": ":flag-td:",
+      "unicode": "1f1f9-1f1e9",
+      "html": "&#127481;&#127465;",
+      "category": "Flags (country-flag)",
+      "order": "2408"
+    },
+    {
+      "emoji": "🇹🇫",
+      "name": "flag: French Southern Territories",
+      "shortname": ":flag-tf:",
+      "unicode": "1f1f9-1f1eb",
+      "html": "&#127481;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2409"
+    },
+    {
+      "emoji": "🇹🇬",
+      "name": "flag: Togo",
+      "shortname": ":flag-tg:",
+      "unicode": "1f1f9-1f1ec",
+      "html": "&#127481;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2410"
+    },
+    {
+      "emoji": "🇹🇭",
+      "name": "flag: Thailand",
+      "shortname": ":flag-th:",
+      "unicode": "1f1f9-1f1ed",
+      "html": "&#127481;&#127469;",
+      "category": "Flags (country-flag)",
+      "order": "2411"
+    },
+    {
+      "emoji": "🇹🇯",
+      "name": "flag: Tajikistan",
+      "shortname": ":flag-tj:",
+      "unicode": "1f1f9-1f1ef",
+      "html": "&#127481;&#127471;",
+      "category": "Flags (country-flag)",
+      "order": "2412"
+    },
+    {
+      "emoji": "🇹🇰",
+      "name": "flag: Tokelau",
+      "shortname": ":flag-tk:",
+      "unicode": "1f1f9-1f1f0",
+      "html": "&#127481;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2413"
+    },
+    {
+      "emoji": "🇹🇱",
+      "name": "flag: Timor-Leste",
+      "shortname": ":flag-tl:",
+      "unicode": "1f1f9-1f1f1",
+      "html": "&#127481;&#127473;",
+      "category": "Flags (country-flag)",
+      "order": "2414"
+    },
+    {
+      "emoji": "🇹🇲",
+      "name": "flag: Turkmenistan",
+      "shortname": ":flag-tm:",
+      "unicode": "1f1f9-1f1f2",
+      "html": "&#127481;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2415"
+    },
+    {
+      "emoji": "🇹🇳",
+      "name": "flag: Tunisia",
+      "shortname": ":flag-tn:",
+      "unicode": "1f1f9-1f1f3",
+      "html": "&#127481;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2416"
+    },
+    {
+      "emoji": "🇹🇴",
+      "name": "flag: Tonga",
+      "shortname": ":flag-to:",
+      "unicode": "1f1f9-1f1f4",
+      "html": "&#127481;&#127476;",
+      "category": "Flags (country-flag)",
+      "order": "2417"
+    },
+    {
+      "emoji": "🇹🇷",
+      "name": "flag: Turkey",
+      "shortname": ":flag-tr:",
+      "unicode": "1f1f9-1f1f7",
+      "html": "&#127481;&#127479;",
+      "category": "Flags (country-flag)",
+      "order": "2418"
+    },
+    {
+      "emoji": "🇹🇹",
+      "name": "flag: Trinidad & Tobago",
+      "shortname": ":flag-tt:",
+      "unicode": "1f1f9-1f1f9",
+      "html": "&#127481;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2419"
+    },
+    {
+      "emoji": "🇹🇻",
+      "name": "flag: Tuvalu",
+      "shortname": ":flag-tv:",
+      "unicode": "1f1f9-1f1fb",
+      "html": "&#127481;&#127483;",
+      "category": "Flags (country-flag)",
+      "order": "2420"
+    },
+    {
+      "emoji": "🇹🇼",
+      "name": "flag: Taiwan",
+      "shortname": ":flag-tw:",
+      "unicode": "1f1f9-1f1fc",
+      "html": "&#127481;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2421"
+    },
+    {
+      "emoji": "🇹🇿",
+      "name": "flag: Tanzania",
+      "shortname": ":flag-tz:",
+      "unicode": "1f1f9-1f1ff",
+      "html": "&#127481;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2422"
+    },
+    {
+      "emoji": "🇺🇦",
+      "name": "flag: Ukraine",
+      "shortname": ":flag-ua:",
+      "unicode": "1f1fa-1f1e6",
+      "html": "&#127482;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2423"
+    },
+    {
+      "emoji": "🇺🇬",
+      "name": "flag: Uganda",
+      "shortname": ":flag-ug:",
+      "unicode": "1f1fa-1f1ec",
+      "html": "&#127482;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2424"
+    },
+    {
+      "emoji": "🇺🇲",
+      "name": "flag: U.S. Outlying Islands",
+      "shortname": ":flag-um:",
+      "unicode": "1f1fa-1f1f2",
+      "html": "&#127482;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2425"
+    },
+    {
+      "emoji": "🇺🇸",
+      "name": "flag: United States",
+      "shortname": ":flag-us:",
+      "unicode": "1f1fa-1f1f8",
+      "html": "&#127482;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2427"
+    },
+    {
+      "emoji": "🇺🇾",
+      "name": "flag: Uruguay",
+      "shortname": ":flag-uy:",
+      "unicode": "1f1fa-1f1fe",
+      "html": "&#127482;&#127486;",
+      "category": "Flags (country-flag)",
+      "order": "2428"
+    },
+    {
+      "emoji": "🇺🇿",
+      "name": "flag: Uzbekistan",
+      "shortname": ":flag-uz:",
+      "unicode": "1f1fa-1f1ff",
+      "html": "&#127482;&#127487;",
+      "category": "Flags (country-flag)",
+      "order": "2429"
+    },
+    {
+      "emoji": "🇻🇦",
+      "name": "flag: Vatican City",
+      "shortname": ":flag-va:",
+      "unicode": "1f1fb-1f1e6",
+      "html": "&#127483;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2430"
+    },
+    {
+      "emoji": "🇻🇨",
+      "name": "flag: St. Vincent & Grenadines",
+      "shortname": ":flag-vc:",
+      "unicode": "1f1fb-1f1e8",
+      "html": "&#127483;&#127464;",
+      "category": "Flags (country-flag)",
+      "order": "2431"
+    },
+    {
+      "emoji": "🇻🇪",
+      "name": "flag: Venezuela",
+      "shortname": ":flag-ve:",
+      "unicode": "1f1fb-1f1ea",
+      "html": "&#127483;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2432"
+    },
+    {
+      "emoji": "🇻🇬",
+      "name": "flag: British Virgin Islands",
+      "shortname": ":flag-vg:",
+      "unicode": "1f1fb-1f1ec",
+      "html": "&#127483;&#127468;",
+      "category": "Flags (country-flag)",
+      "order": "2433"
+    },
+    {
+      "emoji": "🇻🇮",
+      "name": "flag: U.S. Virgin Islands",
+      "shortname": ":flag-vi:",
+      "unicode": "1f1fb-1f1ee",
+      "html": "&#127483;&#127470;",
+      "category": "Flags (country-flag)",
+      "order": "2434"
+    },
+    {
+      "emoji": "🇻🇳",
+      "name": "flag: Vietnam",
+      "shortname": ":flag-vn:",
+      "unicode": "1f1fb-1f1f3",
+      "html": "&#127483;&#127475;",
+      "category": "Flags (country-flag)",
+      "order": "2435"
+    },
+    {
+      "emoji": "🇻🇺",
+      "name": "flag: Vanuatu",
+      "shortname": ":flag_vu:",
+      "unicode": "1f1fb-1f1fa",
+      "html": "&#127483;&#127482;",
+      "category": "Flags (country-flag)",
+      "order": "2436"
+    },
+    {
+      "emoji": "🇼🇫",
+      "name": "flag: Wallis & Futuna",
+      "shortname": ":flag_wf:",
+      "unicode": "1f1fc-1f1eb",
+      "html": "&#127484;&#127467;",
+      "category": "Flags (country-flag)",
+      "order": "2437"
+    },
+    {
+      "emoji": "🇼🇸",
+      "name": "flag: Samoa",
+      "shortname": ":flag_ws:",
+      "unicode": "1f1fc-1f1f8",
+      "html": "&#127484;&#127480;",
+      "category": "Flags (country-flag)",
+      "order": "2438"
+    },
+    {
+      "emoji": "🇽🇰",
+      "name": "flag: Kosovo",
+      "shortname": ":flag_xk:",
+      "unicode": "1f1fd-1f1f0",
+      "html": "&#127485;&#127472;",
+      "category": "Flags (country-flag)",
+      "order": "2439"
+    },
+    {
+      "emoji": "🇾🇪",
+      "name": "flag: Yemen",
+      "shortname": ":flag_ye:",
+      "unicode": "1f1fe-1f1ea",
+      "html": "&#127486;&#127466;",
+      "category": "Flags (country-flag)",
+      "order": "2440"
+    },
+    {
+      "emoji": "🇾🇹",
+      "name": "flag: Mayotte",
+      "shortname": ":flag_yt:",
+      "unicode": "1f1fe-1f1f9",
+      "html": "&#127486;&#127481;",
+      "category": "Flags (country-flag)",
+      "order": "2441"
+    },
+    {
+      "emoji": "🇿🇦",
+      "name": "flag: South Africa",
+      "shortname": ":flag_za:",
+      "unicode": "1f1ff-1f1e6",
+      "html": "&#127487;&#127462;",
+      "category": "Flags (country-flag)",
+      "order": "2442"
+    },
+    {
+      "emoji": "🇿🇲",
+      "name": "flag: Zambia",
+      "shortname": ":flag_zm:",
+      "unicode": "1f1ff-1f1f2",
+      "html": "&#127487;&#127474;",
+      "category": "Flags (country-flag)",
+      "order": "2443"
+    },
+    {
+      "emoji": "🇿🇼",
+      "name": "flag: Zimbabwe",
+      "shortname": ":flag_zw:",
+      "unicode": "1f1ff-1f1fc",
+      "html": "&#127487;&#127484;",
+      "category": "Flags (country-flag)",
+      "order": "2444"
+    },
+    {
+      "emoji": "🖤",
+      "name": "black heart",
+      "shortname": ":black_heart:",
+      "unicode": "1f5a4",
+      "html": "&#128420;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1296"
+    },
+    {
+      "emoji": "🗨",
+      "name": "left speech bubble",
+      "shortname": ":speech_left:",
+      "unicode": "1f5e8",
+      "html": "&#128488;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": "1310"
+    },
+    {
+      "emoji": "🥚",
+      "name": "egg",
+      "shortname": ":egg:",
+      "unicode": "1f95a",
+      "html": "&#129370;",
+      "category": "Food & Drink (food-prepared)",
+      "order": "1489"
+    },
+    {
+      "emoji": "🛑",
+      "name": "stop sign",
+      "shortname": ":octagonal_sign:",
+      "unicode": "1f6d1",
+      "html": "&#128721;",
+      "category": "Travel & Places (transport-ground)",
+      "order": "1641"
+    },
+    {
+      "emoji": "♠",
+      "name": "spade suit",
+      "shortname": ":spades:",
+      "unicode": "2660",
+      "html": "&spades;",
+      "category": "Activities (game)",
+      "order": "1807"
+    },
+    {
+      "emoji": "♥",
+      "name": "heart suit",
+      "shortname": ":hearts:",
+      "unicode": "2665",
+      "html": "&hearts;",
+      "category": "Activities (game)",
+      "order": "1808"
+    },
+    {
+      "emoji": "♦",
+      "name": "diamond suit",
+      "shortname": ":diamonds:",
+      "unicode": "2666",
+      "html": "&diams;",
+      "category": "Activities (game)",
+      "order": "1809"
+    },
+    {
+      "emoji": "♣",
+      "name": "club suit",
+      "shortname": ":clubs:",
+      "unicode": "2663",
+      "html": "&clubs;",
+      "category": "Activities (game)",
+      "order": "1810"
+    },
+    {
+      "emoji": "🥁",
+      "name": "drum",
+      "shortname": ":drum:",
+      "unicode": "1f941",
+      "html": "&#129345;",
+      "category": "Objects (musical-instrument)",
+      "order": "1837"
+    },
+    {
+      "emoji": "↔",
+      "name": "left-right arrow",
+      "shortname": ":left_right_arrow:",
+      "unicode": "2194",
+      "html": "&harr;",
+      "category": "Symbols (arrow)",
+      "order": "2011"
+    },
+    {
+      "emoji": "©",
+      "name": "copyright",
+      "shortname": ":copyright:",
+      "unicode": "00a9",
+      "html": "&copy;",
+      "category": "Symbols (other-symbol)",
+      "order": "2103"
+    },
+    {
+      "emoji": "®",
+      "name": "registered",
+      "shortname": ":registered:",
+      "unicode": "00ae",
+      "html": "&reg;",
+      "category": "Symbols (other-symbol)",
+      "order": "2104"
+    },
+    {
+      "emoji": "™",
+      "name": "trade mark",
+      "shortname": ":tm:",
+      "unicode": "2122",
+      "html": "&trade;",
+      "category": "Symbols (other-symbol)",
+      "order": "2105"
+    },
+    {
+      "emoji": "0️⃣",
+      "name": "keycap: 0",
+      "shortname": ":0:",
+      "unicode": "0030 FE0F 20E3",
+      "html": "&#48;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "1️⃣",
+      "name": "keycap: 1",
+      "shortname": ":1:",
+      "unicode": "0031 FE0F 20E3",
+      "html": "&#49;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "2️⃣",
+      "name": "keycap: 2",
+      "shortname": ":2:",
+      "unicode": "0032 FE0F 20E3",
+      "html": "&#50;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "3️⃣",
+      "name": "keycap: 3",
+      "shortname": ":3:",
+      "unicode": "0033 FE0F 20E3",
+      "html": "&#51;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "4️⃣",
+      "name": "keycap: 4",
+      "shortname": ":4:",
+      "unicode": "0034 FE0F 20E3",
+      "html": "&#52;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "5️⃣",
+      "name": "keycap: 5",
+      "shortname": ":5:",
+      "unicode": "0035 FE0F 20E3",
+      "html": "&#53;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "6️⃣",
+      "name": "keycap: 6",
+      "shortname": ":6:",
+      "unicode": "0036 FE0F 20E3",
+      "html": "&#54;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "7️⃣",
+      "name": "keycap: 7",
+      "shortname": ":7:",
+      "unicode": "0037 FE0F 20E3",
+      "html": "&#55;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "8️⃣",
+      "name": "keycap: 8",
+      "shortname": ":8:",
+      "unicode": "0038 FE0F 20E3",
+      "html": "&#56;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "9️⃣",
+      "name": "keycap: 9",
+      "shortname": ":9:",
+      "unicode": "0039 FE0F 20E3",
+      "html": "&#57;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "#⃣",
+      "name": "keycap: #",
+      "shortname": ":hash:",
+      "unicode": "0023-20e3",
+      "html": "#&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2106"
+    },
+    {
+      "emoji": "*⃣",
+      "name": "keycap: #",
+      "shortname": ":asterisk:",
+      "unicode": "002a-20e3",
+      "html": "*&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2107"
+    },
+    {
+      "emoji": "0⃣",
+      "name": "keycap: 0",
+      "shortname": ":zero:",
+      "unicode": "0030-20e3",
+      "html": "0&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2108"
+    },
+    {
+      "emoji": "1⃣",
+      "name": "keycap: 1",
+      "shortname": ":one:",
+      "unicode": "0031-20e3",
+      "html": "1&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2109"
+    },
+    {
+      "emoji": "2⃣",
+      "name": "keycap: 2",
+      "shortname": ":two:",
+      "unicode": "0032-20e3",
+      "html": "2&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2110"
+    },
+    {
+      "emoji": "3⃣",
+      "name": "keycap: 3",
+      "shortname": ":three:",
+      "unicode": "0033-20e3",
+      "html": "3&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2111"
+    },
+    {
+      "emoji": "4⃣",
+      "name": "keycap: 4",
+      "shortname": ":four:",
+      "unicode": "0034-20e3",
+      "html": "4&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2112"
+    },
+    {
+      "emoji": "5⃣",
+      "name": "keycap: 5",
+      "shortname": ":five:",
+      "unicode": "0035-20e3",
+      "html": "5&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2113"
+    },
+    {
+      "emoji": "6⃣",
+      "name": "keycap: 6",
+      "shortname": ":six:",
+      "unicode": "0036-20e3",
+      "html": "6&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2114"
+    },
+    {
+      "emoji": "7⃣",
+      "name": "keycap: 7",
+      "shortname": ":seven:",
+      "unicode": "0037-20e3",
+      "html": "7&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2115"
+    },
+    {
+      "emoji": "8⃣",
+      "name": "keycap: 8",
+      "shortname": ":eight:",
+      "unicode": "0038-20e3",
+      "html": "8&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2116"
+    },
+    {
+      "emoji": "9⃣",
+      "name": "keycap: 9",
+      "shortname": ":nine:",
+      "unicode": "0039-20e3",
+      "html": "9&#8419;",
+      "category": "Symbols (keycap)",
+      "order": "2117"
+    },
+    {
+      "emoji": "🤣",
+      "name": "rolling on the floor laughing",
+      "shortname": ":rolling_on_the_floor_laughing:",
+      "unicode": "1F923",
+      "html": "&#x1F923;",
+      "category": "Smileys & Emotion (face-smiling)",
+      "order": ""
+    },
+    {
+      "emoji": "🥰",
+      "name": "smiling face with hearts",
+      "shortname": ":smiling_face_with_hearts:",
+      "unicode": "1F970",
+      "html": "&#x1F970;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": ""
+    },
+    {
+      "emoji": "🤩",
+      "name": "star-struck",
+      "shortname": ":starstruck:",
+      "unicode": "1F929",
+      "html": "&#x1F929;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": ""
+    },
+    {
+      "emoji": "☺",
+      "name": "smiling face",
+      "shortname": ":smiling_face:",
+      "unicode": "263A",
+      "html": "&#x263A;",
+      "category": "Smileys & Emotion (face-affection)",
+      "order": ""
+    },
+    {
+      "emoji": "🤪",
+      "name": "zany face",
+      "shortname": ":zany_face:",
+      "unicode": "1F92A",
+      "html": "&#x1F92A;",
+      "category": "Smileys & Emotion (face-tongue)",
+      "order": ""
+    },
+    {
+      "emoji": "🤭",
+      "name": "face with hand over mouth",
+      "shortname": ":face_with_hand_over_mouth:",
+      "unicode": "1F92D",
+      "html": "&#x1F92D;",
+      "category": "Smileys & Emotion (face-hand)",
+      "order": ""
+    },
+    {
+      "emoji": "🤫",
+      "name": "shushing face",
+      "shortname": ":shushing_face:",
+      "unicode": "1F92B",
+      "html": "&#x1F92B;",
+      "category": "Smileys & Emotion (face-hand)",
+      "order": ""
+    },
+    {
+      "emoji": "🤨",
+      "name": "face with raised eyebrow",
+      "shortname": ":face_with_raised_eyebrow:",
+      "unicode": "1F928",
+      "html": "&#x1F928;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": ""
+    },
+    {
+      "emoji": "🤥",
+      "name": "lying face",
+      "shortname": ":lying_face:",
+      "unicode": "1F925",
+      "html": "&#x1F925;",
+      "category": "Smileys & Emotion (face-neutral-skeptical)",
+      "order": ""
+    },
+    {
+      "emoji": "🤤",
+      "name": "drooling face",
+      "shortname": ":drooling_face:",
+      "unicode": "1F924",
+      "html": "&#x1F924;",
+      "category": "Smileys & Emotion (face-sleepy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤢",
+      "name": "nauseated face",
+      "shortname": ":nauseated_face:",
+      "unicode": "1F922",
+      "html": "&#x1F922;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤮",
+      "name": "face vomiting",
+      "shortname": ":face_vomiting:",
+      "unicode": "1F92E",
+      "html": "&#x1F92E;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤧",
+      "name": "sneezing face",
+      "shortname": ":sneezing_face:",
+      "unicode": "1F927",
+      "html": "&#x1F927;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🥵",
+      "name": "hot face",
+      "shortname": ":hot_face:",
+      "unicode": "1F975",
+      "html": "&#x1F975;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🥶",
+      "name": "cold face",
+      "shortname": ":cold_face:",
+      "unicode": "1F976",
+      "html": "&#x1F976;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🥴",
+      "name": "woozy face",
+      "shortname": ":woozy_face:",
+      "unicode": "1F974",
+      "html": "&#x1F974;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤯",
+      "name": "exploding head",
+      "shortname": ":exploding_head:",
+      "unicode": "1F92F",
+      "html": "&#x1F92F;",
+      "category": "Smileys & Emotion (face-unwell)",
+      "order": ""
+    },
+    {
+      "emoji": "🤠",
+      "name": "cowboy hat face",
+      "shortname": ":cowboy_hat_face:",
+      "unicode": "1F920",
+      "html": "&#x1F920;",
+      "category": "Smileys & Emotion (face-hat)",
+      "order": ""
+    },
+    {
+      "emoji": "🥳",
+      "name": "partying face",
+      "shortname": ":partying_face:",
+      "unicode": "1F973",
+      "html": "&#x1F973;",
+      "category": "Smileys & Emotion (face-hat)",
+      "order": ""
+    },
+    {
+      "emoji": "🧐",
+      "name": "face with monocle",
+      "shortname": ":face_with_monocle:",
+      "unicode": "1F9D0",
+      "html": "&#x1F9D0;",
+      "category": "Smileys & Emotion (face-glasses)",
+      "order": ""
+    },
+    {
+      "emoji": "☹️",
+      "name": "frowning face",
+      "shortname": ":frowning_face:",
+      "unicode": "2639 FE0F",
+      "html": "&#x2639;&#xFE0F;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": ""
+    },
+    {
+      "emoji": "🥺",
+      "name": "pleading face",
+      "shortname": ":pleading_face:",
+      "unicode": "1F97A",
+      "html": "&#x1F97A;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": ""
+    },
+    {
+      "emoji": "🥱",
+      "name": "yawning face",
+      "shortname": ":yawning_face:",
+      "unicode": "1F971",
+      "html": "&#x1F971;",
+      "category": "Smileys & Emotion (face-concerned)",
+      "order": ""
+    },
+    {
+      "emoji": "🤬",
+      "name": "face with symbols on mouth",
+      "shortname": ":face_with_symbols_on_mouth:",
+      "unicode": "1F92C",
+      "html": "&#x1F92C;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": ""
+    },
+    {
+      "emoji": "☠️",
+      "name": "skull and crossbones",
+      "shortname": ":skull_and_crossbones:",
+      "unicode": "2620 FE0F",
+      "html": "&#x2620;&#xFE0F;",
+      "category": "Smileys & Emotion (face-negative)",
+      "order": ""
+    },
+    {
+      "emoji": "🤡",
+      "name": "clown face",
+      "shortname": ":clown_face:",
+      "unicode": "1F921",
+      "html": "&#x1F921;",
+      "category": "Smileys & Emotion (face-costume)",
+      "order": ""
+    },
+    {
+      "emoji": "❣",
+      "name": "heart exclamation",
+      "shortname": ":heart_exclamation:",
+      "unicode": "2763",
+      "html": "&#x2763;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "❤",
+      "name": "red heart",
+      "shortname": ":red_heart:",
+      "unicode": "2764",
+      "html": "&#x2764;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🧡",
+      "name": "orange heart",
+      "shortname": ":orange_heart:",
+      "unicode": "1F9E1",
+      "html": "&#x1F9E1;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🤎",
+      "name": "brown heart",
+      "shortname": ":brown_heart:",
+      "unicode": "1F90E",
+      "html": "&#x1F90E;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🤍",
+      "name": "white heart",
+      "shortname": ":white_heart:",
+      "unicode": "1F90D",
+      "html": "&#x1F90D;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🕳️",
+      "name": "hole",
+      "shortname": ":hole:",
+      "unicode": "1F573 FE0F",
+      "html": "&#x1F573;&#xFE0F;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "👁️‍🗨️",
+      "name": "eye in speech bubble",
+      "shortname": ":eye_in_speech_bubble:",
+      "unicode": "1F441 FE0F 200D 1F5E8 FE0F",
+      "html": "&#x1F441;&#xFE0F;&#x200D;&#x1F5E8;&#xFE0F;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "👁‍🗨️",
+      "name": "eye in speech bubble",
+      "shortname": ":eye_in_speech_bubble:",
+      "unicode": "1F441 200D 1F5E8 FE0F",
+      "html": "&#x1F441;&#x200D;&#x1F5E8;&#xFE0F;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "👁️‍🗨",
+      "name": "eye in speech bubble",
+      "shortname": ":eye_in_speech_bubble:",
+      "unicode": "1F441 FE0F 200D 1F5E8",
+      "html": "&#x1F441;&#xFE0F;&#x200D;&#x1F5E8;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🗨️",
+      "name": "left speech bubble",
+      "shortname": ":left_speech_bubble:",
+      "unicode": "1F5E8 FE0F",
+      "html": "&#x1F5E8;&#xFE0F;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🗯️",
+      "name": "right anger bubble",
+      "shortname": ":right_anger_bubble:",
+      "unicode": "1F5EF FE0F",
+      "html": "&#x1F5EF;&#xFE0F;",
+      "category": "Smileys & Emotion (emotion)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚",
+      "name": "raised back of hand",
+      "shortname": ":raised_back_of_hand:",
+      "unicode": "1F91A",
+      "html": "&#x1F91A;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚🏻",
+      "name": "raised back of hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F91A 1F3FB",
+      "html": "&#x1F91A;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚🏼",
+      "name": "raised back of hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F91A 1F3FC",
+      "html": "&#x1F91A;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚🏽",
+      "name": "raised back of hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F91A 1F3FD",
+      "html": "&#x1F91A;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚🏾",
+      "name": "raised back of hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F91A 1F3FE",
+      "html": "&#x1F91A;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤚🏿",
+      "name": "raised back of hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F91A 1F3FF",
+      "html": "&#x1F91A;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🖐️",
+      "name": "hand with fingers splayed",
+      "shortname": ":hand_with_fingers_splayed:",
+      "unicode": "1F590 FE0F",
+      "html": "&#x1F590;&#xFE0F;",
+      "category": "People & Body (hand-fingers-open)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏",
+      "name": "pinching hand",
+      "shortname": ":pinching_hand:",
+      "unicode": "1F90F",
+      "html": "&#x1F90F;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏🏻",
+      "name": "pinching hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F90F 1F3FB",
+      "html": "&#x1F90F;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏🏼",
+      "name": "pinching hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F90F 1F3FC",
+      "html": "&#x1F90F;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏🏽",
+      "name": "pinching hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F90F 1F3FD",
+      "html": "&#x1F90F;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏🏾",
+      "name": "pinching hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F90F 1F3FE",
+      "html": "&#x1F90F;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤏🏿",
+      "name": "pinching hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F90F 1F3FF",
+      "html": "&#x1F90F;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "✌",
+      "name": "victory hand",
+      "shortname": ":victory_hand:",
+      "unicode": "270C",
+      "html": "&#x270C;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞",
+      "name": "crossed fingers",
+      "shortname": ":crossed_fingers:",
+      "unicode": "1F91E",
+      "html": "&#x1F91E;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞🏻",
+      "name": "crossed fingers: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F91E 1F3FB",
+      "html": "&#x1F91E;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞🏼",
+      "name": "crossed fingers: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F91E 1F3FC",
+      "html": "&#x1F91E;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞🏽",
+      "name": "crossed fingers: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F91E 1F3FD",
+      "html": "&#x1F91E;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞🏾",
+      "name": "crossed fingers: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F91E 1F3FE",
+      "html": "&#x1F91E;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤞🏿",
+      "name": "crossed fingers: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F91E 1F3FF",
+      "html": "&#x1F91E;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟",
+      "name": "love-you gesture",
+      "shortname": ":loveyou_gesture:",
+      "unicode": "1F91F",
+      "html": "&#x1F91F;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟🏻",
+      "name": "love-you gesture: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F91F 1F3FB",
+      "html": "&#x1F91F;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟🏼",
+      "name": "love-you gesture: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F91F 1F3FC",
+      "html": "&#x1F91F;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟🏽",
+      "name": "love-you gesture: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F91F 1F3FD",
+      "html": "&#x1F91F;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟🏾",
+      "name": "love-you gesture: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F91F 1F3FE",
+      "html": "&#x1F91F;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤟🏿",
+      "name": "love-you gesture: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F91F 1F3FF",
+      "html": "&#x1F91F;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙",
+      "name": "call me hand",
+      "shortname": ":call_me_hand:",
+      "unicode": "1F919",
+      "html": "&#x1F919;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙🏻",
+      "name": "call me hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F919 1F3FB",
+      "html": "&#x1F919;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙🏼",
+      "name": "call me hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F919 1F3FC",
+      "html": "&#x1F919;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙🏽",
+      "name": "call me hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F919 1F3FD",
+      "html": "&#x1F919;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙🏾",
+      "name": "call me hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F919 1F3FE",
+      "html": "&#x1F919;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "🤙🏿",
+      "name": "call me hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F919 1F3FF",
+      "html": "&#x1F919;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-partial)",
+      "order": ""
+    },
+    {
+      "emoji": "☝",
+      "name": "index pointing up",
+      "shortname": ":index_pointing_up:",
+      "unicode": "261D",
+      "html": "&#x261D;",
+      "category": "People & Body (hand-single-finger)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛",
+      "name": "left-facing fist",
+      "shortname": ":leftfacing_fist:",
+      "unicode": "1F91B",
+      "html": "&#x1F91B;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛🏻",
+      "name": "left-facing fist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F91B 1F3FB",
+      "html": "&#x1F91B;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛🏼",
+      "name": "left-facing fist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F91B 1F3FC",
+      "html": "&#x1F91B;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛🏽",
+      "name": "left-facing fist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F91B 1F3FD",
+      "html": "&#x1F91B;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛🏾",
+      "name": "left-facing fist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F91B 1F3FE",
+      "html": "&#x1F91B;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤛🏿",
+      "name": "left-facing fist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F91B 1F3FF",
+      "html": "&#x1F91B;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜",
+      "name": "right-facing fist",
+      "shortname": ":rightfacing_fist:",
+      "unicode": "1F91C",
+      "html": "&#x1F91C;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜🏻",
+      "name": "right-facing fist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F91C 1F3FB",
+      "html": "&#x1F91C;&#x1F3FB;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜🏼",
+      "name": "right-facing fist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F91C 1F3FC",
+      "html": "&#x1F91C;&#x1F3FC;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜🏽",
+      "name": "right-facing fist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F91C 1F3FD",
+      "html": "&#x1F91C;&#x1F3FD;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜🏾",
+      "name": "right-facing fist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F91C 1F3FE",
+      "html": "&#x1F91C;&#x1F3FE;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤜🏿",
+      "name": "right-facing fist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F91C 1F3FF",
+      "html": "&#x1F91C;&#x1F3FF;",
+      "category": "People & Body (hand-fingers-closed)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲",
+      "name": "palms up together",
+      "shortname": ":palms_up_together:",
+      "unicode": "1F932",
+      "html": "&#x1F932;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲🏻",
+      "name": "palms up together: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F932 1F3FB",
+      "html": "&#x1F932;&#x1F3FB;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲🏼",
+      "name": "palms up together: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F932 1F3FC",
+      "html": "&#x1F932;&#x1F3FC;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲🏽",
+      "name": "palms up together: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F932 1F3FD",
+      "html": "&#x1F932;&#x1F3FD;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲🏾",
+      "name": "palms up together: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F932 1F3FE",
+      "html": "&#x1F932;&#x1F3FE;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤲🏿",
+      "name": "palms up together: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F932 1F3FF",
+      "html": "&#x1F932;&#x1F3FF;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "🤝",
+      "name": "handshake",
+      "shortname": ":handshake:",
+      "unicode": "1F91D",
+      "html": "&#x1F91D;",
+      "category": "People & Body (hands)",
+      "order": ""
+    },
+    {
+      "emoji": "✍️",
+      "name": "writing hand",
+      "shortname": ":writing_hand:",
+      "unicode": "270D FE0F",
+      "html": "&#x270D;&#xFE0F;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳",
+      "name": "selfie",
+      "shortname": ":selfie:",
+      "unicode": "1F933",
+      "html": "&#x1F933;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳🏻",
+      "name": "selfie: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F933 1F3FB",
+      "html": "&#x1F933;&#x1F3FB;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳🏼",
+      "name": "selfie: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F933 1F3FC",
+      "html": "&#x1F933;&#x1F3FC;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳🏽",
+      "name": "selfie: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F933 1F3FD",
+      "html": "&#x1F933;&#x1F3FD;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳🏾",
+      "name": "selfie: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F933 1F3FE",
+      "html": "&#x1F933;&#x1F3FE;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🤳🏿",
+      "name": "selfie: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F933 1F3FF",
+      "html": "&#x1F933;&#x1F3FF;",
+      "category": "People & Body (hand-prop)",
+      "order": ""
+    },
+    {
+      "emoji": "🦾",
+      "name": "mechanical arm",
+      "shortname": ":mechanical_arm:",
+      "unicode": "1F9BE",
+      "html": "&#x1F9BE;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦿",
+      "name": "mechanical leg",
+      "shortname": ":mechanical_leg:",
+      "unicode": "1F9BF",
+      "html": "&#x1F9BF;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵",
+      "name": "leg",
+      "shortname": ":leg:",
+      "unicode": "1F9B5",
+      "html": "&#x1F9B5;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵🏻",
+      "name": "leg: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B5 1F3FB",
+      "html": "&#x1F9B5;&#x1F3FB;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵🏼",
+      "name": "leg: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B5 1F3FC",
+      "html": "&#x1F9B5;&#x1F3FC;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵🏽",
+      "name": "leg: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B5 1F3FD",
+      "html": "&#x1F9B5;&#x1F3FD;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵🏾",
+      "name": "leg: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B5 1F3FE",
+      "html": "&#x1F9B5;&#x1F3FE;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦵🏿",
+      "name": "leg: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B5 1F3FF",
+      "html": "&#x1F9B5;&#x1F3FF;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶",
+      "name": "foot",
+      "shortname": ":foot:",
+      "unicode": "1F9B6",
+      "html": "&#x1F9B6;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶🏻",
+      "name": "foot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B6 1F3FB",
+      "html": "&#x1F9B6;&#x1F3FB;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶🏼",
+      "name": "foot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B6 1F3FC",
+      "html": "&#x1F9B6;&#x1F3FC;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶🏽",
+      "name": "foot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B6 1F3FD",
+      "html": "&#x1F9B6;&#x1F3FD;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶🏾",
+      "name": "foot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B6 1F3FE",
+      "html": "&#x1F9B6;&#x1F3FE;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦶🏿",
+      "name": "foot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B6 1F3FF",
+      "html": "&#x1F9B6;&#x1F3FF;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻",
+      "name": "ear with hearing aid",
+      "shortname": ":ear_with_hearing_aid:",
+      "unicode": "1F9BB",
+      "html": "&#x1F9BB;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻🏻",
+      "name": "ear with hearing aid: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9BB 1F3FB",
+      "html": "&#x1F9BB;&#x1F3FB;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻🏼",
+      "name": "ear with hearing aid: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9BB 1F3FC",
+      "html": "&#x1F9BB;&#x1F3FC;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻🏽",
+      "name": "ear with hearing aid: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9BB 1F3FD",
+      "html": "&#x1F9BB;&#x1F3FD;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻🏾",
+      "name": "ear with hearing aid: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9BB 1F3FE",
+      "html": "&#x1F9BB;&#x1F3FE;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦻🏿",
+      "name": "ear with hearing aid: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9BB 1F3FF",
+      "html": "&#x1F9BB;&#x1F3FF;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🧠",
+      "name": "brain",
+      "shortname": ":brain:",
+      "unicode": "1F9E0",
+      "html": "&#x1F9E0;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦷",
+      "name": "tooth",
+      "shortname": ":tooth:",
+      "unicode": "1F9B7",
+      "html": "&#x1F9B7;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🦴",
+      "name": "bone",
+      "shortname": ":bone:",
+      "unicode": "1F9B4",
+      "html": "&#x1F9B4;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "👁️",
+      "name": "eye",
+      "shortname": ":eye:",
+      "unicode": "1F441 FE0F",
+      "html": "&#x1F441;&#xFE0F;",
+      "category": "People & Body (body-parts)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒",
+      "name": "child",
+      "shortname": ":child:",
+      "unicode": "1F9D2",
+      "html": "&#x1F9D2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒🏻",
+      "name": "child: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D2 1F3FB",
+      "html": "&#x1F9D2;&#x1F3FB;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒🏼",
+      "name": "child: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D2 1F3FC",
+      "html": "&#x1F9D2;&#x1F3FC;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒🏽",
+      "name": "child: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D2 1F3FD",
+      "html": "&#x1F9D2;&#x1F3FD;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒🏾",
+      "name": "child: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D2 1F3FE",
+      "html": "&#x1F9D2;&#x1F3FE;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧒🏿",
+      "name": "child: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D2 1F3FF",
+      "html": "&#x1F9D2;&#x1F3FF;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑",
+      "name": "person",
+      "shortname": ":person:",
+      "unicode": "1F9D1",
+      "html": "&#x1F9D1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻",
+      "name": "person: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼",
+      "name": "person: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽",
+      "name": "person: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾",
+      "name": "person: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿",
+      "name": "person: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔",
+      "name": "man: beard",
+      "shortname": ":beard:",
+      "unicode": "1F9D4",
+      "html": "&#x1F9D4;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔🏻",
+      "name": "man: light skin tone, beard",
+      "shortname": ":light_skin_tone_beard:",
+      "unicode": "1F9D4 1F3FB",
+      "html": "&#x1F9D4;&#x1F3FB;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔🏼",
+      "name": "man: medium-light skin tone, beard",
+      "shortname": ":mediumlight_skin_tone_beard:",
+      "unicode": "1F9D4 1F3FC",
+      "html": "&#x1F9D4;&#x1F3FC;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔🏽",
+      "name": "man: medium skin tone, beard",
+      "shortname": ":medium_skin_tone_beard:",
+      "unicode": "1F9D4 1F3FD",
+      "html": "&#x1F9D4;&#x1F3FD;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔🏾",
+      "name": "man: medium-dark skin tone, beard",
+      "shortname": ":mediumdark_skin_tone_beard:",
+      "unicode": "1F9D4 1F3FE",
+      "html": "&#x1F9D4;&#x1F3FE;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧔🏿",
+      "name": "man: dark skin tone, beard",
+      "shortname": ":dark_skin_tone_beard:",
+      "unicode": "1F9D4 1F3FF",
+      "html": "&#x1F9D4;&#x1F3FF;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦰",
+      "name": "man: red hair",
+      "shortname": ":red_hair:",
+      "unicode": "1F468 200D 1F9B0",
+      "html": "&#x1F468;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦰",
+      "name": "man: light skin tone, red hair",
+      "shortname": ":light_skin_tone_red_hair:",
+      "unicode": "1F468 1F3FB 200D 1F9B0",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦰",
+      "name": "man: medium-light skin tone, red hair",
+      "shortname": ":mediumlight_skin_tone_red_hair:",
+      "unicode": "1F468 1F3FC 200D 1F9B0",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦰",
+      "name": "man: medium skin tone, red hair",
+      "shortname": ":medium_skin_tone_red_hair:",
+      "unicode": "1F468 1F3FD 200D 1F9B0",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦰",
+      "name": "man: medium-dark skin tone, red hair",
+      "shortname": ":mediumdark_skin_tone_red_hair:",
+      "unicode": "1F468 1F3FE 200D 1F9B0",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦰",
+      "name": "man: dark skin tone, red hair",
+      "shortname": ":dark_skin_tone_red_hair:",
+      "unicode": "1F468 1F3FF 200D 1F9B0",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦱",
+      "name": "man: curly hair",
+      "shortname": ":curly_hair:",
+      "unicode": "1F468 200D 1F9B1",
+      "html": "&#x1F468;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦱",
+      "name": "man: light skin tone, curly hair",
+      "shortname": ":light_skin_tone_curly_hair:",
+      "unicode": "1F468 1F3FB 200D 1F9B1",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦱",
+      "name": "man: medium-light skin tone, curly hair",
+      "shortname": ":mediumlight_skin_tone_curly_hair:",
+      "unicode": "1F468 1F3FC 200D 1F9B1",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦱",
+      "name": "man: medium skin tone, curly hair",
+      "shortname": ":medium_skin_tone_curly_hair:",
+      "unicode": "1F468 1F3FD 200D 1F9B1",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦱",
+      "name": "man: medium-dark skin tone, curly hair",
+      "shortname": ":mediumdark_skin_tone_curly_hair:",
+      "unicode": "1F468 1F3FE 200D 1F9B1",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦱",
+      "name": "man: dark skin tone, curly hair",
+      "shortname": ":dark_skin_tone_curly_hair:",
+      "unicode": "1F468 1F3FF 200D 1F9B1",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦳",
+      "name": "man: white hair",
+      "shortname": ":white_hair:",
+      "unicode": "1F468 200D 1F9B3",
+      "html": "&#x1F468;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦳",
+      "name": "man: light skin tone, white hair",
+      "shortname": ":light_skin_tone_white_hair:",
+      "unicode": "1F468 1F3FB 200D 1F9B3",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦳",
+      "name": "man: medium-light skin tone, white hair",
+      "shortname": ":mediumlight_skin_tone_white_hair:",
+      "unicode": "1F468 1F3FC 200D 1F9B3",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦳",
+      "name": "man: medium skin tone, white hair",
+      "shortname": ":medium_skin_tone_white_hair:",
+      "unicode": "1F468 1F3FD 200D 1F9B3",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦳",
+      "name": "man: medium-dark skin tone, white hair",
+      "shortname": ":mediumdark_skin_tone_white_hair:",
+      "unicode": "1F468 1F3FE 200D 1F9B3",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦳",
+      "name": "man: dark skin tone, white hair",
+      "shortname": ":dark_skin_tone_white_hair:",
+      "unicode": "1F468 1F3FF 200D 1F9B3",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦲",
+      "name": "man: bald",
+      "shortname": ":bald:",
+      "unicode": "1F468 200D 1F9B2",
+      "html": "&#x1F468;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦲",
+      "name": "man: light skin tone, bald",
+      "shortname": ":light_skin_tone_bald:",
+      "unicode": "1F468 1F3FB 200D 1F9B2",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦲",
+      "name": "man: medium-light skin tone, bald",
+      "shortname": ":mediumlight_skin_tone_bald:",
+      "unicode": "1F468 1F3FC 200D 1F9B2",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦲",
+      "name": "man: medium skin tone, bald",
+      "shortname": ":medium_skin_tone_bald:",
+      "unicode": "1F468 1F3FD 200D 1F9B2",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦲",
+      "name": "man: medium-dark skin tone, bald",
+      "shortname": ":mediumdark_skin_tone_bald:",
+      "unicode": "1F468 1F3FE 200D 1F9B2",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦲",
+      "name": "man: dark skin tone, bald",
+      "shortname": ":dark_skin_tone_bald:",
+      "unicode": "1F468 1F3FF 200D 1F9B2",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦰",
+      "name": "woman: red hair",
+      "shortname": ":red_hair:",
+      "unicode": "1F469 200D 1F9B0",
+      "html": "&#x1F469;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦰",
+      "name": "woman: light skin tone, red hair",
+      "shortname": ":light_skin_tone_red_hair:",
+      "unicode": "1F469 1F3FB 200D 1F9B0",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦰",
+      "name": "woman: medium-light skin tone, red hair",
+      "shortname": ":mediumlight_skin_tone_red_hair:",
+      "unicode": "1F469 1F3FC 200D 1F9B0",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦰",
+      "name": "woman: medium skin tone, red hair",
+      "shortname": ":medium_skin_tone_red_hair:",
+      "unicode": "1F469 1F3FD 200D 1F9B0",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦰",
+      "name": "woman: medium-dark skin tone, red hair",
+      "shortname": ":mediumdark_skin_tone_red_hair:",
+      "unicode": "1F469 1F3FE 200D 1F9B0",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦰",
+      "name": "woman: dark skin tone, red hair",
+      "shortname": ":dark_skin_tone_red_hair:",
+      "unicode": "1F469 1F3FF 200D 1F9B0",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦰",
+      "name": "person: red hair",
+      "shortname": ":red_hair:",
+      "unicode": "1F9D1 200D 1F9B0",
+      "html": "&#x1F9D1;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦰",
+      "name": "person: light skin tone, red hair",
+      "shortname": ":light_skin_tone_red_hair:",
+      "unicode": "1F9D1 1F3FB 200D 1F9B0",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦰",
+      "name": "person: medium-light skin tone, red hair",
+      "shortname": ":mediumlight_skin_tone_red_hair:",
+      "unicode": "1F9D1 1F3FC 200D 1F9B0",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦰",
+      "name": "person: medium skin tone, red hair",
+      "shortname": ":medium_skin_tone_red_hair:",
+      "unicode": "1F9D1 1F3FD 200D 1F9B0",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦰",
+      "name": "person: medium-dark skin tone, red hair",
+      "shortname": ":mediumdark_skin_tone_red_hair:",
+      "unicode": "1F9D1 1F3FE 200D 1F9B0",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦰",
+      "name": "person: dark skin tone, red hair",
+      "shortname": ":dark_skin_tone_red_hair:",
+      "unicode": "1F9D1 1F3FF 200D 1F9B0",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B0;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦱",
+      "name": "woman: curly hair",
+      "shortname": ":curly_hair:",
+      "unicode": "1F469 200D 1F9B1",
+      "html": "&#x1F469;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦱",
+      "name": "woman: light skin tone, curly hair",
+      "shortname": ":light_skin_tone_curly_hair:",
+      "unicode": "1F469 1F3FB 200D 1F9B1",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦱",
+      "name": "woman: medium-light skin tone, curly hair",
+      "shortname": ":mediumlight_skin_tone_curly_hair:",
+      "unicode": "1F469 1F3FC 200D 1F9B1",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦱",
+      "name": "woman: medium skin tone, curly hair",
+      "shortname": ":medium_skin_tone_curly_hair:",
+      "unicode": "1F469 1F3FD 200D 1F9B1",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦱",
+      "name": "woman: medium-dark skin tone, curly hair",
+      "shortname": ":mediumdark_skin_tone_curly_hair:",
+      "unicode": "1F469 1F3FE 200D 1F9B1",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦱",
+      "name": "woman: dark skin tone, curly hair",
+      "shortname": ":dark_skin_tone_curly_hair:",
+      "unicode": "1F469 1F3FF 200D 1F9B1",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦱",
+      "name": "person: curly hair",
+      "shortname": ":curly_hair:",
+      "unicode": "1F9D1 200D 1F9B1",
+      "html": "&#x1F9D1;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦱",
+      "name": "person: light skin tone, curly hair",
+      "shortname": ":light_skin_tone_curly_hair:",
+      "unicode": "1F9D1 1F3FB 200D 1F9B1",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦱",
+      "name": "person: medium-light skin tone, curly hair",
+      "shortname": ":mediumlight_skin_tone_curly_hair:",
+      "unicode": "1F9D1 1F3FC 200D 1F9B1",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦱",
+      "name": "person: medium skin tone, curly hair",
+      "shortname": ":medium_skin_tone_curly_hair:",
+      "unicode": "1F9D1 1F3FD 200D 1F9B1",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦱",
+      "name": "person: medium-dark skin tone, curly hair",
+      "shortname": ":mediumdark_skin_tone_curly_hair:",
+      "unicode": "1F9D1 1F3FE 200D 1F9B1",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦱",
+      "name": "person: dark skin tone, curly hair",
+      "shortname": ":dark_skin_tone_curly_hair:",
+      "unicode": "1F9D1 1F3FF 200D 1F9B1",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B1;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦳",
+      "name": "woman: white hair",
+      "shortname": ":white_hair:",
+      "unicode": "1F469 200D 1F9B3",
+      "html": "&#x1F469;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦳",
+      "name": "woman: light skin tone, white hair",
+      "shortname": ":light_skin_tone_white_hair:",
+      "unicode": "1F469 1F3FB 200D 1F9B3",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦳",
+      "name": "woman: medium-light skin tone, white hair",
+      "shortname": ":mediumlight_skin_tone_white_hair:",
+      "unicode": "1F469 1F3FC 200D 1F9B3",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦳",
+      "name": "woman: medium skin tone, white hair",
+      "shortname": ":medium_skin_tone_white_hair:",
+      "unicode": "1F469 1F3FD 200D 1F9B3",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦳",
+      "name": "woman: medium-dark skin tone, white hair",
+      "shortname": ":mediumdark_skin_tone_white_hair:",
+      "unicode": "1F469 1F3FE 200D 1F9B3",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦳",
+      "name": "woman: dark skin tone, white hair",
+      "shortname": ":dark_skin_tone_white_hair:",
+      "unicode": "1F469 1F3FF 200D 1F9B3",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦳",
+      "name": "person: white hair",
+      "shortname": ":white_hair:",
+      "unicode": "1F9D1 200D 1F9B3",
+      "html": "&#x1F9D1;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦳",
+      "name": "person: light skin tone, white hair",
+      "shortname": ":light_skin_tone_white_hair:",
+      "unicode": "1F9D1 1F3FB 200D 1F9B3",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦳",
+      "name": "person: medium-light skin tone, white hair",
+      "shortname": ":mediumlight_skin_tone_white_hair:",
+      "unicode": "1F9D1 1F3FC 200D 1F9B3",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦳",
+      "name": "person: medium skin tone, white hair",
+      "shortname": ":medium_skin_tone_white_hair:",
+      "unicode": "1F9D1 1F3FD 200D 1F9B3",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦳",
+      "name": "person: medium-dark skin tone, white hair",
+      "shortname": ":mediumdark_skin_tone_white_hair:",
+      "unicode": "1F9D1 1F3FE 200D 1F9B3",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦳",
+      "name": "person: dark skin tone, white hair",
+      "shortname": ":dark_skin_tone_white_hair:",
+      "unicode": "1F9D1 1F3FF 200D 1F9B3",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦲",
+      "name": "woman: bald",
+      "shortname": ":bald:",
+      "unicode": "1F469 200D 1F9B2",
+      "html": "&#x1F469;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦲",
+      "name": "woman: light skin tone, bald",
+      "shortname": ":light_skin_tone_bald:",
+      "unicode": "1F469 1F3FB 200D 1F9B2",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦲",
+      "name": "woman: medium-light skin tone, bald",
+      "shortname": ":mediumlight_skin_tone_bald:",
+      "unicode": "1F469 1F3FC 200D 1F9B2",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦲",
+      "name": "woman: medium skin tone, bald",
+      "shortname": ":medium_skin_tone_bald:",
+      "unicode": "1F469 1F3FD 200D 1F9B2",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦲",
+      "name": "woman: medium-dark skin tone, bald",
+      "shortname": ":mediumdark_skin_tone_bald:",
+      "unicode": "1F469 1F3FE 200D 1F9B2",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦲",
+      "name": "woman: dark skin tone, bald",
+      "shortname": ":dark_skin_tone_bald:",
+      "unicode": "1F469 1F3FF 200D 1F9B2",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦲",
+      "name": "person: bald",
+      "shortname": ":bald:",
+      "unicode": "1F9D1 200D 1F9B2",
+      "html": "&#x1F9D1;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦲",
+      "name": "person: light skin tone, bald",
+      "shortname": ":light_skin_tone_bald:",
+      "unicode": "1F9D1 1F3FB 200D 1F9B2",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦲",
+      "name": "person: medium-light skin tone, bald",
+      "shortname": ":mediumlight_skin_tone_bald:",
+      "unicode": "1F9D1 1F3FC 200D 1F9B2",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦲",
+      "name": "person: medium skin tone, bald",
+      "shortname": ":medium_skin_tone_bald:",
+      "unicode": "1F9D1 1F3FD 200D 1F9B2",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦲",
+      "name": "person: medium-dark skin tone, bald",
+      "shortname": ":mediumdark_skin_tone_bald:",
+      "unicode": "1F9D1 1F3FE 200D 1F9B2",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦲",
+      "name": "person: dark skin tone, bald",
+      "shortname": ":dark_skin_tone_bald:",
+      "unicode": "1F9D1 1F3FF 200D 1F9B2",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9B2;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱‍♀️",
+      "name": "woman: blond hair",
+      "shortname": ":blond_hair:",
+      "unicode": "1F471 200D 2640 FE0F",
+      "html": "&#x1F471;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏻‍♀️",
+      "name": "woman: light skin tone, blond hair",
+      "shortname": ":light_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏼‍♀️",
+      "name": "woman: medium-light skin tone, blond hair",
+      "shortname": ":mediumlight_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏽‍♀️",
+      "name": "woman: medium skin tone, blond hair",
+      "shortname": ":medium_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏾‍♀️",
+      "name": "woman: medium-dark skin tone, blond hair",
+      "shortname": ":mediumdark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏿‍♀️",
+      "name": "woman: dark skin tone, blond hair",
+      "shortname": ":dark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱‍♂️",
+      "name": "man: blond hair",
+      "shortname": ":blond_hair:",
+      "unicode": "1F471 200D 2642 FE0F",
+      "html": "&#x1F471;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱‍♂",
+      "name": "man: blond hair",
+      "shortname": ":blond_hair:",
+      "unicode": "1F471 200D 2642",
+      "html": "&#x1F471;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏻‍♂️",
+      "name": "man: light skin tone, blond hair",
+      "shortname": ":light_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏻‍♂",
+      "name": "man: light skin tone, blond hair",
+      "shortname": ":light_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FB 200D 2642",
+      "html": "&#x1F471;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏼‍♂️",
+      "name": "man: medium-light skin tone, blond hair",
+      "shortname": ":mediumlight_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏼‍♂",
+      "name": "man: medium-light skin tone, blond hair",
+      "shortname": ":mediumlight_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FC 200D 2642",
+      "html": "&#x1F471;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏽‍♂️",
+      "name": "man: medium skin tone, blond hair",
+      "shortname": ":medium_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏽‍♂",
+      "name": "man: medium skin tone, blond hair",
+      "shortname": ":medium_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FD 200D 2642",
+      "html": "&#x1F471;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏾‍♂️",
+      "name": "man: medium-dark skin tone, blond hair",
+      "shortname": ":mediumdark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏾‍♂",
+      "name": "man: medium-dark skin tone, blond hair",
+      "shortname": ":mediumdark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FE 200D 2642",
+      "html": "&#x1F471;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏿‍♂️",
+      "name": "man: dark skin tone, blond hair",
+      "shortname": ":dark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "👱🏿‍♂",
+      "name": "man: dark skin tone, blond hair",
+      "shortname": ":dark_skin_tone_blond_hair:",
+      "unicode": "1F471 1F3FF 200D 2642",
+      "html": "&#x1F471;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓",
+      "name": "older person",
+      "shortname": ":older_person:",
+      "unicode": "1F9D3",
+      "html": "&#x1F9D3;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓🏻",
+      "name": "older person: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D3 1F3FB",
+      "html": "&#x1F9D3;&#x1F3FB;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓🏼",
+      "name": "older person: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D3 1F3FC",
+      "html": "&#x1F9D3;&#x1F3FC;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓🏽",
+      "name": "older person: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D3 1F3FD",
+      "html": "&#x1F9D3;&#x1F3FD;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓🏾",
+      "name": "older person: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D3 1F3FE",
+      "html": "&#x1F9D3;&#x1F3FE;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🧓🏿",
+      "name": "older person: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D3 1F3FF",
+      "html": "&#x1F9D3;&#x1F3FF;",
+      "category": "People & Body (person)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍‍♂️",
+      "name": "man frowning",
+      "shortname": ":man_frowning:",
+      "unicode": "1F64D 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏻‍♂️",
+      "name": "man frowning: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64D 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏼‍♂️",
+      "name": "man frowning: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64D 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏽‍♂️",
+      "name": "man frowning: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64D 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏾‍♂️",
+      "name": "man frowning: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64D 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏿‍♂️",
+      "name": "man frowning: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64D 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍‍♀️",
+      "name": "woman frowning",
+      "shortname": ":woman_frowning:",
+      "unicode": "1F64D 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍‍♀",
+      "name": "woman frowning",
+      "shortname": ":woman_frowning:",
+      "unicode": "1F64D 200D 2640",
+      "html": "&#x1F64D;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏻‍♀️",
+      "name": "woman frowning: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64D 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏻‍♀",
+      "name": "woman frowning: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64D 1F3FB 200D 2640",
+      "html": "&#x1F64D;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏼‍♀️",
+      "name": "woman frowning: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64D 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏼‍♀",
+      "name": "woman frowning: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64D 1F3FC 200D 2640",
+      "html": "&#x1F64D;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏽‍♀️",
+      "name": "woman frowning: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64D 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏽‍♀",
+      "name": "woman frowning: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64D 1F3FD 200D 2640",
+      "html": "&#x1F64D;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏾‍♀️",
+      "name": "woman frowning: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64D 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏾‍♀",
+      "name": "woman frowning: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64D 1F3FE 200D 2640",
+      "html": "&#x1F64D;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏿‍♀️",
+      "name": "woman frowning: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64D 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙍🏿‍♀",
+      "name": "woman frowning: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64D 1F3FF 200D 2640",
+      "html": "&#x1F64D;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎‍♂️",
+      "name": "man pouting",
+      "shortname": ":man_pouting:",
+      "unicode": "1F64E 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏻‍♂️",
+      "name": "man pouting: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64E 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏼‍♂️",
+      "name": "man pouting: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64E 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏽‍♂️",
+      "name": "man pouting: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64E 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏾‍♂️",
+      "name": "man pouting: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64E 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏿‍♂️",
+      "name": "man pouting: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64E 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎‍♀️",
+      "name": "woman pouting",
+      "shortname": ":woman_pouting:",
+      "unicode": "1F64E 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎‍♀",
+      "name": "woman pouting",
+      "shortname": ":woman_pouting:",
+      "unicode": "1F64E 200D 2640",
+      "html": "&#x1F64E;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏻‍♀️",
+      "name": "woman pouting: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64E 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏻‍♀",
+      "name": "woman pouting: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64E 1F3FB 200D 2640",
+      "html": "&#x1F64E;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏼‍♀️",
+      "name": "woman pouting: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64E 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏼‍♀",
+      "name": "woman pouting: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64E 1F3FC 200D 2640",
+      "html": "&#x1F64E;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏽‍♀️",
+      "name": "woman pouting: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64E 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏽‍♀",
+      "name": "woman pouting: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64E 1F3FD 200D 2640",
+      "html": "&#x1F64E;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏾‍♀️",
+      "name": "woman pouting: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64E 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏾‍♀",
+      "name": "woman pouting: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64E 1F3FE 200D 2640",
+      "html": "&#x1F64E;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏿‍♀️",
+      "name": "woman pouting: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64E 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙎🏿‍♀",
+      "name": "woman pouting: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64E 1F3FF 200D 2640",
+      "html": "&#x1F64E;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅‍♂️",
+      "name": "man gesturing NO",
+      "shortname": ":man_gesturing_NO:",
+      "unicode": "1F645 200D 2642 FE0F",
+      "html": "&#x1F645;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏻‍♂️",
+      "name": "man gesturing NO: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F645 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏼‍♂️",
+      "name": "man gesturing NO: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F645 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏽‍♂️",
+      "name": "man gesturing NO: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F645 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏾‍♂️",
+      "name": "man gesturing NO: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F645 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏿‍♂️",
+      "name": "man gesturing NO: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F645 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅‍♀️",
+      "name": "woman gesturing NO",
+      "shortname": ":woman_gesturing_NO:",
+      "unicode": "1F645 200D 2640 FE0F",
+      "html": "&#x1F645;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅‍♀",
+      "name": "woman gesturing NO",
+      "shortname": ":woman_gesturing_NO:",
+      "unicode": "1F645 200D 2640",
+      "html": "&#x1F645;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏻‍♀️",
+      "name": "woman gesturing NO: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F645 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏻‍♀",
+      "name": "woman gesturing NO: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F645 1F3FB 200D 2640",
+      "html": "&#x1F645;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏼‍♀️",
+      "name": "woman gesturing NO: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F645 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏼‍♀",
+      "name": "woman gesturing NO: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F645 1F3FC 200D 2640",
+      "html": "&#x1F645;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏽‍♀️",
+      "name": "woman gesturing NO: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F645 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏽‍♀",
+      "name": "woman gesturing NO: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F645 1F3FD 200D 2640",
+      "html": "&#x1F645;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏾‍♀️",
+      "name": "woman gesturing NO: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F645 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏾‍♀",
+      "name": "woman gesturing NO: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F645 1F3FE 200D 2640",
+      "html": "&#x1F645;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏿‍♀️",
+      "name": "woman gesturing NO: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F645 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙅🏿‍♀",
+      "name": "woman gesturing NO: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F645 1F3FF 200D 2640",
+      "html": "&#x1F645;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆‍♂️",
+      "name": "man gesturing OK",
+      "shortname": ":man_gesturing_OK:",
+      "unicode": "1F646 200D 2642 FE0F",
+      "html": "&#x1F646;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏻‍♂️",
+      "name": "man gesturing OK: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F646 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏼‍♂️",
+      "name": "man gesturing OK: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F646 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏽‍♂️",
+      "name": "man gesturing OK: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F646 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏾‍♂️",
+      "name": "man gesturing OK: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F646 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏿‍♂️",
+      "name": "man gesturing OK: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F646 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆‍♀️",
+      "name": "woman gesturing OK",
+      "shortname": ":woman_gesturing_OK:",
+      "unicode": "1F646 200D 2640 FE0F",
+      "html": "&#x1F646;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆‍♀",
+      "name": "woman gesturing OK",
+      "shortname": ":woman_gesturing_OK:",
+      "unicode": "1F646 200D 2640",
+      "html": "&#x1F646;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏻‍♀️",
+      "name": "woman gesturing OK: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F646 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏻‍♀",
+      "name": "woman gesturing OK: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F646 1F3FB 200D 2640",
+      "html": "&#x1F646;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏼‍♀️",
+      "name": "woman gesturing OK: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F646 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏼‍♀",
+      "name": "woman gesturing OK: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F646 1F3FC 200D 2640",
+      "html": "&#x1F646;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏽‍♀️",
+      "name": "woman gesturing OK: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F646 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏽‍♀",
+      "name": "woman gesturing OK: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F646 1F3FD 200D 2640",
+      "html": "&#x1F646;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏾‍♀️",
+      "name": "woman gesturing OK: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F646 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏾‍♀",
+      "name": "woman gesturing OK: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F646 1F3FE 200D 2640",
+      "html": "&#x1F646;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏿‍♀️",
+      "name": "woman gesturing OK: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F646 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙆🏿‍♀",
+      "name": "woman gesturing OK: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F646 1F3FF 200D 2640",
+      "html": "&#x1F646;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁‍♂️",
+      "name": "man tipping hand",
+      "shortname": ":man_tipping_hand:",
+      "unicode": "1F481 200D 2642 FE0F",
+      "html": "&#x1F481;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏻‍♂️",
+      "name": "man tipping hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F481 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏼‍♂️",
+      "name": "man tipping hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F481 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏽‍♂️",
+      "name": "man tipping hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F481 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏾‍♂️",
+      "name": "man tipping hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F481 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏿‍♂️",
+      "name": "man tipping hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F481 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁‍♀️",
+      "name": "woman tipping hand",
+      "shortname": ":woman_tipping_hand:",
+      "unicode": "1F481 200D 2640 FE0F",
+      "html": "&#x1F481;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁‍♀",
+      "name": "woman tipping hand",
+      "shortname": ":woman_tipping_hand:",
+      "unicode": "1F481 200D 2640",
+      "html": "&#x1F481;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏻‍♀️",
+      "name": "woman tipping hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F481 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏻‍♀",
+      "name": "woman tipping hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F481 1F3FB 200D 2640",
+      "html": "&#x1F481;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏼‍♀️",
+      "name": "woman tipping hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F481 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏼‍♀",
+      "name": "woman tipping hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F481 1F3FC 200D 2640",
+      "html": "&#x1F481;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏽‍♀️",
+      "name": "woman tipping hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F481 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏽‍♀",
+      "name": "woman tipping hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F481 1F3FD 200D 2640",
+      "html": "&#x1F481;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏾‍♀️",
+      "name": "woman tipping hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F481 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏾‍♀",
+      "name": "woman tipping hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F481 1F3FE 200D 2640",
+      "html": "&#x1F481;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏿‍♀️",
+      "name": "woman tipping hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F481 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "💁🏿‍♀",
+      "name": "woman tipping hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F481 1F3FF 200D 2640",
+      "html": "&#x1F481;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋‍♂️",
+      "name": "man raising hand",
+      "shortname": ":man_raising_hand:",
+      "unicode": "1F64B 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏻‍♂️",
+      "name": "man raising hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64B 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏼‍♂️",
+      "name": "man raising hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64B 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏽‍♂️",
+      "name": "man raising hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64B 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏾‍♂️",
+      "name": "man raising hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64B 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏿‍♂️",
+      "name": "man raising hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64B 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋‍♀️",
+      "name": "woman raising hand",
+      "shortname": ":woman_raising_hand:",
+      "unicode": "1F64B 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋‍♀",
+      "name": "woman raising hand",
+      "shortname": ":woman_raising_hand:",
+      "unicode": "1F64B 200D 2640",
+      "html": "&#x1F64B;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏻‍♀️",
+      "name": "woman raising hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64B 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏻‍♀",
+      "name": "woman raising hand: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F64B 1F3FB 200D 2640",
+      "html": "&#x1F64B;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏼‍♀️",
+      "name": "woman raising hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64B 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏼‍♀",
+      "name": "woman raising hand: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F64B 1F3FC 200D 2640",
+      "html": "&#x1F64B;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏽‍♀️",
+      "name": "woman raising hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64B 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏽‍♀",
+      "name": "woman raising hand: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F64B 1F3FD 200D 2640",
+      "html": "&#x1F64B;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏾‍♀️",
+      "name": "woman raising hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64B 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏾‍♀",
+      "name": "woman raising hand: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F64B 1F3FE 200D 2640",
+      "html": "&#x1F64B;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏿‍♀️",
+      "name": "woman raising hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64B 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙋🏿‍♀",
+      "name": "woman raising hand: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F64B 1F3FF 200D 2640",
+      "html": "&#x1F64B;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏",
+      "name": "deaf person",
+      "shortname": ":deaf_person:",
+      "unicode": "1F9CF",
+      "html": "&#x1F9CF;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏻",
+      "name": "deaf person: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CF 1F3FB",
+      "html": "&#x1F9CF;&#x1F3FB;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏼",
+      "name": "deaf person: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CF 1F3FC",
+      "html": "&#x1F9CF;&#x1F3FC;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏽",
+      "name": "deaf person: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CF 1F3FD",
+      "html": "&#x1F9CF;&#x1F3FD;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏾",
+      "name": "deaf person: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CF 1F3FE",
+      "html": "&#x1F9CF;&#x1F3FE;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏿",
+      "name": "deaf person: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CF 1F3FF",
+      "html": "&#x1F9CF;&#x1F3FF;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏‍♂️",
+      "name": "deaf man",
+      "shortname": ":deaf_man:",
+      "unicode": "1F9CF 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏‍♂",
+      "name": "deaf man",
+      "shortname": ":deaf_man:",
+      "unicode": "1F9CF 200D 2642",
+      "html": "&#x1F9CF;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏻‍♂️",
+      "name": "deaf man: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CF 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏻‍♂",
+      "name": "deaf man: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CF 1F3FB 200D 2642",
+      "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏼‍♂️",
+      "name": "deaf man: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CF 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏼‍♂",
+      "name": "deaf man: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CF 1F3FC 200D 2642",
+      "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏽‍♂️",
+      "name": "deaf man: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CF 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏽‍♂",
+      "name": "deaf man: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CF 1F3FD 200D 2642",
+      "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏾‍♂️",
+      "name": "deaf man: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CF 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏾‍♂",
+      "name": "deaf man: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CF 1F3FE 200D 2642",
+      "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏿‍♂️",
+      "name": "deaf man: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CF 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏿‍♂",
+      "name": "deaf man: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CF 1F3FF 200D 2642",
+      "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏‍♀️",
+      "name": "deaf woman",
+      "shortname": ":deaf_woman:",
+      "unicode": "1F9CF 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏‍♀",
+      "name": "deaf woman",
+      "shortname": ":deaf_woman:",
+      "unicode": "1F9CF 200D 2640",
+      "html": "&#x1F9CF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏻‍♀️",
+      "name": "deaf woman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CF 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏻‍♀",
+      "name": "deaf woman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CF 1F3FB 200D 2640",
+      "html": "&#x1F9CF;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏼‍♀️",
+      "name": "deaf woman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CF 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏼‍♀",
+      "name": "deaf woman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CF 1F3FC 200D 2640",
+      "html": "&#x1F9CF;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏽‍♀️",
+      "name": "deaf woman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CF 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏽‍♀",
+      "name": "deaf woman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CF 1F3FD 200D 2640",
+      "html": "&#x1F9CF;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏾‍♀️",
+      "name": "deaf woman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CF 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏾‍♀",
+      "name": "deaf woman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CF 1F3FE 200D 2640",
+      "html": "&#x1F9CF;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏿‍♀️",
+      "name": "deaf woman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CF 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧏🏿‍♀",
+      "name": "deaf woman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CF 1F3FF 200D 2640",
+      "html": "&#x1F9CF;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇‍♂️",
+      "name": "man bowing",
+      "shortname": ":man_bowing:",
+      "unicode": "1F647 200D 2642 FE0F",
+      "html": "&#x1F647;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇‍♂",
+      "name": "man bowing",
+      "shortname": ":man_bowing:",
+      "unicode": "1F647 200D 2642",
+      "html": "&#x1F647;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏻‍♂️",
+      "name": "man bowing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F647 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏻‍♂",
+      "name": "man bowing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F647 1F3FB 200D 2642",
+      "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏼‍♂️",
+      "name": "man bowing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F647 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏼‍♂",
+      "name": "man bowing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F647 1F3FC 200D 2642",
+      "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏽‍♂️",
+      "name": "man bowing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F647 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏽‍♂",
+      "name": "man bowing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F647 1F3FD 200D 2642",
+      "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏾‍♂️",
+      "name": "man bowing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F647 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏾‍♂",
+      "name": "man bowing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F647 1F3FE 200D 2642",
+      "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏿‍♂️",
+      "name": "man bowing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F647 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏿‍♂",
+      "name": "man bowing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F647 1F3FF 200D 2642",
+      "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇‍♀️",
+      "name": "woman bowing",
+      "shortname": ":woman_bowing:",
+      "unicode": "1F647 200D 2640 FE0F",
+      "html": "&#x1F647;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏻‍♀️",
+      "name": "woman bowing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F647 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F647;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏼‍♀️",
+      "name": "woman bowing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F647 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F647;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏽‍♀️",
+      "name": "woman bowing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F647 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F647;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏾‍♀️",
+      "name": "woman bowing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F647 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F647;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🙇🏿‍♀️",
+      "name": "woman bowing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F647 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F647;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦",
+      "name": "person facepalming",
+      "shortname": ":person_facepalming:",
+      "unicode": "1F926",
+      "html": "&#x1F926;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏻",
+      "name": "person facepalming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F926 1F3FB",
+      "html": "&#x1F926;&#x1F3FB;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏼",
+      "name": "person facepalming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F926 1F3FC",
+      "html": "&#x1F926;&#x1F3FC;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏽",
+      "name": "person facepalming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F926 1F3FD",
+      "html": "&#x1F926;&#x1F3FD;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏾",
+      "name": "person facepalming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F926 1F3FE",
+      "html": "&#x1F926;&#x1F3FE;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏿",
+      "name": "person facepalming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F926 1F3FF",
+      "html": "&#x1F926;&#x1F3FF;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦‍♂️",
+      "name": "man facepalming",
+      "shortname": ":man_facepalming:",
+      "unicode": "1F926 200D 2642 FE0F",
+      "html": "&#x1F926;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦‍♂",
+      "name": "man facepalming",
+      "shortname": ":man_facepalming:",
+      "unicode": "1F926 200D 2642",
+      "html": "&#x1F926;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏻‍♂️",
+      "name": "man facepalming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F926 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏻‍♂",
+      "name": "man facepalming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F926 1F3FB 200D 2642",
+      "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏼‍♂️",
+      "name": "man facepalming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F926 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏼‍♂",
+      "name": "man facepalming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F926 1F3FC 200D 2642",
+      "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏽‍♂️",
+      "name": "man facepalming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F926 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏽‍♂",
+      "name": "man facepalming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F926 1F3FD 200D 2642",
+      "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏾‍♂️",
+      "name": "man facepalming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F926 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏾‍♂",
+      "name": "man facepalming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F926 1F3FE 200D 2642",
+      "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏿‍♂️",
+      "name": "man facepalming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F926 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏿‍♂",
+      "name": "man facepalming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F926 1F3FF 200D 2642",
+      "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦‍♀️",
+      "name": "woman facepalming",
+      "shortname": ":woman_facepalming:",
+      "unicode": "1F926 200D 2640 FE0F",
+      "html": "&#x1F926;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦‍♀",
+      "name": "woman facepalming",
+      "shortname": ":woman_facepalming:",
+      "unicode": "1F926 200D 2640",
+      "html": "&#x1F926;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏻‍♀️",
+      "name": "woman facepalming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F926 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏻‍♀",
+      "name": "woman facepalming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F926 1F3FB 200D 2640",
+      "html": "&#x1F926;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏼‍♀️",
+      "name": "woman facepalming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F926 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏼‍♀",
+      "name": "woman facepalming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F926 1F3FC 200D 2640",
+      "html": "&#x1F926;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏽‍♀️",
+      "name": "woman facepalming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F926 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏽‍♀",
+      "name": "woman facepalming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F926 1F3FD 200D 2640",
+      "html": "&#x1F926;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏾‍♀️",
+      "name": "woman facepalming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F926 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏾‍♀",
+      "name": "woman facepalming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F926 1F3FE 200D 2640",
+      "html": "&#x1F926;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏿‍♀️",
+      "name": "woman facepalming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F926 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤦🏿‍♀",
+      "name": "woman facepalming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F926 1F3FF 200D 2640",
+      "html": "&#x1F926;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷",
+      "name": "person shrugging",
+      "shortname": ":person_shrugging:",
+      "unicode": "1F937",
+      "html": "&#x1F937;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏻",
+      "name": "person shrugging: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F937 1F3FB",
+      "html": "&#x1F937;&#x1F3FB;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏼",
+      "name": "person shrugging: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F937 1F3FC",
+      "html": "&#x1F937;&#x1F3FC;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏽",
+      "name": "person shrugging: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F937 1F3FD",
+      "html": "&#x1F937;&#x1F3FD;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏾",
+      "name": "person shrugging: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F937 1F3FE",
+      "html": "&#x1F937;&#x1F3FE;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏿",
+      "name": "person shrugging: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F937 1F3FF",
+      "html": "&#x1F937;&#x1F3FF;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷‍♂️",
+      "name": "man shrugging",
+      "shortname": ":man_shrugging:",
+      "unicode": "1F937 200D 2642 FE0F",
+      "html": "&#x1F937;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷‍♂",
+      "name": "man shrugging",
+      "shortname": ":man_shrugging:",
+      "unicode": "1F937 200D 2642",
+      "html": "&#x1F937;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏻‍♂️",
+      "name": "man shrugging: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F937 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏻‍♂",
+      "name": "man shrugging: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F937 1F3FB 200D 2642",
+      "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏼‍♂️",
+      "name": "man shrugging: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F937 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏼‍♂",
+      "name": "man shrugging: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F937 1F3FC 200D 2642",
+      "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏽‍♂️",
+      "name": "man shrugging: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F937 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏽‍♂",
+      "name": "man shrugging: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F937 1F3FD 200D 2642",
+      "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏾‍♂️",
+      "name": "man shrugging: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F937 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏾‍♂",
+      "name": "man shrugging: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F937 1F3FE 200D 2642",
+      "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏿‍♂️",
+      "name": "man shrugging: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F937 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏿‍♂",
+      "name": "man shrugging: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F937 1F3FF 200D 2642",
+      "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷‍♀️",
+      "name": "woman shrugging",
+      "shortname": ":woman_shrugging:",
+      "unicode": "1F937 200D 2640 FE0F",
+      "html": "&#x1F937;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷‍♀",
+      "name": "woman shrugging",
+      "shortname": ":woman_shrugging:",
+      "unicode": "1F937 200D 2640",
+      "html": "&#x1F937;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏻‍♀️",
+      "name": "woman shrugging: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F937 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏻‍♀",
+      "name": "woman shrugging: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F937 1F3FB 200D 2640",
+      "html": "&#x1F937;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏼‍♀️",
+      "name": "woman shrugging: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F937 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏼‍♀",
+      "name": "woman shrugging: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F937 1F3FC 200D 2640",
+      "html": "&#x1F937;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏽‍♀️",
+      "name": "woman shrugging: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F937 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏽‍♀",
+      "name": "woman shrugging: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F937 1F3FD 200D 2640",
+      "html": "&#x1F937;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏾‍♀️",
+      "name": "woman shrugging: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F937 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏾‍♀",
+      "name": "woman shrugging: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F937 1F3FE 200D 2640",
+      "html": "&#x1F937;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏿‍♀️",
+      "name": "woman shrugging: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F937 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🤷🏿‍♀",
+      "name": "woman shrugging: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F937 1F3FF 200D 2640",
+      "html": "&#x1F937;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-gesture)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍⚕️",
+      "name": "health worker",
+      "shortname": ":health_worker:",
+      "unicode": "1F9D1 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍⚕",
+      "name": "health worker",
+      "shortname": ":health_worker:",
+      "unicode": "1F9D1 200D 2695",
+      "html": "&#x1F9D1;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍⚕️",
+      "name": "health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍⚕",
+      "name": "health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2695",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍⚕️",
+      "name": "health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍⚕",
+      "name": "health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2695",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍⚕️",
+      "name": "health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍⚕",
+      "name": "health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2695",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍⚕️",
+      "name": "health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍⚕",
+      "name": "health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2695",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍⚕️",
+      "name": "health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2695 FE0F",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍⚕",
+      "name": "health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2695",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍⚕️",
+      "name": "man health worker",
+      "shortname": ":man_health_worker:",
+      "unicode": "1F468 200D 2695 FE0F",
+      "html": "&#x1F468;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍⚕",
+      "name": "man health worker",
+      "shortname": ":man_health_worker:",
+      "unicode": "1F468 200D 2695",
+      "html": "&#x1F468;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍⚕️",
+      "name": "man health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2695 FE0F",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍⚕",
+      "name": "man health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2695",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍⚕️",
+      "name": "man health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2695 FE0F",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍⚕",
+      "name": "man health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2695",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍⚕️",
+      "name": "man health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2695 FE0F",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍⚕",
+      "name": "man health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2695",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍⚕️",
+      "name": "man health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2695 FE0F",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍⚕",
+      "name": "man health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2695",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍⚕️",
+      "name": "man health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2695 FE0F",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍⚕",
+      "name": "man health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2695",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍⚕️",
+      "name": "woman health worker",
+      "shortname": ":woman_health_worker:",
+      "unicode": "1F469 200D 2695 FE0F",
+      "html": "&#x1F469;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍⚕",
+      "name": "woman health worker",
+      "shortname": ":woman_health_worker:",
+      "unicode": "1F469 200D 2695",
+      "html": "&#x1F469;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍⚕️",
+      "name": "woman health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2695 FE0F",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍⚕",
+      "name": "woman health worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2695",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍⚕️",
+      "name": "woman health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2695 FE0F",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍⚕",
+      "name": "woman health worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2695",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍⚕️",
+      "name": "woman health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2695 FE0F",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍⚕",
+      "name": "woman health worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2695",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍⚕️",
+      "name": "woman health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2695 FE0F",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍⚕",
+      "name": "woman health worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2695",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍⚕️",
+      "name": "woman health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2695 FE0F",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2695;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍⚕",
+      "name": "woman health worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2695",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2695;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🎓",
+      "name": "student",
+      "shortname": ":student:",
+      "unicode": "1F9D1 200D 1F393",
+      "html": "&#x1F9D1;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🎓",
+      "name": "student: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F393",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🎓",
+      "name": "student: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F393",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🎓",
+      "name": "student: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F393",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🎓",
+      "name": "student: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F393",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🎓",
+      "name": "student: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F393",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🎓",
+      "name": "man student",
+      "shortname": ":man_student:",
+      "unicode": "1F468 200D 1F393",
+      "html": "&#x1F468;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🎓",
+      "name": "man student: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F393",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🎓",
+      "name": "man student: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F393",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🎓",
+      "name": "man student: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F393",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🎓",
+      "name": "man student: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F393",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🎓",
+      "name": "man student: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F393",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🎓",
+      "name": "woman student",
+      "shortname": ":woman_student:",
+      "unicode": "1F469 200D 1F393",
+      "html": "&#x1F469;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🎓",
+      "name": "woman student: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F393",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🎓",
+      "name": "woman student: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F393",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🎓",
+      "name": "woman student: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F393",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🎓",
+      "name": "woman student: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F393",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🎓",
+      "name": "woman student: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F393",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F393;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🏫",
+      "name": "teacher",
+      "shortname": ":teacher:",
+      "unicode": "1F9D1 200D 1F3EB",
+      "html": "&#x1F9D1;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🏫",
+      "name": "teacher: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F3EB",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🏫",
+      "name": "teacher: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F3EB",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🏫",
+      "name": "teacher: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F3EB",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🏫",
+      "name": "teacher: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F3EB",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🏫",
+      "name": "teacher: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F3EB",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🏫",
+      "name": "man teacher",
+      "shortname": ":man_teacher:",
+      "unicode": "1F468 200D 1F3EB",
+      "html": "&#x1F468;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🏫",
+      "name": "man teacher: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F3EB",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🏫",
+      "name": "man teacher: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F3EB",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🏫",
+      "name": "man teacher: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F3EB",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🏫",
+      "name": "man teacher: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F3EB",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🏫",
+      "name": "man teacher: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F3EB",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🏫",
+      "name": "woman teacher",
+      "shortname": ":woman_teacher:",
+      "unicode": "1F469 200D 1F3EB",
+      "html": "&#x1F469;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🏫",
+      "name": "woman teacher: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F3EB",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🏫",
+      "name": "woman teacher: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F3EB",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🏫",
+      "name": "woman teacher: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F3EB",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🏫",
+      "name": "woman teacher: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F3EB",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🏫",
+      "name": "woman teacher: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F3EB",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3EB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍⚖️",
+      "name": "judge",
+      "shortname": ":judge:",
+      "unicode": "1F9D1 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍⚖",
+      "name": "judge",
+      "shortname": ":judge:",
+      "unicode": "1F9D1 200D 2696",
+      "html": "&#x1F9D1;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍⚖️",
+      "name": "judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍⚖",
+      "name": "judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2696",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍⚖️",
+      "name": "judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍⚖",
+      "name": "judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2696",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍⚖️",
+      "name": "judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍⚖",
+      "name": "judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2696",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍⚖️",
+      "name": "judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍⚖",
+      "name": "judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2696",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍⚖️",
+      "name": "judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2696 FE0F",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍⚖",
+      "name": "judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2696",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍⚖️",
+      "name": "man judge",
+      "shortname": ":man_judge:",
+      "unicode": "1F468 200D 2696 FE0F",
+      "html": "&#x1F468;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍⚖",
+      "name": "man judge",
+      "shortname": ":man_judge:",
+      "unicode": "1F468 200D 2696",
+      "html": "&#x1F468;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍⚖️",
+      "name": "man judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2696 FE0F",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍⚖",
+      "name": "man judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2696",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍⚖️",
+      "name": "man judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2696 FE0F",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍⚖",
+      "name": "man judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2696",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍⚖️",
+      "name": "man judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2696 FE0F",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍⚖",
+      "name": "man judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2696",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍⚖️",
+      "name": "man judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2696 FE0F",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍⚖",
+      "name": "man judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2696",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍⚖️",
+      "name": "man judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2696 FE0F",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍⚖",
+      "name": "man judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2696",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍⚖️",
+      "name": "woman judge",
+      "shortname": ":woman_judge:",
+      "unicode": "1F469 200D 2696 FE0F",
+      "html": "&#x1F469;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍⚖",
+      "name": "woman judge",
+      "shortname": ":woman_judge:",
+      "unicode": "1F469 200D 2696",
+      "html": "&#x1F469;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍⚖️",
+      "name": "woman judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2696 FE0F",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍⚖",
+      "name": "woman judge: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2696",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍⚖️",
+      "name": "woman judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2696 FE0F",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍⚖",
+      "name": "woman judge: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2696",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍⚖️",
+      "name": "woman judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2696 FE0F",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍⚖",
+      "name": "woman judge: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2696",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍⚖️",
+      "name": "woman judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2696 FE0F",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍⚖",
+      "name": "woman judge: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2696",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍⚖️",
+      "name": "woman judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2696 FE0F",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2696;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍⚖",
+      "name": "woman judge: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2696",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2696;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🌾",
+      "name": "farmer",
+      "shortname": ":farmer:",
+      "unicode": "1F9D1 200D 1F33E",
+      "html": "&#x1F9D1;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🌾",
+      "name": "farmer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F33E",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🌾",
+      "name": "farmer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F33E",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🌾",
+      "name": "farmer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F33E",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🌾",
+      "name": "farmer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F33E",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🌾",
+      "name": "farmer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F33E",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🌾",
+      "name": "man farmer",
+      "shortname": ":man_farmer:",
+      "unicode": "1F468 200D 1F33E",
+      "html": "&#x1F468;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🌾",
+      "name": "man farmer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F33E",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🌾",
+      "name": "man farmer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F33E",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🌾",
+      "name": "man farmer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F33E",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🌾",
+      "name": "man farmer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F33E",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🌾",
+      "name": "man farmer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F33E",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🌾",
+      "name": "woman farmer",
+      "shortname": ":woman_farmer:",
+      "unicode": "1F469 200D 1F33E",
+      "html": "&#x1F469;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🌾",
+      "name": "woman farmer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F33E",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🌾",
+      "name": "woman farmer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F33E",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🌾",
+      "name": "woman farmer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F33E",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🌾",
+      "name": "woman farmer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F33E",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🌾",
+      "name": "woman farmer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F33E",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F33E;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🍳",
+      "name": "cook",
+      "shortname": ":cook:",
+      "unicode": "1F9D1 200D 1F373",
+      "html": "&#x1F9D1;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🍳",
+      "name": "cook: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F373",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🍳",
+      "name": "cook: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F373",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🍳",
+      "name": "cook: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F373",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🍳",
+      "name": "cook: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F373",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🍳",
+      "name": "cook: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F373",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🍳",
+      "name": "man cook",
+      "shortname": ":man_cook:",
+      "unicode": "1F468 200D 1F373",
+      "html": "&#x1F468;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🍳",
+      "name": "man cook: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F373",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🍳",
+      "name": "man cook: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F373",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🍳",
+      "name": "man cook: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F373",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🍳",
+      "name": "man cook: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F373",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🍳",
+      "name": "man cook: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F373",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🍳",
+      "name": "woman cook",
+      "shortname": ":woman_cook:",
+      "unicode": "1F469 200D 1F373",
+      "html": "&#x1F469;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🍳",
+      "name": "woman cook: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F373",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🍳",
+      "name": "woman cook: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F373",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🍳",
+      "name": "woman cook: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F373",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🍳",
+      "name": "woman cook: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F373",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🍳",
+      "name": "woman cook: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F373",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F373;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🔧",
+      "name": "mechanic",
+      "shortname": ":mechanic:",
+      "unicode": "1F9D1 200D 1F527",
+      "html": "&#x1F9D1;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🔧",
+      "name": "mechanic: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F527",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🔧",
+      "name": "mechanic: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F527",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🔧",
+      "name": "mechanic: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F527",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🔧",
+      "name": "mechanic: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F527",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🔧",
+      "name": "mechanic: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F527",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🔧",
+      "name": "man mechanic",
+      "shortname": ":man_mechanic:",
+      "unicode": "1F468 200D 1F527",
+      "html": "&#x1F468;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🔧",
+      "name": "man mechanic: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F527",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🔧",
+      "name": "man mechanic: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F527",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🔧",
+      "name": "man mechanic: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F527",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🔧",
+      "name": "man mechanic: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F527",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🔧",
+      "name": "man mechanic: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F527",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🔧",
+      "name": "woman mechanic",
+      "shortname": ":woman_mechanic:",
+      "unicode": "1F469 200D 1F527",
+      "html": "&#x1F469;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🔧",
+      "name": "woman mechanic: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F527",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🔧",
+      "name": "woman mechanic: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F527",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🔧",
+      "name": "woman mechanic: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F527",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🔧",
+      "name": "woman mechanic: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F527",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🔧",
+      "name": "woman mechanic: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F527",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F527;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🏭",
+      "name": "factory worker",
+      "shortname": ":factory_worker:",
+      "unicode": "1F9D1 200D 1F3ED",
+      "html": "&#x1F9D1;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🏭",
+      "name": "factory worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F3ED",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🏭",
+      "name": "factory worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F3ED",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🏭",
+      "name": "factory worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F3ED",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🏭",
+      "name": "factory worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F3ED",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🏭",
+      "name": "factory worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F3ED",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🏭",
+      "name": "man factory worker",
+      "shortname": ":man_factory_worker:",
+      "unicode": "1F468 200D 1F3ED",
+      "html": "&#x1F468;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🏭",
+      "name": "man factory worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F3ED",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🏭",
+      "name": "man factory worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F3ED",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🏭",
+      "name": "man factory worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F3ED",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🏭",
+      "name": "man factory worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F3ED",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🏭",
+      "name": "man factory worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F3ED",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🏭",
+      "name": "woman factory worker",
+      "shortname": ":woman_factory_worker:",
+      "unicode": "1F469 200D 1F3ED",
+      "html": "&#x1F469;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🏭",
+      "name": "woman factory worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F3ED",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🏭",
+      "name": "woman factory worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F3ED",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🏭",
+      "name": "woman factory worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F3ED",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🏭",
+      "name": "woman factory worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F3ED",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🏭",
+      "name": "woman factory worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F3ED",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3ED;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍💼",
+      "name": "office worker",
+      "shortname": ":office_worker:",
+      "unicode": "1F9D1 200D 1F4BC",
+      "html": "&#x1F9D1;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍💼",
+      "name": "office worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F4BC",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍💼",
+      "name": "office worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F4BC",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍💼",
+      "name": "office worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F4BC",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍💼",
+      "name": "office worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F4BC",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍💼",
+      "name": "office worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F4BC",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍💼",
+      "name": "man office worker",
+      "shortname": ":man_office_worker:",
+      "unicode": "1F468 200D 1F4BC",
+      "html": "&#x1F468;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍💼",
+      "name": "man office worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F4BC",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍💼",
+      "name": "man office worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F4BC",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍💼",
+      "name": "man office worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F4BC",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍💼",
+      "name": "man office worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F4BC",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍💼",
+      "name": "man office worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F4BC",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍💼",
+      "name": "woman office worker",
+      "shortname": ":woman_office_worker:",
+      "unicode": "1F469 200D 1F4BC",
+      "html": "&#x1F469;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍💼",
+      "name": "woman office worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F4BC",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍💼",
+      "name": "woman office worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F4BC",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍💼",
+      "name": "woman office worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F4BC",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍💼",
+      "name": "woman office worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F4BC",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍💼",
+      "name": "woman office worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F4BC",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F4BC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🔬",
+      "name": "scientist",
+      "shortname": ":scientist:",
+      "unicode": "1F9D1 200D 1F52C",
+      "html": "&#x1F9D1;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🔬",
+      "name": "scientist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F52C",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🔬",
+      "name": "scientist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F52C",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🔬",
+      "name": "scientist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F52C",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🔬",
+      "name": "scientist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F52C",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🔬",
+      "name": "scientist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F52C",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🔬",
+      "name": "man scientist",
+      "shortname": ":man_scientist:",
+      "unicode": "1F468 200D 1F52C",
+      "html": "&#x1F468;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🔬",
+      "name": "man scientist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F52C",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🔬",
+      "name": "man scientist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F52C",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🔬",
+      "name": "man scientist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F52C",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🔬",
+      "name": "man scientist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F52C",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🔬",
+      "name": "man scientist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F52C",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🔬",
+      "name": "woman scientist",
+      "shortname": ":woman_scientist:",
+      "unicode": "1F469 200D 1F52C",
+      "html": "&#x1F469;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🔬",
+      "name": "woman scientist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F52C",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🔬",
+      "name": "woman scientist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F52C",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🔬",
+      "name": "woman scientist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F52C",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🔬",
+      "name": "woman scientist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F52C",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🔬",
+      "name": "woman scientist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F52C",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F52C;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍💻",
+      "name": "technologist",
+      "shortname": ":technologist:",
+      "unicode": "1F9D1 200D 1F4BB",
+      "html": "&#x1F9D1;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍💻",
+      "name": "technologist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F4BB",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍💻",
+      "name": "technologist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F4BB",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍💻",
+      "name": "technologist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F4BB",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍💻",
+      "name": "technologist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F4BB",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍💻",
+      "name": "technologist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F4BB",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍💻",
+      "name": "man technologist",
+      "shortname": ":man_technologist:",
+      "unicode": "1F468 200D 1F4BB",
+      "html": "&#x1F468;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍💻",
+      "name": "man technologist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F4BB",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍💻",
+      "name": "man technologist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F4BB",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍💻",
+      "name": "man technologist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F4BB",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍💻",
+      "name": "man technologist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F4BB",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍💻",
+      "name": "man technologist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F4BB",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍💻",
+      "name": "woman technologist",
+      "shortname": ":woman_technologist:",
+      "unicode": "1F469 200D 1F4BB",
+      "html": "&#x1F469;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍💻",
+      "name": "woman technologist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F4BB",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍💻",
+      "name": "woman technologist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F4BB",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍💻",
+      "name": "woman technologist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F4BB",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍💻",
+      "name": "woman technologist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F4BB",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍💻",
+      "name": "woman technologist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F4BB",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F4BB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🎤",
+      "name": "singer",
+      "shortname": ":singer:",
+      "unicode": "1F9D1 200D 1F3A4",
+      "html": "&#x1F9D1;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🎤",
+      "name": "singer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F3A4",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🎤",
+      "name": "singer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F3A4",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🎤",
+      "name": "singer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F3A4",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🎤",
+      "name": "singer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F3A4",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🎤",
+      "name": "singer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F3A4",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🎤",
+      "name": "man singer",
+      "shortname": ":man_singer:",
+      "unicode": "1F468 200D 1F3A4",
+      "html": "&#x1F468;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🎤",
+      "name": "man singer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F3A4",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🎤",
+      "name": "man singer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F3A4",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🎤",
+      "name": "man singer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F3A4",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🎤",
+      "name": "man singer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F3A4",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🎤",
+      "name": "man singer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F3A4",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🎤",
+      "name": "woman singer",
+      "shortname": ":woman_singer:",
+      "unicode": "1F469 200D 1F3A4",
+      "html": "&#x1F469;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🎤",
+      "name": "woman singer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F3A4",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🎤",
+      "name": "woman singer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F3A4",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🎤",
+      "name": "woman singer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F3A4",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🎤",
+      "name": "woman singer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F3A4",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🎤",
+      "name": "woman singer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F3A4",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3A4;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🎨",
+      "name": "artist",
+      "shortname": ":artist:",
+      "unicode": "1F9D1 200D 1F3A8",
+      "html": "&#x1F9D1;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🎨",
+      "name": "artist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F3A8",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🎨",
+      "name": "artist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F3A8",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🎨",
+      "name": "artist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F3A8",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🎨",
+      "name": "artist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F3A8",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🎨",
+      "name": "artist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F3A8",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🎨",
+      "name": "man artist",
+      "shortname": ":man_artist:",
+      "unicode": "1F468 200D 1F3A8",
+      "html": "&#x1F468;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🎨",
+      "name": "man artist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F3A8",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🎨",
+      "name": "man artist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F3A8",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🎨",
+      "name": "man artist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F3A8",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🎨",
+      "name": "man artist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F3A8",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🎨",
+      "name": "man artist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F3A8",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🎨",
+      "name": "woman artist",
+      "shortname": ":woman_artist:",
+      "unicode": "1F469 200D 1F3A8",
+      "html": "&#x1F469;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🎨",
+      "name": "woman artist: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F3A8",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🎨",
+      "name": "woman artist: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F3A8",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🎨",
+      "name": "woman artist: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F3A8",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🎨",
+      "name": "woman artist: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F3A8",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🎨",
+      "name": "woman artist: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F3A8",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F3A8;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍✈️",
+      "name": "pilot",
+      "shortname": ":pilot:",
+      "unicode": "1F9D1 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍✈",
+      "name": "pilot",
+      "shortname": ":pilot:",
+      "unicode": "1F9D1 200D 2708",
+      "html": "&#x1F9D1;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍✈️",
+      "name": "pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍✈",
+      "name": "pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 2708",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍✈️",
+      "name": "pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍✈",
+      "name": "pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 2708",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍✈️",
+      "name": "pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍✈",
+      "name": "pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 2708",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍✈️",
+      "name": "pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍✈",
+      "name": "pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 2708",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍✈️",
+      "name": "pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2708 FE0F",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍✈",
+      "name": "pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 2708",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍✈️",
+      "name": "man pilot",
+      "shortname": ":man_pilot:",
+      "unicode": "1F468 200D 2708 FE0F",
+      "html": "&#x1F468;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍✈",
+      "name": "man pilot",
+      "shortname": ":man_pilot:",
+      "unicode": "1F468 200D 2708",
+      "html": "&#x1F468;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍✈️",
+      "name": "man pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2708 FE0F",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍✈",
+      "name": "man pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 2708",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍✈️",
+      "name": "man pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2708 FE0F",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍✈",
+      "name": "man pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 2708",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍✈️",
+      "name": "man pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2708 FE0F",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍✈",
+      "name": "man pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 2708",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍✈️",
+      "name": "man pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2708 FE0F",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍✈",
+      "name": "man pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 2708",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍✈️",
+      "name": "man pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2708 FE0F",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍✈",
+      "name": "man pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 2708",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍✈️",
+      "name": "woman pilot",
+      "shortname": ":woman_pilot:",
+      "unicode": "1F469 200D 2708 FE0F",
+      "html": "&#x1F469;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍✈",
+      "name": "woman pilot",
+      "shortname": ":woman_pilot:",
+      "unicode": "1F469 200D 2708",
+      "html": "&#x1F469;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍✈️",
+      "name": "woman pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2708 FE0F",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍✈",
+      "name": "woman pilot: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 2708",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍✈️",
+      "name": "woman pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2708 FE0F",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍✈",
+      "name": "woman pilot: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 2708",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍✈️",
+      "name": "woman pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2708 FE0F",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍✈",
+      "name": "woman pilot: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 2708",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍✈️",
+      "name": "woman pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2708 FE0F",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍✈",
+      "name": "woman pilot: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 2708",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍✈️",
+      "name": "woman pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2708 FE0F",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2708;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍✈",
+      "name": "woman pilot: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 2708",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x2708;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🚀",
+      "name": "astronaut",
+      "shortname": ":astronaut:",
+      "unicode": "1F9D1 200D 1F680",
+      "html": "&#x1F9D1;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🚀",
+      "name": "astronaut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F680",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🚀",
+      "name": "astronaut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F680",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🚀",
+      "name": "astronaut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F680",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🚀",
+      "name": "astronaut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F680",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🚀",
+      "name": "astronaut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F680",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🚀",
+      "name": "man astronaut",
+      "shortname": ":man_astronaut:",
+      "unicode": "1F468 200D 1F680",
+      "html": "&#x1F468;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🚀",
+      "name": "man astronaut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F680",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🚀",
+      "name": "man astronaut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F680",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🚀",
+      "name": "man astronaut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F680",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🚀",
+      "name": "man astronaut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F680",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🚀",
+      "name": "man astronaut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F680",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🚀",
+      "name": "woman astronaut",
+      "shortname": ":woman_astronaut:",
+      "unicode": "1F469 200D 1F680",
+      "html": "&#x1F469;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🚀",
+      "name": "woman astronaut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F680",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🚀",
+      "name": "woman astronaut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F680",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🚀",
+      "name": "woman astronaut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F680",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🚀",
+      "name": "woman astronaut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F680",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🚀",
+      "name": "woman astronaut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F680",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F680;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🚒",
+      "name": "firefighter",
+      "shortname": ":firefighter:",
+      "unicode": "1F9D1 200D 1F692",
+      "html": "&#x1F9D1;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🚒",
+      "name": "firefighter: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F692",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🚒",
+      "name": "firefighter: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F692",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🚒",
+      "name": "firefighter: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F692",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🚒",
+      "name": "firefighter: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F692",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🚒",
+      "name": "firefighter: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F692",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🚒",
+      "name": "man firefighter",
+      "shortname": ":man_firefighter:",
+      "unicode": "1F468 200D 1F692",
+      "html": "&#x1F468;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🚒",
+      "name": "man firefighter: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F692",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🚒",
+      "name": "man firefighter: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F692",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🚒",
+      "name": "man firefighter: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F692",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🚒",
+      "name": "man firefighter: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F692",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🚒",
+      "name": "man firefighter: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F692",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🚒",
+      "name": "woman firefighter",
+      "shortname": ":woman_firefighter:",
+      "unicode": "1F469 200D 1F692",
+      "html": "&#x1F469;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🚒",
+      "name": "woman firefighter: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F692",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🚒",
+      "name": "woman firefighter: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F692",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🚒",
+      "name": "woman firefighter: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F692",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🚒",
+      "name": "woman firefighter: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F692",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🚒",
+      "name": "woman firefighter: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F692",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F692;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮‍♂️",
+      "name": "man police officer",
+      "shortname": ":man_police_officer:",
+      "unicode": "1F46E 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮‍♂",
+      "name": "man police officer",
+      "shortname": ":man_police_officer:",
+      "unicode": "1F46E 200D 2642",
+      "html": "&#x1F46E;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏻‍♂️",
+      "name": "man police officer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46E 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏻‍♂",
+      "name": "man police officer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46E 1F3FB 200D 2642",
+      "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏼‍♂️",
+      "name": "man police officer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46E 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏼‍♂",
+      "name": "man police officer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46E 1F3FC 200D 2642",
+      "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏽‍♂️",
+      "name": "man police officer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46E 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏽‍♂",
+      "name": "man police officer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46E 1F3FD 200D 2642",
+      "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏾‍♂️",
+      "name": "man police officer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46E 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏾‍♂",
+      "name": "man police officer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46E 1F3FE 200D 2642",
+      "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏿‍♂️",
+      "name": "man police officer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46E 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏿‍♂",
+      "name": "man police officer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46E 1F3FF 200D 2642",
+      "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮‍♀️",
+      "name": "woman police officer",
+      "shortname": ":woman_police_officer:",
+      "unicode": "1F46E 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏻‍♀️",
+      "name": "woman police officer: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46E 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏼‍♀️",
+      "name": "woman police officer: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46E 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏽‍♀️",
+      "name": "woman police officer: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46E 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏾‍♀️",
+      "name": "woman police officer: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46E 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👮🏿‍♀️",
+      "name": "woman police officer: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46E 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F46E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵️",
+      "name": "detective",
+      "shortname": ":detective:",
+      "unicode": "1F575 FE0F",
+      "html": "&#x1F575;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵️‍♂️",
+      "name": "man detective",
+      "shortname": ":man_detective:",
+      "unicode": "1F575 FE0F 200D 2642 FE0F",
+      "html": "&#x1F575;&#xFE0F;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵‍♂️",
+      "name": "man detective",
+      "shortname": ":man_detective:",
+      "unicode": "1F575 200D 2642 FE0F",
+      "html": "&#x1F575;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵️‍♂",
+      "name": "man detective",
+      "shortname": ":man_detective:",
+      "unicode": "1F575 FE0F 200D 2642",
+      "html": "&#x1F575;&#xFE0F;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵‍♂",
+      "name": "man detective",
+      "shortname": ":man_detective:",
+      "unicode": "1F575 200D 2642",
+      "html": "&#x1F575;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏻‍♂️",
+      "name": "man detective: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F575 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏻‍♂",
+      "name": "man detective: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F575 1F3FB 200D 2642",
+      "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏼‍♂️",
+      "name": "man detective: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F575 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏼‍♂",
+      "name": "man detective: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F575 1F3FC 200D 2642",
+      "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏽‍♂️",
+      "name": "man detective: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F575 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏽‍♂",
+      "name": "man detective: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F575 1F3FD 200D 2642",
+      "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏾‍♂️",
+      "name": "man detective: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F575 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏾‍♂",
+      "name": "man detective: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F575 1F3FE 200D 2642",
+      "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏿‍♂️",
+      "name": "man detective: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F575 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏿‍♂",
+      "name": "man detective: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F575 1F3FF 200D 2642",
+      "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵️‍♀️",
+      "name": "woman detective",
+      "shortname": ":woman_detective:",
+      "unicode": "1F575 FE0F 200D 2640 FE0F",
+      "html": "&#x1F575;&#xFE0F;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵‍♀️",
+      "name": "woman detective",
+      "shortname": ":woman_detective:",
+      "unicode": "1F575 200D 2640 FE0F",
+      "html": "&#x1F575;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵️‍♀",
+      "name": "woman detective",
+      "shortname": ":woman_detective:",
+      "unicode": "1F575 FE0F 200D 2640",
+      "html": "&#x1F575;&#xFE0F;&#x200D;&#x2640;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏻‍♀️",
+      "name": "woman detective: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F575 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F575;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏼‍♀️",
+      "name": "woman detective: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F575 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F575;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏽‍♀️",
+      "name": "woman detective: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F575 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F575;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏾‍♀️",
+      "name": "woman detective: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F575 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F575;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🕵🏿‍♀️",
+      "name": "woman detective: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F575 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F575;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂‍♂️",
+      "name": "man guard",
+      "shortname": ":man_guard:",
+      "unicode": "1F482 200D 2642 FE0F",
+      "html": "&#x1F482;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂‍♂",
+      "name": "man guard",
+      "shortname": ":man_guard:",
+      "unicode": "1F482 200D 2642",
+      "html": "&#x1F482;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏻‍♂️",
+      "name": "man guard: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F482 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏻‍♂",
+      "name": "man guard: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F482 1F3FB 200D 2642",
+      "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏼‍♂️",
+      "name": "man guard: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F482 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏼‍♂",
+      "name": "man guard: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F482 1F3FC 200D 2642",
+      "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏽‍♂️",
+      "name": "man guard: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F482 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏽‍♂",
+      "name": "man guard: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F482 1F3FD 200D 2642",
+      "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏾‍♂️",
+      "name": "man guard: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F482 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏾‍♂",
+      "name": "man guard: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F482 1F3FE 200D 2642",
+      "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏿‍♂️",
+      "name": "man guard: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F482 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏿‍♂",
+      "name": "man guard: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F482 1F3FF 200D 2642",
+      "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂‍♀️",
+      "name": "woman guard",
+      "shortname": ":woman_guard:",
+      "unicode": "1F482 200D 2640 FE0F",
+      "html": "&#x1F482;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏻‍♀️",
+      "name": "woman guard: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F482 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F482;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏼‍♀️",
+      "name": "woman guard: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F482 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F482;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏽‍♀️",
+      "name": "woman guard: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F482 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F482;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏾‍♀️",
+      "name": "woman guard: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F482 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F482;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "💂🏿‍♀️",
+      "name": "woman guard: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F482 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F482;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷‍♂️",
+      "name": "man construction worker",
+      "shortname": ":man_construction_worker:",
+      "unicode": "1F477 200D 2642 FE0F",
+      "html": "&#x1F477;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷‍♂",
+      "name": "man construction worker",
+      "shortname": ":man_construction_worker:",
+      "unicode": "1F477 200D 2642",
+      "html": "&#x1F477;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏻‍♂️",
+      "name": "man construction worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F477 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏻‍♂",
+      "name": "man construction worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F477 1F3FB 200D 2642",
+      "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏼‍♂️",
+      "name": "man construction worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F477 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏼‍♂",
+      "name": "man construction worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F477 1F3FC 200D 2642",
+      "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏽‍♂️",
+      "name": "man construction worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F477 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏽‍♂",
+      "name": "man construction worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F477 1F3FD 200D 2642",
+      "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏾‍♂️",
+      "name": "man construction worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F477 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏾‍♂",
+      "name": "man construction worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F477 1F3FE 200D 2642",
+      "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏿‍♂️",
+      "name": "man construction worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F477 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏿‍♂",
+      "name": "man construction worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F477 1F3FF 200D 2642",
+      "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷‍♀️",
+      "name": "woman construction worker",
+      "shortname": ":woman_construction_worker:",
+      "unicode": "1F477 200D 2640 FE0F",
+      "html": "&#x1F477;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏻‍♀️",
+      "name": "woman construction worker: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F477 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F477;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏼‍♀️",
+      "name": "woman construction worker: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F477 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F477;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏽‍♀️",
+      "name": "woman construction worker: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F477 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F477;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏾‍♀️",
+      "name": "woman construction worker: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F477 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F477;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👷🏿‍♀️",
+      "name": "woman construction worker: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F477 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F477;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴",
+      "name": "prince",
+      "shortname": ":prince:",
+      "unicode": "1F934",
+      "html": "&#x1F934;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴🏻",
+      "name": "prince: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F934 1F3FB",
+      "html": "&#x1F934;&#x1F3FB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴🏼",
+      "name": "prince: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F934 1F3FC",
+      "html": "&#x1F934;&#x1F3FC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴🏽",
+      "name": "prince: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F934 1F3FD",
+      "html": "&#x1F934;&#x1F3FD;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴🏾",
+      "name": "prince: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F934 1F3FE",
+      "html": "&#x1F934;&#x1F3FE;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤴🏿",
+      "name": "prince: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F934 1F3FF",
+      "html": "&#x1F934;&#x1F3FF;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳‍♂️",
+      "name": "man wearing turban",
+      "shortname": ":man_wearing_turban:",
+      "unicode": "1F473 200D 2642 FE0F",
+      "html": "&#x1F473;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳‍♂",
+      "name": "man wearing turban",
+      "shortname": ":man_wearing_turban:",
+      "unicode": "1F473 200D 2642",
+      "html": "&#x1F473;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏻‍♂️",
+      "name": "man wearing turban: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F473 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏻‍♂",
+      "name": "man wearing turban: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F473 1F3FB 200D 2642",
+      "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏼‍♂️",
+      "name": "man wearing turban: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F473 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏼‍♂",
+      "name": "man wearing turban: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F473 1F3FC 200D 2642",
+      "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏽‍♂️",
+      "name": "man wearing turban: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F473 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏽‍♂",
+      "name": "man wearing turban: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F473 1F3FD 200D 2642",
+      "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏾‍♂️",
+      "name": "man wearing turban: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F473 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏾‍♂",
+      "name": "man wearing turban: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F473 1F3FE 200D 2642",
+      "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏿‍♂️",
+      "name": "man wearing turban: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F473 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏿‍♂",
+      "name": "man wearing turban: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F473 1F3FF 200D 2642",
+      "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳‍♀️",
+      "name": "woman wearing turban",
+      "shortname": ":woman_wearing_turban:",
+      "unicode": "1F473 200D 2640 FE0F",
+      "html": "&#x1F473;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏻‍♀️",
+      "name": "woman wearing turban: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F473 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F473;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏼‍♀️",
+      "name": "woman wearing turban: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F473 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F473;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏽‍♀️",
+      "name": "woman wearing turban: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F473 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F473;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏾‍♀️",
+      "name": "woman wearing turban: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F473 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F473;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "👳🏿‍♀️",
+      "name": "woman wearing turban: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F473 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F473;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕",
+      "name": "woman with headscarf",
+      "shortname": ":woman_with_headscarf:",
+      "unicode": "1F9D5",
+      "html": "&#x1F9D5;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕🏻",
+      "name": "woman with headscarf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D5 1F3FB",
+      "html": "&#x1F9D5;&#x1F3FB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕🏼",
+      "name": "woman with headscarf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D5 1F3FC",
+      "html": "&#x1F9D5;&#x1F3FC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕🏽",
+      "name": "woman with headscarf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D5 1F3FD",
+      "html": "&#x1F9D5;&#x1F3FD;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕🏾",
+      "name": "woman with headscarf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D5 1F3FE",
+      "html": "&#x1F9D5;&#x1F3FE;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🧕🏿",
+      "name": "woman with headscarf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D5 1F3FF",
+      "html": "&#x1F9D5;&#x1F3FF;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵",
+      "name": "man in tuxedo",
+      "shortname": ":man_in_tuxedo:",
+      "unicode": "1F935",
+      "html": "&#x1F935;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵🏻",
+      "name": "man in tuxedo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F935 1F3FB",
+      "html": "&#x1F935;&#x1F3FB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵🏼",
+      "name": "man in tuxedo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F935 1F3FC",
+      "html": "&#x1F935;&#x1F3FC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵🏽",
+      "name": "man in tuxedo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F935 1F3FD",
+      "html": "&#x1F935;&#x1F3FD;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵🏾",
+      "name": "man in tuxedo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F935 1F3FE",
+      "html": "&#x1F935;&#x1F3FE;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤵🏿",
+      "name": "man in tuxedo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F935 1F3FF",
+      "html": "&#x1F935;&#x1F3FF;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰",
+      "name": "pregnant woman",
+      "shortname": ":pregnant_woman:",
+      "unicode": "1F930",
+      "html": "&#x1F930;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰🏻",
+      "name": "pregnant woman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F930 1F3FB",
+      "html": "&#x1F930;&#x1F3FB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰🏼",
+      "name": "pregnant woman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F930 1F3FC",
+      "html": "&#x1F930;&#x1F3FC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰🏽",
+      "name": "pregnant woman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F930 1F3FD",
+      "html": "&#x1F930;&#x1F3FD;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰🏾",
+      "name": "pregnant woman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F930 1F3FE",
+      "html": "&#x1F930;&#x1F3FE;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤰🏿",
+      "name": "pregnant woman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F930 1F3FF",
+      "html": "&#x1F930;&#x1F3FF;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱",
+      "name": "breast-feeding",
+      "shortname": ":breastfeeding:",
+      "unicode": "1F931",
+      "html": "&#x1F931;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱🏻",
+      "name": "breast-feeding: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F931 1F3FB",
+      "html": "&#x1F931;&#x1F3FB;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱🏼",
+      "name": "breast-feeding: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F931 1F3FC",
+      "html": "&#x1F931;&#x1F3FC;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱🏽",
+      "name": "breast-feeding: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F931 1F3FD",
+      "html": "&#x1F931;&#x1F3FD;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱🏾",
+      "name": "breast-feeding: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F931 1F3FE",
+      "html": "&#x1F931;&#x1F3FE;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤱🏿",
+      "name": "breast-feeding: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F931 1F3FF",
+      "html": "&#x1F931;&#x1F3FF;",
+      "category": "People & Body (person-role)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶",
+      "name": "Mrs. Claus",
+      "shortname": ":Mrs_Claus:",
+      "unicode": "1F936",
+      "html": "&#x1F936;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶🏻",
+      "name": "Mrs. Claus: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F936 1F3FB",
+      "html": "&#x1F936;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶🏼",
+      "name": "Mrs. Claus: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F936 1F3FC",
+      "html": "&#x1F936;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶🏽",
+      "name": "Mrs. Claus: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F936 1F3FD",
+      "html": "&#x1F936;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶🏾",
+      "name": "Mrs. Claus: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F936 1F3FE",
+      "html": "&#x1F936;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🤶🏿",
+      "name": "Mrs. Claus: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F936 1F3FF",
+      "html": "&#x1F936;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸",
+      "name": "superhero",
+      "shortname": ":superhero:",
+      "unicode": "1F9B8",
+      "html": "&#x1F9B8;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏻",
+      "name": "superhero: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B8 1F3FB",
+      "html": "&#x1F9B8;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏼",
+      "name": "superhero: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B8 1F3FC",
+      "html": "&#x1F9B8;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏽",
+      "name": "superhero: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B8 1F3FD",
+      "html": "&#x1F9B8;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏾",
+      "name": "superhero: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B8 1F3FE",
+      "html": "&#x1F9B8;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏿",
+      "name": "superhero: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B8 1F3FF",
+      "html": "&#x1F9B8;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸‍♂️",
+      "name": "man superhero",
+      "shortname": ":man_superhero:",
+      "unicode": "1F9B8 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸‍♂",
+      "name": "man superhero",
+      "shortname": ":man_superhero:",
+      "unicode": "1F9B8 200D 2642",
+      "html": "&#x1F9B8;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏻‍♂️",
+      "name": "man superhero: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B8 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏻‍♂",
+      "name": "man superhero: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B8 1F3FB 200D 2642",
+      "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏼‍♂️",
+      "name": "man superhero: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B8 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏼‍♂",
+      "name": "man superhero: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B8 1F3FC 200D 2642",
+      "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏽‍♂️",
+      "name": "man superhero: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B8 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏽‍♂",
+      "name": "man superhero: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B8 1F3FD 200D 2642",
+      "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏾‍♂️",
+      "name": "man superhero: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B8 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏾‍♂",
+      "name": "man superhero: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B8 1F3FE 200D 2642",
+      "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏿‍♂️",
+      "name": "man superhero: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B8 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏿‍♂",
+      "name": "man superhero: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B8 1F3FF 200D 2642",
+      "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸‍♀️",
+      "name": "woman superhero",
+      "shortname": ":woman_superhero:",
+      "unicode": "1F9B8 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸‍♀",
+      "name": "woman superhero",
+      "shortname": ":woman_superhero:",
+      "unicode": "1F9B8 200D 2640",
+      "html": "&#x1F9B8;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏻‍♀️",
+      "name": "woman superhero: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B8 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏻‍♀",
+      "name": "woman superhero: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B8 1F3FB 200D 2640",
+      "html": "&#x1F9B8;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏼‍♀️",
+      "name": "woman superhero: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B8 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏼‍♀",
+      "name": "woman superhero: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B8 1F3FC 200D 2640",
+      "html": "&#x1F9B8;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏽‍♀️",
+      "name": "woman superhero: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B8 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏽‍♀",
+      "name": "woman superhero: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B8 1F3FD 200D 2640",
+      "html": "&#x1F9B8;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏾‍♀️",
+      "name": "woman superhero: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B8 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏾‍♀",
+      "name": "woman superhero: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B8 1F3FE 200D 2640",
+      "html": "&#x1F9B8;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏿‍♀️",
+      "name": "woman superhero: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B8 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦸🏿‍♀",
+      "name": "woman superhero: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B8 1F3FF 200D 2640",
+      "html": "&#x1F9B8;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹",
+      "name": "supervillain",
+      "shortname": ":supervillain:",
+      "unicode": "1F9B9",
+      "html": "&#x1F9B9;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏻",
+      "name": "supervillain: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B9 1F3FB",
+      "html": "&#x1F9B9;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏼",
+      "name": "supervillain: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B9 1F3FC",
+      "html": "&#x1F9B9;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏽",
+      "name": "supervillain: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B9 1F3FD",
+      "html": "&#x1F9B9;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏾",
+      "name": "supervillain: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B9 1F3FE",
+      "html": "&#x1F9B9;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏿",
+      "name": "supervillain: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B9 1F3FF",
+      "html": "&#x1F9B9;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹‍♂️",
+      "name": "man supervillain",
+      "shortname": ":man_supervillain:",
+      "unicode": "1F9B9 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹‍♂",
+      "name": "man supervillain",
+      "shortname": ":man_supervillain:",
+      "unicode": "1F9B9 200D 2642",
+      "html": "&#x1F9B9;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏻‍♂️",
+      "name": "man supervillain: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B9 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏻‍♂",
+      "name": "man supervillain: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B9 1F3FB 200D 2642",
+      "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏼‍♂️",
+      "name": "man supervillain: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B9 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏼‍♂",
+      "name": "man supervillain: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B9 1F3FC 200D 2642",
+      "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏽‍♂️",
+      "name": "man supervillain: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B9 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏽‍♂",
+      "name": "man supervillain: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B9 1F3FD 200D 2642",
+      "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏾‍♂️",
+      "name": "man supervillain: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B9 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏾‍♂",
+      "name": "man supervillain: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B9 1F3FE 200D 2642",
+      "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏿‍♂️",
+      "name": "man supervillain: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B9 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏿‍♂",
+      "name": "man supervillain: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B9 1F3FF 200D 2642",
+      "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹‍♀️",
+      "name": "woman supervillain",
+      "shortname": ":woman_supervillain:",
+      "unicode": "1F9B9 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹‍♀",
+      "name": "woman supervillain",
+      "shortname": ":woman_supervillain:",
+      "unicode": "1F9B9 200D 2640",
+      "html": "&#x1F9B9;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏻‍♀️",
+      "name": "woman supervillain: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B9 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏻‍♀",
+      "name": "woman supervillain: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9B9 1F3FB 200D 2640",
+      "html": "&#x1F9B9;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏼‍♀️",
+      "name": "woman supervillain: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B9 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏼‍♀",
+      "name": "woman supervillain: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9B9 1F3FC 200D 2640",
+      "html": "&#x1F9B9;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏽‍♀️",
+      "name": "woman supervillain: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B9 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏽‍♀",
+      "name": "woman supervillain: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9B9 1F3FD 200D 2640",
+      "html": "&#x1F9B9;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏾‍♀️",
+      "name": "woman supervillain: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B9 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏾‍♀",
+      "name": "woman supervillain: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9B9 1F3FE 200D 2640",
+      "html": "&#x1F9B9;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏿‍♀️",
+      "name": "woman supervillain: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B9 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🦹🏿‍♀",
+      "name": "woman supervillain: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9B9 1F3FF 200D 2640",
+      "html": "&#x1F9B9;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙",
+      "name": "mage",
+      "shortname": ":mage:",
+      "unicode": "1F9D9",
+      "html": "&#x1F9D9;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏻",
+      "name": "mage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D9 1F3FB",
+      "html": "&#x1F9D9;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏼",
+      "name": "mage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D9 1F3FC",
+      "html": "&#x1F9D9;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏽",
+      "name": "mage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D9 1F3FD",
+      "html": "&#x1F9D9;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏾",
+      "name": "mage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D9 1F3FE",
+      "html": "&#x1F9D9;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏿",
+      "name": "mage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D9 1F3FF",
+      "html": "&#x1F9D9;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙‍♂️",
+      "name": "man mage",
+      "shortname": ":man_mage:",
+      "unicode": "1F9D9 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙‍♂",
+      "name": "man mage",
+      "shortname": ":man_mage:",
+      "unicode": "1F9D9 200D 2642",
+      "html": "&#x1F9D9;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏻‍♂️",
+      "name": "man mage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D9 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏻‍♂",
+      "name": "man mage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D9 1F3FB 200D 2642",
+      "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏼‍♂️",
+      "name": "man mage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D9 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏼‍♂",
+      "name": "man mage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D9 1F3FC 200D 2642",
+      "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏽‍♂️",
+      "name": "man mage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D9 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏽‍♂",
+      "name": "man mage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D9 1F3FD 200D 2642",
+      "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏾‍♂️",
+      "name": "man mage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D9 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏾‍♂",
+      "name": "man mage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D9 1F3FE 200D 2642",
+      "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏿‍♂️",
+      "name": "man mage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D9 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏿‍♂",
+      "name": "man mage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D9 1F3FF 200D 2642",
+      "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙‍♀️",
+      "name": "woman mage",
+      "shortname": ":woman_mage:",
+      "unicode": "1F9D9 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙‍♀",
+      "name": "woman mage",
+      "shortname": ":woman_mage:",
+      "unicode": "1F9D9 200D 2640",
+      "html": "&#x1F9D9;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏻‍♀️",
+      "name": "woman mage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D9 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏻‍♀",
+      "name": "woman mage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D9 1F3FB 200D 2640",
+      "html": "&#x1F9D9;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏼‍♀️",
+      "name": "woman mage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D9 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏼‍♀",
+      "name": "woman mage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D9 1F3FC 200D 2640",
+      "html": "&#x1F9D9;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏽‍♀️",
+      "name": "woman mage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D9 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏽‍♀",
+      "name": "woman mage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D9 1F3FD 200D 2640",
+      "html": "&#x1F9D9;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏾‍♀️",
+      "name": "woman mage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D9 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏾‍♀",
+      "name": "woman mage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D9 1F3FE 200D 2640",
+      "html": "&#x1F9D9;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏿‍♀️",
+      "name": "woman mage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D9 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧙🏿‍♀",
+      "name": "woman mage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D9 1F3FF 200D 2640",
+      "html": "&#x1F9D9;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚",
+      "name": "fairy",
+      "shortname": ":fairy:",
+      "unicode": "1F9DA",
+      "html": "&#x1F9DA;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏻",
+      "name": "fairy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DA 1F3FB",
+      "html": "&#x1F9DA;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏼",
+      "name": "fairy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DA 1F3FC",
+      "html": "&#x1F9DA;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏽",
+      "name": "fairy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DA 1F3FD",
+      "html": "&#x1F9DA;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏾",
+      "name": "fairy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DA 1F3FE",
+      "html": "&#x1F9DA;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏿",
+      "name": "fairy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DA 1F3FF",
+      "html": "&#x1F9DA;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚‍♂️",
+      "name": "man fairy",
+      "shortname": ":man_fairy:",
+      "unicode": "1F9DA 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚‍♂",
+      "name": "man fairy",
+      "shortname": ":man_fairy:",
+      "unicode": "1F9DA 200D 2642",
+      "html": "&#x1F9DA;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏻‍♂️",
+      "name": "man fairy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DA 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏻‍♂",
+      "name": "man fairy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DA 1F3FB 200D 2642",
+      "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏼‍♂️",
+      "name": "man fairy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DA 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏼‍♂",
+      "name": "man fairy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DA 1F3FC 200D 2642",
+      "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏽‍♂️",
+      "name": "man fairy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DA 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏽‍♂",
+      "name": "man fairy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DA 1F3FD 200D 2642",
+      "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏾‍♂️",
+      "name": "man fairy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DA 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏾‍♂",
+      "name": "man fairy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DA 1F3FE 200D 2642",
+      "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏿‍♂️",
+      "name": "man fairy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DA 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏿‍♂",
+      "name": "man fairy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DA 1F3FF 200D 2642",
+      "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚‍♀️",
+      "name": "woman fairy",
+      "shortname": ":woman_fairy:",
+      "unicode": "1F9DA 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚‍♀",
+      "name": "woman fairy",
+      "shortname": ":woman_fairy:",
+      "unicode": "1F9DA 200D 2640",
+      "html": "&#x1F9DA;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏻‍♀️",
+      "name": "woman fairy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DA 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏻‍♀",
+      "name": "woman fairy: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DA 1F3FB 200D 2640",
+      "html": "&#x1F9DA;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏼‍♀️",
+      "name": "woman fairy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DA 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏼‍♀",
+      "name": "woman fairy: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DA 1F3FC 200D 2640",
+      "html": "&#x1F9DA;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏽‍♀️",
+      "name": "woman fairy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DA 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏽‍♀",
+      "name": "woman fairy: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DA 1F3FD 200D 2640",
+      "html": "&#x1F9DA;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏾‍♀️",
+      "name": "woman fairy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DA 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏾‍♀",
+      "name": "woman fairy: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DA 1F3FE 200D 2640",
+      "html": "&#x1F9DA;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏿‍♀️",
+      "name": "woman fairy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DA 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧚🏿‍♀",
+      "name": "woman fairy: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DA 1F3FF 200D 2640",
+      "html": "&#x1F9DA;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛",
+      "name": "vampire",
+      "shortname": ":vampire:",
+      "unicode": "1F9DB",
+      "html": "&#x1F9DB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏻",
+      "name": "vampire: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DB 1F3FB",
+      "html": "&#x1F9DB;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏼",
+      "name": "vampire: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DB 1F3FC",
+      "html": "&#x1F9DB;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏽",
+      "name": "vampire: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DB 1F3FD",
+      "html": "&#x1F9DB;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏾",
+      "name": "vampire: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DB 1F3FE",
+      "html": "&#x1F9DB;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏿",
+      "name": "vampire: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DB 1F3FF",
+      "html": "&#x1F9DB;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛‍♂️",
+      "name": "man vampire",
+      "shortname": ":man_vampire:",
+      "unicode": "1F9DB 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛‍♂",
+      "name": "man vampire",
+      "shortname": ":man_vampire:",
+      "unicode": "1F9DB 200D 2642",
+      "html": "&#x1F9DB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏻‍♂️",
+      "name": "man vampire: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DB 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏻‍♂",
+      "name": "man vampire: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DB 1F3FB 200D 2642",
+      "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏼‍♂️",
+      "name": "man vampire: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DB 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏼‍♂",
+      "name": "man vampire: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DB 1F3FC 200D 2642",
+      "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏽‍♂️",
+      "name": "man vampire: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DB 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏽‍♂",
+      "name": "man vampire: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DB 1F3FD 200D 2642",
+      "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏾‍♂️",
+      "name": "man vampire: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DB 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏾‍♂",
+      "name": "man vampire: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DB 1F3FE 200D 2642",
+      "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏿‍♂️",
+      "name": "man vampire: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DB 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏿‍♂",
+      "name": "man vampire: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DB 1F3FF 200D 2642",
+      "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛‍♀️",
+      "name": "woman vampire",
+      "shortname": ":woman_vampire:",
+      "unicode": "1F9DB 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛‍♀",
+      "name": "woman vampire",
+      "shortname": ":woman_vampire:",
+      "unicode": "1F9DB 200D 2640",
+      "html": "&#x1F9DB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏻‍♀️",
+      "name": "woman vampire: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DB 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏻‍♀",
+      "name": "woman vampire: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DB 1F3FB 200D 2640",
+      "html": "&#x1F9DB;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏼‍♀️",
+      "name": "woman vampire: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DB 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏼‍♀",
+      "name": "woman vampire: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DB 1F3FC 200D 2640",
+      "html": "&#x1F9DB;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏽‍♀️",
+      "name": "woman vampire: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DB 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏽‍♀",
+      "name": "woman vampire: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DB 1F3FD 200D 2640",
+      "html": "&#x1F9DB;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏾‍♀️",
+      "name": "woman vampire: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DB 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏾‍♀",
+      "name": "woman vampire: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DB 1F3FE 200D 2640",
+      "html": "&#x1F9DB;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏿‍♀️",
+      "name": "woman vampire: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DB 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧛🏿‍♀",
+      "name": "woman vampire: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DB 1F3FF 200D 2640",
+      "html": "&#x1F9DB;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜",
+      "name": "merperson",
+      "shortname": ":merperson:",
+      "unicode": "1F9DC",
+      "html": "&#x1F9DC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏻",
+      "name": "merperson: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DC 1F3FB",
+      "html": "&#x1F9DC;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏼",
+      "name": "merperson: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DC 1F3FC",
+      "html": "&#x1F9DC;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏽",
+      "name": "merperson: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DC 1F3FD",
+      "html": "&#x1F9DC;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏾",
+      "name": "merperson: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DC 1F3FE",
+      "html": "&#x1F9DC;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏿",
+      "name": "merperson: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DC 1F3FF",
+      "html": "&#x1F9DC;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜‍♂️",
+      "name": "merman",
+      "shortname": ":merman:",
+      "unicode": "1F9DC 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜‍♂",
+      "name": "merman",
+      "shortname": ":merman:",
+      "unicode": "1F9DC 200D 2642",
+      "html": "&#x1F9DC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏻‍♂️",
+      "name": "merman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DC 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏻‍♂",
+      "name": "merman: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DC 1F3FB 200D 2642",
+      "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏼‍♂️",
+      "name": "merman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DC 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏼‍♂",
+      "name": "merman: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DC 1F3FC 200D 2642",
+      "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏽‍♂️",
+      "name": "merman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DC 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏽‍♂",
+      "name": "merman: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DC 1F3FD 200D 2642",
+      "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏾‍♂️",
+      "name": "merman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DC 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏾‍♂",
+      "name": "merman: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DC 1F3FE 200D 2642",
+      "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏿‍♂️",
+      "name": "merman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DC 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏿‍♂",
+      "name": "merman: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DC 1F3FF 200D 2642",
+      "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜‍♀️",
+      "name": "mermaid",
+      "shortname": ":mermaid:",
+      "unicode": "1F9DC 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜‍♀",
+      "name": "mermaid",
+      "shortname": ":mermaid:",
+      "unicode": "1F9DC 200D 2640",
+      "html": "&#x1F9DC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏻‍♀️",
+      "name": "mermaid: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DC 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏻‍♀",
+      "name": "mermaid: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DC 1F3FB 200D 2640",
+      "html": "&#x1F9DC;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏼‍♀️",
+      "name": "mermaid: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DC 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏼‍♀",
+      "name": "mermaid: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DC 1F3FC 200D 2640",
+      "html": "&#x1F9DC;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏽‍♀️",
+      "name": "mermaid: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DC 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏽‍♀",
+      "name": "mermaid: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DC 1F3FD 200D 2640",
+      "html": "&#x1F9DC;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏾‍♀️",
+      "name": "mermaid: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DC 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏾‍♀",
+      "name": "mermaid: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DC 1F3FE 200D 2640",
+      "html": "&#x1F9DC;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏿‍♀️",
+      "name": "mermaid: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DC 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧜🏿‍♀",
+      "name": "mermaid: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DC 1F3FF 200D 2640",
+      "html": "&#x1F9DC;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝",
+      "name": "elf",
+      "shortname": ":elf:",
+      "unicode": "1F9DD",
+      "html": "&#x1F9DD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏻",
+      "name": "elf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DD 1F3FB",
+      "html": "&#x1F9DD;&#x1F3FB;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏼",
+      "name": "elf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DD 1F3FC",
+      "html": "&#x1F9DD;&#x1F3FC;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏽",
+      "name": "elf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DD 1F3FD",
+      "html": "&#x1F9DD;&#x1F3FD;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏾",
+      "name": "elf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DD 1F3FE",
+      "html": "&#x1F9DD;&#x1F3FE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏿",
+      "name": "elf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DD 1F3FF",
+      "html": "&#x1F9DD;&#x1F3FF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝‍♂️",
+      "name": "man elf",
+      "shortname": ":man_elf:",
+      "unicode": "1F9DD 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝‍♂",
+      "name": "man elf",
+      "shortname": ":man_elf:",
+      "unicode": "1F9DD 200D 2642",
+      "html": "&#x1F9DD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏻‍♂️",
+      "name": "man elf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DD 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏻‍♂",
+      "name": "man elf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DD 1F3FB 200D 2642",
+      "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏼‍♂️",
+      "name": "man elf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DD 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏼‍♂",
+      "name": "man elf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DD 1F3FC 200D 2642",
+      "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏽‍♂️",
+      "name": "man elf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DD 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏽‍♂",
+      "name": "man elf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DD 1F3FD 200D 2642",
+      "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏾‍♂️",
+      "name": "man elf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DD 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏾‍♂",
+      "name": "man elf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DD 1F3FE 200D 2642",
+      "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏿‍♂️",
+      "name": "man elf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DD 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏿‍♂",
+      "name": "man elf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DD 1F3FF 200D 2642",
+      "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝‍♀️",
+      "name": "woman elf",
+      "shortname": ":woman_elf:",
+      "unicode": "1F9DD 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝‍♀",
+      "name": "woman elf",
+      "shortname": ":woman_elf:",
+      "unicode": "1F9DD 200D 2640",
+      "html": "&#x1F9DD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏻‍♀️",
+      "name": "woman elf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DD 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏻‍♀",
+      "name": "woman elf: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9DD 1F3FB 200D 2640",
+      "html": "&#x1F9DD;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏼‍♀️",
+      "name": "woman elf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DD 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏼‍♀",
+      "name": "woman elf: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9DD 1F3FC 200D 2640",
+      "html": "&#x1F9DD;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏽‍♀️",
+      "name": "woman elf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DD 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏽‍♀",
+      "name": "woman elf: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9DD 1F3FD 200D 2640",
+      "html": "&#x1F9DD;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏾‍♀️",
+      "name": "woman elf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DD 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏾‍♀",
+      "name": "woman elf: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9DD 1F3FE 200D 2640",
+      "html": "&#x1F9DD;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏿‍♀️",
+      "name": "woman elf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DD 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧝🏿‍♀",
+      "name": "woman elf: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9DD 1F3FF 200D 2640",
+      "html": "&#x1F9DD;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧞",
+      "name": "genie",
+      "shortname": ":genie:",
+      "unicode": "1F9DE",
+      "html": "&#x1F9DE;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧞‍♂️",
+      "name": "man genie",
+      "shortname": ":man_genie:",
+      "unicode": "1F9DE 200D 2642 FE0F",
+      "html": "&#x1F9DE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧞‍♂",
+      "name": "man genie",
+      "shortname": ":man_genie:",
+      "unicode": "1F9DE 200D 2642",
+      "html": "&#x1F9DE;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧞‍♀️",
+      "name": "woman genie",
+      "shortname": ":woman_genie:",
+      "unicode": "1F9DE 200D 2640 FE0F",
+      "html": "&#x1F9DE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧞‍♀",
+      "name": "woman genie",
+      "shortname": ":woman_genie:",
+      "unicode": "1F9DE 200D 2640",
+      "html": "&#x1F9DE;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧟",
+      "name": "zombie",
+      "shortname": ":zombie:",
+      "unicode": "1F9DF",
+      "html": "&#x1F9DF;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧟‍♂️",
+      "name": "man zombie",
+      "shortname": ":man_zombie:",
+      "unicode": "1F9DF 200D 2642 FE0F",
+      "html": "&#x1F9DF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧟‍♂",
+      "name": "man zombie",
+      "shortname": ":man_zombie:",
+      "unicode": "1F9DF 200D 2642",
+      "html": "&#x1F9DF;&#x200D;&#x2642;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧟‍♀️",
+      "name": "woman zombie",
+      "shortname": ":woman_zombie:",
+      "unicode": "1F9DF 200D 2640 FE0F",
+      "html": "&#x1F9DF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "🧟‍♀",
+      "name": "woman zombie",
+      "shortname": ":woman_zombie:",
+      "unicode": "1F9DF 200D 2640",
+      "html": "&#x1F9DF;&#x200D;&#x2640;",
+      "category": "People & Body (person-fantasy)",
+      "order": ""
+    },
+    {
+      "emoji": "💆‍♂️",
+      "name": "man getting massage",
+      "shortname": ":man_getting_massage:",
+      "unicode": "1F486 200D 2642 FE0F",
+      "html": "&#x1F486;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏻‍♂️",
+      "name": "man getting massage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F486 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏼‍♂️",
+      "name": "man getting massage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F486 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏽‍♂️",
+      "name": "man getting massage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F486 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏾‍♂️",
+      "name": "man getting massage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F486 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏿‍♂️",
+      "name": "man getting massage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F486 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆‍♀️",
+      "name": "woman getting massage",
+      "shortname": ":woman_getting_massage:",
+      "unicode": "1F486 200D 2640 FE0F",
+      "html": "&#x1F486;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆‍♀",
+      "name": "woman getting massage",
+      "shortname": ":woman_getting_massage:",
+      "unicode": "1F486 200D 2640",
+      "html": "&#x1F486;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏻‍♀️",
+      "name": "woman getting massage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F486 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏻‍♀",
+      "name": "woman getting massage: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F486 1F3FB 200D 2640",
+      "html": "&#x1F486;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏼‍♀️",
+      "name": "woman getting massage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F486 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏼‍♀",
+      "name": "woman getting massage: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F486 1F3FC 200D 2640",
+      "html": "&#x1F486;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏽‍♀️",
+      "name": "woman getting massage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F486 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏽‍♀",
+      "name": "woman getting massage: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F486 1F3FD 200D 2640",
+      "html": "&#x1F486;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏾‍♀️",
+      "name": "woman getting massage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F486 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏾‍♀",
+      "name": "woman getting massage: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F486 1F3FE 200D 2640",
+      "html": "&#x1F486;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏿‍♀️",
+      "name": "woman getting massage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F486 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💆🏿‍♀",
+      "name": "woman getting massage: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F486 1F3FF 200D 2640",
+      "html": "&#x1F486;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇‍♂️",
+      "name": "man getting haircut",
+      "shortname": ":man_getting_haircut:",
+      "unicode": "1F487 200D 2642 FE0F",
+      "html": "&#x1F487;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏻‍♂️",
+      "name": "man getting haircut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F487 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏼‍♂️",
+      "name": "man getting haircut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F487 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏽‍♂️",
+      "name": "man getting haircut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F487 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏾‍♂️",
+      "name": "man getting haircut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F487 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏿‍♂️",
+      "name": "man getting haircut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F487 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇‍♀️",
+      "name": "woman getting haircut",
+      "shortname": ":woman_getting_haircut:",
+      "unicode": "1F487 200D 2640 FE0F",
+      "html": "&#x1F487;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇‍♀",
+      "name": "woman getting haircut",
+      "shortname": ":woman_getting_haircut:",
+      "unicode": "1F487 200D 2640",
+      "html": "&#x1F487;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏻‍♀️",
+      "name": "woman getting haircut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F487 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏻‍♀",
+      "name": "woman getting haircut: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F487 1F3FB 200D 2640",
+      "html": "&#x1F487;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏼‍♀️",
+      "name": "woman getting haircut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F487 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏼‍♀",
+      "name": "woman getting haircut: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F487 1F3FC 200D 2640",
+      "html": "&#x1F487;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏽‍♀️",
+      "name": "woman getting haircut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F487 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏽‍♀",
+      "name": "woman getting haircut: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F487 1F3FD 200D 2640",
+      "html": "&#x1F487;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏾‍♀️",
+      "name": "woman getting haircut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F487 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏾‍♀",
+      "name": "woman getting haircut: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F487 1F3FE 200D 2640",
+      "html": "&#x1F487;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏿‍♀️",
+      "name": "woman getting haircut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F487 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "💇🏿‍♀",
+      "name": "woman getting haircut: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F487 1F3FF 200D 2640",
+      "html": "&#x1F487;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶‍♂️",
+      "name": "man walking",
+      "shortname": ":man_walking:",
+      "unicode": "1F6B6 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶‍♂",
+      "name": "man walking",
+      "shortname": ":man_walking:",
+      "unicode": "1F6B6 200D 2642",
+      "html": "&#x1F6B6;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏻‍♂️",
+      "name": "man walking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B6 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏻‍♂",
+      "name": "man walking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B6 1F3FB 200D 2642",
+      "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏼‍♂️",
+      "name": "man walking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B6 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏼‍♂",
+      "name": "man walking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B6 1F3FC 200D 2642",
+      "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏽‍♂️",
+      "name": "man walking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B6 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏽‍♂",
+      "name": "man walking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B6 1F3FD 200D 2642",
+      "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏾‍♂️",
+      "name": "man walking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B6 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏾‍♂",
+      "name": "man walking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B6 1F3FE 200D 2642",
+      "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏿‍♂️",
+      "name": "man walking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B6 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏿‍♂",
+      "name": "man walking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B6 1F3FF 200D 2642",
+      "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶‍♀️",
+      "name": "woman walking",
+      "shortname": ":woman_walking:",
+      "unicode": "1F6B6 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏻‍♀️",
+      "name": "woman walking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B6 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏼‍♀️",
+      "name": "woman walking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B6 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏽‍♀️",
+      "name": "woman walking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B6 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏾‍♀️",
+      "name": "woman walking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B6 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🚶🏿‍♀️",
+      "name": "woman walking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B6 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F6B6;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍",
+      "name": "person standing",
+      "shortname": ":person_standing:",
+      "unicode": "1F9CD",
+      "html": "&#x1F9CD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏻",
+      "name": "person standing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CD 1F3FB",
+      "html": "&#x1F9CD;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏼",
+      "name": "person standing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CD 1F3FC",
+      "html": "&#x1F9CD;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏽",
+      "name": "person standing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CD 1F3FD",
+      "html": "&#x1F9CD;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏾",
+      "name": "person standing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CD 1F3FE",
+      "html": "&#x1F9CD;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏿",
+      "name": "person standing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CD 1F3FF",
+      "html": "&#x1F9CD;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍‍♂️",
+      "name": "man standing",
+      "shortname": ":man_standing:",
+      "unicode": "1F9CD 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍‍♂",
+      "name": "man standing",
+      "shortname": ":man_standing:",
+      "unicode": "1F9CD 200D 2642",
+      "html": "&#x1F9CD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏻‍♂️",
+      "name": "man standing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CD 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏻‍♂",
+      "name": "man standing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CD 1F3FB 200D 2642",
+      "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏼‍♂️",
+      "name": "man standing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CD 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏼‍♂",
+      "name": "man standing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CD 1F3FC 200D 2642",
+      "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏽‍♂️",
+      "name": "man standing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CD 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏽‍♂",
+      "name": "man standing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CD 1F3FD 200D 2642",
+      "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏾‍♂️",
+      "name": "man standing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CD 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏾‍♂",
+      "name": "man standing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CD 1F3FE 200D 2642",
+      "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏿‍♂️",
+      "name": "man standing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CD 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏿‍♂",
+      "name": "man standing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CD 1F3FF 200D 2642",
+      "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍‍♀️",
+      "name": "woman standing",
+      "shortname": ":woman_standing:",
+      "unicode": "1F9CD 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍‍♀",
+      "name": "woman standing",
+      "shortname": ":woman_standing:",
+      "unicode": "1F9CD 200D 2640",
+      "html": "&#x1F9CD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏻‍♀️",
+      "name": "woman standing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CD 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏻‍♀",
+      "name": "woman standing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CD 1F3FB 200D 2640",
+      "html": "&#x1F9CD;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏼‍♀️",
+      "name": "woman standing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CD 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏼‍♀",
+      "name": "woman standing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CD 1F3FC 200D 2640",
+      "html": "&#x1F9CD;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏽‍♀️",
+      "name": "woman standing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CD 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏽‍♀",
+      "name": "woman standing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CD 1F3FD 200D 2640",
+      "html": "&#x1F9CD;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏾‍♀️",
+      "name": "woman standing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CD 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏾‍♀",
+      "name": "woman standing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CD 1F3FE 200D 2640",
+      "html": "&#x1F9CD;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏿‍♀️",
+      "name": "woman standing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CD 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧍🏿‍♀",
+      "name": "woman standing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CD 1F3FF 200D 2640",
+      "html": "&#x1F9CD;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎",
+      "name": "person kneeling",
+      "shortname": ":person_kneeling:",
+      "unicode": "1F9CE",
+      "html": "&#x1F9CE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏻",
+      "name": "person kneeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CE 1F3FB",
+      "html": "&#x1F9CE;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏼",
+      "name": "person kneeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CE 1F3FC",
+      "html": "&#x1F9CE;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏽",
+      "name": "person kneeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CE 1F3FD",
+      "html": "&#x1F9CE;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏾",
+      "name": "person kneeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CE 1F3FE",
+      "html": "&#x1F9CE;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏿",
+      "name": "person kneeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CE 1F3FF",
+      "html": "&#x1F9CE;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎‍♂️",
+      "name": "man kneeling",
+      "shortname": ":man_kneeling:",
+      "unicode": "1F9CE 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎‍♂",
+      "name": "man kneeling",
+      "shortname": ":man_kneeling:",
+      "unicode": "1F9CE 200D 2642",
+      "html": "&#x1F9CE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏻‍♂️",
+      "name": "man kneeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CE 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏻‍♂",
+      "name": "man kneeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CE 1F3FB 200D 2642",
+      "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏼‍♂️",
+      "name": "man kneeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CE 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏼‍♂",
+      "name": "man kneeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CE 1F3FC 200D 2642",
+      "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏽‍♂️",
+      "name": "man kneeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CE 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏽‍♂",
+      "name": "man kneeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CE 1F3FD 200D 2642",
+      "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏾‍♂️",
+      "name": "man kneeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CE 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏾‍♂",
+      "name": "man kneeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CE 1F3FE 200D 2642",
+      "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏿‍♂️",
+      "name": "man kneeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CE 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏿‍♂",
+      "name": "man kneeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CE 1F3FF 200D 2642",
+      "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎‍♀️",
+      "name": "woman kneeling",
+      "shortname": ":woman_kneeling:",
+      "unicode": "1F9CE 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎‍♀",
+      "name": "woman kneeling",
+      "shortname": ":woman_kneeling:",
+      "unicode": "1F9CE 200D 2640",
+      "html": "&#x1F9CE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏻‍♀️",
+      "name": "woman kneeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CE 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏻‍♀",
+      "name": "woman kneeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9CE 1F3FB 200D 2640",
+      "html": "&#x1F9CE;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏼‍♀️",
+      "name": "woman kneeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CE 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏼‍♀",
+      "name": "woman kneeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9CE 1F3FC 200D 2640",
+      "html": "&#x1F9CE;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏽‍♀️",
+      "name": "woman kneeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CE 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏽‍♀",
+      "name": "woman kneeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9CE 1F3FD 200D 2640",
+      "html": "&#x1F9CE;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏾‍♀️",
+      "name": "woman kneeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CE 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏾‍♀",
+      "name": "woman kneeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9CE 1F3FE 200D 2640",
+      "html": "&#x1F9CE;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏿‍♀️",
+      "name": "woman kneeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CE 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧎🏿‍♀",
+      "name": "woman kneeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9CE 1F3FF 200D 2640",
+      "html": "&#x1F9CE;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦯",
+      "name": "person with probing cane",
+      "shortname": ":person_with_probing_cane:",
+      "unicode": "1F9D1 200D 1F9AF",
+      "html": "&#x1F9D1;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦯",
+      "name": "person with probing cane: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F9AF",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦯",
+      "name": "person with probing cane: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F9AF",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦯",
+      "name": "person with probing cane: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F9AF",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦯",
+      "name": "person with probing cane: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F9AF",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦯",
+      "name": "person with probing cane: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F9AF",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦯",
+      "name": "man with probing cane",
+      "shortname": ":man_with_probing_cane:",
+      "unicode": "1F468 200D 1F9AF",
+      "html": "&#x1F468;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦯",
+      "name": "man with probing cane: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F9AF",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦯",
+      "name": "man with probing cane: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F9AF",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦯",
+      "name": "man with probing cane: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F9AF",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦯",
+      "name": "man with probing cane: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F9AF",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦯",
+      "name": "man with probing cane: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F9AF",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦯",
+      "name": "woman with probing cane",
+      "shortname": ":woman_with_probing_cane:",
+      "unicode": "1F469 200D 1F9AF",
+      "html": "&#x1F469;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦯",
+      "name": "woman with probing cane: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F9AF",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦯",
+      "name": "woman with probing cane: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F9AF",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦯",
+      "name": "woman with probing cane: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F9AF",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦯",
+      "name": "woman with probing cane: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F9AF",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦯",
+      "name": "woman with probing cane: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F9AF",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9AF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦼",
+      "name": "person in motorized wheelchair",
+      "shortname": ":person_in_motorized_wheelchair:",
+      "unicode": "1F9D1 200D 1F9BC",
+      "html": "&#x1F9D1;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦼",
+      "name": "person in motorized wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F9BC",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦼",
+      "name": "person in motorized wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F9BC",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦼",
+      "name": "person in motorized wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F9BC",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦼",
+      "name": "person in motorized wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F9BC",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦼",
+      "name": "person in motorized wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F9BC",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦼",
+      "name": "man in motorized wheelchair",
+      "shortname": ":man_in_motorized_wheelchair:",
+      "unicode": "1F468 200D 1F9BC",
+      "html": "&#x1F468;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦼",
+      "name": "man in motorized wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F9BC",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦼",
+      "name": "man in motorized wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F9BC",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦼",
+      "name": "man in motorized wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F9BC",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦼",
+      "name": "man in motorized wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F9BC",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦼",
+      "name": "man in motorized wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F9BC",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦼",
+      "name": "woman in motorized wheelchair",
+      "shortname": ":woman_in_motorized_wheelchair:",
+      "unicode": "1F469 200D 1F9BC",
+      "html": "&#x1F469;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦼",
+      "name": "woman in motorized wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F9BC",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦼",
+      "name": "woman in motorized wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F9BC",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦼",
+      "name": "woman in motorized wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F9BC",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦼",
+      "name": "woman in motorized wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F9BC",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦼",
+      "name": "woman in motorized wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F9BC",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9BC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🦽",
+      "name": "person in manual wheelchair",
+      "shortname": ":person_in_manual_wheelchair:",
+      "unicode": "1F9D1 200D 1F9BD",
+      "html": "&#x1F9D1;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🦽",
+      "name": "person in manual wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F9BD",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🦽",
+      "name": "person in manual wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F9BD",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🦽",
+      "name": "person in manual wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F9BD",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🦽",
+      "name": "person in manual wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F9BD",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🦽",
+      "name": "person in manual wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F9BD",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍🦽",
+      "name": "man in manual wheelchair",
+      "shortname": ":man_in_manual_wheelchair:",
+      "unicode": "1F468 200D 1F9BD",
+      "html": "&#x1F468;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🦽",
+      "name": "man in manual wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F9BD",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🦽",
+      "name": "man in manual wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F9BD",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🦽",
+      "name": "man in manual wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F9BD",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🦽",
+      "name": "man in manual wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F9BD",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🦽",
+      "name": "man in manual wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F9BD",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍🦽",
+      "name": "woman in manual wheelchair",
+      "shortname": ":woman_in_manual_wheelchair:",
+      "unicode": "1F469 200D 1F9BD",
+      "html": "&#x1F469;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🦽",
+      "name": "woman in manual wheelchair: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F9BD",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🦽",
+      "name": "woman in manual wheelchair: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F9BD",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🦽",
+      "name": "woman in manual wheelchair: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F9BD",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🦽",
+      "name": "woman in manual wheelchair: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F9BD",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🦽",
+      "name": "woman in manual wheelchair: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F9BD",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F9BD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃‍♂️",
+      "name": "man running",
+      "shortname": ":man_running:",
+      "unicode": "1F3C3 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃‍♂",
+      "name": "man running",
+      "shortname": ":man_running:",
+      "unicode": "1F3C3 200D 2642",
+      "html": "&#x1F3C3;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏻‍♂️",
+      "name": "man running: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C3 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏻‍♂",
+      "name": "man running: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C3 1F3FB 200D 2642",
+      "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏼‍♂️",
+      "name": "man running: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C3 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏼‍♂",
+      "name": "man running: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C3 1F3FC 200D 2642",
+      "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏽‍♂️",
+      "name": "man running: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C3 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏽‍♂",
+      "name": "man running: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C3 1F3FD 200D 2642",
+      "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏾‍♂️",
+      "name": "man running: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C3 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏾‍♂",
+      "name": "man running: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C3 1F3FE 200D 2642",
+      "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏿‍♂️",
+      "name": "man running: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C3 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏿‍♂",
+      "name": "man running: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C3 1F3FF 200D 2642",
+      "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃‍♀️",
+      "name": "woman running",
+      "shortname": ":woman_running:",
+      "unicode": "1F3C3 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏻‍♀️",
+      "name": "woman running: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C3 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏼‍♀️",
+      "name": "woman running: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C3 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏽‍♀️",
+      "name": "woman running: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C3 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏾‍♀️",
+      "name": "woman running: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C3 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🏃🏿‍♀️",
+      "name": "woman running: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C3 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F3C3;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺",
+      "name": "man dancing",
+      "shortname": ":man_dancing:",
+      "unicode": "1F57A",
+      "html": "&#x1F57A;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺🏻",
+      "name": "man dancing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F57A 1F3FB",
+      "html": "&#x1F57A;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺🏼",
+      "name": "man dancing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F57A 1F3FC",
+      "html": "&#x1F57A;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺🏽",
+      "name": "man dancing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F57A 1F3FD",
+      "html": "&#x1F57A;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺🏾",
+      "name": "man dancing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F57A 1F3FE",
+      "html": "&#x1F57A;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕺🏿",
+      "name": "man dancing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F57A 1F3FF",
+      "html": "&#x1F57A;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴️",
+      "name": "man in suit levitating",
+      "shortname": ":man_in_suit_levitating:",
+      "unicode": "1F574 FE0F",
+      "html": "&#x1F574;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴🏻",
+      "name": "man in suit levitating: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F574 1F3FB",
+      "html": "&#x1F574;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴🏼",
+      "name": "man in suit levitating: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F574 1F3FC",
+      "html": "&#x1F574;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴🏽",
+      "name": "man in suit levitating: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F574 1F3FD",
+      "html": "&#x1F574;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴🏾",
+      "name": "man in suit levitating: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F574 1F3FE",
+      "html": "&#x1F574;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🕴🏿",
+      "name": "man in suit levitating: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F574 1F3FF",
+      "html": "&#x1F574;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👯‍♂️",
+      "name": "men with bunny ears",
+      "shortname": ":men_with_bunny_ears:",
+      "unicode": "1F46F 200D 2642 FE0F",
+      "html": "&#x1F46F;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👯‍♀️",
+      "name": "women with bunny ears",
+      "shortname": ":women_with_bunny_ears:",
+      "unicode": "1F46F 200D 2640 FE0F",
+      "html": "&#x1F46F;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "👯‍♀",
+      "name": "women with bunny ears",
+      "shortname": ":women_with_bunny_ears:",
+      "unicode": "1F46F 200D 2640",
+      "html": "&#x1F46F;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖",
+      "name": "person in steamy room",
+      "shortname": ":person_in_steamy_room:",
+      "unicode": "1F9D6",
+      "html": "&#x1F9D6;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏻",
+      "name": "person in steamy room: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D6 1F3FB",
+      "html": "&#x1F9D6;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏼",
+      "name": "person in steamy room: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D6 1F3FC",
+      "html": "&#x1F9D6;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏽",
+      "name": "person in steamy room: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D6 1F3FD",
+      "html": "&#x1F9D6;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏾",
+      "name": "person in steamy room: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D6 1F3FE",
+      "html": "&#x1F9D6;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏿",
+      "name": "person in steamy room: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D6 1F3FF",
+      "html": "&#x1F9D6;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖‍♂️",
+      "name": "man in steamy room",
+      "shortname": ":man_in_steamy_room:",
+      "unicode": "1F9D6 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖‍♂",
+      "name": "man in steamy room",
+      "shortname": ":man_in_steamy_room:",
+      "unicode": "1F9D6 200D 2642",
+      "html": "&#x1F9D6;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏻‍♂️",
+      "name": "man in steamy room: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D6 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏻‍♂",
+      "name": "man in steamy room: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D6 1F3FB 200D 2642",
+      "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏼‍♂️",
+      "name": "man in steamy room: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D6 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏼‍♂",
+      "name": "man in steamy room: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D6 1F3FC 200D 2642",
+      "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏽‍♂️",
+      "name": "man in steamy room: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D6 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏽‍♂",
+      "name": "man in steamy room: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D6 1F3FD 200D 2642",
+      "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏾‍♂️",
+      "name": "man in steamy room: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D6 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏾‍♂",
+      "name": "man in steamy room: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D6 1F3FE 200D 2642",
+      "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏿‍♂️",
+      "name": "man in steamy room: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D6 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏿‍♂",
+      "name": "man in steamy room: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D6 1F3FF 200D 2642",
+      "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖‍♀️",
+      "name": "woman in steamy room",
+      "shortname": ":woman_in_steamy_room:",
+      "unicode": "1F9D6 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖‍♀",
+      "name": "woman in steamy room",
+      "shortname": ":woman_in_steamy_room:",
+      "unicode": "1F9D6 200D 2640",
+      "html": "&#x1F9D6;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏻‍♀️",
+      "name": "woman in steamy room: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D6 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏻‍♀",
+      "name": "woman in steamy room: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D6 1F3FB 200D 2640",
+      "html": "&#x1F9D6;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏼‍♀️",
+      "name": "woman in steamy room: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D6 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏼‍♀",
+      "name": "woman in steamy room: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D6 1F3FC 200D 2640",
+      "html": "&#x1F9D6;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏽‍♀️",
+      "name": "woman in steamy room: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D6 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏽‍♀",
+      "name": "woman in steamy room: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D6 1F3FD 200D 2640",
+      "html": "&#x1F9D6;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏾‍♀️",
+      "name": "woman in steamy room: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D6 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏾‍♀",
+      "name": "woman in steamy room: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D6 1F3FE 200D 2640",
+      "html": "&#x1F9D6;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏿‍♀️",
+      "name": "woman in steamy room: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D6 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧖🏿‍♀",
+      "name": "woman in steamy room: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D6 1F3FF 200D 2640",
+      "html": "&#x1F9D6;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗",
+      "name": "person climbing",
+      "shortname": ":person_climbing:",
+      "unicode": "1F9D7",
+      "html": "&#x1F9D7;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏻",
+      "name": "person climbing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D7 1F3FB",
+      "html": "&#x1F9D7;&#x1F3FB;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏼",
+      "name": "person climbing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D7 1F3FC",
+      "html": "&#x1F9D7;&#x1F3FC;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏽",
+      "name": "person climbing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D7 1F3FD",
+      "html": "&#x1F9D7;&#x1F3FD;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏾",
+      "name": "person climbing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D7 1F3FE",
+      "html": "&#x1F9D7;&#x1F3FE;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏿",
+      "name": "person climbing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D7 1F3FF",
+      "html": "&#x1F9D7;&#x1F3FF;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗‍♂️",
+      "name": "man climbing",
+      "shortname": ":man_climbing:",
+      "unicode": "1F9D7 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗‍♂",
+      "name": "man climbing",
+      "shortname": ":man_climbing:",
+      "unicode": "1F9D7 200D 2642",
+      "html": "&#x1F9D7;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏻‍♂️",
+      "name": "man climbing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D7 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏻‍♂",
+      "name": "man climbing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D7 1F3FB 200D 2642",
+      "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏼‍♂️",
+      "name": "man climbing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D7 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏼‍♂",
+      "name": "man climbing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D7 1F3FC 200D 2642",
+      "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏽‍♂️",
+      "name": "man climbing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D7 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏽‍♂",
+      "name": "man climbing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D7 1F3FD 200D 2642",
+      "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏾‍♂️",
+      "name": "man climbing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D7 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏾‍♂",
+      "name": "man climbing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D7 1F3FE 200D 2642",
+      "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏿‍♂️",
+      "name": "man climbing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D7 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏿‍♂",
+      "name": "man climbing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D7 1F3FF 200D 2642",
+      "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗‍♀️",
+      "name": "woman climbing",
+      "shortname": ":woman_climbing:",
+      "unicode": "1F9D7 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗‍♀",
+      "name": "woman climbing",
+      "shortname": ":woman_climbing:",
+      "unicode": "1F9D7 200D 2640",
+      "html": "&#x1F9D7;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏻‍♀️",
+      "name": "woman climbing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D7 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏻‍♀",
+      "name": "woman climbing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D7 1F3FB 200D 2640",
+      "html": "&#x1F9D7;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏼‍♀️",
+      "name": "woman climbing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D7 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏼‍♀",
+      "name": "woman climbing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D7 1F3FC 200D 2640",
+      "html": "&#x1F9D7;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏽‍♀️",
+      "name": "woman climbing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D7 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏽‍♀",
+      "name": "woman climbing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D7 1F3FD 200D 2640",
+      "html": "&#x1F9D7;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏾‍♀️",
+      "name": "woman climbing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D7 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏾‍♀",
+      "name": "woman climbing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D7 1F3FE 200D 2640",
+      "html": "&#x1F9D7;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏿‍♀️",
+      "name": "woman climbing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D7 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🧗🏿‍♀",
+      "name": "woman climbing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D7 1F3FF 200D 2640",
+      "html": "&#x1F9D7;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-activity)",
+      "order": ""
+    },
+    {
+      "emoji": "🤺",
+      "name": "person fencing",
+      "shortname": ":person_fencing:",
+      "unicode": "1F93A",
+      "html": "&#x1F93A;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏇🏻",
+      "name": "horse racing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C7 1F3FB",
+      "html": "&#x1F3C7;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏇🏼",
+      "name": "horse racing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C7 1F3FC",
+      "html": "&#x1F3C7;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏇🏽",
+      "name": "horse racing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C7 1F3FD",
+      "html": "&#x1F3C7;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏇🏾",
+      "name": "horse racing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C7 1F3FE",
+      "html": "&#x1F3C7;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏇🏿",
+      "name": "horse racing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C7 1F3FF",
+      "html": "&#x1F3C7;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛷️",
+      "name": "skier",
+      "shortname": ":skier:",
+      "unicode": "26F7 FE0F",
+      "html": "&#x26F7;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏂🏻",
+      "name": "snowboarder: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C2 1F3FB",
+      "html": "&#x1F3C2;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏂🏼",
+      "name": "snowboarder: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C2 1F3FC",
+      "html": "&#x1F3C2;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏂🏽",
+      "name": "snowboarder: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C2 1F3FD",
+      "html": "&#x1F3C2;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏂🏾",
+      "name": "snowboarder: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C2 1F3FE",
+      "html": "&#x1F3C2;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏂🏿",
+      "name": "snowboarder: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C2 1F3FF",
+      "html": "&#x1F3C2;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌️",
+      "name": "person golfing",
+      "shortname": ":person_golfing:",
+      "unicode": "1F3CC FE0F",
+      "html": "&#x1F3CC;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏻",
+      "name": "person golfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CC 1F3FB",
+      "html": "&#x1F3CC;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏼",
+      "name": "person golfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CC 1F3FC",
+      "html": "&#x1F3CC;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏽",
+      "name": "person golfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CC 1F3FD",
+      "html": "&#x1F3CC;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏾",
+      "name": "person golfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CC 1F3FE",
+      "html": "&#x1F3CC;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏿",
+      "name": "person golfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CC 1F3FF",
+      "html": "&#x1F3CC;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌️‍♂️",
+      "name": "man golfing",
+      "shortname": ":man_golfing:",
+      "unicode": "1F3CC FE0F 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌‍♂️",
+      "name": "man golfing",
+      "shortname": ":man_golfing:",
+      "unicode": "1F3CC 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌️‍♂",
+      "name": "man golfing",
+      "shortname": ":man_golfing:",
+      "unicode": "1F3CC FE0F 200D 2642",
+      "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌‍♂",
+      "name": "man golfing",
+      "shortname": ":man_golfing:",
+      "unicode": "1F3CC 200D 2642",
+      "html": "&#x1F3CC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏻‍♂️",
+      "name": "man golfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CC 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏻‍♂",
+      "name": "man golfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CC 1F3FB 200D 2642",
+      "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏼‍♂️",
+      "name": "man golfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CC 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏼‍♂",
+      "name": "man golfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CC 1F3FC 200D 2642",
+      "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏽‍♂️",
+      "name": "man golfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CC 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏽‍♂",
+      "name": "man golfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CC 1F3FD 200D 2642",
+      "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏾‍♂️",
+      "name": "man golfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CC 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏾‍♂",
+      "name": "man golfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CC 1F3FE 200D 2642",
+      "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏿‍♂️",
+      "name": "man golfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CC 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏿‍♂",
+      "name": "man golfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CC 1F3FF 200D 2642",
+      "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌️‍♀️",
+      "name": "woman golfing",
+      "shortname": ":woman_golfing:",
+      "unicode": "1F3CC FE0F 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌‍♀️",
+      "name": "woman golfing",
+      "shortname": ":woman_golfing:",
+      "unicode": "1F3CC 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌️‍♀",
+      "name": "woman golfing",
+      "shortname": ":woman_golfing:",
+      "unicode": "1F3CC FE0F 200D 2640",
+      "html": "&#x1F3CC;&#xFE0F;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏻‍♀️",
+      "name": "woman golfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CC 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏻‍♀",
+      "name": "woman golfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CC 1F3FB 200D 2640",
+      "html": "&#x1F3CC;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏼‍♀️",
+      "name": "woman golfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CC 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏼‍♀",
+      "name": "woman golfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CC 1F3FC 200D 2640",
+      "html": "&#x1F3CC;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏽‍♀️",
+      "name": "woman golfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CC 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏽‍♀",
+      "name": "woman golfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CC 1F3FD 200D 2640",
+      "html": "&#x1F3CC;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏾‍♀️",
+      "name": "woman golfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CC 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏾‍♀",
+      "name": "woman golfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CC 1F3FE 200D 2640",
+      "html": "&#x1F3CC;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏿‍♀️",
+      "name": "woman golfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CC 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏌🏿‍♀",
+      "name": "woman golfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CC 1F3FF 200D 2640",
+      "html": "&#x1F3CC;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄‍♂️",
+      "name": "man surfing",
+      "shortname": ":man_surfing:",
+      "unicode": "1F3C4 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄‍♂",
+      "name": "man surfing",
+      "shortname": ":man_surfing:",
+      "unicode": "1F3C4 200D 2642",
+      "html": "&#x1F3C4;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏻‍♂️",
+      "name": "man surfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C4 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏻‍♂",
+      "name": "man surfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C4 1F3FB 200D 2642",
+      "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏼‍♂️",
+      "name": "man surfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C4 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏼‍♂",
+      "name": "man surfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C4 1F3FC 200D 2642",
+      "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏽‍♂️",
+      "name": "man surfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C4 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏽‍♂",
+      "name": "man surfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C4 1F3FD 200D 2642",
+      "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏾‍♂️",
+      "name": "man surfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C4 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏾‍♂",
+      "name": "man surfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C4 1F3FE 200D 2642",
+      "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏿‍♂️",
+      "name": "man surfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C4 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏿‍♂",
+      "name": "man surfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C4 1F3FF 200D 2642",
+      "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄‍♀️",
+      "name": "woman surfing",
+      "shortname": ":woman_surfing:",
+      "unicode": "1F3C4 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏻‍♀️",
+      "name": "woman surfing: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3C4 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏼‍♀️",
+      "name": "woman surfing: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3C4 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏽‍♀️",
+      "name": "woman surfing: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3C4 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏾‍♀️",
+      "name": "woman surfing: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3C4 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏄🏿‍♀️",
+      "name": "woman surfing: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3C4 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F3C4;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣‍♂️",
+      "name": "man rowing boat",
+      "shortname": ":man_rowing_boat:",
+      "unicode": "1F6A3 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣‍♂",
+      "name": "man rowing boat",
+      "shortname": ":man_rowing_boat:",
+      "unicode": "1F6A3 200D 2642",
+      "html": "&#x1F6A3;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏻‍♂️",
+      "name": "man rowing boat: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6A3 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏻‍♂",
+      "name": "man rowing boat: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6A3 1F3FB 200D 2642",
+      "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏼‍♂️",
+      "name": "man rowing boat: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6A3 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏼‍♂",
+      "name": "man rowing boat: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6A3 1F3FC 200D 2642",
+      "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏽‍♂️",
+      "name": "man rowing boat: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6A3 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏽‍♂",
+      "name": "man rowing boat: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6A3 1F3FD 200D 2642",
+      "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏾‍♂️",
+      "name": "man rowing boat: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6A3 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏾‍♂",
+      "name": "man rowing boat: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6A3 1F3FE 200D 2642",
+      "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏿‍♂️",
+      "name": "man rowing boat: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6A3 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏿‍♂",
+      "name": "man rowing boat: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6A3 1F3FF 200D 2642",
+      "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣‍♀️",
+      "name": "woman rowing boat",
+      "shortname": ":woman_rowing_boat:",
+      "unicode": "1F6A3 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏻‍♀️",
+      "name": "woman rowing boat: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6A3 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏼‍♀️",
+      "name": "woman rowing boat: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6A3 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏽‍♀️",
+      "name": "woman rowing boat: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6A3 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏾‍♀️",
+      "name": "woman rowing boat: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6A3 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚣🏿‍♀️",
+      "name": "woman rowing boat: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6A3 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F6A3;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊‍♂️",
+      "name": "man swimming",
+      "shortname": ":man_swimming:",
+      "unicode": "1F3CA 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊‍♂",
+      "name": "man swimming",
+      "shortname": ":man_swimming:",
+      "unicode": "1F3CA 200D 2642",
+      "html": "&#x1F3CA;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏻‍♂️",
+      "name": "man swimming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CA 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏻‍♂",
+      "name": "man swimming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CA 1F3FB 200D 2642",
+      "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏼‍♂️",
+      "name": "man swimming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CA 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏼‍♂",
+      "name": "man swimming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CA 1F3FC 200D 2642",
+      "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏽‍♂️",
+      "name": "man swimming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CA 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏽‍♂",
+      "name": "man swimming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CA 1F3FD 200D 2642",
+      "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏾‍♂️",
+      "name": "man swimming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CA 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏾‍♂",
+      "name": "man swimming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CA 1F3FE 200D 2642",
+      "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏿‍♂️",
+      "name": "man swimming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CA 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏿‍♂",
+      "name": "man swimming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CA 1F3FF 200D 2642",
+      "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊‍♀️",
+      "name": "woman swimming",
+      "shortname": ":woman_swimming:",
+      "unicode": "1F3CA 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏻‍♀️",
+      "name": "woman swimming: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CA 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏼‍♀️",
+      "name": "woman swimming: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CA 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏽‍♀️",
+      "name": "woman swimming: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CA 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏾‍♀️",
+      "name": "woman swimming: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CA 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏊🏿‍♀️",
+      "name": "woman swimming: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CA 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F3CA;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹️",
+      "name": "person bouncing ball",
+      "shortname": ":person_bouncing_ball:",
+      "unicode": "26F9 FE0F",
+      "html": "&#x26F9;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹️‍♂️",
+      "name": "man bouncing ball",
+      "shortname": ":man_bouncing_ball:",
+      "unicode": "26F9 FE0F 200D 2642 FE0F",
+      "html": "&#x26F9;&#xFE0F;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹‍♂️",
+      "name": "man bouncing ball",
+      "shortname": ":man_bouncing_ball:",
+      "unicode": "26F9 200D 2642 FE0F",
+      "html": "&#x26F9;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹️‍♂",
+      "name": "man bouncing ball",
+      "shortname": ":man_bouncing_ball:",
+      "unicode": "26F9 FE0F 200D 2642",
+      "html": "&#x26F9;&#xFE0F;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹‍♂",
+      "name": "man bouncing ball",
+      "shortname": ":man_bouncing_ball:",
+      "unicode": "26F9 200D 2642",
+      "html": "&#x26F9;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏻‍♂️",
+      "name": "man bouncing ball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "26F9 1F3FB 200D 2642 FE0F",
+      "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏻‍♂",
+      "name": "man bouncing ball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "26F9 1F3FB 200D 2642",
+      "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏼‍♂️",
+      "name": "man bouncing ball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "26F9 1F3FC 200D 2642 FE0F",
+      "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏼‍♂",
+      "name": "man bouncing ball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "26F9 1F3FC 200D 2642",
+      "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏽‍♂️",
+      "name": "man bouncing ball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "26F9 1F3FD 200D 2642 FE0F",
+      "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏽‍♂",
+      "name": "man bouncing ball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "26F9 1F3FD 200D 2642",
+      "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏾‍♂️",
+      "name": "man bouncing ball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "26F9 1F3FE 200D 2642 FE0F",
+      "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏾‍♂",
+      "name": "man bouncing ball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "26F9 1F3FE 200D 2642",
+      "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏿‍♂️",
+      "name": "man bouncing ball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "26F9 1F3FF 200D 2642 FE0F",
+      "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏿‍♂",
+      "name": "man bouncing ball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "26F9 1F3FF 200D 2642",
+      "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹️‍♀️",
+      "name": "woman bouncing ball",
+      "shortname": ":woman_bouncing_ball:",
+      "unicode": "26F9 FE0F 200D 2640 FE0F",
+      "html": "&#x26F9;&#xFE0F;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹‍♀️",
+      "name": "woman bouncing ball",
+      "shortname": ":woman_bouncing_ball:",
+      "unicode": "26F9 200D 2640 FE0F",
+      "html": "&#x26F9;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹️‍♀",
+      "name": "woman bouncing ball",
+      "shortname": ":woman_bouncing_ball:",
+      "unicode": "26F9 FE0F 200D 2640",
+      "html": "&#x26F9;&#xFE0F;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏻‍♀️",
+      "name": "woman bouncing ball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "26F9 1F3FB 200D 2640 FE0F",
+      "html": "&#x26F9;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏼‍♀️",
+      "name": "woman bouncing ball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "26F9 1F3FC 200D 2640 FE0F",
+      "html": "&#x26F9;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏽‍♀️",
+      "name": "woman bouncing ball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "26F9 1F3FD 200D 2640 FE0F",
+      "html": "&#x26F9;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏾‍♀️",
+      "name": "woman bouncing ball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "26F9 1F3FE 200D 2640 FE0F",
+      "html": "&#x26F9;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛹🏿‍♀️",
+      "name": "woman bouncing ball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "26F9 1F3FF 200D 2640 FE0F",
+      "html": "&#x26F9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋️",
+      "name": "person lifting weights",
+      "shortname": ":person_lifting_weights:",
+      "unicode": "1F3CB FE0F",
+      "html": "&#x1F3CB;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋️‍♂️",
+      "name": "man lifting weights",
+      "shortname": ":man_lifting_weights:",
+      "unicode": "1F3CB FE0F 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋‍♂️",
+      "name": "man lifting weights",
+      "shortname": ":man_lifting_weights:",
+      "unicode": "1F3CB 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋️‍♂",
+      "name": "man lifting weights",
+      "shortname": ":man_lifting_weights:",
+      "unicode": "1F3CB FE0F 200D 2642",
+      "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋‍♂",
+      "name": "man lifting weights",
+      "shortname": ":man_lifting_weights:",
+      "unicode": "1F3CB 200D 2642",
+      "html": "&#x1F3CB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏻‍♂️",
+      "name": "man lifting weights: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CB 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏻‍♂",
+      "name": "man lifting weights: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CB 1F3FB 200D 2642",
+      "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏼‍♂️",
+      "name": "man lifting weights: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CB 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏼‍♂",
+      "name": "man lifting weights: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CB 1F3FC 200D 2642",
+      "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏽‍♂️",
+      "name": "man lifting weights: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CB 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏽‍♂",
+      "name": "man lifting weights: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CB 1F3FD 200D 2642",
+      "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏾‍♂️",
+      "name": "man lifting weights: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CB 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏾‍♂",
+      "name": "man lifting weights: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CB 1F3FE 200D 2642",
+      "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏿‍♂️",
+      "name": "man lifting weights: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CB 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏿‍♂",
+      "name": "man lifting weights: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CB 1F3FF 200D 2642",
+      "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋️‍♀️",
+      "name": "woman lifting weights",
+      "shortname": ":woman_lifting_weights:",
+      "unicode": "1F3CB FE0F 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋‍♀️",
+      "name": "woman lifting weights",
+      "shortname": ":woman_lifting_weights:",
+      "unicode": "1F3CB 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋️‍♀",
+      "name": "woman lifting weights",
+      "shortname": ":woman_lifting_weights:",
+      "unicode": "1F3CB FE0F 200D 2640",
+      "html": "&#x1F3CB;&#xFE0F;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏻‍♀️",
+      "name": "woman lifting weights: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3CB 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏼‍♀️",
+      "name": "woman lifting weights: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3CB 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏽‍♀️",
+      "name": "woman lifting weights: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3CB 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏾‍♀️",
+      "name": "woman lifting weights: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3CB 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🏋🏿‍♀️",
+      "name": "woman lifting weights: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3CB 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F3CB;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴‍♂️",
+      "name": "man biking",
+      "shortname": ":man_biking:",
+      "unicode": "1F6B4 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴‍♂",
+      "name": "man biking",
+      "shortname": ":man_biking:",
+      "unicode": "1F6B4 200D 2642",
+      "html": "&#x1F6B4;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏻‍♂️",
+      "name": "man biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B4 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏻‍♂",
+      "name": "man biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B4 1F3FB 200D 2642",
+      "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏼‍♂️",
+      "name": "man biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B4 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏼‍♂",
+      "name": "man biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B4 1F3FC 200D 2642",
+      "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏽‍♂️",
+      "name": "man biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B4 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏽‍♂",
+      "name": "man biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B4 1F3FD 200D 2642",
+      "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏾‍♂️",
+      "name": "man biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B4 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏾‍♂",
+      "name": "man biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B4 1F3FE 200D 2642",
+      "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏿‍♂️",
+      "name": "man biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B4 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏿‍♂",
+      "name": "man biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B4 1F3FF 200D 2642",
+      "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴‍♀️",
+      "name": "woman biking",
+      "shortname": ":woman_biking:",
+      "unicode": "1F6B4 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏻‍♀️",
+      "name": "woman biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B4 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏼‍♀️",
+      "name": "woman biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B4 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏽‍♀️",
+      "name": "woman biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B4 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏾‍♀️",
+      "name": "woman biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B4 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚴🏿‍♀️",
+      "name": "woman biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B4 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F6B4;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵‍♂️",
+      "name": "man mountain biking",
+      "shortname": ":man_mountain_biking:",
+      "unicode": "1F6B5 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵‍♂",
+      "name": "man mountain biking",
+      "shortname": ":man_mountain_biking:",
+      "unicode": "1F6B5 200D 2642",
+      "html": "&#x1F6B5;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏻‍♂️",
+      "name": "man mountain biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B5 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏻‍♂",
+      "name": "man mountain biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B5 1F3FB 200D 2642",
+      "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏼‍♂️",
+      "name": "man mountain biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B5 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏼‍♂",
+      "name": "man mountain biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B5 1F3FC 200D 2642",
+      "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏽‍♂️",
+      "name": "man mountain biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B5 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏽‍♂",
+      "name": "man mountain biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B5 1F3FD 200D 2642",
+      "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏾‍♂️",
+      "name": "man mountain biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B5 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏾‍♂",
+      "name": "man mountain biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B5 1F3FE 200D 2642",
+      "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏿‍♂️",
+      "name": "man mountain biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B5 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏿‍♂",
+      "name": "man mountain biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B5 1F3FF 200D 2642",
+      "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵‍♀️",
+      "name": "woman mountain biking",
+      "shortname": ":woman_mountain_biking:",
+      "unicode": "1F6B5 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏻‍♀️",
+      "name": "woman mountain biking: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6B5 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏼‍♀️",
+      "name": "woman mountain biking: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6B5 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏽‍♀️",
+      "name": "woman mountain biking: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6B5 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏾‍♀️",
+      "name": "woman mountain biking: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6B5 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🚵🏿‍♀️",
+      "name": "woman mountain biking: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6B5 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F6B5;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸",
+      "name": "person cartwheeling",
+      "shortname": ":person_cartwheeling:",
+      "unicode": "1F938",
+      "html": "&#x1F938;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏻",
+      "name": "person cartwheeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F938 1F3FB",
+      "html": "&#x1F938;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏼",
+      "name": "person cartwheeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F938 1F3FC",
+      "html": "&#x1F938;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏽",
+      "name": "person cartwheeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F938 1F3FD",
+      "html": "&#x1F938;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏾",
+      "name": "person cartwheeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F938 1F3FE",
+      "html": "&#x1F938;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏿",
+      "name": "person cartwheeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F938 1F3FF",
+      "html": "&#x1F938;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸‍♂️",
+      "name": "man cartwheeling",
+      "shortname": ":man_cartwheeling:",
+      "unicode": "1F938 200D 2642 FE0F",
+      "html": "&#x1F938;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸‍♂",
+      "name": "man cartwheeling",
+      "shortname": ":man_cartwheeling:",
+      "unicode": "1F938 200D 2642",
+      "html": "&#x1F938;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏻‍♂️",
+      "name": "man cartwheeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F938 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏻‍♂",
+      "name": "man cartwheeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F938 1F3FB 200D 2642",
+      "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏼‍♂️",
+      "name": "man cartwheeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F938 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏼‍♂",
+      "name": "man cartwheeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F938 1F3FC 200D 2642",
+      "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏽‍♂️",
+      "name": "man cartwheeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F938 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏽‍♂",
+      "name": "man cartwheeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F938 1F3FD 200D 2642",
+      "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏾‍♂️",
+      "name": "man cartwheeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F938 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏾‍♂",
+      "name": "man cartwheeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F938 1F3FE 200D 2642",
+      "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏿‍♂️",
+      "name": "man cartwheeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F938 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏿‍♂",
+      "name": "man cartwheeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F938 1F3FF 200D 2642",
+      "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸‍♀️",
+      "name": "woman cartwheeling",
+      "shortname": ":woman_cartwheeling:",
+      "unicode": "1F938 200D 2640 FE0F",
+      "html": "&#x1F938;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸‍♀",
+      "name": "woman cartwheeling",
+      "shortname": ":woman_cartwheeling:",
+      "unicode": "1F938 200D 2640",
+      "html": "&#x1F938;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏻‍♀️",
+      "name": "woman cartwheeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F938 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏻‍♀",
+      "name": "woman cartwheeling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F938 1F3FB 200D 2640",
+      "html": "&#x1F938;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏼‍♀️",
+      "name": "woman cartwheeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F938 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏼‍♀",
+      "name": "woman cartwheeling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F938 1F3FC 200D 2640",
+      "html": "&#x1F938;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏽‍♀️",
+      "name": "woman cartwheeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F938 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏽‍♀",
+      "name": "woman cartwheeling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F938 1F3FD 200D 2640",
+      "html": "&#x1F938;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏾‍♀️",
+      "name": "woman cartwheeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F938 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏾‍♀",
+      "name": "woman cartwheeling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F938 1F3FE 200D 2640",
+      "html": "&#x1F938;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏿‍♀️",
+      "name": "woman cartwheeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F938 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤸🏿‍♀",
+      "name": "woman cartwheeling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F938 1F3FF 200D 2640",
+      "html": "&#x1F938;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤼",
+      "name": "people wrestling",
+      "shortname": ":people_wrestling:",
+      "unicode": "1F93C",
+      "html": "&#x1F93C;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤼‍♂️",
+      "name": "men wrestling",
+      "shortname": ":men_wrestling:",
+      "unicode": "1F93C 200D 2642 FE0F",
+      "html": "&#x1F93C;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤼‍♂",
+      "name": "men wrestling",
+      "shortname": ":men_wrestling:",
+      "unicode": "1F93C 200D 2642",
+      "html": "&#x1F93C;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤼‍♀️",
+      "name": "women wrestling",
+      "shortname": ":women_wrestling:",
+      "unicode": "1F93C 200D 2640 FE0F",
+      "html": "&#x1F93C;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤼‍♀",
+      "name": "women wrestling",
+      "shortname": ":women_wrestling:",
+      "unicode": "1F93C 200D 2640",
+      "html": "&#x1F93C;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽",
+      "name": "person playing water polo",
+      "shortname": ":person_playing_water_polo:",
+      "unicode": "1F93D",
+      "html": "&#x1F93D;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏻",
+      "name": "person playing water polo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93D 1F3FB",
+      "html": "&#x1F93D;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏼",
+      "name": "person playing water polo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93D 1F3FC",
+      "html": "&#x1F93D;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏽",
+      "name": "person playing water polo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93D 1F3FD",
+      "html": "&#x1F93D;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏾",
+      "name": "person playing water polo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93D 1F3FE",
+      "html": "&#x1F93D;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏿",
+      "name": "person playing water polo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93D 1F3FF",
+      "html": "&#x1F93D;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽‍♂️",
+      "name": "man playing water polo",
+      "shortname": ":man_playing_water_polo:",
+      "unicode": "1F93D 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽‍♂",
+      "name": "man playing water polo",
+      "shortname": ":man_playing_water_polo:",
+      "unicode": "1F93D 200D 2642",
+      "html": "&#x1F93D;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏻‍♂️",
+      "name": "man playing water polo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93D 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏻‍♂",
+      "name": "man playing water polo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93D 1F3FB 200D 2642",
+      "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏼‍♂️",
+      "name": "man playing water polo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93D 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏼‍♂",
+      "name": "man playing water polo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93D 1F3FC 200D 2642",
+      "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏽‍♂️",
+      "name": "man playing water polo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93D 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏽‍♂",
+      "name": "man playing water polo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93D 1F3FD 200D 2642",
+      "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏾‍♂️",
+      "name": "man playing water polo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93D 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏾‍♂",
+      "name": "man playing water polo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93D 1F3FE 200D 2642",
+      "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏿‍♂️",
+      "name": "man playing water polo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93D 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏿‍♂",
+      "name": "man playing water polo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93D 1F3FF 200D 2642",
+      "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽‍♀️",
+      "name": "woman playing water polo",
+      "shortname": ":woman_playing_water_polo:",
+      "unicode": "1F93D 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽‍♀",
+      "name": "woman playing water polo",
+      "shortname": ":woman_playing_water_polo:",
+      "unicode": "1F93D 200D 2640",
+      "html": "&#x1F93D;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏻‍♀️",
+      "name": "woman playing water polo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93D 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏻‍♀",
+      "name": "woman playing water polo: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93D 1F3FB 200D 2640",
+      "html": "&#x1F93D;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏼‍♀️",
+      "name": "woman playing water polo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93D 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏼‍♀",
+      "name": "woman playing water polo: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93D 1F3FC 200D 2640",
+      "html": "&#x1F93D;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏽‍♀️",
+      "name": "woman playing water polo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93D 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏽‍♀",
+      "name": "woman playing water polo: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93D 1F3FD 200D 2640",
+      "html": "&#x1F93D;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏾‍♀️",
+      "name": "woman playing water polo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93D 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏾‍♀",
+      "name": "woman playing water polo: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93D 1F3FE 200D 2640",
+      "html": "&#x1F93D;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏿‍♀️",
+      "name": "woman playing water polo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93D 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤽🏿‍♀",
+      "name": "woman playing water polo: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93D 1F3FF 200D 2640",
+      "html": "&#x1F93D;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾",
+      "name": "person playing handball",
+      "shortname": ":person_playing_handball:",
+      "unicode": "1F93E",
+      "html": "&#x1F93E;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏻",
+      "name": "person playing handball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93E 1F3FB",
+      "html": "&#x1F93E;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏼",
+      "name": "person playing handball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93E 1F3FC",
+      "html": "&#x1F93E;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏽",
+      "name": "person playing handball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93E 1F3FD",
+      "html": "&#x1F93E;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏾",
+      "name": "person playing handball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93E 1F3FE",
+      "html": "&#x1F93E;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏿",
+      "name": "person playing handball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93E 1F3FF",
+      "html": "&#x1F93E;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾‍♂️",
+      "name": "man playing handball",
+      "shortname": ":man_playing_handball:",
+      "unicode": "1F93E 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾‍♂",
+      "name": "man playing handball",
+      "shortname": ":man_playing_handball:",
+      "unicode": "1F93E 200D 2642",
+      "html": "&#x1F93E;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏻‍♂️",
+      "name": "man playing handball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93E 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏻‍♂",
+      "name": "man playing handball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93E 1F3FB 200D 2642",
+      "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏼‍♂️",
+      "name": "man playing handball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93E 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏼‍♂",
+      "name": "man playing handball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93E 1F3FC 200D 2642",
+      "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏽‍♂️",
+      "name": "man playing handball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93E 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏽‍♂",
+      "name": "man playing handball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93E 1F3FD 200D 2642",
+      "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏾‍♂️",
+      "name": "man playing handball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93E 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏾‍♂",
+      "name": "man playing handball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93E 1F3FE 200D 2642",
+      "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏿‍♂️",
+      "name": "man playing handball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93E 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏿‍♂",
+      "name": "man playing handball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93E 1F3FF 200D 2642",
+      "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾‍♀️",
+      "name": "woman playing handball",
+      "shortname": ":woman_playing_handball:",
+      "unicode": "1F93E 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾‍♀",
+      "name": "woman playing handball",
+      "shortname": ":woman_playing_handball:",
+      "unicode": "1F93E 200D 2640",
+      "html": "&#x1F93E;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏻‍♀️",
+      "name": "woman playing handball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93E 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏻‍♀",
+      "name": "woman playing handball: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F93E 1F3FB 200D 2640",
+      "html": "&#x1F93E;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏼‍♀️",
+      "name": "woman playing handball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93E 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏼‍♀",
+      "name": "woman playing handball: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F93E 1F3FC 200D 2640",
+      "html": "&#x1F93E;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏽‍♀️",
+      "name": "woman playing handball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93E 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏽‍♀",
+      "name": "woman playing handball: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F93E 1F3FD 200D 2640",
+      "html": "&#x1F93E;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏾‍♀️",
+      "name": "woman playing handball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93E 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏾‍♀",
+      "name": "woman playing handball: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F93E 1F3FE 200D 2640",
+      "html": "&#x1F93E;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏿‍♀️",
+      "name": "woman playing handball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93E 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤾🏿‍♀",
+      "name": "woman playing handball: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F93E 1F3FF 200D 2640",
+      "html": "&#x1F93E;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹",
+      "name": "person juggling",
+      "shortname": ":person_juggling:",
+      "unicode": "1F939",
+      "html": "&#x1F939;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏻",
+      "name": "person juggling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F939 1F3FB",
+      "html": "&#x1F939;&#x1F3FB;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏼",
+      "name": "person juggling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F939 1F3FC",
+      "html": "&#x1F939;&#x1F3FC;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏽",
+      "name": "person juggling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F939 1F3FD",
+      "html": "&#x1F939;&#x1F3FD;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏾",
+      "name": "person juggling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F939 1F3FE",
+      "html": "&#x1F939;&#x1F3FE;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏿",
+      "name": "person juggling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F939 1F3FF",
+      "html": "&#x1F939;&#x1F3FF;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹‍♂️",
+      "name": "man juggling",
+      "shortname": ":man_juggling:",
+      "unicode": "1F939 200D 2642 FE0F",
+      "html": "&#x1F939;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹‍♂",
+      "name": "man juggling",
+      "shortname": ":man_juggling:",
+      "unicode": "1F939 200D 2642",
+      "html": "&#x1F939;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏻‍♂️",
+      "name": "man juggling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F939 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏻‍♂",
+      "name": "man juggling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F939 1F3FB 200D 2642",
+      "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏼‍♂️",
+      "name": "man juggling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F939 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏼‍♂",
+      "name": "man juggling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F939 1F3FC 200D 2642",
+      "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏽‍♂️",
+      "name": "man juggling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F939 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏽‍♂",
+      "name": "man juggling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F939 1F3FD 200D 2642",
+      "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏾‍♂️",
+      "name": "man juggling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F939 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏾‍♂",
+      "name": "man juggling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F939 1F3FE 200D 2642",
+      "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏿‍♂️",
+      "name": "man juggling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F939 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏿‍♂",
+      "name": "man juggling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F939 1F3FF 200D 2642",
+      "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹‍♀️",
+      "name": "woman juggling",
+      "shortname": ":woman_juggling:",
+      "unicode": "1F939 200D 2640 FE0F",
+      "html": "&#x1F939;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹‍♀",
+      "name": "woman juggling",
+      "shortname": ":woman_juggling:",
+      "unicode": "1F939 200D 2640",
+      "html": "&#x1F939;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏻‍♀️",
+      "name": "woman juggling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F939 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏻‍♀",
+      "name": "woman juggling: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F939 1F3FB 200D 2640",
+      "html": "&#x1F939;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏼‍♀️",
+      "name": "woman juggling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F939 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏼‍♀",
+      "name": "woman juggling: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F939 1F3FC 200D 2640",
+      "html": "&#x1F939;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏽‍♀️",
+      "name": "woman juggling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F939 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏽‍♀",
+      "name": "woman juggling: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F939 1F3FD 200D 2640",
+      "html": "&#x1F939;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏾‍♀️",
+      "name": "woman juggling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F939 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏾‍♀",
+      "name": "woman juggling: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F939 1F3FE 200D 2640",
+      "html": "&#x1F939;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏿‍♀️",
+      "name": "woman juggling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F939 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤹🏿‍♀",
+      "name": "woman juggling: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F939 1F3FF 200D 2640",
+      "html": "&#x1F939;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘",
+      "name": "person in lotus position",
+      "shortname": ":person_in_lotus_position:",
+      "unicode": "1F9D8",
+      "html": "&#x1F9D8;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏻",
+      "name": "person in lotus position: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D8 1F3FB",
+      "html": "&#x1F9D8;&#x1F3FB;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏼",
+      "name": "person in lotus position: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D8 1F3FC",
+      "html": "&#x1F9D8;&#x1F3FC;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏽",
+      "name": "person in lotus position: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D8 1F3FD",
+      "html": "&#x1F9D8;&#x1F3FD;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏾",
+      "name": "person in lotus position: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D8 1F3FE",
+      "html": "&#x1F9D8;&#x1F3FE;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏿",
+      "name": "person in lotus position: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D8 1F3FF",
+      "html": "&#x1F9D8;&#x1F3FF;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘‍♂️",
+      "name": "man in lotus position",
+      "shortname": ":man_in_lotus_position:",
+      "unicode": "1F9D8 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘‍♂",
+      "name": "man in lotus position",
+      "shortname": ":man_in_lotus_position:",
+      "unicode": "1F9D8 200D 2642",
+      "html": "&#x1F9D8;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏻‍♂️",
+      "name": "man in lotus position: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D8 1F3FB 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏻‍♂",
+      "name": "man in lotus position: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D8 1F3FB 200D 2642",
+      "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏼‍♂️",
+      "name": "man in lotus position: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D8 1F3FC 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏼‍♂",
+      "name": "man in lotus position: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D8 1F3FC 200D 2642",
+      "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏽‍♂️",
+      "name": "man in lotus position: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D8 1F3FD 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏽‍♂",
+      "name": "man in lotus position: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D8 1F3FD 200D 2642",
+      "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏾‍♂️",
+      "name": "man in lotus position: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D8 1F3FE 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏾‍♂",
+      "name": "man in lotus position: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D8 1F3FE 200D 2642",
+      "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏿‍♂️",
+      "name": "man in lotus position: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D8 1F3FF 200D 2642 FE0F",
+      "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2642;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏿‍♂",
+      "name": "man in lotus position: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D8 1F3FF 200D 2642",
+      "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2642;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘‍♀️",
+      "name": "woman in lotus position",
+      "shortname": ":woman_in_lotus_position:",
+      "unicode": "1F9D8 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘‍♀",
+      "name": "woman in lotus position",
+      "shortname": ":woman_in_lotus_position:",
+      "unicode": "1F9D8 200D 2640",
+      "html": "&#x1F9D8;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏻‍♀️",
+      "name": "woman in lotus position: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D8 1F3FB 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏻‍♀",
+      "name": "woman in lotus position: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D8 1F3FB 200D 2640",
+      "html": "&#x1F9D8;&#x1F3FB;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏼‍♀️",
+      "name": "woman in lotus position: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D8 1F3FC 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏼‍♀",
+      "name": "woman in lotus position: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D8 1F3FC 200D 2640",
+      "html": "&#x1F9D8;&#x1F3FC;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏽‍♀️",
+      "name": "woman in lotus position: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D8 1F3FD 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏽‍♀",
+      "name": "woman in lotus position: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D8 1F3FD 200D 2640",
+      "html": "&#x1F9D8;&#x1F3FD;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏾‍♀️",
+      "name": "woman in lotus position: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D8 1F3FE 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏾‍♀",
+      "name": "woman in lotus position: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D8 1F3FE 200D 2640",
+      "html": "&#x1F9D8;&#x1F3FE;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏿‍♀️",
+      "name": "woman in lotus position: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D8 1F3FF 200D 2640 FE0F",
+      "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧘🏿‍♀",
+      "name": "woman in lotus position: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D8 1F3FF 200D 2640",
+      "html": "&#x1F9D8;&#x1F3FF;&#x200D;&#x2640;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛌🏻",
+      "name": "person in bed: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F6CC 1F3FB",
+      "html": "&#x1F6CC;&#x1F3FB;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛌🏼",
+      "name": "person in bed: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F6CC 1F3FC",
+      "html": "&#x1F6CC;&#x1F3FC;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛌🏽",
+      "name": "person in bed: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F6CC 1F3FD",
+      "html": "&#x1F6CC;&#x1F3FD;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛌🏾",
+      "name": "person in bed: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F6CC 1F3FE",
+      "html": "&#x1F6CC;&#x1F3FE;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🛌🏿",
+      "name": "person in bed: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F6CC 1F3FF",
+      "html": "&#x1F6CC;&#x1F3FF;",
+      "category": "People & Body (person-resting)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑‍🤝‍🧑",
+      "name": "people holding hands",
+      "shortname": ":people_holding_hands:",
+      "unicode": "1F9D1 200D 1F91D 200D 1F9D1",
+      "html": "&#x1F9D1;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🤝‍🧑🏻",
+      "name": "people holding hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🤝‍🧑🏼",
+      "name": "people holding hands: light skin tone, medium-light skin tone",
+      "shortname": ":light_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🤝‍🧑🏽",
+      "name": "people holding hands: light skin tone, medium skin tone",
+      "shortname": ":light_skin_tone_medium_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🤝‍🧑🏾",
+      "name": "people holding hands: light skin tone, medium-dark skin tone",
+      "shortname": ":light_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏻‍🤝‍🧑🏿",
+      "name": "people holding hands: light skin tone, dark skin tone",
+      "shortname": ":light_skin_tone_dark_skin_tone:",
+      "unicode": "1F9D1 1F3FB 200D 1F91D 200D 1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🤝‍🧑🏻",
+      "name": "people holding hands: medium-light skin tone, light skin tone",
+      "shortname": ":mediumlight_skin_tone_light_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🤝‍🧑🏼",
+      "name": "people holding hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🤝‍🧑🏽",
+      "name": "people holding hands: medium-light skin tone, medium skin tone",
+      "shortname": ":mediumlight_skin_tone_medium_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🤝‍🧑🏾",
+      "name": "people holding hands: medium-light skin tone, medium-dark skin tone",
+      "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏼‍🤝‍🧑🏿",
+      "name": "people holding hands: medium-light skin tone, dark skin tone",
+      "shortname": ":mediumlight_skin_tone_dark_skin_tone:",
+      "unicode": "1F9D1 1F3FC 200D 1F91D 200D 1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🤝‍🧑🏻",
+      "name": "people holding hands: medium skin tone, light skin tone",
+      "shortname": ":medium_skin_tone_light_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🤝‍🧑🏼",
+      "name": "people holding hands: medium skin tone, medium-light skin tone",
+      "shortname": ":medium_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🤝‍🧑🏽",
+      "name": "people holding hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🤝‍🧑🏾",
+      "name": "people holding hands: medium skin tone, medium-dark skin tone",
+      "shortname": ":medium_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏽‍🤝‍🧑🏿",
+      "name": "people holding hands: medium skin tone, dark skin tone",
+      "shortname": ":medium_skin_tone_dark_skin_tone:",
+      "unicode": "1F9D1 1F3FD 200D 1F91D 200D 1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🤝‍🧑🏻",
+      "name": "people holding hands: medium-dark skin tone, light skin tone",
+      "shortname": ":mediumdark_skin_tone_light_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🤝‍🧑🏼",
+      "name": "people holding hands: medium-dark skin tone, medium-light skin tone",
+      "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🤝‍🧑🏽",
+      "name": "people holding hands: medium-dark skin tone, medium skin tone",
+      "shortname": ":mediumdark_skin_tone_medium_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🤝‍🧑🏾",
+      "name": "people holding hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏾‍🤝‍🧑🏿",
+      "name": "people holding hands: medium-dark skin tone, dark skin tone",
+      "shortname": ":mediumdark_skin_tone_dark_skin_tone:",
+      "unicode": "1F9D1 1F3FE 200D 1F91D 200D 1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🤝‍🧑🏻",
+      "name": "people holding hands: dark skin tone, light skin tone",
+      "shortname": ":dark_skin_tone_light_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FB",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🤝‍🧑🏼",
+      "name": "people holding hands: dark skin tone, medium-light skin tone",
+      "shortname": ":dark_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FC",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🤝‍🧑🏽",
+      "name": "people holding hands: dark skin tone, medium skin tone",
+      "shortname": ":dark_skin_tone_medium_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FD",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🤝‍🧑🏾",
+      "name": "people holding hands: dark skin tone, medium-dark skin tone",
+      "shortname": ":dark_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FE",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🧑🏿‍🤝‍🧑🏿",
+      "name": "people holding hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F9D1 1F3FF 200D 1F91D 200D 1F9D1 1F3FF",
+      "html": "&#x1F9D1;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F9D1;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👭🏻",
+      "name": "women holding hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46D 1F3FB",
+      "html": "&#x1F46D;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👩🏼",
+      "name": "women holding hands: light skin tone, medium-light skin tone",
+      "shortname": ":light_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FC",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👩🏽",
+      "name": "women holding hands: light skin tone, medium skin tone",
+      "shortname": ":light_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FD",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👩🏾",
+      "name": "women holding hands: light skin tone, medium-dark skin tone",
+      "shortname": ":light_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FE",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👩🏿",
+      "name": "women holding hands: light skin tone, dark skin tone",
+      "shortname": ":light_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F469 1F3FF",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👩🏻",
+      "name": "women holding hands: medium-light skin tone, light skin tone",
+      "shortname": ":mediumlight_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FB",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👭🏼",
+      "name": "women holding hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46D 1F3FC",
+      "html": "&#x1F46D;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👩🏽",
+      "name": "women holding hands: medium-light skin tone, medium skin tone",
+      "shortname": ":mediumlight_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FD",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👩🏾",
+      "name": "women holding hands: medium-light skin tone, medium-dark skin tone",
+      "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FE",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👩🏿",
+      "name": "women holding hands: medium-light skin tone, dark skin tone",
+      "shortname": ":mediumlight_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F469 1F3FF",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👩🏻",
+      "name": "women holding hands: medium skin tone, light skin tone",
+      "shortname": ":medium_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FB",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👩🏼",
+      "name": "women holding hands: medium skin tone, medium-light skin tone",
+      "shortname": ":medium_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FC",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👭🏽",
+      "name": "women holding hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46D 1F3FD",
+      "html": "&#x1F46D;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👩🏾",
+      "name": "women holding hands: medium skin tone, medium-dark skin tone",
+      "shortname": ":medium_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FE",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👩🏿",
+      "name": "women holding hands: medium skin tone, dark skin tone",
+      "shortname": ":medium_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F469 1F3FF",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👩🏻",
+      "name": "women holding hands: medium-dark skin tone, light skin tone",
+      "shortname": ":mediumdark_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FB",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👩🏼",
+      "name": "women holding hands: medium-dark skin tone, medium-light skin tone",
+      "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FC",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👩🏽",
+      "name": "women holding hands: medium-dark skin tone, medium skin tone",
+      "shortname": ":mediumdark_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FD",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👭🏾",
+      "name": "women holding hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46D 1F3FE",
+      "html": "&#x1F46D;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👩🏿",
+      "name": "women holding hands: medium-dark skin tone, dark skin tone",
+      "shortname": ":mediumdark_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F469 1F3FF",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👩🏻",
+      "name": "women holding hands: dark skin tone, light skin tone",
+      "shortname": ":dark_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FB",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👩🏼",
+      "name": "women holding hands: dark skin tone, medium-light skin tone",
+      "shortname": ":dark_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FC",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👩🏽",
+      "name": "women holding hands: dark skin tone, medium skin tone",
+      "shortname": ":dark_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FD",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👩🏾",
+      "name": "women holding hands: dark skin tone, medium-dark skin tone",
+      "shortname": ":dark_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F469 1F3FE",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F469;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👭🏿",
+      "name": "women holding hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46D 1F3FF",
+      "html": "&#x1F46D;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👫🏻",
+      "name": "woman and man holding hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46B 1F3FB",
+      "html": "&#x1F46B;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👨🏼",
+      "name": "woman and man holding hands: light skin tone, medium-light skin tone",
+      "shortname": ":light_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👨🏽",
+      "name": "woman and man holding hands: light skin tone, medium skin tone",
+      "shortname": ":light_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👨🏾",
+      "name": "woman and man holding hands: light skin tone, medium-dark skin tone",
+      "shortname": ":light_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏻‍🤝‍👨🏿",
+      "name": "woman and man holding hands: light skin tone, dark skin tone",
+      "shortname": ":light_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FB 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F469;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👨🏻",
+      "name": "woman and man holding hands: medium-light skin tone, light skin tone",
+      "shortname": ":mediumlight_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👫🏼",
+      "name": "woman and man holding hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46B 1F3FC",
+      "html": "&#x1F46B;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👨🏽",
+      "name": "woman and man holding hands: medium-light skin tone, medium skin tone",
+      "shortname": ":mediumlight_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👨🏾",
+      "name": "woman and man holding hands: medium-light skin tone, medium-dark skin tone",
+      "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏼‍🤝‍👨🏿",
+      "name": "woman and man holding hands: medium-light skin tone, dark skin tone",
+      "shortname": ":mediumlight_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FC 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F469;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👨🏻",
+      "name": "woman and man holding hands: medium skin tone, light skin tone",
+      "shortname": ":medium_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👨🏼",
+      "name": "woman and man holding hands: medium skin tone, medium-light skin tone",
+      "shortname": ":medium_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👫🏽",
+      "name": "woman and man holding hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46B 1F3FD",
+      "html": "&#x1F46B;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👨🏾",
+      "name": "woman and man holding hands: medium skin tone, medium-dark skin tone",
+      "shortname": ":medium_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏽‍🤝‍👨🏿",
+      "name": "woman and man holding hands: medium skin tone, dark skin tone",
+      "shortname": ":medium_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FD 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F469;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👨🏻",
+      "name": "woman and man holding hands: medium-dark skin tone, light skin tone",
+      "shortname": ":mediumdark_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👨🏼",
+      "name": "woman and man holding hands: medium-dark skin tone, medium-light skin tone",
+      "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👨🏽",
+      "name": "woman and man holding hands: medium-dark skin tone, medium skin tone",
+      "shortname": ":mediumdark_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👫🏾",
+      "name": "woman and man holding hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46B 1F3FE",
+      "html": "&#x1F46B;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏾‍🤝‍👨🏿",
+      "name": "woman and man holding hands: medium-dark skin tone, dark skin tone",
+      "shortname": ":mediumdark_skin_tone_dark_skin_tone:",
+      "unicode": "1F469 1F3FE 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F469;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👨🏻",
+      "name": "woman and man holding hands: dark skin tone, light skin tone",
+      "shortname": ":dark_skin_tone_light_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👨🏼",
+      "name": "woman and man holding hands: dark skin tone, medium-light skin tone",
+      "shortname": ":dark_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👨🏽",
+      "name": "woman and man holding hands: dark skin tone, medium skin tone",
+      "shortname": ":dark_skin_tone_medium_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩🏿‍🤝‍👨🏾",
+      "name": "woman and man holding hands: dark skin tone, medium-dark skin tone",
+      "shortname": ":dark_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F469 1F3FF 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F469;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👫🏿",
+      "name": "woman and man holding hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46B 1F3FF",
+      "html": "&#x1F46B;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👬🏻",
+      "name": "men holding hands: light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F46C 1F3FB",
+      "html": "&#x1F46C;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🤝‍👨🏼",
+      "name": "men holding hands: light skin tone, medium-light skin tone",
+      "shortname": ":light_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🤝‍👨🏽",
+      "name": "men holding hands: light skin tone, medium skin tone",
+      "shortname": ":light_skin_tone_medium_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🤝‍👨🏾",
+      "name": "men holding hands: light skin tone, medium-dark skin tone",
+      "shortname": ":light_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏻‍🤝‍👨🏿",
+      "name": "men holding hands: light skin tone, dark skin tone",
+      "shortname": ":light_skin_tone_dark_skin_tone:",
+      "unicode": "1F468 1F3FB 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F468;&#x1F3FB;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🤝‍👨🏻",
+      "name": "men holding hands: medium-light skin tone, light skin tone",
+      "shortname": ":mediumlight_skin_tone_light_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👬🏼",
+      "name": "men holding hands: medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F46C 1F3FC",
+      "html": "&#x1F46C;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🤝‍👨🏽",
+      "name": "men holding hands: medium-light skin tone, medium skin tone",
+      "shortname": ":mediumlight_skin_tone_medium_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🤝‍👨🏾",
+      "name": "men holding hands: medium-light skin tone, medium-dark skin tone",
+      "shortname": ":mediumlight_skin_tone_medium-dark_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏼‍🤝‍👨🏿",
+      "name": "men holding hands: medium-light skin tone, dark skin tone",
+      "shortname": ":mediumlight_skin_tone_dark_skin_tone:",
+      "unicode": "1F468 1F3FC 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F468;&#x1F3FC;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🤝‍👨🏻",
+      "name": "men holding hands: medium skin tone, light skin tone",
+      "shortname": ":medium_skin_tone_light_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🤝‍👨🏼",
+      "name": "men holding hands: medium skin tone, medium-light skin tone",
+      "shortname": ":medium_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👬🏽",
+      "name": "men holding hands: medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F46C 1F3FD",
+      "html": "&#x1F46C;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🤝‍👨🏾",
+      "name": "men holding hands: medium skin tone, medium-dark skin tone",
+      "shortname": ":medium_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏽‍🤝‍👨🏿",
+      "name": "men holding hands: medium skin tone, dark skin tone",
+      "shortname": ":medium_skin_tone_dark_skin_tone:",
+      "unicode": "1F468 1F3FD 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F468;&#x1F3FD;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🤝‍👨🏻",
+      "name": "men holding hands: medium-dark skin tone, light skin tone",
+      "shortname": ":mediumdark_skin_tone_light_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🤝‍👨🏼",
+      "name": "men holding hands: medium-dark skin tone, medium-light skin tone",
+      "shortname": ":mediumdark_skin_tone_medium-light_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🤝‍👨🏽",
+      "name": "men holding hands: medium-dark skin tone, medium skin tone",
+      "shortname": ":mediumdark_skin_tone_medium_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👬🏾",
+      "name": "men holding hands: medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F46C 1F3FE",
+      "html": "&#x1F46C;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏾‍🤝‍👨🏿",
+      "name": "men holding hands: medium-dark skin tone, dark skin tone",
+      "shortname": ":mediumdark_skin_tone_dark_skin_tone:",
+      "unicode": "1F468 1F3FE 200D 1F91D 200D 1F468 1F3FF",
+      "html": "&#x1F468;&#x1F3FE;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🤝‍👨🏻",
+      "name": "men holding hands: dark skin tone, light skin tone",
+      "shortname": ":dark_skin_tone_light_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FB",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FB;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🤝‍👨🏼",
+      "name": "men holding hands: dark skin tone, medium-light skin tone",
+      "shortname": ":dark_skin_tone_mediumlight_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FC",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FC;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🤝‍👨🏽",
+      "name": "men holding hands: dark skin tone, medium skin tone",
+      "shortname": ":dark_skin_tone_medium_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FD",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FD;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨🏿‍🤝‍👨🏾",
+      "name": "men holding hands: dark skin tone, medium-dark skin tone",
+      "shortname": ":dark_skin_tone_mediumdark_skin_tone:",
+      "unicode": "1F468 1F3FF 200D 1F91D 200D 1F468 1F3FE",
+      "html": "&#x1F468;&#x1F3FF;&#x200D;&#x1F91D;&#x200D;&#x1F468;&#x1F3FE;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👬🏿",
+      "name": "men holding hands: dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F46C 1F3FF",
+      "html": "&#x1F46C;&#x1F3FF;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤️‍💋‍👨",
+      "name": "kiss: woman, man",
+      "shortname": ":woman_man:",
+      "unicode": "1F469 200D 2764 FE0F 200D 1F48B 200D 1F468",
+      "html": "&#x1F469;&#x200D;&#x2764;&#xFE0F;&#x200D;&#x1F48B;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤‍💋‍👨",
+      "name": "kiss: woman, man",
+      "shortname": ":woman_man:",
+      "unicode": "1F469 200D 2764 200D 1F48B 200D 1F468",
+      "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍❤‍💋‍👨",
+      "name": "kiss: man, man",
+      "shortname": ":man_man:",
+      "unicode": "1F468 200D 2764 200D 1F48B 200D 1F468",
+      "html": "&#x1F468;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤‍💋‍👩",
+      "name": "kiss: woman, woman",
+      "shortname": ":woman_woman:",
+      "unicode": "1F469 200D 2764 200D 1F48B 200D 1F469",
+      "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F48B;&#x200D;&#x1F469;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤️‍👨",
+      "name": "couple with heart: woman, man",
+      "shortname": ":woman_man:",
+      "unicode": "1F469 200D 2764 FE0F 200D 1F468",
+      "html": "&#x1F469;&#x200D;&#x2764;&#xFE0F;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤‍👨",
+      "name": "couple with heart: woman, man",
+      "shortname": ":woman_man:",
+      "unicode": "1F469 200D 2764 200D 1F468",
+      "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍❤‍👨",
+      "name": "couple with heart: man, man",
+      "shortname": ":man_man:",
+      "unicode": "1F468 200D 2764 200D 1F468",
+      "html": "&#x1F468;&#x200D;&#x2764;&#x200D;&#x1F468;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👩‍❤‍👩",
+      "name": "couple with heart: woman, woman",
+      "shortname": ":woman_woman:",
+      "unicode": "1F469 200D 2764 200D 1F469",
+      "html": "&#x1F469;&#x200D;&#x2764;&#x200D;&#x1F469;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "👨‍👩‍👦",
+      "name": "family: man, woman, boy",
+      "shortname": ":man_woman_boy:",
+      "unicode": "1F468 200D 1F469 200D 1F466",
+      "html": "&#x1F468;&#x200D;&#x1F469;&#x200D;&#x1F466;",
+      "category": "People & Body (family)",
+      "order": ""
+    },
+    {
+      "emoji": "🗣️",
+      "name": "speaking head",
+      "shortname": ":speaking_head:",
+      "unicode": "1F5E3 FE0F",
+      "html": "&#x1F5E3;&#xFE0F;",
+      "category": "People & Body (person-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "🏻",
+      "name": "light skin tone",
+      "shortname": ":light_skin_tone:",
+      "unicode": "1F3FB",
+      "html": "&#x1F3FB;",
+      "category": "Component (skin-tone)",
+      "order": ""
+    },
+    {
+      "emoji": "🏼",
+      "name": "medium-light skin tone",
+      "shortname": ":mediumlight_skin_tone:",
+      "unicode": "1F3FC",
+      "html": "&#x1F3FC;",
+      "category": "Component (skin-tone)",
+      "order": ""
+    },
+    {
+      "emoji": "🏽",
+      "name": "medium skin tone",
+      "shortname": ":medium_skin_tone:",
+      "unicode": "1F3FD",
+      "html": "&#x1F3FD;",
+      "category": "Component (skin-tone)",
+      "order": ""
+    },
+    {
+      "emoji": "🏾",
+      "name": "medium-dark skin tone",
+      "shortname": ":mediumdark_skin_tone:",
+      "unicode": "1F3FE",
+      "html": "&#x1F3FE;",
+      "category": "Component (skin-tone)",
+      "order": ""
+    },
+    {
+      "emoji": "🏿",
+      "name": "dark skin tone",
+      "shortname": ":dark_skin_tone:",
+      "unicode": "1F3FF",
+      "html": "&#x1F3FF;",
+      "category": "Component (skin-tone)",
+      "order": ""
+    },
+    {
+      "emoji": "🦰",
+      "name": "red hair",
+      "shortname": ":red_hair:",
+      "unicode": "1F9B0",
+      "html": "&#x1F9B0;",
+      "category": "Component (hair-style)",
+      "order": ""
+    },
+    {
+      "emoji": "🦱",
+      "name": "curly hair",
+      "shortname": ":curly_hair:",
+      "unicode": "1F9B1",
+      "html": "&#x1F9B1;",
+      "category": "Component (hair-style)",
+      "order": ""
+    },
+    {
+      "emoji": "🦳",
+      "name": "white hair",
+      "shortname": ":white_hair:",
+      "unicode": "1F9B3",
+      "html": "&#x1F9B3;",
+      "category": "Component (hair-style)",
+      "order": ""
+    },
+    {
+      "emoji": "🦲",
+      "name": "bald",
+      "shortname": ":bald:",
+      "unicode": "1F9B2",
+      "html": "&#x1F9B2;",
+      "category": "Component (hair-style)",
+      "order": ""
+    },
+    {
+      "emoji": "🦍",
+      "name": "gorilla",
+      "shortname": ":gorilla:",
+      "unicode": "1F98D",
+      "html": "&#x1F98D;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦧",
+      "name": "orangutan",
+      "shortname": ":orangutan:",
+      "unicode": "1F9A7",
+      "html": "&#x1F9A7;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦮",
+      "name": "guide dog",
+      "shortname": ":guide_dog:",
+      "unicode": "1F9AE",
+      "html": "&#x1F9AE;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🐕‍🦺",
+      "name": "service dog",
+      "shortname": ":service_dog:",
+      "unicode": "1F415 200D 1F9BA",
+      "html": "&#x1F415;&#x200D;&#x1F9BA;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦊",
+      "name": "fox",
+      "shortname": ":fox:",
+      "unicode": "1F98A",
+      "html": "&#x1F98A;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦝",
+      "name": "raccoon",
+      "shortname": ":raccoon:",
+      "unicode": "1F99D",
+      "html": "&#x1F99D;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦓",
+      "name": "zebra",
+      "shortname": ":zebra:",
+      "unicode": "1F993",
+      "html": "&#x1F993;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦌",
+      "name": "deer",
+      "shortname": ":deer:",
+      "unicode": "1F98C",
+      "html": "&#x1F98C;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦙",
+      "name": "llama",
+      "shortname": ":llama:",
+      "unicode": "1F999",
+      "html": "&#x1F999;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦒",
+      "name": "giraffe",
+      "shortname": ":giraffe:",
+      "unicode": "1F992",
+      "html": "&#x1F992;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦏",
+      "name": "rhinoceros",
+      "shortname": ":rhinoceros:",
+      "unicode": "1F98F",
+      "html": "&#x1F98F;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦛",
+      "name": "hippopotamus",
+      "shortname": ":hippopotamus:",
+      "unicode": "1F99B",
+      "html": "&#x1F99B;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🐿️",
+      "name": "chipmunk",
+      "shortname": ":chipmunk:",
+      "unicode": "1F43F FE0F",
+      "html": "&#x1F43F;&#xFE0F;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦔",
+      "name": "hedgehog",
+      "shortname": ":hedgehog:",
+      "unicode": "1F994",
+      "html": "&#x1F994;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦇",
+      "name": "bat",
+      "shortname": ":bat:",
+      "unicode": "1F987",
+      "html": "&#x1F987;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦥",
+      "name": "sloth",
+      "shortname": ":sloth:",
+      "unicode": "1F9A5",
+      "html": "&#x1F9A5;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦦",
+      "name": "otter",
+      "shortname": ":otter:",
+      "unicode": "1F9A6",
+      "html": "&#x1F9A6;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦨",
+      "name": "skunk",
+      "shortname": ":skunk:",
+      "unicode": "1F9A8",
+      "html": "&#x1F9A8;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦘",
+      "name": "kangaroo",
+      "shortname": ":kangaroo:",
+      "unicode": "1F998",
+      "html": "&#x1F998;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🦡",
+      "name": "badger",
+      "shortname": ":badger:",
+      "unicode": "1F9A1",
+      "html": "&#x1F9A1;",
+      "category": "Animals & Nature (animal-mammal)",
+      "order": ""
+    },
+    {
+      "emoji": "🕊️",
+      "name": "dove",
+      "shortname": ":dove:",
+      "unicode": "1F54A FE0F",
+      "html": "&#x1F54A;&#xFE0F;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦅",
+      "name": "eagle",
+      "shortname": ":eagle:",
+      "unicode": "1F985",
+      "html": "&#x1F985;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦆",
+      "name": "duck",
+      "shortname": ":duck:",
+      "unicode": "1F986",
+      "html": "&#x1F986;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦢",
+      "name": "swan",
+      "shortname": ":swan:",
+      "unicode": "1F9A2",
+      "html": "&#x1F9A2;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦉",
+      "name": "owl",
+      "shortname": ":owl:",
+      "unicode": "1F989",
+      "html": "&#x1F989;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦩",
+      "name": "flamingo",
+      "shortname": ":flamingo:",
+      "unicode": "1F9A9",
+      "html": "&#x1F9A9;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦚",
+      "name": "peacock",
+      "shortname": ":peacock:",
+      "unicode": "1F99A",
+      "html": "&#x1F99A;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦜",
+      "name": "parrot",
+      "shortname": ":parrot:",
+      "unicode": "1F99C",
+      "html": "&#x1F99C;",
+      "category": "Animals & Nature (animal-bird)",
+      "order": ""
+    },
+    {
+      "emoji": "🦎",
+      "name": "lizard",
+      "shortname": ":lizard:",
+      "unicode": "1F98E",
+      "html": "&#x1F98E;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": ""
+    },
+    {
+      "emoji": "🦕",
+      "name": "sauropod",
+      "shortname": ":sauropod:",
+      "unicode": "1F995",
+      "html": "&#x1F995;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": ""
+    },
+    {
+      "emoji": "🦖",
+      "name": "T-Rex",
+      "shortname": ":TRex:",
+      "unicode": "1F996",
+      "html": "&#x1F996;",
+      "category": "Animals & Nature (animal-reptile)",
+      "order": ""
+    },
+    {
+      "emoji": "🦈",
+      "name": "shark",
+      "shortname": ":shark:",
+      "unicode": "1F988",
+      "html": "&#x1F988;",
+      "category": "Animals & Nature (animal-marine)",
+      "order": ""
+    },
+    {
+      "emoji": "🦋",
+      "name": "butterfly",
+      "shortname": ":butterfly:",
+      "unicode": "1F98B",
+      "html": "&#x1F98B;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🦗",
+      "name": "cricket",
+      "shortname": ":cricket:",
+      "unicode": "1F997",
+      "html": "&#x1F997;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🕷️",
+      "name": "spider",
+      "shortname": ":spider:",
+      "unicode": "1F577 FE0F",
+      "html": "&#x1F577;&#xFE0F;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🕸️",
+      "name": "spider web",
+      "shortname": ":spider_web:",
+      "unicode": "1F578 FE0F",
+      "html": "&#x1F578;&#xFE0F;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🦟",
+      "name": "mosquito",
+      "shortname": ":mosquito:",
+      "unicode": "1F99F",
+      "html": "&#x1F99F;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🦠",
+      "name": "microbe",
+      "shortname": ":microbe:",
+      "unicode": "1F9A0",
+      "html": "&#x1F9A0;",
+      "category": "Animals & Nature (animal-bug)",
+      "order": ""
+    },
+    {
+      "emoji": "🏵️",
+      "name": "rosette",
+      "shortname": ":rosette:",
+      "unicode": "1F3F5 FE0F",
+      "html": "&#x1F3F5;&#xFE0F;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": ""
+    },
+    {
+      "emoji": "🥀",
+      "name": "wilted flower",
+      "shortname": ":wilted_flower:",
+      "unicode": "1F940",
+      "html": "&#x1F940;",
+      "category": "Animals & Nature (plant-flower)",
+      "order": ""
+    },
+    {
+      "emoji": "☘️",
+      "name": "shamrock",
+      "shortname": ":shamrock:",
+      "unicode": "2618 FE0F",
+      "html": "&#x2618;&#xFE0F;",
+      "category": "Animals & Nature (plant-other)",
+      "order": ""
+    },
+    {
+      "emoji": "🥭",
+      "name": "mango",
+      "shortname": ":mango:",
+      "unicode": "1F96D",
+      "html": "&#x1F96D;",
+      "category": "Food & Drink (food-fruit)",
+      "order": ""
+    },
+    {
+      "emoji": "🥝",
+      "name": "kiwi fruit",
+      "shortname": ":kiwi_fruit:",
+      "unicode": "1F95D",
+      "html": "&#x1F95D;",
+      "category": "Food & Drink (food-fruit)",
+      "order": ""
+    },
+    {
+      "emoji": "🥥",
+      "name": "coconut",
+      "shortname": ":coconut:",
+      "unicode": "1F965",
+      "html": "&#x1F965;",
+      "category": "Food & Drink (food-fruit)",
+      "order": ""
+    },
+    {
+      "emoji": "🥑",
+      "name": "avocado",
+      "shortname": ":avocado:",
+      "unicode": "1F951",
+      "html": "&#x1F951;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥔",
+      "name": "potato",
+      "shortname": ":potato:",
+      "unicode": "1F954",
+      "html": "&#x1F954;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥕",
+      "name": "carrot",
+      "shortname": ":carrot:",
+      "unicode": "1F955",
+      "html": "&#x1F955;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🌶️",
+      "name": "hot pepper",
+      "shortname": ":hot_pepper:",
+      "unicode": "1F336 FE0F",
+      "html": "&#x1F336;&#xFE0F;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥒",
+      "name": "cucumber",
+      "shortname": ":cucumber:",
+      "unicode": "1F952",
+      "html": "&#x1F952;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥬",
+      "name": "leafy green",
+      "shortname": ":leafy_green:",
+      "unicode": "1F96C",
+      "html": "&#x1F96C;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥦",
+      "name": "broccoli",
+      "shortname": ":broccoli:",
+      "unicode": "1F966",
+      "html": "&#x1F966;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🧄",
+      "name": "garlic",
+      "shortname": ":garlic:",
+      "unicode": "1F9C4",
+      "html": "&#x1F9C4;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🧅",
+      "name": "onion",
+      "shortname": ":onion:",
+      "unicode": "1F9C5",
+      "html": "&#x1F9C5;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥜",
+      "name": "peanuts",
+      "shortname": ":peanuts:",
+      "unicode": "1F95C",
+      "html": "&#x1F95C;",
+      "category": "Food & Drink (food-vegetable)",
+      "order": ""
+    },
+    {
+      "emoji": "🥐",
+      "name": "croissant",
+      "shortname": ":croissant:",
+      "unicode": "1F950",
+      "html": "&#x1F950;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥖",
+      "name": "baguette bread",
+      "shortname": ":baguette_bread:",
+      "unicode": "1F956",
+      "html": "&#x1F956;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥨",
+      "name": "pretzel",
+      "shortname": ":pretzel:",
+      "unicode": "1F968",
+      "html": "&#x1F968;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥯",
+      "name": "bagel",
+      "shortname": ":bagel:",
+      "unicode": "1F96F",
+      "html": "&#x1F96F;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥞",
+      "name": "pancakes",
+      "shortname": ":pancakes:",
+      "unicode": "1F95E",
+      "html": "&#x1F95E;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🧇",
+      "name": "waffle",
+      "shortname": ":waffle:",
+      "unicode": "1F9C7",
+      "html": "&#x1F9C7;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥩",
+      "name": "cut of meat",
+      "shortname": ":cut_of_meat:",
+      "unicode": "1F969",
+      "html": "&#x1F969;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥓",
+      "name": "bacon",
+      "shortname": ":bacon:",
+      "unicode": "1F953",
+      "html": "&#x1F953;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥪",
+      "name": "sandwich",
+      "shortname": ":sandwich:",
+      "unicode": "1F96A",
+      "html": "&#x1F96A;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥙",
+      "name": "stuffed flatbread",
+      "shortname": ":stuffed_flatbread:",
+      "unicode": "1F959",
+      "html": "&#x1F959;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🧆",
+      "name": "falafel",
+      "shortname": ":falafel:",
+      "unicode": "1F9C6",
+      "html": "&#x1F9C6;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥘",
+      "name": "shallow pan of food",
+      "shortname": ":shallow_pan_of_food:",
+      "unicode": "1F958",
+      "html": "&#x1F958;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥣",
+      "name": "bowl with spoon",
+      "shortname": ":bowl_with_spoon:",
+      "unicode": "1F963",
+      "html": "&#x1F963;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥗",
+      "name": "green salad",
+      "shortname": ":green_salad:",
+      "unicode": "1F957",
+      "html": "&#x1F957;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🧈",
+      "name": "butter",
+      "shortname": ":butter:",
+      "unicode": "1F9C8",
+      "html": "&#x1F9C8;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🧂",
+      "name": "salt",
+      "shortname": ":salt:",
+      "unicode": "1F9C2",
+      "html": "&#x1F9C2;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥫",
+      "name": "canned food",
+      "shortname": ":canned_food:",
+      "unicode": "1F96B",
+      "html": "&#x1F96B;",
+      "category": "Food & Drink (food-prepared)",
+      "order": ""
+    },
+    {
+      "emoji": "🥮",
+      "name": "moon cake",
+      "shortname": ":moon_cake:",
+      "unicode": "1F96E",
+      "html": "&#x1F96E;",
+      "category": "Food & Drink (food-asian)",
+      "order": ""
+    },
+    {
+      "emoji": "🥟",
+      "name": "dumpling",
+      "shortname": ":dumpling:",
+      "unicode": "1F95F",
+      "html": "&#x1F95F;",
+      "category": "Food & Drink (food-asian)",
+      "order": ""
+    },
+    {
+      "emoji": "🥠",
+      "name": "fortune cookie",
+      "shortname": ":fortune_cookie:",
+      "unicode": "1F960",
+      "html": "&#x1F960;",
+      "category": "Food & Drink (food-asian)",
+      "order": ""
+    },
+    {
+      "emoji": "🥡",
+      "name": "takeout box",
+      "shortname": ":takeout_box:",
+      "unicode": "1F961",
+      "html": "&#x1F961;",
+      "category": "Food & Drink (food-asian)",
+      "order": ""
+    },
+    {
+      "emoji": "🦞",
+      "name": "lobster",
+      "shortname": ":lobster:",
+      "unicode": "1F99E",
+      "html": "&#x1F99E;",
+      "category": "Food & Drink (food-marine)",
+      "order": ""
+    },
+    {
+      "emoji": "🦐",
+      "name": "shrimp",
+      "shortname": ":shrimp:",
+      "unicode": "1F990",
+      "html": "&#x1F990;",
+      "category": "Food & Drink (food-marine)",
+      "order": ""
+    },
+    {
+      "emoji": "🦑",
+      "name": "squid",
+      "shortname": ":squid:",
+      "unicode": "1F991",
+      "html": "&#x1F991;",
+      "category": "Food & Drink (food-marine)",
+      "order": ""
+    },
+    {
+      "emoji": "🦪",
+      "name": "oyster",
+      "shortname": ":oyster:",
+      "unicode": "1F9AA",
+      "html": "&#x1F9AA;",
+      "category": "Food & Drink (food-marine)",
+      "order": ""
+    },
+    {
+      "emoji": "🧁",
+      "name": "cupcake",
+      "shortname": ":cupcake:",
+      "unicode": "1F9C1",
+      "html": "&#x1F9C1;",
+      "category": "Food & Drink (food-sweet)",
+      "order": ""
+    },
+    {
+      "emoji": "🥧",
+      "name": "pie",
+      "shortname": ":pie:",
+      "unicode": "1F967",
+      "html": "&#x1F967;",
+      "category": "Food & Drink (food-sweet)",
+      "order": ""
+    },
+    {
+      "emoji": "🥛",
+      "name": "glass of milk",
+      "shortname": ":glass_of_milk:",
+      "unicode": "1F95B",
+      "html": "&#x1F95B;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🥂",
+      "name": "clinking glasses",
+      "shortname": ":clinking_glasses:",
+      "unicode": "1F942",
+      "html": "&#x1F942;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🥃",
+      "name": "tumbler glass",
+      "shortname": ":tumbler_glass:",
+      "unicode": "1F943",
+      "html": "&#x1F943;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🥤",
+      "name": "cup with straw",
+      "shortname": ":cup_with_straw:",
+      "unicode": "1F964",
+      "html": "&#x1F964;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🧃",
+      "name": "beverage box",
+      "shortname": ":beverage_box:",
+      "unicode": "1F9C3",
+      "html": "&#x1F9C3;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🧉",
+      "name": "mate",
+      "shortname": ":mate:",
+      "unicode": "1F9C9",
+      "html": "&#x1F9C9;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🧊",
+      "name": "ice",
+      "shortname": ":ice:",
+      "unicode": "1F9CA",
+      "html": "&#x1F9CA;",
+      "category": "Food & Drink (drink)",
+      "order": ""
+    },
+    {
+      "emoji": "🥢",
+      "name": "chopsticks",
+      "shortname": ":chopsticks:",
+      "unicode": "1F962",
+      "html": "&#x1F962;",
+      "category": "Food & Drink (dishware)",
+      "order": ""
+    },
+    {
+      "emoji": "🍽️",
+      "name": "fork and knife with plate",
+      "shortname": ":fork_and_knife_with_plate:",
+      "unicode": "1F37D FE0F",
+      "html": "&#x1F37D;&#xFE0F;",
+      "category": "Food & Drink (dishware)",
+      "order": ""
+    },
+    {
+      "emoji": "🥄",
+      "name": "spoon",
+      "shortname": ":spoon:",
+      "unicode": "1F944",
+      "html": "&#x1F944;",
+      "category": "Food & Drink (dishware)",
+      "order": ""
+    },
+    {
+      "emoji": "🗺️",
+      "name": "world map",
+      "shortname": ":world_map:",
+      "unicode": "1F5FA FE0F",
+      "html": "&#x1F5FA;&#xFE0F;",
+      "category": "Travel & Places (place-map)",
+      "order": ""
+    },
+    {
+      "emoji": "🧭",
+      "name": "compass",
+      "shortname": ":compass:",
+      "unicode": "1F9ED",
+      "html": "&#x1F9ED;",
+      "category": "Travel & Places (place-map)",
+      "order": ""
+    },
+    {
+      "emoji": "🏔️",
+      "name": "snow-capped mountain",
+      "shortname": ":snowcapped_mountain:",
+      "unicode": "1F3D4 FE0F",
+      "html": "&#x1F3D4;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "⛰️",
+      "name": "mountain",
+      "shortname": ":mountain:",
+      "unicode": "26F0 FE0F",
+      "html": "&#x26F0;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏕️",
+      "name": "camping",
+      "shortname": ":camping:",
+      "unicode": "1F3D5 FE0F",
+      "html": "&#x1F3D5;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏖️",
+      "name": "beach with umbrella",
+      "shortname": ":beach_with_umbrella:",
+      "unicode": "1F3D6 FE0F",
+      "html": "&#x1F3D6;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏜️",
+      "name": "desert",
+      "shortname": ":desert:",
+      "unicode": "1F3DC FE0F",
+      "html": "&#x1F3DC;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏝️",
+      "name": "desert island",
+      "shortname": ":desert_island:",
+      "unicode": "1F3DD FE0F",
+      "html": "&#x1F3DD;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏞️",
+      "name": "national park",
+      "shortname": ":national_park:",
+      "unicode": "1F3DE FE0F",
+      "html": "&#x1F3DE;&#xFE0F;",
+      "category": "Travel & Places (place-geographic)",
+      "order": ""
+    },
+    {
+      "emoji": "🏟️",
+      "name": "stadium",
+      "shortname": ":stadium:",
+      "unicode": "1F3DF FE0F",
+      "html": "&#x1F3DF;&#xFE0F;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏛️",
+      "name": "classical building",
+      "shortname": ":classical_building:",
+      "unicode": "1F3DB FE0F",
+      "html": "&#x1F3DB;&#xFE0F;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏗️",
+      "name": "building construction",
+      "shortname": ":building_construction:",
+      "unicode": "1F3D7 FE0F",
+      "html": "&#x1F3D7;&#xFE0F;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🧱",
+      "name": "brick",
+      "shortname": ":brick:",
+      "unicode": "1F9F1",
+      "html": "&#x1F9F1;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏘️",
+      "name": "houses",
+      "shortname": ":houses:",
+      "unicode": "1F3D8 FE0F",
+      "html": "&#x1F3D8;&#xFE0F;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🏚️",
+      "name": "derelict house",
+      "shortname": ":derelict_house:",
+      "unicode": "1F3DA FE0F",
+      "html": "&#x1F3DA;&#xFE0F;",
+      "category": "Travel & Places (place-building)",
+      "order": ""
+    },
+    {
+      "emoji": "🛕",
+      "name": "hindu temple",
+      "shortname": ":hindu_temple:",
+      "unicode": "1F6D5",
+      "html": "&#x1F6D5;",
+      "category": "Travel & Places (place-religious)",
+      "order": ""
+    },
+    {
+      "emoji": "⛩️",
+      "name": "shinto shrine",
+      "shortname": ":shinto_shrine:",
+      "unicode": "26E9 FE0F",
+      "html": "&#x26E9;&#xFE0F;",
+      "category": "Travel & Places (place-religious)",
+      "order": ""
+    },
+    {
+      "emoji": "🏙️",
+      "name": "cityscape",
+      "shortname": ":cityscape:",
+      "unicode": "1F3D9 FE0F",
+      "html": "&#x1F3D9;&#xFE0F;",
+      "category": "Travel & Places (place-other)",
+      "order": ""
+    },
+    {
+      "emoji": "♨",
+      "name": "hot springs",
+      "shortname": ":hot_springs:",
+      "unicode": "2668",
+      "html": "&#x2668;",
+      "category": "Travel & Places (place-other)",
+      "order": ""
+    },
+    {
+      "emoji": "🏎️",
+      "name": "racing car",
+      "shortname": ":racing_car:",
+      "unicode": "1F3CE FE0F",
+      "html": "&#x1F3CE;&#xFE0F;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🏍️",
+      "name": "motorcycle",
+      "shortname": ":motorcycle:",
+      "unicode": "1F3CD FE0F",
+      "html": "&#x1F3CD;&#xFE0F;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛵",
+      "name": "motor scooter",
+      "shortname": ":motor_scooter:",
+      "unicode": "1F6F5",
+      "html": "&#x1F6F5;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🦽",
+      "name": "manual wheelchair",
+      "shortname": ":manual_wheelchair:",
+      "unicode": "1F9BD",
+      "html": "&#x1F9BD;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🦼",
+      "name": "motorized wheelchair",
+      "shortname": ":motorized_wheelchair:",
+      "unicode": "1F9BC",
+      "html": "&#x1F9BC;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛺",
+      "name": "auto rickshaw",
+      "shortname": ":auto_rickshaw:",
+      "unicode": "1F6FA",
+      "html": "&#x1F6FA;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛴",
+      "name": "kick scooter",
+      "shortname": ":kick_scooter:",
+      "unicode": "1F6F4",
+      "html": "&#x1F6F4;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛹",
+      "name": "skateboard",
+      "shortname": ":skateboard:",
+      "unicode": "1F6F9",
+      "html": "&#x1F6F9;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛣️",
+      "name": "motorway",
+      "shortname": ":motorway:",
+      "unicode": "1F6E3 FE0F",
+      "html": "&#x1F6E3;&#xFE0F;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛤️",
+      "name": "railway track",
+      "shortname": ":railway_track:",
+      "unicode": "1F6E4 FE0F",
+      "html": "&#x1F6E4;&#xFE0F;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛢️",
+      "name": "oil drum",
+      "shortname": ":oil_drum:",
+      "unicode": "1F6E2 FE0F",
+      "html": "&#x1F6E2;&#xFE0F;",
+      "category": "Travel & Places (transport-ground)",
+      "order": ""
+    },
+    {
+      "emoji": "🛶",
+      "name": "canoe",
+      "shortname": ":canoe:",
+      "unicode": "1F6F6",
+      "html": "&#x1F6F6;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "🛳️",
+      "name": "passenger ship",
+      "shortname": ":passenger_ship:",
+      "unicode": "1F6F3 FE0F",
+      "html": "&#x1F6F3;&#xFE0F;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "⛴️",
+      "name": "ferry",
+      "shortname": ":ferry:",
+      "unicode": "26F4 FE0F",
+      "html": "&#x26F4;&#xFE0F;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "🛥️",
+      "name": "motor boat",
+      "shortname": ":motor_boat:",
+      "unicode": "1F6E5 FE0F",
+      "html": "&#x1F6E5;&#xFE0F;",
+      "category": "Travel & Places (transport-water)",
+      "order": ""
+    },
+    {
+      "emoji": "✈",
+      "name": "airplane",
+      "shortname": ":airplane:",
+      "unicode": "2708",
+      "html": "&#x2708;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛩️",
+      "name": "small airplane",
+      "shortname": ":small_airplane:",
+      "unicode": "1F6E9 FE0F",
+      "html": "&#x1F6E9;&#xFE0F;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🪂",
+      "name": "parachute",
+      "shortname": ":parachute:",
+      "unicode": "1FA82",
+      "html": "&#x1FA82;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛰️",
+      "name": "satellite",
+      "shortname": ":satellite:",
+      "unicode": "1F6F0 FE0F",
+      "html": "&#x1F6F0;&#xFE0F;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛸",
+      "name": "flying saucer",
+      "shortname": ":flying_saucer:",
+      "unicode": "1F6F8",
+      "html": "&#x1F6F8;",
+      "category": "Travel & Places (transport-air)",
+      "order": ""
+    },
+    {
+      "emoji": "🛎️",
+      "name": "bellhop bell",
+      "shortname": ":bellhop_bell:",
+      "unicode": "1F6CE FE0F",
+      "html": "&#x1F6CE;&#xFE0F;",
+      "category": "Travel & Places (hotel)",
+      "order": ""
+    },
+    {
+      "emoji": "🧳",
+      "name": "luggage",
+      "shortname": ":luggage:",
+      "unicode": "1F9F3",
+      "html": "&#x1F9F3;",
+      "category": "Travel & Places (hotel)",
+      "order": ""
+    },
+    {
+      "emoji": "⏱️",
+      "name": "stopwatch",
+      "shortname": ":stopwatch:",
+      "unicode": "23F1 FE0F",
+      "html": "&#x23F1;&#xFE0F;",
+      "category": "Travel & Places (time)",
+      "order": ""
+    },
+    {
+      "emoji": "⏲️",
+      "name": "timer clock",
+      "shortname": ":timer_clock:",
+      "unicode": "23F2 FE0F",
+      "html": "&#x23F2;&#xFE0F;",
+      "category": "Travel & Places (time)",
+      "order": ""
+    },
+    {
+      "emoji": "🕰️",
+      "name": "mantelpiece clock",
+      "shortname": ":mantelpiece_clock:",
+      "unicode": "1F570 FE0F",
+      "html": "&#x1F570;&#xFE0F;",
+      "category": "Travel & Places (time)",
+      "order": ""
+    },
+    {
+      "emoji": "🌡️",
+      "name": "thermometer",
+      "shortname": ":thermometer:",
+      "unicode": "1F321 FE0F",
+      "html": "&#x1F321;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☀",
+      "name": "sun",
+      "shortname": ":sun:",
+      "unicode": "2600",
+      "html": "&#x2600;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🪐",
+      "name": "ringed planet",
+      "shortname": ":ringed_planet:",
+      "unicode": "1FA90",
+      "html": "&#x1FA90;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☁️",
+      "name": "cloud",
+      "shortname": ":cloud:",
+      "unicode": "2601 FE0F",
+      "html": "&#x2601;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "⛈️",
+      "name": "cloud with lightning and rain",
+      "shortname": ":cloud_with_lightning_and_rain:",
+      "unicode": "26C8 FE0F",
+      "html": "&#x26C8;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌤️",
+      "name": "sun behind small cloud",
+      "shortname": ":sun_behind_small_cloud:",
+      "unicode": "1F324 FE0F",
+      "html": "&#x1F324;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌥️",
+      "name": "sun behind large cloud",
+      "shortname": ":sun_behind_large_cloud:",
+      "unicode": "1F325 FE0F",
+      "html": "&#x1F325;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌦️",
+      "name": "sun behind rain cloud",
+      "shortname": ":sun_behind_rain_cloud:",
+      "unicode": "1F326 FE0F",
+      "html": "&#x1F326;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌧️",
+      "name": "cloud with rain",
+      "shortname": ":cloud_with_rain:",
+      "unicode": "1F327 FE0F",
+      "html": "&#x1F327;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌨️",
+      "name": "cloud with snow",
+      "shortname": ":cloud_with_snow:",
+      "unicode": "1F328 FE0F",
+      "html": "&#x1F328;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌩️",
+      "name": "cloud with lightning",
+      "shortname": ":cloud_with_lightning:",
+      "unicode": "1F329 FE0F",
+      "html": "&#x1F329;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌪️",
+      "name": "tornado",
+      "shortname": ":tornado:",
+      "unicode": "1F32A FE0F",
+      "html": "&#x1F32A;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌫️",
+      "name": "fog",
+      "shortname": ":fog:",
+      "unicode": "1F32B FE0F",
+      "html": "&#x1F32B;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🌬️",
+      "name": "wind face",
+      "shortname": ":wind_face:",
+      "unicode": "1F32C FE0F",
+      "html": "&#x1F32C;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☂",
+      "name": "umbrella",
+      "shortname": ":umbrella:",
+      "unicode": "2602",
+      "html": "&#x2602;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "⛱️",
+      "name": "umbrella on ground",
+      "shortname": ":umbrella_on_ground:",
+      "unicode": "26F1 FE0F",
+      "html": "&#x26F1;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "❄",
+      "name": "snowflake",
+      "shortname": ":snowflake:",
+      "unicode": "2744",
+      "html": "&#x2744;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☃",
+      "name": "snowman",
+      "shortname": ":snowman:",
+      "unicode": "2603",
+      "html": "&#x2603;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "☄️",
+      "name": "comet",
+      "shortname": ":comet:",
+      "unicode": "2604 FE0F",
+      "html": "&#x2604;&#xFE0F;",
+      "category": "Travel & Places (sky & weather)",
+      "order": ""
+    },
+    {
+      "emoji": "🧨",
+      "name": "firecracker",
+      "shortname": ":firecracker:",
+      "unicode": "1F9E8",
+      "html": "&#x1F9E8;",
+      "category": "Activities (event)",
+      "order": ""
+    },
+    {
+      "emoji": "🧧",
+      "name": "red envelope",
+      "shortname": ":red_envelope:",
+      "unicode": "1F9E7",
+      "html": "&#x1F9E7;",
+      "category": "Activities (event)",
+      "order": ""
+    },
+    {
+      "emoji": "🎗️",
+      "name": "reminder ribbon",
+      "shortname": ":reminder_ribbon:",
+      "unicode": "1F397 FE0F",
+      "html": "&#x1F397;&#xFE0F;",
+      "category": "Activities (event)",
+      "order": ""
+    },
+    {
+      "emoji": "🎟️",
+      "name": "admission tickets",
+      "shortname": ":admission_tickets:",
+      "unicode": "1F39F FE0F",
+      "html": "&#x1F39F;&#xFE0F;",
+      "category": "Activities (event)",
+      "order": ""
+    },
+    {
+      "emoji": "🎖️",
+      "name": "military medal",
+      "shortname": ":military_medal:",
+      "unicode": "1F396 FE0F",
+      "html": "&#x1F396;&#xFE0F;",
+      "category": "Activities (award-medal)",
+      "order": ""
+    },
+    {
+      "emoji": "🥇",
+      "name": "1st place medal",
+      "shortname": ":1st_place_medal:",
+      "unicode": "1F947",
+      "html": "&#x1F947;",
+      "category": "Activities (award-medal)",
+      "order": ""
+    },
+    {
+      "emoji": "🥈",
+      "name": "2nd place medal",
+      "shortname": ":2nd_place_medal:",
+      "unicode": "1F948",
+      "html": "&#x1F948;",
+      "category": "Activities (award-medal)",
+      "order": ""
+    },
+    {
+      "emoji": "🥉",
+      "name": "3rd place medal",
+      "shortname": ":3rd_place_medal:",
+      "unicode": "1F949",
+      "html": "&#x1F949;",
+      "category": "Activities (award-medal)",
+      "order": ""
+    },
+    {
+      "emoji": "⚾",
+      "name": "baseball",
+      "shortname": ":baseball:",
+      "unicode": "26BE",
+      "html": "&#x26BE;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥎",
+      "name": "softball",
+      "shortname": ":softball:",
+      "unicode": "1F94E",
+      "html": "&#x1F94E;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥏",
+      "name": "flying disc",
+      "shortname": ":flying_disc:",
+      "unicode": "1F94F",
+      "html": "&#x1F94F;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥍",
+      "name": "lacrosse",
+      "shortname": ":lacrosse:",
+      "unicode": "1F94D",
+      "html": "&#x1F94D;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥊",
+      "name": "boxing glove",
+      "shortname": ":boxing_glove:",
+      "unicode": "1F94A",
+      "html": "&#x1F94A;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥋",
+      "name": "martial arts uniform",
+      "shortname": ":martial_arts_uniform:",
+      "unicode": "1F94B",
+      "html": "&#x1F94B;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥅",
+      "name": "goal net",
+      "shortname": ":goal_net:",
+      "unicode": "1F945",
+      "html": "&#x1F945;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "⛸️",
+      "name": "ice skate",
+      "shortname": ":ice_skate:",
+      "unicode": "26F8 FE0F",
+      "html": "&#x26F8;&#xFE0F;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🤿",
+      "name": "diving mask",
+      "shortname": ":diving_mask:",
+      "unicode": "1F93F",
+      "html": "&#x1F93F;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🛷",
+      "name": "sled",
+      "shortname": ":sled:",
+      "unicode": "1F6F7",
+      "html": "&#x1F6F7;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🥌",
+      "name": "curling stone",
+      "shortname": ":curling_stone:",
+      "unicode": "1F94C",
+      "html": "&#x1F94C;",
+      "category": "Activities (sport)",
+      "order": ""
+    },
+    {
+      "emoji": "🪀",
+      "name": "yo-yo",
+      "shortname": ":yoyo:",
+      "unicode": "1FA80",
+      "html": "&#x1FA80;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🪁",
+      "name": "kite",
+      "shortname": ":kite:",
+      "unicode": "1FA81",
+      "html": "&#x1FA81;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🧿",
+      "name": "nazar amulet",
+      "shortname": ":nazar_amulet:",
+      "unicode": "1F9FF",
+      "html": "&#x1F9FF;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🕹️",
+      "name": "joystick",
+      "shortname": ":joystick:",
+      "unicode": "1F579 FE0F",
+      "html": "&#x1F579;&#xFE0F;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🧩",
+      "name": "puzzle piece",
+      "shortname": ":puzzle_piece:",
+      "unicode": "1F9E9",
+      "html": "&#x1F9E9;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🧸",
+      "name": "teddy bear",
+      "shortname": ":teddy_bear:",
+      "unicode": "1F9F8",
+      "html": "&#x1F9F8;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "♟️",
+      "name": "chess pawn",
+      "shortname": ":chess_pawn:",
+      "unicode": "265F FE0F",
+      "html": "&#x265F;&#xFE0F;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "♟",
+      "name": "chess pawn",
+      "shortname": ":chess_pawn:",
+      "unicode": "265F",
+      "html": "&#x265F;",
+      "category": "Activities (game)",
+      "order": ""
+    },
+    {
+      "emoji": "🖼️",
+      "name": "framed picture",
+      "shortname": ":framed_picture:",
+      "unicode": "1F5BC FE0F",
+      "html": "&#x1F5BC;&#xFE0F;",
+      "category": "Activities (arts & crafts)",
+      "order": ""
+    },
+    {
+      "emoji": "🧵",
+      "name": "thread",
+      "shortname": ":thread:",
+      "unicode": "1F9F5",
+      "html": "&#x1F9F5;",
+      "category": "Activities (arts & crafts)",
+      "order": ""
+    },
+    {
+      "emoji": "🧶",
+      "name": "yarn",
+      "shortname": ":yarn:",
+      "unicode": "1F9F6",
+      "html": "&#x1F9F6;",
+      "category": "Activities (arts & crafts)",
+      "order": ""
+    },
+    {
+      "emoji": "🕶️",
+      "name": "sunglasses",
+      "shortname": ":sunglasses:",
+      "unicode": "1F576 FE0F",
+      "html": "&#x1F576;&#xFE0F;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🥽",
+      "name": "goggles",
+      "shortname": ":goggles:",
+      "unicode": "1F97D",
+      "html": "&#x1F97D;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🥼",
+      "name": "lab coat",
+      "shortname": ":lab_coat:",
+      "unicode": "1F97C",
+      "html": "&#x1F97C;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🦺",
+      "name": "safety vest",
+      "shortname": ":safety_vest:",
+      "unicode": "1F9BA",
+      "html": "&#x1F9BA;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🧣",
+      "name": "scarf",
+      "shortname": ":scarf:",
+      "unicode": "1F9E3",
+      "html": "&#x1F9E3;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🧤",
+      "name": "gloves",
+      "shortname": ":gloves:",
+      "unicode": "1F9E4",
+      "html": "&#x1F9E4;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🧥",
+      "name": "coat",
+      "shortname": ":coat:",
+      "unicode": "1F9E5",
+      "html": "&#x1F9E5;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🧦",
+      "name": "socks",
+      "shortname": ":socks:",
+      "unicode": "1F9E6",
+      "html": "&#x1F9E6;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🥻",
+      "name": "sari",
+      "shortname": ":sari:",
+      "unicode": "1F97B",
+      "html": "&#x1F97B;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🩱",
+      "name": "one-piece swimsuit",
+      "shortname": ":onepiece_swimsuit:",
+      "unicode": "1FA71",
+      "html": "&#x1FA71;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🩲",
+      "name": "briefs",
+      "shortname": ":briefs:",
+      "unicode": "1FA72",
+      "html": "&#x1FA72;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🩳",
+      "name": "shorts",
+      "shortname": ":shorts:",
+      "unicode": "1FA73",
+      "html": "&#x1FA73;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🛍️",
+      "name": "shopping bags",
+      "shortname": ":shopping_bags:",
+      "unicode": "1F6CD FE0F",
+      "html": "&#x1F6CD;&#xFE0F;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🥾",
+      "name": "hiking boot",
+      "shortname": ":hiking_boot:",
+      "unicode": "1F97E",
+      "html": "&#x1F97E;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🥿",
+      "name": "flat shoe",
+      "shortname": ":flat_shoe:",
+      "unicode": "1F97F",
+      "html": "&#x1F97F;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🩰",
+      "name": "ballet shoes",
+      "shortname": ":ballet_shoes:",
+      "unicode": "1FA70",
+      "html": "&#x1FA70;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🧢",
+      "name": "billed cap",
+      "shortname": ":billed_cap:",
+      "unicode": "1F9E2",
+      "html": "&#x1F9E2;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "⛑️",
+      "name": "rescue worker’s helmet",
+      "shortname": ":rescue_worker’s_helmet:",
+      "unicode": "26D1 FE0F",
+      "html": "&#x26D1;&#xFE0F;",
+      "category": "Objects (clothing)",
+      "order": ""
+    },
+    {
+      "emoji": "🎙️",
+      "name": "studio microphone",
+      "shortname": ":studio_microphone:",
+      "unicode": "1F399 FE0F",
+      "html": "&#x1F399;&#xFE0F;",
+      "category": "Objects (music)",
+      "order": ""
+    },
+    {
+      "emoji": "🎚️",
+      "name": "level slider",
+      "shortname": ":level_slider:",
+      "unicode": "1F39A FE0F",
+      "html": "&#x1F39A;&#xFE0F;",
+      "category": "Objects (music)",
+      "order": ""
+    },
+    {
+      "emoji": "🎛️",
+      "name": "control knobs",
+      "shortname": ":control_knobs:",
+      "unicode": "1F39B FE0F",
+      "html": "&#x1F39B;&#xFE0F;",
+      "category": "Objects (music)",
+      "order": ""
+    },
+    {
+      "emoji": "🪕",
+      "name": "banjo",
+      "shortname": ":banjo:",
+      "unicode": "1FA95",
+      "html": "&#x1FA95;",
+      "category": "Objects (musical-instrument)",
+      "order": ""
+    },
+    {
+      "emoji": "☎",
+      "name": "telephone",
+      "shortname": ":telephone:",
+      "unicode": "260E",
+      "html": "&#x260E;",
+      "category": "Objects (phone)",
+      "order": ""
+    },
+    {
+      "emoji": "🖥️",
+      "name": "desktop computer",
+      "shortname": ":desktop_computer:",
+      "unicode": "1F5A5 FE0F",
+      "html": "&#x1F5A5;&#xFE0F;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🖨️",
+      "name": "printer",
+      "shortname": ":printer:",
+      "unicode": "1F5A8 FE0F",
+      "html": "&#x1F5A8;&#xFE0F;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "⌨️",
+      "name": "keyboard",
+      "shortname": ":keyboard:",
+      "unicode": "2328 FE0F",
+      "html": "&#x2328;&#xFE0F;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🖱️",
+      "name": "computer mouse",
+      "shortname": ":computer_mouse:",
+      "unicode": "1F5B1 FE0F",
+      "html": "&#x1F5B1;&#xFE0F;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🖲️",
+      "name": "trackball",
+      "shortname": ":trackball:",
+      "unicode": "1F5B2 FE0F",
+      "html": "&#x1F5B2;&#xFE0F;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🧮",
+      "name": "abacus",
+      "shortname": ":abacus:",
+      "unicode": "1F9EE",
+      "html": "&#x1F9EE;",
+      "category": "Objects (computer)",
+      "order": ""
+    },
+    {
+      "emoji": "🎞️",
+      "name": "film frames",
+      "shortname": ":film_frames:",
+      "unicode": "1F39E FE0F",
+      "html": "&#x1F39E;&#xFE0F;",
+      "category": "Objects (light & video)",
+      "order": ""
+    },
+    {
+      "emoji": "📽️",
+      "name": "film projector",
+      "shortname": ":film_projector:",
+      "unicode": "1F4FD FE0F",
+      "html": "&#x1F4FD;&#xFE0F;",
+      "category": "Objects (light & video)",
+      "order": ""
+    },
+    {
+      "emoji": "🕯️",
+      "name": "candle",
+      "shortname": ":candle:",
+      "unicode": "1F56F FE0F",
+      "html": "&#x1F56F;&#xFE0F;",
+      "category": "Objects (light & video)",
+      "order": ""
+    },
+    {
+      "emoji": "🪔",
+      "name": "diya lamp",
+      "shortname": ":diya_lamp:",
+      "unicode": "1FA94",
+      "html": "&#x1FA94;",
+      "category": "Objects (light & video)",
+      "order": ""
+    },
+    {
+      "emoji": "🗞️",
+      "name": "rolled-up newspaper",
+      "shortname": ":rolledup_newspaper:",
+      "unicode": "1F5DE FE0F",
+      "html": "&#x1F5DE;&#xFE0F;",
+      "category": "Objects (book-paper)",
+      "order": ""
+    },
+    {
+      "emoji": "🏷️",
+      "name": "label",
+      "shortname": ":label:",
+      "unicode": "1F3F7 FE0F",
+      "html": "&#x1F3F7;&#xFE0F;",
+      "category": "Objects (book-paper)",
+      "order": ""
+    },
+    {
+      "emoji": "🧾",
+      "name": "receipt",
+      "shortname": ":receipt:",
+      "unicode": "1F9FE",
+      "html": "&#x1F9FE;",
+      "category": "Objects (money)",
+      "order": ""
+    },
+    {
+      "emoji": "✉",
+      "name": "envelope",
+      "shortname": ":envelope:",
+      "unicode": "2709",
+      "html": "&#x2709;",
+      "category": "Objects (mail)",
+      "order": ""
+    },
+    {
+      "emoji": "🗳️",
+      "name": "ballot box with ballot",
+      "shortname": ":ballot_box_with_ballot:",
+      "unicode": "1F5F3 FE0F",
+      "html": "&#x1F5F3;&#xFE0F;",
+      "category": "Objects (mail)",
+      "order": ""
+    },
+    {
+      "emoji": "✏️",
+      "name": "pencil",
+      "shortname": ":pencil:",
+      "unicode": "270F FE0F",
+      "html": "&#x270F;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "✒️",
+      "name": "black nib",
+      "shortname": ":black_nib:",
+      "unicode": "2712 FE0F",
+      "html": "&#x2712;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖋️",
+      "name": "fountain pen",
+      "shortname": ":fountain_pen:",
+      "unicode": "1F58B FE0F",
+      "html": "&#x1F58B;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖊️",
+      "name": "pen",
+      "shortname": ":pen:",
+      "unicode": "1F58A FE0F",
+      "html": "&#x1F58A;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖌️",
+      "name": "paintbrush",
+      "shortname": ":paintbrush:",
+      "unicode": "1F58C FE0F",
+      "html": "&#x1F58C;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🖍️",
+      "name": "crayon",
+      "shortname": ":crayon:",
+      "unicode": "1F58D FE0F",
+      "html": "&#x1F58D;&#xFE0F;",
+      "category": "Objects (writing)",
+      "order": ""
+    },
+    {
+      "emoji": "🗂️",
+      "name": "card index dividers",
+      "shortname": ":card_index_dividers:",
+      "unicode": "1F5C2 FE0F",
+      "html": "&#x1F5C2;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗒️",
+      "name": "spiral notepad",
+      "shortname": ":spiral_notepad:",
+      "unicode": "1F5D2 FE0F",
+      "html": "&#x1F5D2;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗓️",
+      "name": "spiral calendar",
+      "shortname": ":spiral_calendar:",
+      "unicode": "1F5D3 FE0F",
+      "html": "&#x1F5D3;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🖇️",
+      "name": "linked paperclips",
+      "shortname": ":linked_paperclips:",
+      "unicode": "1F587 FE0F",
+      "html": "&#x1F587;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "✂",
+      "name": "scissors",
+      "shortname": ":scissors:",
+      "unicode": "2702",
+      "html": "&#x2702;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗃️",
+      "name": "card file box",
+      "shortname": ":card_file_box:",
+      "unicode": "1F5C3 FE0F",
+      "html": "&#x1F5C3;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗄️",
+      "name": "file cabinet",
+      "shortname": ":file_cabinet:",
+      "unicode": "1F5C4 FE0F",
+      "html": "&#x1F5C4;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗑️",
+      "name": "wastebasket",
+      "shortname": ":wastebasket:",
+      "unicode": "1F5D1 FE0F",
+      "html": "&#x1F5D1;&#xFE0F;",
+      "category": "Objects (office)",
+      "order": ""
+    },
+    {
+      "emoji": "🗝️",
+      "name": "old key",
+      "shortname": ":old_key:",
+      "unicode": "1F5DD FE0F",
+      "html": "&#x1F5DD;&#xFE0F;",
+      "category": "Objects (lock)",
+      "order": ""
+    },
+    {
+      "emoji": "🪓",
+      "name": "axe",
+      "shortname": ":axe:",
+      "unicode": "1FA93",
+      "html": "&#x1FA93;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⛏️",
+      "name": "pick",
+      "shortname": ":pick:",
+      "unicode": "26CF FE0F",
+      "html": "&#x26CF;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⚒️",
+      "name": "hammer and pick",
+      "shortname": ":hammer_and_pick:",
+      "unicode": "2692 FE0F",
+      "html": "&#x2692;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🛠️",
+      "name": "hammer and wrench",
+      "shortname": ":hammer_and_wrench:",
+      "unicode": "1F6E0 FE0F",
+      "html": "&#x1F6E0;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🗡️",
+      "name": "dagger",
+      "shortname": ":dagger:",
+      "unicode": "1F5E1 FE0F",
+      "html": "&#x1F5E1;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⚔️",
+      "name": "crossed swords",
+      "shortname": ":crossed_swords:",
+      "unicode": "2694 FE0F",
+      "html": "&#x2694;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🛡️",
+      "name": "shield",
+      "shortname": ":shield:",
+      "unicode": "1F6E1 FE0F",
+      "html": "&#x1F6E1;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⚙️",
+      "name": "gear",
+      "shortname": ":gear:",
+      "unicode": "2699 FE0F",
+      "html": "&#x2699;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🗜️",
+      "name": "clamp",
+      "shortname": ":clamp:",
+      "unicode": "1F5DC FE0F",
+      "html": "&#x1F5DC;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⚖️",
+      "name": "balance scale",
+      "shortname": ":balance_scale:",
+      "unicode": "2696 FE0F",
+      "html": "&#x2696;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🦯",
+      "name": "probing cane",
+      "shortname": ":probing_cane:",
+      "unicode": "1F9AF",
+      "html": "&#x1F9AF;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⛓️",
+      "name": "chains",
+      "shortname": ":chains:",
+      "unicode": "26D3 FE0F",
+      "html": "&#x26D3;&#xFE0F;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🧰",
+      "name": "toolbox",
+      "shortname": ":toolbox:",
+      "unicode": "1F9F0",
+      "html": "&#x1F9F0;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "🧲",
+      "name": "magnet",
+      "shortname": ":magnet:",
+      "unicode": "1F9F2",
+      "html": "&#x1F9F2;",
+      "category": "Objects (tool)",
+      "order": ""
+    },
+    {
+      "emoji": "⚗️",
+      "name": "alembic",
+      "shortname": ":alembic:",
+      "unicode": "2697 FE0F",
+      "html": "&#x2697;&#xFE0F;",
+      "category": "Objects (science)",
+      "order": ""
+    },
+    {
+      "emoji": "🧪",
+      "name": "test tube",
+      "shortname": ":test_tube:",
+      "unicode": "1F9EA",
+      "html": "&#x1F9EA;",
+      "category": "Objects (science)",
+      "order": ""
+    },
+    {
+      "emoji": "🧫",
+      "name": "petri dish",
+      "shortname": ":petri_dish:",
+      "unicode": "1F9EB",
+      "html": "&#x1F9EB;",
+      "category": "Objects (science)",
+      "order": ""
+    },
+    {
+      "emoji": "🧬",
+      "name": "dna",
+      "shortname": ":dna:",
+      "unicode": "1F9EC",
+      "html": "&#x1F9EC;",
+      "category": "Objects (science)",
+      "order": ""
+    },
+    {
+      "emoji": "🩸",
+      "name": "drop of blood",
+      "shortname": ":drop_of_blood:",
+      "unicode": "1FA78",
+      "html": "&#x1FA78;",
+      "category": "Objects (medical)",
+      "order": ""
+    },
+    {
+      "emoji": "🩹",
+      "name": "adhesive bandage",
+      "shortname": ":adhesive_bandage:",
+      "unicode": "1FA79",
+      "html": "&#x1FA79;",
+      "category": "Objects (medical)",
+      "order": ""
+    },
+    {
+      "emoji": "🩺",
+      "name": "stethoscope",
+      "shortname": ":stethoscope:",
+      "unicode": "1FA7A",
+      "html": "&#x1FA7A;",
+      "category": "Objects (medical)",
+      "order": ""
+    },
+    {
+      "emoji": "🛏️",
+      "name": "bed",
+      "shortname": ":bed:",
+      "unicode": "1F6CF FE0F",
+      "html": "&#x1F6CF;&#xFE0F;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🛋️",
+      "name": "couch and lamp",
+      "shortname": ":couch_and_lamp:",
+      "unicode": "1F6CB FE0F",
+      "html": "&#x1F6CB;&#xFE0F;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🪑",
+      "name": "chair",
+      "shortname": ":chair:",
+      "unicode": "1FA91",
+      "html": "&#x1FA91;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🪒",
+      "name": "razor",
+      "shortname": ":razor:",
+      "unicode": "1FA92",
+      "html": "&#x1FA92;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧴",
+      "name": "lotion bottle",
+      "shortname": ":lotion_bottle:",
+      "unicode": "1F9F4",
+      "html": "&#x1F9F4;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧷",
+      "name": "safety pin",
+      "shortname": ":safety_pin:",
+      "unicode": "1F9F7",
+      "html": "&#x1F9F7;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧹",
+      "name": "broom",
+      "shortname": ":broom:",
+      "unicode": "1F9F9",
+      "html": "&#x1F9F9;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧺",
+      "name": "basket",
+      "shortname": ":basket:",
+      "unicode": "1F9FA",
+      "html": "&#x1F9FA;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧻",
+      "name": "roll of paper",
+      "shortname": ":roll_of_paper:",
+      "unicode": "1F9FB",
+      "html": "&#x1F9FB;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧼",
+      "name": "soap",
+      "shortname": ":soap:",
+      "unicode": "1F9FC",
+      "html": "&#x1F9FC;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧽",
+      "name": "sponge",
+      "shortname": ":sponge:",
+      "unicode": "1F9FD",
+      "html": "&#x1F9FD;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🧯",
+      "name": "fire extinguisher",
+      "shortname": ":fire_extinguisher:",
+      "unicode": "1F9EF",
+      "html": "&#x1F9EF;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "🛒",
+      "name": "shopping cart",
+      "shortname": ":shopping_cart:",
+      "unicode": "1F6D2",
+      "html": "&#x1F6D2;",
+      "category": "Objects (household)",
+      "order": ""
+    },
+    {
+      "emoji": "⚰️",
+      "name": "coffin",
+      "shortname": ":coffin:",
+      "unicode": "26B0 FE0F",
+      "html": "&#x26B0;&#xFE0F;",
+      "category": "Objects (other-object)",
+      "order": ""
+    },
+    {
+      "emoji": "⚱️",
+      "name": "funeral urn",
+      "shortname": ":funeral_urn:",
+      "unicode": "26B1 FE0F",
+      "html": "&#x26B1;&#xFE0F;",
+      "category": "Objects (other-object)",
+      "order": ""
+    },
+    {
+      "emoji": "⚠",
+      "name": "warning",
+      "shortname": ":warning:",
+      "unicode": "26A0",
+      "html": "&#x26A0;",
+      "category": "Symbols (warning)",
+      "order": ""
+    },
+    {
+      "emoji": "☢️",
+      "name": "radioactive",
+      "shortname": ":radioactive:",
+      "unicode": "2622 FE0F",
+      "html": "&#x2622;&#xFE0F;",
+      "category": "Symbols (warning)",
+      "order": ""
+    },
+    {
+      "emoji": "☣️",
+      "name": "biohazard",
+      "shortname": ":biohazard:",
+      "unicode": "2623 FE0F",
+      "html": "&#x2623;&#xFE0F;",
+      "category": "Symbols (warning)",
+      "order": ""
+    },
+    {
+      "emoji": "⬆",
+      "name": "up arrow",
+      "shortname": ":up_arrow:",
+      "unicode": "2B06",
+      "html": "&#x2B06;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↗",
+      "name": "up-right arrow",
+      "shortname": ":upright_arrow:",
+      "unicode": "2197",
+      "html": "&#x2197;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "➡️",
+      "name": "right arrow",
+      "shortname": ":right_arrow:",
+      "unicode": "27A1 FE0F",
+      "html": "&#x27A1;&#xFE0F;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↘",
+      "name": "down-right arrow",
+      "shortname": ":downright_arrow:",
+      "unicode": "2198",
+      "html": "&#x2198;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "⬇",
+      "name": "down arrow",
+      "shortname": ":down_arrow:",
+      "unicode": "2B07",
+      "html": "&#x2B07;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↙",
+      "name": "down-left arrow",
+      "shortname": ":downleft_arrow:",
+      "unicode": "2199",
+      "html": "&#x2199;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "⬅",
+      "name": "left arrow",
+      "shortname": ":left_arrow:",
+      "unicode": "2B05",
+      "html": "&#x2B05;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↖️",
+      "name": "up-left arrow",
+      "shortname": ":upleft_arrow:",
+      "unicode": "2196 FE0F",
+      "html": "&#x2196;&#xFE0F;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↕️",
+      "name": "up-down arrow",
+      "shortname": ":updown_arrow:",
+      "unicode": "2195 FE0F",
+      "html": "&#x2195;&#xFE0F;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↩",
+      "name": "right arrow curving left",
+      "shortname": ":right_arrow_curving_left:",
+      "unicode": "21A9",
+      "html": "&#x21A9;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "↪",
+      "name": "left arrow curving right",
+      "shortname": ":left_arrow_curving_right:",
+      "unicode": "21AA",
+      "html": "&#x21AA;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "⤴",
+      "name": "right arrow curving up",
+      "shortname": ":right_arrow_curving_up:",
+      "unicode": "2934",
+      "html": "&#x2934;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "⤵",
+      "name": "right arrow curving down",
+      "shortname": ":right_arrow_curving_down:",
+      "unicode": "2935",
+      "html": "&#x2935;",
+      "category": "Symbols (arrow)",
+      "order": ""
+    },
+    {
+      "emoji": "⚛️",
+      "name": "atom symbol",
+      "shortname": ":atom_symbol:",
+      "unicode": "269B FE0F",
+      "html": "&#x269B;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "🕉️",
+      "name": "om",
+      "shortname": ":om:",
+      "unicode": "1F549 FE0F",
+      "html": "&#x1F549;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "✡",
+      "name": "star of David",
+      "shortname": ":star_of_David:",
+      "unicode": "2721",
+      "html": "&#x2721;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "☸️",
+      "name": "wheel of dharma",
+      "shortname": ":wheel_of_dharma:",
+      "unicode": "2638 FE0F",
+      "html": "&#x2638;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "☯️",
+      "name": "yin yang",
+      "shortname": ":yin_yang:",
+      "unicode": "262F FE0F",
+      "html": "&#x262F;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "✝",
+      "name": "latin cross",
+      "shortname": ":latin_cross:",
+      "unicode": "271D",
+      "html": "&#x271D;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "☦️",
+      "name": "orthodox cross",
+      "shortname": ":orthodox_cross:",
+      "unicode": "2626 FE0F",
+      "html": "&#x2626;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "☪️",
+      "name": "star and crescent",
+      "shortname": ":star_and_crescent:",
+      "unicode": "262A FE0F",
+      "html": "&#x262A;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "☮️",
+      "name": "peace symbol",
+      "shortname": ":peace_symbol:",
+      "unicode": "262E FE0F",
+      "html": "&#x262E;&#xFE0F;",
+      "category": "Symbols (religion)",
+      "order": ""
+    },
+    {
+      "emoji": "▶",
+      "name": "play button",
+      "shortname": ":play_button:",
+      "unicode": "25B6",
+      "html": "&#x25B6;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏭️",
+      "name": "next track button",
+      "shortname": ":next_track_button:",
+      "unicode": "23ED FE0F",
+      "html": "&#x23ED;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏯️",
+      "name": "play or pause button",
+      "shortname": ":play_or_pause_button:",
+      "unicode": "23EF FE0F",
+      "html": "&#x23EF;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "◀",
+      "name": "reverse button",
+      "shortname": ":reverse_button:",
+      "unicode": "25C0",
+      "html": "&#x25C0;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏮️",
+      "name": "last track button",
+      "shortname": ":last_track_button:",
+      "unicode": "23EE FE0F",
+      "html": "&#x23EE;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏸️",
+      "name": "pause button",
+      "shortname": ":pause_button:",
+      "unicode": "23F8 FE0F",
+      "html": "&#x23F8;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏹️",
+      "name": "stop button",
+      "shortname": ":stop_button:",
+      "unicode": "23F9 FE0F",
+      "html": "&#x23F9;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏺️",
+      "name": "record button",
+      "shortname": ":record_button:",
+      "unicode": "23FA FE0F",
+      "html": "&#x23FA;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏏️",
+      "name": "eject button",
+      "shortname": ":eject_button:",
+      "unicode": "23CF FE0F",
+      "html": "&#x23CF;&#xFE0F;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⏏",
+      "name": "eject button",
+      "shortname": ":eject_button:",
+      "unicode": "23CF",
+      "html": "&#x23CF;",
+      "category": "Symbols (av-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "♀️",
+      "name": "female sign",
+      "shortname": ":female_sign:",
+      "unicode": "2640 FE0F",
+      "html": "&#x2640;&#xFE0F;",
+      "category": "Symbols (gender)",
+      "order": ""
+    },
+    {
+      "emoji": "♀",
+      "name": "female sign",
+      "shortname": ":female_sign:",
+      "unicode": "2640",
+      "html": "&#x2640;",
+      "category": "Symbols (gender)",
+      "order": ""
+    },
+    {
+      "emoji": "♂️",
+      "name": "male sign",
+      "shortname": ":male_sign:",
+      "unicode": "2642 FE0F",
+      "html": "&#x2642;&#xFE0F;",
+      "category": "Symbols (gender)",
+      "order": ""
+    },
+    {
+      "emoji": "♂",
+      "name": "male sign",
+      "shortname": ":male_sign:",
+      "unicode": "2642",
+      "html": "&#x2642;",
+      "category": "Symbols (gender)",
+      "order": ""
+    },
+    {
+      "emoji": "⚕️",
+      "name": "medical symbol",
+      "shortname": ":medical_symbol:",
+      "unicode": "2695 FE0F",
+      "html": "&#x2695;&#xFE0F;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⚕",
+      "name": "medical symbol",
+      "shortname": ":medical_symbol:",
+      "unicode": "2695",
+      "html": "&#x2695;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "♾️",
+      "name": "infinity",
+      "shortname": ":infinity:",
+      "unicode": "267E FE0F",
+      "html": "&#x267E;&#xFE0F;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "♾",
+      "name": "infinity",
+      "shortname": ":infinity:",
+      "unicode": "267E",
+      "html": "&#x267E;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "♻️",
+      "name": "recycling symbol",
+      "shortname": ":recycling_symbol:",
+      "unicode": "267B FE0F",
+      "html": "&#x267B;&#xFE0F;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⚜️",
+      "name": "fleur-de-lis",
+      "shortname": ":fleurde-lis:",
+      "unicode": "269C FE0F",
+      "html": "&#x269C;&#xFE0F;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "☑",
+      "name": "check box with check",
+      "shortname": ":check_box_with_check:",
+      "unicode": "2611",
+      "html": "&#x2611;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "✔",
+      "name": "check mark",
+      "shortname": ":check_mark:",
+      "unicode": "2714",
+      "html": "&#x2714;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "✖",
+      "name": "multiplication sign",
+      "shortname": ":multiplication_sign:",
+      "unicode": "2716",
+      "html": "&#x2716;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "〽",
+      "name": "part alternation mark",
+      "shortname": ":part_alternation_mark:",
+      "unicode": "303D",
+      "html": "&#x303D;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "✳",
+      "name": "eight-spoked asterisk",
+      "shortname": ":eightspoked_asterisk:",
+      "unicode": "2733",
+      "html": "&#x2733;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "✴",
+      "name": "eight-pointed star",
+      "shortname": ":eightpointed_star:",
+      "unicode": "2734",
+      "html": "&#x2734;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "❇",
+      "name": "sparkle",
+      "shortname": ":sparkle:",
+      "unicode": "2747",
+      "html": "&#x2747;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "‼",
+      "name": "double exclamation mark",
+      "shortname": ":double_exclamation_mark:",
+      "unicode": "203C",
+      "html": "&#x203C;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "⁉",
+      "name": "exclamation question mark",
+      "shortname": ":exclamation_question_mark:",
+      "unicode": "2049",
+      "html": "&#x2049;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "〰️",
+      "name": "wavy dash",
+      "shortname": ":wavy_dash:",
+      "unicode": "3030 FE0F",
+      "html": "&#x3030;&#xFE0F;",
+      "category": "Symbols (other-symbol)",
+      "order": ""
+    },
+    {
+      "emoji": "#️⃣",
+      "name": "keycap: #",
+      "shortname": ":#:",
+      "unicode": "0023 FE0F 20E3",
+      "html": "&#x0023;&#xFE0F;&#x20E3;",
+      "category": "Symbols (keycap)",
+      "order": ""
+    },
+    {
+      "emoji": "🅰",
+      "name": "A button (blood type)",
+      "shortname": ":A_button_blood_type:",
+      "unicode": "1F170",
+      "html": "&#x1F170;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🅱",
+      "name": "B button (blood type)",
+      "shortname": ":B_button_blood_type:",
+      "unicode": "1F171",
+      "html": "&#x1F171;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "ℹ️",
+      "name": "information",
+      "shortname": ":information:",
+      "unicode": "2139 FE0F",
+      "html": "&#x2139;&#xFE0F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "Ⓜ",
+      "name": "circled M",
+      "shortname": ":circled_M:",
+      "unicode": "24C2",
+      "html": "&#x24C2;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🅾",
+      "name": "O button (blood type)",
+      "shortname": ":O_button_blood_type:",
+      "unicode": "1F17E",
+      "html": "&#x1F17E;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🅿",
+      "name": "P button",
+      "shortname": ":P_button:",
+      "unicode": "1F17F",
+      "html": "&#x1F17F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🈂",
+      "name": "Japanese service charge button",
+      "shortname": ":Japanese_service_charge_button:",
+      "unicode": "1F202",
+      "html": "&#x1F202;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🈷️",
+      "name": "Japanese monthly amount button",
+      "shortname": ":Japanese_monthly_amount_button:",
+      "unicode": "1F237 FE0F",
+      "html": "&#x1F237;&#xFE0F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🈯",
+      "name": "Japanese reserved button",
+      "shortname": ":Japanese_reserved_button:",
+      "unicode": "1F22F",
+      "html": "&#x1F22F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🈚",
+      "name": "Japanese free of charge button",
+      "shortname": ":Japanese_free_of_charge_button:",
+      "unicode": "1F21A",
+      "html": "&#x1F21A;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "㊗️",
+      "name": "Japanese congratulations button",
+      "shortname": ":Japanese_congratulations_button:",
+      "unicode": "3297 FE0F",
+      "html": "&#x3297;&#xFE0F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "㊙️",
+      "name": "Japanese secret button",
+      "shortname": ":Japanese_secret_button:",
+      "unicode": "3299 FE0F",
+      "html": "&#x3299;&#xFE0F;",
+      "category": "Symbols (alphanum)",
+      "order": ""
+    },
+    {
+      "emoji": "🟠",
+      "name": "orange circle",
+      "shortname": ":orange_circle:",
+      "unicode": "1F7E0",
+      "html": "&#x1F7E0;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟡",
+      "name": "yellow circle",
+      "shortname": ":yellow_circle:",
+      "unicode": "1F7E1",
+      "html": "&#x1F7E1;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟢",
+      "name": "green circle",
+      "shortname": ":green_circle:",
+      "unicode": "1F7E2",
+      "html": "&#x1F7E2;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟣",
+      "name": "purple circle",
+      "shortname": ":purple_circle:",
+      "unicode": "1F7E3",
+      "html": "&#x1F7E3;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟤",
+      "name": "brown circle",
+      "shortname": ":brown_circle:",
+      "unicode": "1F7E4",
+      "html": "&#x1F7E4;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟥",
+      "name": "red square",
+      "shortname": ":red_square:",
+      "unicode": "1F7E5",
+      "html": "&#x1F7E5;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟧",
+      "name": "orange square",
+      "shortname": ":orange_square:",
+      "unicode": "1F7E7",
+      "html": "&#x1F7E7;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟨",
+      "name": "yellow square",
+      "shortname": ":yellow_square:",
+      "unicode": "1F7E8",
+      "html": "&#x1F7E8;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟩",
+      "name": "green square",
+      "shortname": ":green_square:",
+      "unicode": "1F7E9",
+      "html": "&#x1F7E9;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🟦",
+      "name": "blue square",
+      "shortname": ":blue_square:",
+      "unicode": "1F7E6",
+      "html": "&#x1F7E6;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "▪",
+      "name": "black small square",
+      "shortname": ":black_small_square:",
+      "unicode": "25AA",
+      "html": "&#x25AA;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "▫️",
+      "name": "white small square",
+      "shortname": ":white_small_square:",
+      "unicode": "25AB FE0F",
+      "html": "&#x25AB;&#xFE0F;",
+      "category": "Symbols (geometric)",
+      "order": ""
+    },
+    {
+      "emoji": "🏳️",
+      "name": "white flag",
+      "shortname": ":white_flag:",
+      "unicode": "1F3F3 FE0F",
+      "html": "&#x1F3F3;&#xFE0F;",
+      "category": "Flags (flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏳️‍🌈",
+      "name": "rainbow flag",
+      "shortname": ":rainbow_flag:",
+      "unicode": "1F3F3 FE0F 200D 1F308",
+      "html": "&#x1F3F3;&#xFE0F;&#x200D;&#x1F308;",
+      "category": "Flags (flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏴‍☠️",
+      "name": "pirate flag",
+      "shortname": ":pirate_flag:",
+      "unicode": "1F3F4 200D 2620 FE0F",
+      "html": "&#x1F3F4;&#x200D;&#x2620;&#xFE0F;",
+      "category": "Flags (flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏴‍☠",
+      "name": "pirate flag",
+      "shortname": ":pirate_flag:",
+      "unicode": "1F3F4 200D 2620",
+      "html": "&#x1F3F4;&#x200D;&#x2620;",
+      "category": "Flags (flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🇺🇳",
+      "name": "flag: United Nations",
+      "shortname": ":United_Nations:",
+      "unicode": "1F1FA 1F1F3",
+      "html": "&#x1F1FA;&#x1F1F3;",
+      "category": "Flags (country-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏴󠁧󠁢󠁥󠁮󠁧󠁿",
+      "name": "flag: England",
+      "shortname": ":England:",
+      "unicode": "1F3F4 E0067 E0062 E0065 E006E E0067 E007F",
+      "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0065;&#xE006E;&#xE0067;&#xE007F;",
+      "category": "Flags (subdivision-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏴󠁧󠁢󠁳󠁣󠁴󠁿",
+      "name": "flag: Scotland",
+      "shortname": ":Scotland:",
+      "unicode": "1F3F4 E0067 E0062 E0073 E0063 E0074 E007F",
+      "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0073;&#xE0063;&#xE0074;&#xE007F;",
+      "category": "Flags (subdivision-flag)",
+      "order": ""
+    },
+    {
+      "emoji": "🏴󠁧󠁢󠁷󠁬󠁳󠁿",
+      "name": "Wales",
+      "shortname": ":wales:",
+      "unicode": "1F3F4 E0067 E0062 E0077 E006C E0073 E007F",
+      "html": "&#x1F3F4;&#xE0067;&#xE0062;&#xE0077;&#xE006C;&#xE0073;&#xE007F;",
+      "category": "(subdivision-flag)",
+      "order": ""
+    }
+  ]
+}
diff --git a/vite.config.js b/vite.config.js
index 0b4d0db90..bd81482b1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,7 +6,11 @@ import vueJsx from '@vitejs/plugin-vue-jsx'
 import stylelint from 'vite-plugin-stylelint'
 import eslint from 'vite-plugin-eslint2'
 import emojisPlugin from './build/emojis_plugin.js'
-import { devSwPlugin, buildSwPlugin, swMessagesPlugin } from './build/sw_plugin.js'
+import {
+  devSwPlugin,
+  buildSwPlugin,
+  swMessagesPlugin,
+} from './build/sw_plugin.js'
 import copyPlugin from './build/copy_plugin.js'
 import { getCommitHash } from './build/commit_hash.js'
 import mswPlugin from './build/msw_plugin.js'
@@ -24,7 +28,10 @@ const getLocalDevSettings = async () => {
     console.info(JSON.stringify(settings, null, 2))
     return settings
   } catch (e) {
-    console.info(`Local dev server settings not found (${localConfigPath}), using default`, e)
+    console.info(
+      `Local dev server settings not found (${localConfigPath}), using default`,
+      e,
+    )
     return {}
   }
 }
@@ -42,7 +49,7 @@ const getTransformSWSettings = (settings) => {
         'Some browsers (e.g. Firefox) does not support ESM service workers.\n' +
         'To avoid surprises, it is defaulted to true, but this can be slow.\n' +
         'If you are using a browser that supports ESM service workers, you can set this option to false.\n' +
-        `No matter your choice, you can set the transformSW option in ${localConfigPath} in to disable this message.`
+        `No matter your choice, you can set the transformSW option in ${localConfigPath} in to disable this message.`,
     )
     return true
   }
@@ -57,12 +64,12 @@ export default defineConfig(async ({ mode, command }) => {
       target,
       changeOrigin: true,
       cookieDomainRewrite: 'localhost',
-      ws: true
+      ws: true,
     },
     '/nodeinfo': {
       target,
       changeOrigin: true,
-      cookieDomainRewrite: 'localhost'
+      cookieDomainRewrite: 'localhost',
     },
     '/socket': {
       target,
@@ -70,14 +77,14 @@ export default defineConfig(async ({ mode, command }) => {
       cookieDomainRewrite: 'localhost',
       ws: true,
       headers: {
-        'Origin': target
-      }
+        Origin: target,
+      },
     },
     '/oauth': {
       target,
       changeOrigin: true,
-      cookieDomainRewrite: 'localhost'
-    }
+      cookieDomainRewrite: 'localhost',
+    },
   }
 
   const swSrc = 'src/sw.js'
@@ -85,7 +92,7 @@ export default defineConfig(async ({ mode, command }) => {
   const alias = {
     src: '/src',
     components: '/src/components',
-    ...(mode === 'test' ? { vue: 'vue/dist/vue.esm-bundler.js' } : {})
+    ...(mode === 'test' ? { vue: 'vue/dist/vue.esm-bundler.js' } : {}),
   }
 
   return {
@@ -101,9 +108,9 @@ export default defineConfig(async ({ mode, command }) => {
                 return true
               }
               return false
-            }
-          }
-        }
+            },
+          },
+        },
       }),
       vueJsx(),
       devSwPlugin({ swSrc, swDest, transformSW, alias }),
@@ -112,19 +119,22 @@ export default defineConfig(async ({ mode, command }) => {
       emojisPlugin(),
       copyPlugin({
         inUrl: '/static/ruffle',
-        inFs: resolve(projectRoot, 'node_modules/@ruffle-rs/ruffle')
+        inFs: resolve(projectRoot, 'node_modules/@ruffle-rs/ruffle'),
       }),
       eslint({
         lintInWorker: true,
         lintOnStart: true,
-        cacheLocation: resolve(projectRoot, 'node_modules/.cache/eslintcache')
+        cacheLocation: resolve(projectRoot, 'node_modules/.cache/eslintcache'),
       }),
       stylelint({
         lintInWorker: true,
         lintOnStart: true,
-        cacheLocation: resolve(projectRoot, 'node_modules/.cache/stylelintcache')
+        cacheLocation: resolve(
+          projectRoot,
+          'node_modules/.cache/stylelintcache',
+        ),
       }),
-      ...(mode === 'test' ? [mswPlugin()] : [])
+      ...(mode === 'test' ? [mswPlugin()] : []),
     ],
     optimizeDeps: {
       // For unknown reasons, during vitest, vite will re-optimize the following
@@ -136,35 +146,42 @@ export default defineConfig(async ({ mode, command }) => {
         '@ungap/event-target',
         'lodash.merge',
         'body-scroll-lock',
-        '@kazvmoe-infra/pinch-zoom-element'
-      ]
+        '@kazvmoe-infra/pinch-zoom-element',
+      ],
     },
     css: {
-      devSourcemap: true
+      devSourcemap: true,
     },
     resolve: {
-      alias
+      alias,
     },
     define: {
       'process.env': JSON.stringify({
-        NODE_ENV: mode === 'test' ? 'testing' : command === 'serve' ? 'development' : 'production',
-        HAS_MODULE_SERVICE_WORKER: command === 'serve' && !transformSW
+        NODE_ENV:
+          mode === 'test'
+            ? 'testing'
+            : command === 'serve'
+              ? 'development'
+              : 'production',
+        HAS_MODULE_SERVICE_WORKER: command === 'serve' && !transformSW,
       }),
-      'COMMIT_HASH': JSON.stringify(command === 'serve' ? 'DEV' : getCommitHash()),
-      'DEV_OVERRIDES': JSON.stringify(command === 'serve' ? settings : undefined),
-      '__VUE_OPTIONS_API__': true,
-      '__VUE_PROD_DEVTOOLS__': false,
-      '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': false
+      COMMIT_HASH: JSON.stringify(
+        command === 'serve' ? 'DEV' : getCommitHash(),
+      ),
+      DEV_OVERRIDES: JSON.stringify(command === 'serve' ? settings : undefined),
+      __VUE_OPTIONS_API__: true,
+      __VUE_PROD_DEVTOOLS__: false,
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
     },
     build: {
       sourcemap: true,
       rollupOptions: {
         input: {
-          main: 'index.html'
+          main: 'index.html',
         },
         output: {
           inlineDynamicImports: false,
-          entryFileNames (chunkInfo) {
+          entryFileNames(chunkInfo) {
             const id = chunkInfo.facadeModuleId
             if (id.endsWith(swSrc)) {
               return swDest
@@ -172,9 +189,13 @@ export default defineConfig(async ({ mode, command }) => {
               return 'static/js/[name].[hash].js'
             }
           },
-          chunkFileNames (chunkInfo) {
+          chunkFileNames(chunkInfo) {
             if (chunkInfo.facadeModuleId) {
-              if (chunkInfo.facadeModuleId.includes('node_modules/@kazvmoe-infra/unicode-emoji-json/annotations/')) {
+              if (
+                chunkInfo.facadeModuleId.includes(
+                  'node_modules/@kazvmoe-infra/unicode-emoji-json/annotations/',
+                )
+              ) {
                 return 'static/js/emoji-annotations/[name].[hash].js'
               } else if (chunkInfo.facadeModuleId.includes('src/i18n/')) {
                 return 'static/js/i18n/[name].[hash].js'
@@ -182,7 +203,7 @@ export default defineConfig(async ({ mode, command }) => {
             }
             return 'static/js/[name].[hash].js'
           },
-          assetFileNames (assetInfo) {
+          assetFileNames(assetInfo) {
             const name = assetInfo.names?.[0] || ''
             if (/\.(png|jpe?g|gif|svg)(\?.*)?$/.test(name)) {
               return 'static/img/[name].[hash][extname]'
@@ -191,26 +212,24 @@ export default defineConfig(async ({ mode, command }) => {
             } else {
               return 'static/misc/[name].[hash][extname]'
             }
-          }
-        }
+          },
+        },
       },
     },
     server: {
       ...(mode === 'test' ? {} : { proxy }),
-      port: Number(process.env.PORT) || 8080
+      port: Number(process.env.PORT) || 8080,
     },
     preview: {
-      proxy
+      proxy,
     },
     test: {
       globals: true,
       browser: {
         enabled: true,
         provider: 'playwright',
-        instances: [
-          { browser: 'firefox' }
-        ]
-      }
-    }
+        instances: [{ browser: 'firefox' }],
+      },
+    },
   }
 })

From b05a501236399d4c00842a507e1ab445f3ed0af8 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 16:23:17 +0200
Subject: [PATCH 398/424] biome check --write

---
 build/check-versions.mjs                      |   2 +-
 build/copy_plugin.js                          |   4 +-
 build/emojis_plugin.js                        |   4 +-
 build/msw_plugin.js                           |   2 +-
 build/service_worker_messages.js              |   2 +-
 build/sw_plugin.js                            |   6 +-
 eslint.config.mjs                             |   2 +-
 src/App.js                                    |  45 ++++----
 src/boot/after_store.js                       |  38 +++----
 src/boot/routes.js                            |  56 ++++-----
 src/components/about/about.js                 |   6 +-
 .../account_actions/account_actions.js        |  12 +-
 src/components/announcement/announcement.js   |   4 +-
 .../announcements_page/announcements_page.js  |   2 +-
 src/components/attachment/attachment.js       |  32 +++---
 src/components/auth_form/auth_form.js         |   4 +-
 src/components/avatar_list/avatar_list.js     |   2 +-
 .../basic_user_card/basic_user_card.js        |   6 +-
 .../bookmark_folder_edit.js                   |   6 +-
 .../bookmark_folders/bookmark_folders.js      |   2 +-
 .../bookmark_folders_menu_content.js          |   2 +-
 .../bubble_timeline/bubble_timeline.js        |   1 +
 src/components/chat/chat.js                   |  20 ++--
 src/components/chat_list/chat_list.js         |   2 +-
 .../chat_list_item/chat_list_item.js          |   8 +-
 src/components/chat_message/chat_message.js   |  16 +--
 src/components/chat_new/chat_new.js           |   6 +-
 src/components/chat_title/chat_title.js       |   2 +-
 src/components/color_input/color_input.vue    |   7 +-
 .../component_preview/component_preview.js    |   2 +-
 src/components/confirm_modal/mute_confirm.js  |   5 +-
 .../contrast_ratio/contrast_ratio.vue         |   3 +-
 src/components/conversation/conversation.js   |  19 ++--
 src/components/desktop_nav/desktop_nav.js     |  20 ++--
 src/components/draft/draft.js                 |  13 +--
 .../edit_status_form/edit_status_form.js      |   2 +-
 .../edit_status_modal/edit_status_modal.js    |   4 +-
 src/components/emoji_input/emoji_input.js     |  18 +--
 src/components/emoji_picker/emoji_picker.js   |  30 ++---
 .../emoji_reactions/emoji_reactions.js        |   6 +-
 .../extra_notifications.js                    |  12 +-
 src/components/flash/flash.js                 |   4 +-
 src/components/follow_button/follow_button.js |   2 +-
 src/components/follow_card/follow_card.js     |   2 +-
 .../follow_request_card.js                    |   2 +-
 src/components/font_control/font_control.js   |  11 +-
 .../friends_timeline/friends_timeline.js      |   1 +
 src/components/gallery/gallery.js             |   2 +-
 src/components/interactions/interactions.js   |   2 +-
 .../interface_language_switcher.js            |   6 +-
 src/components/lists_edit/lists_edit.js       |  16 +--
 .../lists_menu/lists_menu_content.js          |   4 +-
 .../lists_timeline/lists_timeline.js          |   1 +
 .../lists_user_search/lists_user_search.js    |   2 +-
 src/components/login_form/login_form.js       |  10 +-
 src/components/media_modal/media_modal.js     |  16 +--
 src/components/media_upload/media_upload.js   |   6 +-
 src/components/mention_link/mention_link.js   |   8 +-
 src/components/mfa_form/recovery_form.js      |  10 +-
 src/components/mfa_form/totp_form.js          |  10 +-
 src/components/mobile_nav/mobile_nav.js       |  36 +++---
 .../mobile_post_status_button.js              |   2 +-
 .../mrf_transparency_panel.js                 |   2 +-
 src/components/mute_card/mute_card.js         |   2 +-
 src/components/nav_panel/nav_panel.js         |  42 ++++---
 src/components/navigation/navigation_entry.js |   9 +-
 src/components/navigation/navigation_pins.js  |  44 ++++----
 src/components/notification/notification.js   |  48 ++++----
 .../notifications/notification_filters.vue    |   2 +-
 src/components/notifications/notifications.js |  34 +++---
 .../oauth_callback/oauth_callback.js          |   2 +-
 .../palette_editor/palette_editor.vue         |  11 +-
 .../password_reset/password_reset.js          |   4 +-
 src/components/poll/poll.js                   |   6 +-
 src/components/poll/poll_form.js              |   4 +-
 .../post_status_form/post_status_form.js      |  54 +++++----
 .../post_status_modal/post_status_modal.js    |   4 +-
 .../public_and_external_timeline.js           |   1 +
 .../public_timeline/public_timeline.js        |   1 +
 .../quick_filter_settings.js                  |   6 +-
 .../quick_view_settings.js                    |  12 +-
 src/components/registration/registration.js   |   6 +-
 src/components/report/report.js               |   4 +-
 src/components/rich_content/rich_content.jsx  |  16 +--
 .../scope_selector/scope_selector.js          |   2 +-
 src/components/search/search.js               |  10 +-
 src/components/search_bar/search_bar.js       |   2 +-
 .../selectable_list/selectable_list.js        |   2 +-
 .../settings_modal/admin_tabs/auth_tab.js     |   9 +-
 .../settings_modal/admin_tabs/emoji_tab.js    |  27 +++--
 .../admin_tabs/federation_tab.js              |   9 +-
 .../admin_tabs/frontends_tab.js               |  19 ++--
 .../settings_modal/admin_tabs/http_tab.js     |  11 +-
 .../settings_modal/admin_tabs/instance_tab.js |  10 +-
 .../admin_tabs/job_queues_tab.js              |   9 +-
 .../settings_modal/admin_tabs/limits_tab.js   |   3 +-
 .../settings_modal/admin_tabs/links_tab.js    |  11 +-
 .../settings_modal/admin_tabs/mailer_tab.js   |   9 +-
 .../admin_tabs/media_proxy_tab.js             |   7 +-
 .../admin_tabs/monitoring_tab.js              |  17 ++-
 .../settings_modal/admin_tabs/other_tab.js    |   9 +-
 .../settings_modal/admin_tabs/posts_tab.js    |   9 +-
 .../admin_tabs/registrations_tab.js           |   9 +-
 .../settings_modal/admin_tabs/uploads_tab.js  |   3 +-
 .../helpers/attachment_setting.js             |   6 +-
 .../settings_modal/helpers/color_setting.js   |   2 +-
 .../settings_modal/helpers/draft_buttons.vue  |   2 +-
 .../helpers/emoji_editing_popover.vue         |   4 +-
 .../settings_modal/helpers/help_indicator.vue |   2 +-
 .../helpers/modified_indicator.vue            |   2 +-
 .../helpers/profile_setting_indicator.vue     |   2 +-
 .../helpers/pwa_manifest_icons_setting.js     |   7 +-
 .../settings_modal/helpers/setting.js         |   4 +-
 .../helpers/vertical_tab_switcher.jsx         |   8 +-
 .../settings_modal/settings_modal.js          |  30 ++---
 .../settings_modal_admin_content.js           |  62 +++++-----
 .../settings_modal_user_content.js            |  54 +++++----
 .../settings_modal/tabs/appearance_tab.js     |  35 +++---
 .../settings_modal/tabs/clutter_tab.js        |  20 ++--
 .../settings_modal/tabs/composing_tab.js      |  33 +++---
 .../tabs/data_import_export_tab.js            |   6 +-
 .../settings_modal/tabs/developer_tab.js      |   4 +-
 .../settings_modal/tabs/filtering_tab.js      |  32 +++---
 .../settings_modal/tabs/general_tab.js        |  10 +-
 .../settings_modal/tabs/layout_tab.js         |   3 +-
 .../tabs/mutes_and_blocks_tab.js              |  16 +--
 .../tabs/old_theme_tab/old_theme_tab.js       |  65 +++++------
 .../tabs/old_theme_tab/theme_preview.vue      |   8 +-
 .../settings_modal/tabs/posts_tab.js          |   2 +-
 .../settings_modal/tabs/profile_tab.js        |  15 ++-
 .../settings_modal/tabs/security_tab/mfa.js   |   6 +-
 .../tabs/security_tab/mfa_totp.js             |   2 +-
 .../tabs/security_tab/security_tab.js         |   4 +-
 .../tabs/style_tab/style_tab.js               | 106 +++++++++---------
 .../tabs/style_tab/virtual_directives_tab.js  |   5 +-
 .../shadow_control/shadow_control.js          |  28 ++---
 src/components/shout_panel/shout_panel.js     |   2 +-
 src/components/side_drawer/side_drawer.js     |  38 +++----
 src/components/staff_panel/staff_panel.js     |   2 +-
 src/components/status/status.js               |  75 ++++++-------
 .../status_action_buttons/action_button.js    |  37 +++---
 .../action_button_container.js                |  13 +--
 .../status_action_buttons.js                  |  18 ++-
 src/components/status_body/status_body.js     |   8 +-
 .../status_bookmark_folder_menu.js            |   3 +-
 .../status_content/status_content.js          |  14 +--
 .../status_history_modal.js                   |   2 +-
 .../status_popover/status_popover.js          |   2 +-
 .../still-image/still-image-emoji-popover.vue |   5 +-
 src/components/tab_switcher/tab_switcher.jsx  |   5 +-
 src/components/thread_tree/thread_tree.js     |   3 +-
 src/components/timeline/timeline.js           |  22 ++--
 src/components/timeline_menu/timeline_menu.js |  16 +--
 .../update_notification.js                    |   7 +-
 src/components/user_avatar/user_avatar.js     |   8 +-
 src/components/user_card/user_card.js         |  71 ++++++------
 src/components/user_link/user_link.vue        |   2 +-
 .../user_list_menu/user_list_menu.js          |   3 +-
 .../user_list_popover/user_list_popover.js    |   7 +-
 src/components/user_panel/user_panel.js       |   2 +-
 src/components/user_popover/user_popover.js   |   2 +-
 src/components/user_profile/user_profile.js   |  18 +--
 .../user_reporting_modal.js                   |  10 +-
 .../user_timed_filter_modal.js                |   2 +-
 .../who_to_follow_panel.js                    |   4 +-
 src/hocs/with_load_more/with_load_more.jsx    |   5 +-
 .../with_subscription/with_subscription.jsx   |   5 +-
 src/i18n/messages.js                          |   2 +-
 src/lib/persisted_state.js                    |   2 +-
 src/main.js                                   |  13 +--
 src/modules/adminSettings.js                  |   2 +-
 src/modules/api.js                            |   8 +-
 src/modules/chats.js                          |   4 +-
 src/modules/config.js                         |   8 +-
 src/modules/config_declaration.js             |   1 +
 src/modules/index.js                          |  16 +--
 src/modules/instance.js                       |  10 +-
 src/modules/notifications.js                  |  14 +--
 src/modules/statuses.js                       |  22 ++--
 src/modules/users.js                          |  31 +++--
 src/services/api/api.service.js               |  10 +-
 .../backend_interactor_service.js             |   8 +-
 .../bookmark_folders_fetcher.service.js       |   2 +-
 src/services/color_convert/color_convert.js   |   2 +-
 src/services/completion/completion.js         |   2 +-
 .../desktop_notification_utils.js             |   5 +-
 .../entity_normalizer.service.js              |   4 +-
 .../html_tree_converter.service.js            |   2 +-
 src/services/locale/locale.service.js         |   2 +-
 .../notification_utils/notification_utils.js  |   9 +-
 src/services/poll/poll.service.js             |   2 +-
 src/services/resettable_async_component.js    |   2 +-
 src/services/style_setter/style_setter.js     |   8 +-
 src/services/theme_data/iss_serializer.js     |   2 +-
 src/services/theme_data/pleromafe.js          |   2 +-
 .../theme_data/theme3_slot_functions.js       |   2 +-
 src/services/theme_data/theme_data.service.js |  10 +-
 .../theme_data/theme_data_3.service.js        |  23 ++--
 .../timeline_fetcher.service.js               |   3 +-
 .../user_highlighter/user_highlighter.js      |   1 +
 src/stores/auth_flow.js                       |   2 +-
 src/stores/bookmark_folders.js                |   2 +-
 src/stores/interface.js                       |   4 +-
 src/stores/lists.js                           |   3 +-
 src/stores/reports.js                         |   3 +-
 src/stores/serverSideStorage.js               |  20 ++--
 src/sw.js                                     |  10 +-
 test/fixtures/mock_api.js                     |   4 +-
 test/fixtures/mock_store.js                   |   2 +-
 test/fixtures/setup_test.js                   |   4 +-
 test/unit/specs/boot/routes.spec.js           |   2 +-
 test/unit/specs/components/draft.spec.js      |   6 +-
 .../unit/specs/components/emoji_input.spec.js |   4 +-
 .../specs/components/user_profile.spec.js     |   4 +-
 test/unit/specs/lib/persisted_state.spec.js   |   4 +-
 .../specs/modules/serverSideStorage.spec.js   |  12 +-
 test/unit/specs/modules/users.spec.js         |   2 +-
 .../services/completion/completion.spec.js    |   4 +-
 .../entity_normalizer.spec.js                 |   4 +-
 .../file_size_format/file_size_format.spec.js |   1 +
 .../services/html_converter/utility.spec.js   |   2 +-
 .../theme_data/iss_deserializer.spec.js       |   1 +
 test/unit/specs/stores/lists.spec.js          |   2 +-
 test/unit/specs/stores/oauth.spec.js          |   8 +-
 vite.config.js                                |  14 +--
 225 files changed, 1177 insertions(+), 1266 deletions(-)

diff --git a/build/check-versions.mjs b/build/check-versions.mjs
index 61f750e7b..8c5968a30 100644
--- a/build/check-versions.mjs
+++ b/build/check-versions.mjs
@@ -1,5 +1,5 @@
-import semver from 'semver'
 import chalk from 'chalk'
+import semver from 'semver'
 
 import packageConfig from '../package.json' with { type: 'json' }
 
diff --git a/build/copy_plugin.js b/build/copy_plugin.js
index ad4d9617a..4f020f359 100644
--- a/build/copy_plugin.js
+++ b/build/copy_plugin.js
@@ -1,6 +1,6 @@
-import serveStatic from 'serve-static'
-import { resolve } from 'node:path'
 import { cp } from 'node:fs/promises'
+import { resolve } from 'node:path'
+import serveStatic from 'serve-static'
 
 const getPrefix = (s) => {
   const padEnd = s.endsWith('/') ? s : s + '/'
diff --git a/build/emojis_plugin.js b/build/emojis_plugin.js
index 056da056e..4b3a2d33f 100644
--- a/build/emojis_plugin.js
+++ b/build/emojis_plugin.js
@@ -1,6 +1,6 @@
-import { resolve } from 'node:path'
 import { access } from 'node:fs/promises'
-import { languages, langCodeToCldrName } from '../src/i18n/languages.js'
+import { resolve } from 'node:path'
+import { langCodeToCldrName, languages } from '../src/i18n/languages.js'
 
 const annotationsImportPrefix = '@kazvmoe-infra/unicode-emoji-json/annotations/'
 const specialAnnotationsLocale = {
diff --git a/build/msw_plugin.js b/build/msw_plugin.js
index 009546945..c4e9098c5 100644
--- a/build/msw_plugin.js
+++ b/build/msw_plugin.js
@@ -1,5 +1,5 @@
-import { resolve } from 'node:path'
 import { readFile } from 'node:fs/promises'
+import { resolve } from 'node:path'
 
 const target = 'node_modules/msw/lib/mockServiceWorker.js'
 
diff --git a/build/service_worker_messages.js b/build/service_worker_messages.js
index 852963245..0ebd2b471 100644
--- a/build/service_worker_messages.js
+++ b/build/service_worker_messages.js
@@ -1,7 +1,7 @@
-import { languages, langCodeToJsonName } from '../src/i18n/languages.js'
 import { readFile } from 'node:fs/promises'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+import { langCodeToJsonName, languages } from '../src/i18n/languages.js'
 
 const i18nDir = resolve(
   dirname(dirname(fileURLToPath(import.meta.url))),
diff --git a/build/sw_plugin.js b/build/sw_plugin.js
index c7f543e10..f9d17b376 100644
--- a/build/sw_plugin.js
+++ b/build/sw_plugin.js
@@ -1,8 +1,8 @@
-import { fileURLToPath } from 'node:url'
-import { dirname, resolve } from 'node:path'
 import { readFile } from 'node:fs/promises'
-import { build } from 'vite'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import * as esbuild from 'esbuild'
+import { build } from 'vite'
 import {
   generateServiceWorkerMessages,
   i18nFiles,
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 9a670ccf9..60c36d246 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,5 +1,5 @@
-import vue from 'eslint-plugin-vue'
 import js from '@eslint/js'
+import vue from 'eslint-plugin-vue'
 import globals from 'globals'
 
 export default [
diff --git a/src/App.js b/src/App.js
index 91e6cbc4c..83e7f8ee5 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,27 +1,26 @@
-import UserPanel from './components/user_panel/user_panel.vue'
-import NavPanel from './components/nav_panel/nav_panel.vue'
-import InstanceSpecificPanel from './components/instance_specific_panel/instance_specific_panel.vue'
-import FeaturesPanel from './components/features_panel/features_panel.vue'
-import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
-import ShoutPanel from './components/shout_panel/shout_panel.vue'
-import MediaModal from './components/media_modal/media_modal.vue'
-import SideDrawer from './components/side_drawer/side_drawer.vue'
-import MobilePostStatusButton from './components/mobile_post_status_button/mobile_post_status_button.vue'
-import MobileNav from './components/mobile_nav/mobile_nav.vue'
-import DesktopNav from './components/desktop_nav/desktop_nav.vue'
-import UserReportingModal from './components/user_reporting_modal/user_reporting_modal.vue'
-import EditStatusModal from './components/edit_status_modal/edit_status_modal.vue'
-import PostStatusModal from './components/post_status_modal/post_status_modal.vue'
-import StatusHistoryModal from './components/status_history_modal/status_history_modal.vue'
-import GlobalNoticeList from './components/global_notice_list/global_notice_list.vue'
-import { getOrCreateServiceWorker } from './services/sw/sw'
-import { windowWidth, windowHeight } from './services/window_utils/window_utils'
-import { mapGetters } from 'vuex'
-import { defineAsyncComponent } from 'vue'
-import { useShoutStore } from './stores/shout'
-import { useInterfaceStore } from './stores/interface'
-
 import { throttle } from 'lodash'
+import { defineAsyncComponent } from 'vue'
+import { mapGetters } from 'vuex'
+import DesktopNav from './components/desktop_nav/desktop_nav.vue'
+import EditStatusModal from './components/edit_status_modal/edit_status_modal.vue'
+import FeaturesPanel from './components/features_panel/features_panel.vue'
+import GlobalNoticeList from './components/global_notice_list/global_notice_list.vue'
+import InstanceSpecificPanel from './components/instance_specific_panel/instance_specific_panel.vue'
+import MediaModal from './components/media_modal/media_modal.vue'
+import MobileNav from './components/mobile_nav/mobile_nav.vue'
+import MobilePostStatusButton from './components/mobile_post_status_button/mobile_post_status_button.vue'
+import NavPanel from './components/nav_panel/nav_panel.vue'
+import PostStatusModal from './components/post_status_modal/post_status_modal.vue'
+import ShoutPanel from './components/shout_panel/shout_panel.vue'
+import SideDrawer from './components/side_drawer/side_drawer.vue'
+import StatusHistoryModal from './components/status_history_modal/status_history_modal.vue'
+import UserPanel from './components/user_panel/user_panel.vue'
+import UserReportingModal from './components/user_reporting_modal/user_reporting_modal.vue'
+import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
+import { getOrCreateServiceWorker } from './services/sw/sw'
+import { windowHeight, windowWidth } from './services/window_utils/window_utils'
+import { useInterfaceStore } from './stores/interface'
+import { useShoutStore } from './stores/shout'
 
 export default {
   name: 'app',
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index c05fb7e55..1a2be5bd7 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -1,39 +1,39 @@
 /* global process */
+
+import vClickOutside from 'click-outside-vue3'
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import vClickOutside from 'click-outside-vue3'
 import VueVirtualScroller from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
+import { config } from '@fortawesome/fontawesome-svg-core'
 import {
   FontAwesomeIcon,
   FontAwesomeLayers,
 } from '@fortawesome/vue-fontawesome'
-import { config } from '@fortawesome/fontawesome-svg-core'
+
 config.autoAddCss = false
 
-import App from '../App.vue'
-import routes from './routes'
 import VBodyScrollLock from 'src/directives/body_scroll_lock'
-
 import {
-  windowWidth,
-  windowHeight,
-} from '../services/window_utils/window_utils'
-import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
-import { applyConfig } from '../services/style_setter/style_setter.js'
-import FaviconService from '../services/favicon_service/favicon_service.js'
-import { initServiceWorker, updateFocus } from '../services/sw/sw.js'
-
-import { useOAuthStore } from 'src/stores/oauth'
-import { useI18nStore } from 'src/stores/i18n'
-import { useInterfaceStore } from 'src/stores/interface'
+  instanceDefaultConfig,
+  staticOrApiConfigDefault,
+} from 'src/modules/default_config_state.js'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useAuthFlowStore } from 'src/stores/auth_flow'
+import { useI18nStore } from 'src/stores/i18n'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useOAuthStore } from 'src/stores/oauth'
+import App from '../App.vue'
+import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
+import FaviconService from '../services/favicon_service/favicon_service.js'
+import { applyConfig } from '../services/style_setter/style_setter.js'
+import { initServiceWorker, updateFocus } from '../services/sw/sw.js'
 import {
-  staticOrApiConfigDefault,
-  instanceDefaultConfig,
-} from 'src/modules/default_config_state.js'
+  windowHeight,
+  windowWidth,
+} from '../services/window_utils/window_utils'
+import routes from './routes'
 
 let staticInitialResults = null
 
diff --git a/src/boot/routes.js b/src/boot/routes.js
index b0b90a8d7..c601531a9 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -1,35 +1,35 @@
-import PublicTimeline from 'components/public_timeline/public_timeline.vue'
-import BubbleTimeline from 'components/bubble_timeline/bubble_timeline.vue'
-import PublicAndExternalTimeline from 'components/public_and_external_timeline/public_and_external_timeline.vue'
-import FriendsTimeline from 'components/friends_timeline/friends_timeline.vue'
-import TagTimeline from 'components/tag_timeline/tag_timeline.vue'
-import BookmarkTimeline from 'components/bookmark_timeline/bookmark_timeline.vue'
-import ConversationPage from 'components/conversation-page/conversation-page.vue'
-import Interactions from 'components/interactions/interactions.vue'
-import DMs from 'components/dm_timeline/dm_timeline.vue'
-import ChatList from 'components/chat_list/chat_list.vue'
-import Chat from 'components/chat/chat.vue'
-import UserProfile from 'components/user_profile/user_profile.vue'
-import Search from 'components/search/search.vue'
-import Registration from 'components/registration/registration.vue'
-import PasswordReset from 'components/password_reset/password_reset.vue'
-import FollowRequests from 'components/follow_requests/follow_requests.vue'
-import OAuthCallback from 'components/oauth_callback/oauth_callback.vue'
-import Notifications from 'components/notifications/notifications.vue'
-import AuthForm from 'components/auth_form/auth_form.js'
-import ShoutPanel from 'components/shout_panel/shout_panel.vue'
-import WhoToFollow from 'components/who_to_follow/who_to_follow.vue'
 import About from 'components/about/about.vue'
-import RemoteUserResolver from 'components/remote_user_resolver/remote_user_resolver.vue'
-import Lists from 'components/lists/lists.vue'
-import ListsTimeline from 'components/lists_timeline/lists_timeline.vue'
-import ListsEdit from 'components/lists_edit/lists_edit.vue'
-import NavPanel from 'src/components/nav_panel/nav_panel.vue'
 import AnnouncementsPage from 'components/announcements_page/announcements_page.vue'
-import QuotesTimeline from '../components/quotes_timeline/quotes_timeline.vue'
+import AuthForm from 'components/auth_form/auth_form.js'
+import BookmarkTimeline from 'components/bookmark_timeline/bookmark_timeline.vue'
+import BubbleTimeline from 'components/bubble_timeline/bubble_timeline.vue'
+import Chat from 'components/chat/chat.vue'
+import ChatList from 'components/chat_list/chat_list.vue'
+import ConversationPage from 'components/conversation-page/conversation-page.vue'
+import DMs from 'components/dm_timeline/dm_timeline.vue'
 import Drafts from 'components/drafts/drafts.vue'
-import BookmarkFolders from '../components/bookmark_folders/bookmark_folders.vue'
+import FollowRequests from 'components/follow_requests/follow_requests.vue'
+import FriendsTimeline from 'components/friends_timeline/friends_timeline.vue'
+import Interactions from 'components/interactions/interactions.vue'
+import Lists from 'components/lists/lists.vue'
+import ListsEdit from 'components/lists_edit/lists_edit.vue'
+import ListsTimeline from 'components/lists_timeline/lists_timeline.vue'
+import Notifications from 'components/notifications/notifications.vue'
+import OAuthCallback from 'components/oauth_callback/oauth_callback.vue'
+import PasswordReset from 'components/password_reset/password_reset.vue'
+import PublicAndExternalTimeline from 'components/public_and_external_timeline/public_and_external_timeline.vue'
+import PublicTimeline from 'components/public_timeline/public_timeline.vue'
+import Registration from 'components/registration/registration.vue'
+import RemoteUserResolver from 'components/remote_user_resolver/remote_user_resolver.vue'
+import Search from 'components/search/search.vue'
+import ShoutPanel from 'components/shout_panel/shout_panel.vue'
+import TagTimeline from 'components/tag_timeline/tag_timeline.vue'
+import UserProfile from 'components/user_profile/user_profile.vue'
+import WhoToFollow from 'components/who_to_follow/who_to_follow.vue'
+import NavPanel from 'src/components/nav_panel/nav_panel.vue'
 import BookmarkFolderEdit from '../components/bookmark_folder_edit/bookmark_folder_edit.vue'
+import BookmarkFolders from '../components/bookmark_folders/bookmark_folders.vue'
+import QuotesTimeline from '../components/quotes_timeline/quotes_timeline.vue'
 
 export default (store) => {
   const validateAuthenticatedRoute = (to, from, next) => {
diff --git a/src/components/about/about.js b/src/components/about/about.js
index 19ac8a7b6..d091dfd0a 100644
--- a/src/components/about/about.js
+++ b/src/components/about/about.js
@@ -1,8 +1,8 @@
-import InstanceSpecificPanel from '../instance_specific_panel/instance_specific_panel.vue'
 import FeaturesPanel from '../features_panel/features_panel.vue'
-import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
-import StaffPanel from '../staff_panel/staff_panel.vue'
+import InstanceSpecificPanel from '../instance_specific_panel/instance_specific_panel.vue'
 import MRFTransparencyPanel from '../mrf_transparency_panel/mrf_transparency_panel.vue'
+import StaffPanel from '../staff_panel/staff_panel.vue'
+import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
 
 const About = {
   components: {
diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index 93b906bc0..184c2b623 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -1,12 +1,12 @@
-import { mapState } from 'vuex'
-import ProgressButton from '../progress_button/progress_button.vue'
-import Popover from '../popover/popover.vue'
-import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faEllipsisV } from '@fortawesome/free-solid-svg-icons'
+import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import { useReportsStore } from 'src/stores/reports'
+import { mapState } from 'vuex'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import Popover from '../popover/popover.vue'
+import ProgressButton from '../progress_button/progress_button.vue'
 
 library.add(faEllipsisV)
 
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index ffb646320..356852cff 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -1,8 +1,8 @@
+import { useAnnouncementsStore } from 'src/stores/announcements'
 import { mapState } from 'vuex'
+import localeService from '../../services/locale/locale.service.js'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
 import RichContent from '../rich_content/rich_content.jsx'
-import localeService from '../../services/locale/locale.service.js'
-import { useAnnouncementsStore } from 'src/stores/announcements'
 
 const Announcement = {
   components: {
diff --git a/src/components/announcements_page/announcements_page.js b/src/components/announcements_page/announcements_page.js
index 6d1671e83..d3429613c 100644
--- a/src/components/announcements_page/announcements_page.js
+++ b/src/components/announcements_page/announcements_page.js
@@ -1,7 +1,7 @@
+import { useAnnouncementsStore } from 'src/stores/announcements'
 import { mapState } from 'vuex'
 import Announcement from '../announcement/announcement.vue'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
-import { useAnnouncementsStore } from 'src/stores/announcements'
 
 const AnnouncementsPage = {
   components: {
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
index 22228d4af..8c7700c8a 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -1,24 +1,24 @@
-import StillImage from '../still-image/still-image.vue'
-import Flash from '../flash/flash.vue'
-import VideoAttachment from '../video_attachment/video_attachment.vue'
-import nsfwImage from '../../assets/nsfw.png'
-import fileTypeService from '../../services/file_type/file_type.service.js'
-import { mapGetters } from 'vuex'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faFile,
-  faMusic,
-  faImage,
-  faVideo,
-  faPlayCircle,
-  faTimes,
-  faStop,
-  faSearchPlus,
-  faTrashAlt,
-  faPencilAlt,
   faAlignRight,
+  faFile,
+  faImage,
+  faMusic,
+  faPencilAlt,
+  faPlayCircle,
+  faSearchPlus,
+  faStop,
+  faTimes,
+  faTrashAlt,
+  faVideo,
 } from '@fortawesome/free-solid-svg-icons'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
+import { mapGetters } from 'vuex'
+import nsfwImage from '../../assets/nsfw.png'
+import fileTypeService from '../../services/file_type/file_type.service.js'
+import Flash from '../flash/flash.vue'
+import StillImage from '../still-image/still-image.vue'
+import VideoAttachment from '../video_attachment/video_attachment.vue'
 
 library.add(
   faFile,
diff --git a/src/components/auth_form/auth_form.js b/src/components/auth_form/auth_form.js
index 5ebf5c418..1e9b86c57 100644
--- a/src/components/auth_form/auth_form.js
+++ b/src/components/auth_form/auth_form.js
@@ -1,9 +1,9 @@
+import { mapState } from 'pinia'
+import { useAuthFlowStore } from 'src/stores/auth_flow'
 import { h, resolveComponent } from 'vue'
 import LoginForm from '../login_form/login_form.vue'
 import MFARecoveryForm from '../mfa_form/recovery_form.vue'
 import MFATOTPForm from '../mfa_form/totp_form.vue'
-import { mapState } from 'pinia'
-import { useAuthFlowStore } from 'src/stores/auth_flow'
 
 const AuthForm = {
   name: 'AuthForm',
diff --git a/src/components/avatar_list/avatar_list.js b/src/components/avatar_list/avatar_list.js
index 7ef42cf2b..aad157686 100644
--- a/src/components/avatar_list/avatar_list.js
+++ b/src/components/avatar_list/avatar_list.js
@@ -1,5 +1,5 @@
-import UserAvatar from '../user_avatar/user_avatar.vue'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 const AvatarList = {
   props: ['users'],
diff --git a/src/components/basic_user_card/basic_user_card.js b/src/components/basic_user_card/basic_user_card.js
index 018c80065..cc4cbce44 100644
--- a/src/components/basic_user_card/basic_user_card.js
+++ b/src/components/basic_user_card/basic_user_card.js
@@ -1,8 +1,8 @@
-import UserPopover from '../user_popover/user_popover.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import UserLink from '../user_link/user_link.vue'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserPopover from '../user_popover/user_popover.vue'
 
 const BasicUserCard = {
   props: ['user'],
diff --git a/src/components/bookmark_folder_edit/bookmark_folder_edit.js b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
index 822f47f3c..a658a0f40 100644
--- a/src/components/bookmark_folder_edit/bookmark_folder_edit.js
+++ b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
@@ -1,7 +1,7 @@
-import EmojiPicker from '../emoji_picker/emoji_picker.vue'
-import apiService from '../../services/api/api.service'
-import { useInterfaceStore } from 'src/stores/interface'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useInterfaceStore } from 'src/stores/interface'
+import apiService from '../../services/api/api.service'
+import EmojiPicker from '../emoji_picker/emoji_picker.vue'
 
 const BookmarkFolderEdit = {
   data() {
diff --git a/src/components/bookmark_folders/bookmark_folders.js b/src/components/bookmark_folders/bookmark_folders.js
index 15d2c925c..8e09abb31 100644
--- a/src/components/bookmark_folders/bookmark_folders.js
+++ b/src/components/bookmark_folders/bookmark_folders.js
@@ -1,5 +1,5 @@
-import BookmarkFolderCard from '../bookmark_folder_card/bookmark_folder_card.vue'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import BookmarkFolderCard from '../bookmark_folder_card/bookmark_folder_card.vue'
 
 const BookmarkFolders = {
   data() {
diff --git a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
index 944484b74..cc8135334 100644
--- a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
+++ b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
@@ -1,6 +1,6 @@
 import { mapState } from 'pinia'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { getBookmarkFolderEntries } from 'src/components/navigation/filter.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 
 export const BookmarkFoldersMenuContent = {
diff --git a/src/components/bubble_timeline/bubble_timeline.js b/src/components/bubble_timeline/bubble_timeline.js
index f4d3994db..d3835e0e8 100644
--- a/src/components/bubble_timeline/bubble_timeline.js
+++ b/src/components/bubble_timeline/bubble_timeline.js
@@ -1,4 +1,5 @@
 import Timeline from '../timeline/timeline.vue'
+
 const BubbleTimeline = {
   components: {
     Timeline,
diff --git a/src/components/chat/chat.js b/src/components/chat/chat.js
index 77a80c8b9..2a0d91761 100644
--- a/src/components/chat/chat.js
+++ b/src/components/chat/chat.js
@@ -1,22 +1,22 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 import _ from 'lodash'
-import { WSConnectionStatus } from '../../services/api/api.service.js'
-import { mapGetters, mapState } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import ChatMessage from '../chat_message/chat_message.vue'
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import ChatTitle from '../chat_title/chat_title.vue'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { mapGetters, mapState } from 'vuex'
+import { WSConnectionStatus } from '../../services/api/api.service.js'
 import chatService from '../../services/chat_service/chat_service.js'
+import { buildFakeMessage } from '../../services/chat_utils/chat_utils.js'
 import { promiseInterval } from '../../services/promise_interval/promise_interval.js'
+import ChatMessage from '../chat_message/chat_message.vue'
+import ChatTitle from '../chat_title/chat_title.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
 import {
-  getScrollPosition,
   getNewTopPosition,
+  getScrollPosition,
   isBottomedOut,
   isScrollable,
 } from './chat_layout_utils.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronDown, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
-import { buildFakeMessage } from '../../services/chat_utils/chat_utils.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
 
 library.add(faChevronDown, faChevronLeft)
 
diff --git a/src/components/chat_list/chat_list.js b/src/components/chat_list/chat_list.js
index 65e8b02d6..8081d0670 100644
--- a/src/components/chat_list/chat_list.js
+++ b/src/components/chat_list/chat_list.js
@@ -1,4 +1,4 @@
-import { mapState, mapGetters } from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 import ChatListItem from '../chat_list_item/chat_list_item.vue'
 import ChatNew from '../chat_new/chat_new.vue'
 import List from '../list/list.vue'
diff --git a/src/components/chat_list_item/chat_list_item.js b/src/components/chat_list_item/chat_list_item.js
index 2fbc9bae8..ba8f5528b 100644
--- a/src/components/chat_list_item/chat_list_item.js
+++ b/src/components/chat_list_item/chat_list_item.js
@@ -1,10 +1,10 @@
-import { mapState } from 'vuex'
-import StatusBody from '../status_content/status_content.vue'
 import fileType from 'src/services/file_type/file_type.service'
-import UserAvatar from '../user_avatar/user_avatar.vue'
+import { mapState } from 'vuex'
 import AvatarList from '../avatar_list/avatar_list.vue'
-import Timeago from '../timeago/timeago.vue'
 import ChatTitle from '../chat_title/chat_title.vue'
+import StatusBody from '../status_content/status_content.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 const ChatListItem = {
   name: 'ChatListItem',
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 6b2315a82..0d3876ab6 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -1,16 +1,16 @@
-import { mapState, mapGetters } from 'vuex'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisH, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { mapState as mapPiniaState } from 'pinia'
-import Popover from '../popover/popover.vue'
+import { useInterfaceStore } from 'src/stores/interface'
+import { defineAsyncComponent } from 'vue'
+import { mapGetters, mapState } from 'vuex'
 import Attachment from '../attachment/attachment.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
+import ChatMessageDate from '../chat_message_date/chat_message_date.vue'
 import Gallery from '../gallery/gallery.vue'
 import LinkPreview from '../link-preview/link-preview.vue'
+import Popover from '../popover/popover.vue'
 import StatusContent from '../status_content/status_content.vue'
-import ChatMessageDate from '../chat_message_date/chat_message_date.vue'
-import { defineAsyncComponent } from 'vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes, faEllipsisH } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 library.add(faTimes, faEllipsisH)
 
diff --git a/src/components/chat_new/chat_new.js b/src/components/chat_new/chat_new.js
index 8e2a8dacb..d9f73193c 100644
--- a/src/components/chat_new/chat_new.js
+++ b/src/components/chat_new/chat_new.js
@@ -1,8 +1,8 @@
-import { mapState, mapGetters } from 'vuex'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+import { mapGetters, mapState } from 'vuex'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faSearch, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faSearch, faChevronLeft)
 
diff --git a/src/components/chat_title/chat_title.js b/src/components/chat_title/chat_title.js
index 0d5ba93e0..7748f8973 100644
--- a/src/components/chat_title/chat_title.js
+++ b/src/components/chat_title/chat_title.js
@@ -1,6 +1,6 @@
-import UserAvatar from '../user_avatar/user_avatar.vue'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import { defineAsyncComponent } from 'vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 export default {
   name: 'ChatTitle',
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index 8367908d9..76a00416c 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -64,12 +64,11 @@
   </div>
 </template>
 <script>
-import Checkbox from '../checkbox/checkbox.vue'
-import { hex2rgb } from '../../services/color_convert/color_convert.js'
-import { throttle } from 'lodash'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faEyeDropper } from '@fortawesome/free-solid-svg-icons'
+import { throttle } from 'lodash'
+import { hex2rgb } from '../../services/color_convert/color_convert.js'
+import Checkbox from '../checkbox/checkbox.vue'
 
 library.add(faEyeDropper)
 
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index 6a19c3631..1d54f58de 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -3,8 +3,8 @@ import ColorInput from 'src/components/color_input/color_input.vue'
 
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
 import {
-  createStyleSheet,
   adoptStyleSheets,
+  createStyleSheet,
 } from 'src/services/style_setter/style_setter.js'
 
 export default {
diff --git a/src/components/confirm_modal/mute_confirm.js b/src/components/confirm_modal/mute_confirm.js
index 36c86b6ef..2ccb0b3bc 100644
--- a/src/components/confirm_modal/mute_confirm.js
+++ b/src/components/confirm_modal/mute_confirm.js
@@ -1,7 +1,6 @@
-import { mapGetters } from 'vuex'
-
-import ConfirmModal from './confirm_modal.vue'
 import Select from 'src/components/select/select.vue'
+import { mapGetters } from 'vuex'
+import ConfirmModal from './confirm_modal.vue'
 
 export default {
   props: ['type', 'user', 'status'],
diff --git a/src/components/contrast_ratio/contrast_ratio.vue b/src/components/contrast_ratio/contrast_ratio.vue
index c413e2e8b..94cc9fb7c 100644
--- a/src/components/contrast_ratio/contrast_ratio.vue
+++ b/src/components/contrast_ratio/contrast_ratio.vue
@@ -57,14 +57,13 @@
 </template>
 
 <script>
-import Tooltip from 'src/components/tooltip/tooltip.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAdjust,
   faExclamationTriangle,
   faThumbsUp,
 } from '@fortawesome/free-solid-svg-icons'
+import Tooltip from 'src/components/tooltip/tooltip.vue'
 
 library.add(faAdjust, faExclamationTriangle, faThumbsUp)
 
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 699b73cbb..055f43bb3 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -1,19 +1,18 @@
-import { reduce, filter, findIndex, clone, get } from 'lodash'
-import Status from '../status/status.vue'
-import ThreadTree from '../thread_tree/thread_tree.vue'
-import { WSConnectionStatus } from '../../services/api/api.service.js'
-import { mapGetters, mapState } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
-import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
   faAngleDoubleLeft,
   faChevronLeft,
 } from '@fortawesome/free-solid-svg-icons'
+import { clone, filter, findIndex, get, reduce } from 'lodash'
+import { mapState as mapPiniaState } from 'pinia'
+import { useInterfaceStore } from 'src/stores/interface'
+import { mapGetters, mapState } from 'vuex'
+import { WSConnectionStatus } from '../../services/api/api.service.js'
+import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
+import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
+import Status from '../status/status.vue'
+import ThreadTree from '../thread_tree/thread_tree.vue'
 
 library.add(faAngleDoubleDown, faAngleDoubleLeft, faChevronLeft)
 
diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index a775ff090..c816a97b1 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -1,20 +1,20 @@
-import SearchBar from 'components/search_bar/search_bar.vue'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faBell,
+  faBullhorn,
+  faCog,
+  faComments,
+  faHome,
+  faInfoCircle,
+  faSearch,
   faSignInAlt,
   faSignOutAlt,
-  faHome,
-  faComments,
-  faBell,
-  faUserPlus,
-  faBullhorn,
-  faSearch,
   faTachometerAlt,
-  faCog,
-  faInfoCircle,
+  faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
+import SearchBar from 'components/search_bar/search_bar.vue'
 import { useInterfaceStore } from 'src/stores/interface'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 
 library.add(
   faSignInAlt,
diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index 1f1a871cc..2a2485b58 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -1,12 +1,11 @@
-import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
-import EditStatusForm from 'src/components/edit_status_form/edit_status_form.vue'
-import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
-import StatusContent from 'src/components/status_content/status_content.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
-import { cloneDeep } from 'lodash'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPollH } from '@fortawesome/free-solid-svg-icons'
+import { cloneDeep } from 'lodash'
+import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
+import EditStatusForm from 'src/components/edit_status_form/edit_status_form.vue'
+import Gallery from 'src/components/gallery/gallery.vue'
+import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
+import StatusContent from 'src/components/status_content/status_content.vue'
 
 library.add(faPollH)
 
diff --git a/src/components/edit_status_form/edit_status_form.js b/src/components/edit_status_form/edit_status_form.js
index a3c02c2a3..b8df92794 100644
--- a/src/components/edit_status_form/edit_status_form.js
+++ b/src/components/edit_status_form/edit_status_form.js
@@ -1,5 +1,5 @@
-import PostStatusForm from '../post_status_form/post_status_form.vue'
 import statusPosterService from '../../services/status_poster/status_poster.service.js'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
 
 const EditStatusForm = {
   components: {
diff --git a/src/components/edit_status_modal/edit_status_modal.js b/src/components/edit_status_modal/edit_status_modal.js
index 7daed7c89..022055e47 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -1,7 +1,7 @@
-import EditStatusForm from '../edit_status_form/edit_status_form.vue'
-import Modal from '../modal/modal.vue'
 import get from 'lodash/get'
 import { useEditStatusStore } from 'src/stores/editStatus'
+import EditStatusForm from '../edit_status_form/edit_status_form.vue'
+import Modal from '../modal/modal.vue'
 
 const EditStatusModal = {
   components: {
diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index 8f681c25c..49470bec9 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -1,14 +1,14 @@
-import Completion from '../../services/completion/completion.js'
-import genRandomSeed from '../../services/random_seed/random_seed.service.js'
-import EmojiPicker from '../emoji_picker/emoji_picker.vue'
-import Popover from 'src/components/popover/popover.vue'
-import ScreenReaderNotice from 'src/components/screen_reader_notice/screen_reader_notice.vue'
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
-import { take } from 'lodash'
-import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
-import { ensureFinalFallback } from '../../i18n/languages.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
+import { take } from 'lodash'
+import Popover from 'src/components/popover/popover.vue'
+import ScreenReaderNotice from 'src/components/screen_reader_notice/screen_reader_notice.vue'
+import { ensureFinalFallback } from '../../i18n/languages.js'
+import Completion from '../../services/completion/completion.js'
+import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
+import genRandomSeed from '../../services/random_seed/random_seed.service.js'
+import EmojiPicker from '../emoji_picker/emoji_picker.vue'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 library.add(faSmileBeam)
 
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 821187ef6..80920a128 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -1,24 +1,24 @@
-import { defineAsyncComponent } from 'vue'
-import Checkbox from '../checkbox/checkbox.vue'
-import Popover from 'src/components/popover/popover.vue'
-import StillImage from '../still-image/still-image.vue'
-import { ensureFinalFallback } from '../../i18n/languages.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faBoxOpen,
-  faStickyNote,
-  faSmileBeam,
-  faSmile,
-  faUser,
-  faPaw,
-  faIceCream,
-  faBus,
   faBasketballBall,
-  faLightbulb,
+  faBoxOpen,
+  faBus,
   faCode,
   faFlag,
+  faIceCream,
+  faLightbulb,
+  faPaw,
+  faSmile,
+  faSmileBeam,
+  faStickyNote,
+  faUser,
 } from '@fortawesome/free-solid-svg-icons'
-import { debounce, trim, chunk } from 'lodash'
+import { chunk, debounce, trim } from 'lodash'
+import Popover from 'src/components/popover/popover.vue'
+import { defineAsyncComponent } from 'vue'
+import { ensureFinalFallback } from '../../i18n/languages.js'
+import Checkbox from '../checkbox/checkbox.vue'
+import StillImage from '../still-image/still-image.vue'
 
 library.add(
   faBoxOpen,
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index d15a13489..a21f68f83 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -1,8 +1,8 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCheck, faMinus, faPlus } from '@fortawesome/free-solid-svg-icons'
+import StillImage from 'src/components/still-image/still-image.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import UserListPopover from '../user_list_popover/user_list_popover.vue'
-import StillImage from 'src/components/still-image/still-image.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faPlus, faMinus, faCheck } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faPlus, faMinus, faCheck)
 
diff --git a/src/components/extra_notifications/extra_notifications.js b/src/components/extra_notifications/extra_notifications.js
index b8ead5fe8..f0beeeefd 100644
--- a/src/components/extra_notifications/extra_notifications.js
+++ b/src/components/extra_notifications/extra_notifications.js
@@ -1,15 +1,13 @@
-import { mapGetters } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUserPlus,
-  faComments,
   faBullhorn,
+  faComments,
+  faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-
+import { mapState as mapPiniaState } from 'pinia'
+import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useInterfaceStore } from 'src/stores/interface'
+import { mapGetters } from 'vuex'
 
 library.add(faUserPlus, faComments, faBullhorn)
 
diff --git a/src/components/flash/flash.js b/src/components/flash/flash.js
index fea63c79a..2c1c05ddc 100644
--- a/src/components/flash/flash.js
+++ b/src/components/flash/flash.js
@@ -1,9 +1,9 @@
-import RuffleService from '../../services/ruffle_service/ruffle_service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faStop,
   faExclamationTriangle,
+  faStop,
 } from '@fortawesome/free-solid-svg-icons'
+import RuffleService from '../../services/ruffle_service/ruffle_service.js'
 
 library.add(faStop, faExclamationTriangle)
 
diff --git a/src/components/follow_button/follow_button.js b/src/components/follow_button/follow_button.js
index 78158ddd3..eb545b28d 100644
--- a/src/components/follow_button/follow_button.js
+++ b/src/components/follow_button/follow_button.js
@@ -1,8 +1,8 @@
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 import {
   requestFollow,
   requestUnfollow,
 } from '../../services/follow_manipulate/follow_manipulate'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 export default {
   props: ['relationship', 'user', 'labelFollowing', 'buttonClass'],
   components: {
diff --git a/src/components/follow_card/follow_card.js b/src/components/follow_card/follow_card.js
index 0b54e0806..e4c84dcdd 100644
--- a/src/components/follow_card/follow_card.js
+++ b/src/components/follow_card/follow_card.js
@@ -1,6 +1,6 @@
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
-import RemoteFollow from '../remote_follow/remote_follow.vue'
 import FollowButton from '../follow_button/follow_button.vue'
+import RemoteFollow from '../remote_follow/remote_follow.vue'
 import RemoveFollowerButton from '../remove_follower_button/remove_follower_button.vue'
 
 const FollowCard = {
diff --git a/src/components/follow_request_card/follow_request_card.js b/src/components/follow_request_card/follow_request_card.js
index ee55e509f..c037ddf42 100644
--- a/src/components/follow_request_card/follow_request_card.js
+++ b/src/components/follow_request_card/follow_request_card.js
@@ -1,6 +1,6 @@
+import { notificationsFromStore } from '../../services/notification_utils/notification_utils.js'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import { notificationsFromStore } from '../../services/notification_utils/notification_utils.js'
 
 const FollowRequestCard = {
   props: ['user'],
diff --git a/src/components/font_control/font_control.js b/src/components/font_control/font_control.js
index 1db23ad43..c166088bd 100644
--- a/src/components/font_control/font_control.js
+++ b/src/components/font_control/font_control.js
@@ -1,14 +1,13 @@
-import Select from '../select/select.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Popover from 'src/components/popover/popover.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faExclamationTriangle,
-  faKeyboard,
   faFont,
+  faKeyboard,
 } from '@fortawesome/free-solid-svg-icons'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Popover from 'src/components/popover/popover.vue'
+import { useInterfaceStore } from 'src/stores/interface'
+import Select from '../select/select.vue'
 
 library.add(faExclamationTriangle, faKeyboard, faFont)
 
diff --git a/src/components/friends_timeline/friends_timeline.js b/src/components/friends_timeline/friends_timeline.js
index e990ff406..c0c032a8f 100644
--- a/src/components/friends_timeline/friends_timeline.js
+++ b/src/components/friends_timeline/friends_timeline.js
@@ -1,4 +1,5 @@
 import Timeline from '../timeline/timeline.vue'
+
 const FriendsTimeline = {
   components: {
     Timeline,
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
index 40e57fc0c..83999ef25 100644
--- a/src/components/gallery/gallery.js
+++ b/src/components/gallery/gallery.js
@@ -1,6 +1,6 @@
+import { set, sumBy } from 'lodash'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
 import Attachment from '../attachment/attachment.vue'
-import { sumBy, set } from 'lodash'
 
 const Gallery = {
   props: [
diff --git a/src/components/interactions/interactions.js b/src/components/interactions/interactions.js
index a5f3095d9..87e9e1b87 100644
--- a/src/components/interactions/interactions.js
+++ b/src/components/interactions/interactions.js
@@ -1,5 +1,5 @@
-import Notifications from '../notifications/notifications.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Notifications from '../notifications/notifications.vue'
 
 const tabModeDict = {
   mentions: ['mention'],
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
index 2599901c6..e0c7ed034 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -1,9 +1,7 @@
-import localeService from '../../services/locale/locale.service.js'
-
-import Select from '../select/select.vue'
 import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
-
 import { v4 as uuidv4 } from 'uuid'
+import localeService from '../../services/locale/locale.service.js'
+import Select from '../select/select.vue'
 
 export default {
   components: {
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index 64badb2d4..42c7721f4 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -1,14 +1,14 @@
-import { mapState, mapGetters } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import BasicUserCard from '../basic_user_card/basic_user_card.vue'
-import ListsUserSearch from '../lists_user_search/lists_user_search.vue'
-import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faSearch, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+import { mapState as mapPiniaState } from 'pinia'
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
+import { mapGetters, mapState } from 'vuex'
+import BasicUserCard from '../basic_user_card/basic_user_card.vue'
+import ListsUserSearch from '../lists_user_search/lists_user_search.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 library.add(faSearch, faChevronLeft)
 
diff --git a/src/components/lists_menu/lists_menu_content.js b/src/components/lists_menu/lists_menu_content.js
index bf7385403..2f0a9c2d2 100644
--- a/src/components/lists_menu/lists_menu_content.js
+++ b/src/components/lists_menu/lists_menu_content.js
@@ -1,8 +1,8 @@
-import { mapState } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { getListEntries } from 'src/components/navigation/filter.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { useListsStore } from 'src/stores/lists'
+import { mapState } from 'vuex'
 
 export const ListsMenuContent = {
   props: ['showPin'],
diff --git a/src/components/lists_timeline/lists_timeline.js b/src/components/lists_timeline/lists_timeline.js
index 429e21867..ae1554eb6 100644
--- a/src/components/lists_timeline/lists_timeline.js
+++ b/src/components/lists_timeline/lists_timeline.js
@@ -1,5 +1,6 @@
 import { useListsStore } from 'src/stores/lists'
 import Timeline from '../timeline/timeline.vue'
+
 const ListsTimeline = {
   data() {
     return {
diff --git a/src/components/lists_user_search/lists_user_search.js b/src/components/lists_user_search/lists_user_search.js
index 68c730bc2..65c55319c 100644
--- a/src/components/lists_user_search/lists_user_search.js
+++ b/src/components/lists_user_search/lists_user_search.js
@@ -1,5 +1,5 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faSearch, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
 import { debounce } from 'lodash'
 import Checkbox from '../checkbox/checkbox.vue'
 
diff --git a/src/components/login_form/login_form.js b/src/components/login_form/login_form.js
index 694aebe43..346bdd83d 100644
--- a/src/components/login_form/login_form.js
+++ b/src/components/login_form/login_form.js
@@ -1,10 +1,10 @@
-import { mapState } from 'vuex'
-import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
-import oauthApi from '../../services/new_api/oauth.js'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
+import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { mapState } from 'vuex'
+import oauthApi from '../../services/new_api/oauth.js'
 
 library.add(faTimes)
 
diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index 5fc9f7296..f1d116757 100644
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@@ -1,11 +1,3 @@
-import StillImage from '../still-image/still-image.vue'
-import VideoAttachment from '../video_attachment/video_attachment.vue'
-import Modal from '../modal/modal.vue'
-import PinchZoom from '../pinch_zoom/pinch_zoom.vue'
-import SwipeClick from '../swipe_click/swipe_click.vue'
-import GestureService from '../../services/gesture_service/gesture_service'
-import Flash from 'src/components/flash/flash.vue'
-import fileTypeService from '../../services/file_type/file_type.service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faChevronLeft,
@@ -13,7 +5,15 @@ import {
   faCircleNotch,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
+import Flash from 'src/components/flash/flash.vue'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
+import fileTypeService from '../../services/file_type/file_type.service.js'
+import GestureService from '../../services/gesture_service/gesture_service'
+import Modal from '../modal/modal.vue'
+import PinchZoom from '../pinch_zoom/pinch_zoom.vue'
+import StillImage from '../still-image/still-image.vue'
+import SwipeClick from '../swipe_click/swipe_click.vue'
+import VideoAttachment from '../video_attachment/video_attachment.vue'
 
 library.add(faChevronLeft, faChevronRight, faCircleNotch, faTimes)
 
diff --git a/src/components/media_upload/media_upload.js b/src/components/media_upload/media_upload.js
index 37d1a76cd..92d34b4c9 100644
--- a/src/components/media_upload/media_upload.js
+++ b/src/components/media_upload/media_upload.js
@@ -1,9 +1,9 @@
 /* eslint-env browser */
-import statusPosterService from '../../services/status_poster/status_poster.service.js'
-import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faUpload, faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch, faUpload } from '@fortawesome/free-solid-svg-icons'
+import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
+import statusPosterService from '../../services/status_poster/status_poster.service.js'
 
 library.add(faUpload, faCircleNotch)
 
diff --git a/src/components/mention_link/mention_link.js b/src/components/mention_link/mention_link.js
index d2cf0f401..ee35ce88b 100644
--- a/src/components/mention_link/mention_link.js
+++ b/src/components/mention_link/mention_link.js
@@ -1,14 +1,14 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faAt } from '@fortawesome/free-solid-svg-icons'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { defineAsyncComponent } from 'vue'
 import { mapGetters, mapState } from 'vuex'
 import {
   highlightClass,
   highlightStyle,
 } from '../../services/user_highlighter/user_highlighter.js'
-import UserAvatar from '../user_avatar/user_avatar.vue'
 import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
-import { defineAsyncComponent } from 'vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faAt } from '@fortawesome/free-solid-svg-icons'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 library.add(faAt)
 
diff --git a/src/components/mfa_form/recovery_form.js b/src/components/mfa_form/recovery_form.js
index 179eb3add..015c310c7 100644
--- a/src/components/mfa_form/recovery_form.js
+++ b/src/components/mfa_form/recovery_form.js
@@ -1,10 +1,10 @@
-import mfaApi from '../../services/new_api/mfa.js'
-import { mapState } from 'vuex'
-import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
+import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { mapState } from 'vuex'
+import mfaApi from '../../services/new_api/mfa.js'
 
 library.add(faTimes)
 
diff --git a/src/components/mfa_form/totp_form.js b/src/components/mfa_form/totp_form.js
index 21ef7ca67..006c2ac6e 100644
--- a/src/components/mfa_form/totp_form.js
+++ b/src/components/mfa_form/totp_form.js
@@ -1,10 +1,10 @@
-import mfaApi from '../../services/new_api/mfa.js'
-import { mapState } from 'vuex'
-import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
+import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { mapState } from 'vuex'
+import mfaApi from '../../services/new_api/mfa.js'
 
 library.add(faTimes)
 
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 1915f74a4..382966837 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -1,28 +1,26 @@
-import SideDrawer from '../side_drawer/side_drawer.vue'
-import Notifications from '../notifications/notifications.vue'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import GestureService from '../../services/gesture_service/gesture_service'
-import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-
+import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  unseenNotificationsFromStore,
-  countExtraNotifications,
-} from '../../services/notification_utils/notification_utils'
-
-import { mapGetters } from 'vuex'
+  faArrowUp,
+  faBars,
+  faBell,
+  faCheckDouble,
+  faMinus,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
+import NavigationPins from 'src/components/navigation/navigation_pins.vue'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
-import { library } from '@fortawesome/fontawesome-svg-core'
+import { mapGetters } from 'vuex'
+import GestureService from '../../services/gesture_service/gesture_service'
 import {
-  faTimes,
-  faBell,
-  faBars,
-  faArrowUp,
-  faMinus,
-  faCheckDouble,
-} from '@fortawesome/free-solid-svg-icons'
+  countExtraNotifications,
+  unseenNotificationsFromStore,
+} from '../../services/notification_utils/notification_utils'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import Notifications from '../notifications/notifications.vue'
+import SideDrawer from '../side_drawer/side_drawer.vue'
 
 library.add(faTimes, faBell, faBars, faArrowUp, faMinus, faCheckDouble)
 
diff --git a/src/components/mobile_post_status_button/mobile_post_status_button.js b/src/components/mobile_post_status_button/mobile_post_status_button.js
index 4dce38e2b..3972e0e44 100644
--- a/src/components/mobile_post_status_button/mobile_post_status_button.js
+++ b/src/components/mobile_post_status_button/mobile_post_status_button.js
@@ -1,6 +1,6 @@
-import { debounce } from 'lodash'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPen } from '@fortawesome/free-solid-svg-icons'
+import { debounce } from 'lodash'
 import { usePostStatusStore } from 'src/stores/post_status'
 
 library.add(faPen)
diff --git a/src/components/mrf_transparency_panel/mrf_transparency_panel.js b/src/components/mrf_transparency_panel/mrf_transparency_panel.js
index 98d63ef4a..2bd82f486 100644
--- a/src/components/mrf_transparency_panel/mrf_transparency_panel.js
+++ b/src/components/mrf_transparency_panel/mrf_transparency_panel.js
@@ -1,5 +1,5 @@
-import { mapState } from 'vuex'
 import { get } from 'lodash'
+import { mapState } from 'vuex'
 
 /**
  * This is for backwards compatibility. We originally didn't recieve
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index ce3bab6d7..aaad96863 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -1,5 +1,5 @@
-import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 const MuteCard = {
   props: ['userId'],
diff --git a/src/components/nav_panel/nav_panel.js b/src/components/nav_panel/nav_panel.js
index 4eff8a513..4a81978e7 100644
--- a/src/components/nav_panel/nav_panel.js
+++ b/src/components/nav_panel/nav_panel.js
@@ -1,33 +1,31 @@
-import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
-import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
-import { mapState, mapGetters } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import { TIMELINES, ROOT_ITEMS } from 'src/components/navigation/navigation.js'
-import { filterNavigation } from 'src/components/navigation/filter.js'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
-import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUsers,
-  faGlobe,
-  faCity,
+  faBell,
   faBookmark,
-  faEnvelope,
+  faBullhorn,
   faChevronDown,
   faChevronUp,
+  faCity,
   faComments,
-  faBell,
-  faInfoCircle,
-  faStream,
-  faList,
-  faBullhorn,
+  faEnvelope,
   faFilePen,
+  faGlobe,
+  faInfoCircle,
+  faList,
+  faStream,
+  faUsers,
 } from '@fortawesome/free-solid-svg-icons'
+import { mapState as mapPiniaState } from 'pinia'
+import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
+import { filterNavigation } from 'src/components/navigation/filter.js'
+import { ROOT_ITEMS, TIMELINES } from 'src/components/navigation/navigation.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+import NavigationPins from 'src/components/navigation/navigation_pins.vue'
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { mapGetters, mapState } from 'vuex'
 
 library.add(
   faUsers,
diff --git a/src/components/navigation/navigation_entry.js b/src/components/navigation/navigation_entry.js
index 745163261..ae0bbd305 100644
--- a/src/components/navigation/navigation_entry.js
+++ b/src/components/navigation/navigation_entry.js
@@ -1,12 +1,11 @@
-import { mapState } from 'vuex'
-import { routeTo } from 'src/components/navigation/navigation.js'
-import OptionalRouterLink from 'src/components/optional_router_link/optional_router_link.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faThumbtack } from '@fortawesome/free-solid-svg-icons'
-import { mapStores, mapState as mapPiniaState } from 'pinia'
-
+import { mapState as mapPiniaState, mapStores } from 'pinia'
+import { routeTo } from 'src/components/navigation/navigation.js'
+import OptionalRouterLink from 'src/components/optional_router_link/optional_router_link.vue'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { mapState } from 'vuex'
 
 library.add(faThumbtack)
 
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index b40ea5563..5bc349d01 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -1,35 +1,33 @@
-import { mapState } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import {
-  TIMELINES,
-  ROOT_ITEMS,
-  routeTo,
-} from 'src/components/navigation/navigation.js'
-import {
-  getBookmarkFolderEntries,
-  getListEntries,
-  filterNavigation,
-} from 'src/components/navigation/filter.js'
-
-import StillImage from 'src/components/still-image/still-image.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUsers,
-  faGlobe,
-  faCity,
-  faBookmark,
-  faEnvelope,
-  faComments,
   faBell,
+  faBookmark,
+  faCity,
+  faComments,
+  faEnvelope,
+  faGlobe,
   faInfoCircle,
-  faStream,
   faList,
+  faStream,
+  faUsers,
 } from '@fortawesome/free-solid-svg-icons'
-import { useListsStore } from 'src/stores/lists'
+import { mapState as mapPiniaState } from 'pinia'
+import {
+  filterNavigation,
+  getBookmarkFolderEntries,
+  getListEntries,
+} from 'src/components/navigation/filter.js'
+import {
+  ROOT_ITEMS,
+  routeTo,
+  TIMELINES,
+} from 'src/components/navigation/navigation.js'
+import StillImage from 'src/components/still-image/still-image.vue'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useListsStore } from 'src/stores/lists'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { mapState } from 'vuex'
 
 library.add(
   faUsers,
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 1feef0cf2..20285168d 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -1,33 +1,33 @@
-import StatusContent from '../status_content/status_content.vue'
-import { mapState } from 'vuex'
-import Status from '../status/status.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import UserCard from '../user_card/user_card.vue'
-import Timeago from '../timeago/timeago.vue'
-import Report from '../report/report.vue'
-import UserLink from '../user_link/user_link.vue'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faCheck,
+  faCompressAlt,
+  faExpandAlt,
+  faEyeSlash,
+  faRetweet,
+  faStar,
+  faSuitcaseRolling,
+  faTimes,
+  faUser,
+  faUserPlus,
+} from '@fortawesome/free-solid-svg-icons'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
-import UserPopover from '../user_popover/user_popover.vue'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { mapState } from 'vuex'
 import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
 import {
   highlightClass,
   highlightStyle,
 } from '../../services/user_highlighter/user_highlighter.js'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCheck,
-  faTimes,
-  faStar,
-  faRetweet,
-  faUserPlus,
-  faEyeSlash,
-  faUser,
-  faSuitcaseRolling,
-  faExpandAlt,
-  faCompressAlt,
-} from '@fortawesome/free-solid-svg-icons'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import Report from '../report/report.vue'
+import Status from '../status/status.vue'
+import StatusContent from '../status_content/status_content.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserCard from '../user_card/user_card.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserPopover from '../user_popover/user_popover.vue'
 
 library.add(
   faCheck,
diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue
index af4f412cd..674acdec5 100644
--- a/src/components/notifications/notification_filters.vue
+++ b/src/components/notifications/notification_filters.vue
@@ -106,9 +106,9 @@
 </template>
 
 <script>
-import Popover from '../popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter } from '@fortawesome/free-solid-svg-icons'
+import Popover from '../popover/popover.vue'
 
 library.add(faFilter)
 
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 1decc6646..236d7ddf5 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -1,26 +1,26 @@
-import { computed } from 'vue'
-import { mapGetters } from 'vuex'
-import { mapState } from 'pinia'
-import Notification from '../notification/notification.vue'
-import ExtraNotifications from '../extra_notifications/extra_notifications.vue'
-import NotificationFilters from './notification_filters.vue'
-import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
-import {
-  notificationsFromStore,
-  filteredNotificationsFromStore,
-  unseenNotificationsFromStore,
-  countExtraNotifications,
-  ACTIONABLE_NOTIFICATION_TYPES,
-} from '../../services/notification_utils/notification_utils.js'
-import FaviconService from '../../services/favicon_service/favicon_service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faCircleNotch,
   faArrowUp,
+  faCircleNotch,
   faMinus,
 } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
+import { mapState } from 'pinia'
 import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInterfaceStore } from 'src/stores/interface'
+import { computed } from 'vue'
+import { mapGetters } from 'vuex'
+import FaviconService from '../../services/favicon_service/favicon_service.js'
+import {
+  ACTIONABLE_NOTIFICATION_TYPES,
+  countExtraNotifications,
+  filteredNotificationsFromStore,
+  notificationsFromStore,
+  unseenNotificationsFromStore,
+} from '../../services/notification_utils/notification_utils.js'
+import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
+import ExtraNotifications from '../extra_notifications/extra_notifications.vue'
+import Notification from '../notification/notification.vue'
+import NotificationFilters from './notification_filters.vue'
 
 library.add(faCircleNotch, faArrowUp, faMinus)
 
diff --git a/src/components/oauth_callback/oauth_callback.js b/src/components/oauth_callback/oauth_callback.js
index b28276ee0..82c3db047 100644
--- a/src/components/oauth_callback/oauth_callback.js
+++ b/src/components/oauth_callback/oauth_callback.js
@@ -1,5 +1,5 @@
-import oauth from '../../services/new_api/oauth.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import oauth from '../../services/new_api/oauth.js'
 
 const oac = {
   props: ['code'],
diff --git a/src/components/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index 66914cc82..eeb523786 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -45,18 +45,15 @@
 </template>
 
 <script setup>
-import { computed } from 'vue'
-
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faFileExport, faFileImport } from '@fortawesome/free-solid-svg-icons'
 import ColorInput from 'src/components/color_input/color_input.vue'
 import {
-  newImporter,
   newExporter,
+  newImporter,
 } from 'src/services/export_import/export_import.js'
-
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faFileImport, faFileExport } from '@fortawesome/free-solid-svg-icons'
-
 import { useInterfaceStore } from 'src/stores/interface'
+import { computed } from 'vue'
 
 library.add(faFileImport, faFileExport)
 
diff --git a/src/components/password_reset/password_reset.js b/src/components/password_reset/password_reset.js
index 62b8fe521..c7e78da2d 100644
--- a/src/components/password_reset/password_reset.js
+++ b/src/components/password_reset/password_reset.js
@@ -1,7 +1,7 @@
-import { mapState } from 'vuex'
-import passwordResetApi from '../../services/new_api/password_reset.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'vuex'
+import passwordResetApi from '../../services/new_api/password_reset.js'
 
 library.add(faTimes)
 
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index 50d135268..2894a60e1 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -1,8 +1,8 @@
-import Timeago from 'components/timeago/timeago.vue'
-import genRandomSeed from '../../services/random_seed/random_seed.service.js'
-import RichContent from 'components/rich_content/rich_content.jsx'
 import Checkbox from 'components/checkbox/checkbox.vue'
+import RichContent from 'components/rich_content/rich_content.jsx'
+import Timeago from 'components/timeago/timeago.vue'
 import { usePollsStore } from 'src/stores/polls'
+import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 
 export default {
   name: 'Poll',
diff --git a/src/components/poll/poll_form.js b/src/components/poll/poll_form.js
index 55a7442c2..1e2d0f22d 100644
--- a/src/components/poll/poll_form.js
+++ b/src/components/poll/poll_form.js
@@ -1,8 +1,8 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faPlus, faTimes } from '@fortawesome/free-solid-svg-icons'
 import * as DateUtils from 'src/services/date_utils/date_utils.js'
 import { pollFallback } from 'src/services/poll/poll.service.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
 import Select from '../select/select.vue'
-import { faTimes, faPlus } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faTimes, faPlus)
 
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 4fbcfce66..530620397 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -1,40 +1,38 @@
-import statusPoster from '../../services/status_poster/status_poster.service.js'
-import genRandomSeed from '../../services/random_seed/random_seed.service.js'
-import MediaUpload from '../media_upload/media_upload.vue'
-import ScopeSelector from '../scope_selector/scope_selector.vue'
-import EmojiInput from '../emoji_input/emoji_input.vue'
-import PollForm from '../poll/poll_form.vue'
-import Attachment from '../attachment/attachment.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
-import StatusContent from '../status_content/status_content.vue'
-import Popover from 'src/components/popover/popover.vue'
-import fileTypeService from '../../services/file_type/file_type.service.js'
-import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
-import { propsToNative } from '../../services/attributes_helper/attributes_helper.service.js'
-import { pollFormToMasto } from 'src/services/poll/poll.service.js'
-import { reject, map, uniqBy, debounce } from 'lodash'
-import suggestor from '../emoji_input/suggestor.js'
-import { mapGetters } from 'vuex'
-import { mapState, mapActions } from 'pinia'
-import Checkbox from '../checkbox/checkbox.vue'
-import Select from '../select/select.vue'
-import DraftCloser from 'src/components/draft_closer/draft_closer.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faSmileBeam,
-  faPollH,
-  faUpload,
   faBan,
-  faTimes,
-  faCircleNotch,
   faChevronDown,
   faChevronLeft,
   faChevronRight,
+  faCircleNotch,
+  faPollH,
+  faSmileBeam,
+  faTimes,
+  faUpload,
 } from '@fortawesome/free-solid-svg-icons'
-
+import { debounce, map, reject, uniqBy } from 'lodash'
+import { mapActions, mapState } from 'pinia'
+import DraftCloser from 'src/components/draft_closer/draft_closer.vue'
+import Gallery from 'src/components/gallery/gallery.vue'
+import Popover from 'src/components/popover/popover.vue'
+import { pollFormToMasto } from 'src/services/poll/poll.service.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
+import { mapGetters } from 'vuex'
+import { propsToNative } from '../../services/attributes_helper/attributes_helper.service.js'
+import fileTypeService from '../../services/file_type/file_type.service.js'
+import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
+import genRandomSeed from '../../services/random_seed/random_seed.service.js'
+import statusPoster from '../../services/status_poster/status_poster.service.js'
+import Attachment from '../attachment/attachment.vue'
+import Checkbox from '../checkbox/checkbox.vue'
+import EmojiInput from '../emoji_input/emoji_input.vue'
+import suggestor from '../emoji_input/suggestor.js'
+import MediaUpload from '../media_upload/media_upload.vue'
+import PollForm from '../poll/poll_form.vue'
+import ScopeSelector from '../scope_selector/scope_selector.vue'
+import Select from '../select/select.vue'
+import StatusContent from '../status_content/status_content.vue'
 
 library.add(
   faSmileBeam,
diff --git a/src/components/post_status_modal/post_status_modal.js b/src/components/post_status_modal/post_status_modal.js
index 0087bd292..2643f0822 100644
--- a/src/components/post_status_modal/post_status_modal.js
+++ b/src/components/post_status_modal/post_status_modal.js
@@ -1,7 +1,7 @@
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import Modal from '../modal/modal.vue'
 import get from 'lodash/get'
 import { usePostStatusStore } from 'src/stores/post_status'
+import Modal from '../modal/modal.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
 
 const PostStatusModal = {
   components: {
diff --git a/src/components/public_and_external_timeline/public_and_external_timeline.js b/src/components/public_and_external_timeline/public_and_external_timeline.js
index a4e1f0be7..b6e53a4cf 100644
--- a/src/components/public_and_external_timeline/public_and_external_timeline.js
+++ b/src/components/public_and_external_timeline/public_and_external_timeline.js
@@ -1,4 +1,5 @@
 import Timeline from '../timeline/timeline.vue'
+
 const PublicAndExternalTimeline = {
   components: {
     Timeline,
diff --git a/src/components/public_timeline/public_timeline.js b/src/components/public_timeline/public_timeline.js
index 88b3b4f91..b9d136e29 100644
--- a/src/components/public_timeline/public_timeline.js
+++ b/src/components/public_timeline/public_timeline.js
@@ -1,4 +1,5 @@
 import Timeline from '../timeline/timeline.vue'
+
 const PublicTimeline = {
   components: {
     Timeline,
diff --git a/src/components/quick_filter_settings/quick_filter_settings.js b/src/components/quick_filter_settings/quick_filter_settings.js
index cf59a8b7a..4e5960901 100644
--- a/src/components/quick_filter_settings/quick_filter_settings.js
+++ b/src/components/quick_filter_settings/quick_filter_settings.js
@@ -1,9 +1,9 @@
-import Popover from '../popover/popover.vue'
-import { mapGetters } from 'vuex'
-import { mapState } from 'pinia'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter, faFont, faWrench } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'pinia'
 import { useInterfaceStore } from 'src/stores/interface'
+import { mapGetters } from 'vuex'
+import Popover from '../popover/popover.vue'
 
 library.add(faFilter, faFont, faWrench)
 
diff --git a/src/components/quick_view_settings/quick_view_settings.js b/src/components/quick_view_settings/quick_view_settings.js
index 084ad4387..e3606d116 100644
--- a/src/components/quick_view_settings/quick_view_settings.js
+++ b/src/components/quick_view_settings/quick_view_settings.js
@@ -1,15 +1,15 @@
-import Popover from 'src/components/popover/popover.vue'
-import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
-import { mapGetters } from 'vuex'
-import { mapState } from 'pinia'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faList,
-  faFolderTree,
   faBars,
+  faFolderTree,
+  faList,
   faWrench,
 } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'pinia'
+import Popover from 'src/components/popover/popover.vue'
+import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
 import { useInterfaceStore } from 'src/stores/interface'
+import { mapGetters } from 'vuex'
 
 library.add(faList, faFolderTree, faBars, faWrench)
 
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index 430ef597b..a84031fe4 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -1,9 +1,9 @@
 import useVuelidate from '@vuelidate/core'
 import { required, requiredIf, sameAs } from '@vuelidate/validators'
-import { mapActions, mapState } from 'vuex'
-import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
-import localeService from '../../services/locale/locale.service.js'
 import { DAY } from 'src/services/date_utils/date_utils.js'
+import { mapActions, mapState } from 'vuex'
+import localeService from '../../services/locale/locale.service.js'
+import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
 import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
 
 const registration = {
diff --git a/src/components/report/report.js b/src/components/report/report.js
index 2b31ad116..a4df8eb6c 100644
--- a/src/components/report/report.js
+++ b/src/components/report/report.js
@@ -1,9 +1,9 @@
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { useReportsStore } from 'src/stores/reports'
 import Select from '../select/select.vue'
 import StatusContent from '../status_content/status_content.vue'
 import Timeago from '../timeago/timeago.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 const Report = {
   props: ['reportId'],
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 778a30192..1815ba43e 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -1,15 +1,15 @@
-import { unescape, flattenDeep } from 'lodash'
+import { flattenDeep, unescape } from 'lodash'
+import HashtagLink from 'src/components/hashtag_link/hashtag_link.vue'
+import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
+import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import StillImageEmojiPopover from 'src/components/still-image/still-image-emoji-popover.vue'
+import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
+import { convertHtmlToTree } from 'src/services/html_converter/html_tree_converter.service.js'
 import {
+  getAttrs,
   getTagName,
   processTextForEmoji,
-  getAttrs,
 } from 'src/services/html_converter/utility.service.js'
-import { convertHtmlToTree } from 'src/services/html_converter/html_tree_converter.service.js'
-import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
-import StillImageEmojiPopover from 'src/components/still-image/still-image-emoji-popover.vue'
-import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
-import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
-import HashtagLink from 'src/components/hashtag_link/hashtag_link.vue'
 
 import './rich_content.scss'
 
diff --git a/src/components/scope_selector/scope_selector.js b/src/components/scope_selector/scope_selector.js
index bc644d743..9d3a3a718 100644
--- a/src/components/scope_selector/scope_selector.js
+++ b/src/components/scope_selector/scope_selector.js
@@ -1,9 +1,9 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faEnvelope,
+  faGlobe,
   faLock,
   faLockOpen,
-  faGlobe,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faEnvelope, faGlobe, faLock, faLockOpen)
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 275672a15..1625fe691 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -1,11 +1,11 @@
-import FollowCard from '../follow_card/follow_card.vue'
-import Conversation from '../conversation/conversation.vue'
-import Status from '../status/status.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import map from 'lodash/map'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
 import { uniqBy } from 'lodash'
+import map from 'lodash/map'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Conversation from '../conversation/conversation.vue'
+import FollowCard from '../follow_card/follow_card.vue'
+import Status from '../status/status.vue'
 
 library.add(faCircleNotch, faSearch)
 
diff --git a/src/components/search_bar/search_bar.js b/src/components/search_bar/search_bar.js
index b270077e8..ebe30d303 100644
--- a/src/components/search_bar/search_bar.js
+++ b/src/components/search_bar/search_bar.js
@@ -1,5 +1,5 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes, faSearch } from '@fortawesome/free-solid-svg-icons'
+import { faSearch, faTimes } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faTimes, faSearch)
 
diff --git a/src/components/selectable_list/selectable_list.js b/src/components/selectable_list/selectable_list.js
index a8a7dd9e0..b08a3e9a5 100644
--- a/src/components/selectable_list/selectable_list.js
+++ b/src/components/selectable_list/selectable_list.js
@@ -1,5 +1,5 @@
-import List from '../list/list.vue'
 import Checkbox from '../checkbox/checkbox.vue'
+import List from '../list/list.vue'
 
 const SelectableList = {
   components: {
diff --git a/src/components/settings_modal/admin_tabs/auth_tab.js b/src/components/settings_modal/admin_tabs/auth_tab.js
index d287257d5..627150587 100644
--- a/src/components/settings_modal/admin_tabs/auth_tab.js
+++ b/src/components/settings_modal/admin_tabs/auth_tab.js
@@ -1,14 +1,13 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-import TupleSetting from '../helpers/tuple_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
 
 const AuthTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index 950e5d2ac..69605ff03 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -1,23 +1,22 @@
-import { clone, assign } from 'lodash'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import StringSetting from '../helpers/string_setting.vue'
-import Checkbox from 'components/checkbox/checkbox.vue'
-import StillImage from 'components/still-image/still-image.vue'
-import Select from 'components/select/select.vue'
-import Popover from 'components/popover/popover.vue'
-import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
-import ModifiedIndicator from '../helpers/modified_indicator.vue'
-import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faArrowsRotate,
+  faDownload,
   faFolderOpen,
   faServer,
-  faDownload,
 } from '@fortawesome/free-solid-svg-icons'
+import Checkbox from 'components/checkbox/checkbox.vue'
+import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
+import Popover from 'components/popover/popover.vue'
+import Select from 'components/select/select.vue'
+import StillImage from 'components/still-image/still-image.vue'
+import { assign, clone } from 'lodash'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import { useInterfaceStore } from 'src/stores/interface'
+import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue'
+import ModifiedIndicator from '../helpers/modified_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 library.add(faArrowsRotate, faFolderOpen, faDownload, faServer)
 
diff --git a/src/components/settings_modal/admin_tabs/federation_tab.js b/src/components/settings_modal/admin_tabs/federation_tab.js
index 55d708a92..33c688eb4 100644
--- a/src/components/settings_modal/admin_tabs/federation_tab.js
+++ b/src/components/settings_modal/admin_tabs/federation_tab.js
@@ -1,13 +1,12 @@
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
 import ListTupleSetting from '../helpers/list_tuple_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const FederationTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.js b/src/components/settings_modal/admin_tabs/frontends_tab.js
index befe6fbad..92faa169d 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.js
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.js
@@ -1,15 +1,14 @@
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
-import Popover from 'src/components/popover/popover.vue'
-import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import Popover from 'src/components/popover/popover.vue'
+import { useInterfaceStore } from 'src/stores/interface'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 library.add(faGlobe)
 
diff --git a/src/components/settings_modal/admin_tabs/http_tab.js b/src/components/settings_modal/admin_tabs/http_tab.js
index 010a95869..91a6df68a 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.js
+++ b/src/components/settings_modal/admin_tabs/http_tab.js
@@ -1,16 +1,15 @@
+import { get } from 'lodash'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-import TupleSetting from '../helpers/tuple_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
 import ProxySetting from '../helpers/proxy_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { get } from 'lodash'
+import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
 
 const HTTPTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.js b/src/components/settings_modal/admin_tabs/instance_tab.js
index d0e90ecf0..66fe3866a 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.js
+++ b/src/components/settings_modal/admin_tabs/instance_tab.js
@@ -1,16 +1,16 @@
+import { get } from 'lodash'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import ColorSetting from '../helpers/color_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { get } from 'lodash'
+import StringSetting from '../helpers/string_setting.vue'
 
 const InstanceTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.js b/src/components/settings_modal/admin_tabs/job_queues_tab.js
index c59c743b6..66a0e7e18 100644
--- a/src/components/settings_modal/admin_tabs/job_queues_tab.js
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.js
@@ -1,13 +1,12 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 import TupleSetting from '../helpers/tuple_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
-import ListSetting from '../helpers/list_setting.vue'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const JobQueuesTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/limits_tab.js b/src/components/settings_modal/admin_tabs/limits_tab.js
index e5b784289..1f9a7be54 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.js
+++ b/src/components/settings_modal/admin_tabs/limits_tab.js
@@ -1,9 +1,8 @@
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const LimitsTab = {
   components: {
diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
index 1ecbc9409..91bcf5d81 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.js
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -1,15 +1,14 @@
+import { get } from 'lodash'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
 
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { get } from 'lodash'
+import StringSetting from '../helpers/string_setting.vue'
 
 const LinksTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.js b/src/components/settings_modal/admin_tabs/mailer_tab.js
index 424451ec4..0b909334b 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.js
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.js
@@ -1,12 +1,11 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
 import ColorSetting from '../helpers/color_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
-
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const MailerTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.js b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
index 279a606c5..6c7231312 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.js
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
@@ -1,12 +1,11 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const MediaProxyTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.js b/src/components/settings_modal/admin_tabs/monitoring_tab.js
index 056f67589..03b347a72 100644
--- a/src/components/settings_modal/admin_tabs/monitoring_tab.js
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.js
@@ -1,14 +1,13 @@
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
-import ListSetting from '../helpers/list_setting.vue'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 library.add(faGlobe)
 
diff --git a/src/components/settings_modal/admin_tabs/other_tab.js b/src/components/settings_modal/admin_tabs/other_tab.js
index a7b3ea30a..a31bcf307 100644
--- a/src/components/settings_modal/admin_tabs/other_tab.js
+++ b/src/components/settings_modal/admin_tabs/other_tab.js
@@ -1,15 +1,14 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import ColorSetting from '../helpers/color_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
-
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const OtherTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.js b/src/components/settings_modal/admin_tabs/posts_tab.js
index 0a6ceaeee..654b18ed8 100644
--- a/src/components/settings_modal/admin_tabs/posts_tab.js
+++ b/src/components/settings_modal/admin_tabs/posts_tab.js
@@ -1,15 +1,14 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import ColorSetting from '../helpers/color_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
-
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const PostsTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.js b/src/components/settings_modal/admin_tabs/registrations_tab.js
index e01114c78..8ec5e0d4b 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.js
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.js
@@ -1,13 +1,12 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 import TupleSetting from '../helpers/tuple_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
-import ListSetting from '../helpers/list_setting.vue'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const RegistrationsTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.js b/src/components/settings_modal/admin_tabs/uploads_tab.js
index a3e9c5d5e..760206499 100644
--- a/src/components/settings_modal/admin_tabs/uploads_tab.js
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.js
@@ -1,9 +1,8 @@
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const UploadsTab = {
   provide() {
diff --git a/src/components/settings_modal/helpers/attachment_setting.js b/src/components/settings_modal/helpers/attachment_setting.js
index cc9ce5e5f..61e00a353 100644
--- a/src/components/settings_modal/helpers/attachment_setting.js
+++ b/src/components/settings_modal/helpers/attachment_setting.js
@@ -1,7 +1,7 @@
-import Setting from './setting.js'
-import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
-import MediaUpload from 'src/components/media_upload/media_upload.vue'
 import Attachment from 'src/components/attachment/attachment.vue'
+import MediaUpload from 'src/components/media_upload/media_upload.vue'
+import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
+import Setting from './setting.js'
 
 export default {
   ...Setting,
diff --git a/src/components/settings_modal/helpers/color_setting.js b/src/components/settings_modal/helpers/color_setting.js
index 8cbacc147..d9b1e1397 100644
--- a/src/components/settings_modal/helpers/color_setting.js
+++ b/src/components/settings_modal/helpers/color_setting.js
@@ -1,5 +1,5 @@
-import Setting from './setting.js'
 import ColorInput from 'src/components/color_input/color_input.vue'
+import Setting from './setting.js'
 
 export default {
   ...Setting,
diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index b30508a90..fd2f42cdd 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -57,9 +57,9 @@
 </template>
 
 <script>
-import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
+import Popover from 'src/components/popover/popover.vue'
 
 library.add(faWrench)
 
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index fd5f8fa2a..9fdcdd233 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -149,10 +149,10 @@
 </template>
 
 <script>
-import Popover from 'components/popover/popover.vue'
 import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
-import StillImage from 'components/still-image/still-image.vue'
+import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
+import StillImage from 'components/still-image/still-image.vue'
 
 export default {
   components: { Popover, ConfirmModal, StillImage, SelectComponent },
diff --git a/src/components/settings_modal/helpers/help_indicator.vue b/src/components/settings_modal/helpers/help_indicator.vue
index 2ce804cba..ea21ea7a3 100644
--- a/src/components/settings_modal/helpers/help_indicator.vue
+++ b/src/components/settings_modal/helpers/help_indicator.vue
@@ -18,9 +18,9 @@
 </template>
 
 <script>
-import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons'
+import Popover from 'src/components/popover/popover.vue'
 
 library.add(faCircleQuestion)
 
diff --git a/src/components/settings_modal/helpers/modified_indicator.vue b/src/components/settings_modal/helpers/modified_indicator.vue
index e58d8a6af..e92cd7e49 100644
--- a/src/components/settings_modal/helpers/modified_indicator.vue
+++ b/src/components/settings_modal/helpers/modified_indicator.vue
@@ -23,9 +23,9 @@
 </template>
 
 <script>
-import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
+import Popover from 'src/components/popover/popover.vue'
 
 library.add(faWrench)
 
diff --git a/src/components/settings_modal/helpers/profile_setting_indicator.vue b/src/components/settings_modal/helpers/profile_setting_indicator.vue
index a90dbf8fc..6ed401f1d 100644
--- a/src/components/settings_modal/helpers/profile_setting_indicator.vue
+++ b/src/components/settings_modal/helpers/profile_setting_indicator.vue
@@ -23,9 +23,9 @@
 </template>
 
 <script>
-import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faServer } from '@fortawesome/free-solid-svg-icons'
+import Popover from 'src/components/popover/popover.vue'
 
 library.add(faServer)
 
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
index 30530f642..f76672155 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
@@ -1,10 +1,9 @@
 import { clone } from 'lodash'
-import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
-
-import Setting from './setting.js'
-import Select from 'src/components/select/select.vue'
 import Attachment from 'src/components/attachment/attachment.vue'
 import MediaUpload from 'src/components/media_upload/media_upload.vue'
+import Select from 'src/components/select/select.vue'
+import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
+import Setting from './setting.js'
 
 export default {
   ...Setting,
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index 0459dff60..20cd03bce 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -1,7 +1,7 @@
+import { cloneDeep, get, isEqual, set } from 'lodash'
+import DraftButtons from './draft_buttons.vue'
 import ModifiedIndicator from './modified_indicator.vue'
 import ProfileSettingIndicator from './profile_setting_indicator.vue'
-import DraftButtons from './draft_buttons.vue'
-import { get, set, cloneDeep, isEqual } from 'lodash'
 
 export default {
   components: {
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index 8f9112438..7b05f74d0 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -1,9 +1,9 @@
 // eslint-disable-next-line no-unused
-import { h, Fragment } from 'vue'
-import { mapState } from 'pinia'
-import { throttle } from 'lodash'
-import { mapState as mapPiniaState } from 'pinia'
+
 import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
+import { throttle } from 'lodash'
+import { mapState as mapPiniaState, mapState } from 'pinia'
+import { Fragment, h } from 'vue'
 
 import './vertical_tab_switcher.scss'
 import { useInterfaceStore } from 'src/stores/interface'
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index f51f2107a..c4bb493fd 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -1,25 +1,25 @@
-import Modal from 'src/components/modal/modal.vue'
-import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
+import {
+  faChevronDown,
+  faFileDownload,
+  faFileUpload,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+import { cloneDeep, isEqual } from 'lodash'
+import { mapActions, mapState } from 'pinia'
 import AsyncComponentError from 'src/components/async_component_error/async_component_error.vue'
-import getResettableAsyncComponent from 'src/services/resettable_async_component.js'
-import Popover from '../popover/popover.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { cloneDeep, isEqual } from 'lodash'
-import { mapState, mapActions } from 'pinia'
+import Modal from 'src/components/modal/modal.vue'
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import {
-  newImporter,
   newExporter,
+  newImporter,
 } from 'src/services/export_import/export_import.js'
-import {
-  faTimes,
-  faFileUpload,
-  faFileDownload,
-  faChevronDown,
-} from '@fortawesome/free-solid-svg-icons'
-import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
+import getResettableAsyncComponent from 'src/services/resettable_async_component.js'
 import { useInterfaceStore } from 'src/stores/interface'
+import Popover from '../popover/popover.vue'
 
 const PLEROMAFE_SETTINGS_MAJOR_VERSION = 1
 const PLEROMAFE_SETTINGS_MINOR_VERSION = 0
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index f1902eae9..1a0787883 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -1,43 +1,41 @@
-import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
-
-import InstanceTab from './admin_tabs/instance_tab.vue'
-import LinksTab from './admin_tabs/links_tab.vue'
-import LimitsTab from './admin_tabs/limits_tab.vue'
-import FrontendsTab from './admin_tabs/frontends_tab.vue'
-import MediaProxyTab from './admin_tabs/media_proxy_tab.vue'
-import EmojiTab from './admin_tabs/emoji_tab.vue'
-import UploadsTab from './admin_tabs/uploads_tab.vue'
-import MailerTab from './admin_tabs/mailer_tab.vue'
-import MonitoringTab from './admin_tabs/monitoring_tab.vue'
-import RegistrationsTab from './admin_tabs/registrations_tab.vue'
-import AuthTab from './admin_tabs/auth_tab.vue'
-import HTTPTab from './admin_tabs/http_tab.vue'
-import OtherTab from './admin_tabs/other_tab.vue'
-import RatesTab from './admin_tabs/rates_tab.vue'
-import PostsTab from './admin_tabs/posts_tab.vue'
-import FederationTab from './admin_tabs/federation_tab.vue'
-import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faWrench,
-  faHand,
   faChain,
-  faGlobe,
-  faLaptopCode,
-  faTowerBroadcast,
-  faEnvelope,
   faChartLine,
-  faDoorOpen,
-  faGears,
-  faKey,
   faCircleNodes,
-  faUpload,
-  faMessage,
+  faDoorOpen,
   faEllipsis,
+  faEnvelope,
   faGauge,
+  faGears,
+  faGlobe,
+  faHand,
+  faKey,
+  faLaptopCode,
+  faMessage,
+  faTowerBroadcast,
+  faUpload,
+  faWrench,
 } from '@fortawesome/free-solid-svg-icons'
+import { useInterfaceStore } from 'src/stores/interface'
+import AuthTab from './admin_tabs/auth_tab.vue'
+import EmojiTab from './admin_tabs/emoji_tab.vue'
+import FederationTab from './admin_tabs/federation_tab.vue'
+import FrontendsTab from './admin_tabs/frontends_tab.vue'
+import HTTPTab from './admin_tabs/http_tab.vue'
+import InstanceTab from './admin_tabs/instance_tab.vue'
+import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
+import LimitsTab from './admin_tabs/limits_tab.vue'
+import LinksTab from './admin_tabs/links_tab.vue'
+import MailerTab from './admin_tabs/mailer_tab.vue'
+import MediaProxyTab from './admin_tabs/media_proxy_tab.vue'
+import MonitoringTab from './admin_tabs/monitoring_tab.vue'
+import OtherTab from './admin_tabs/other_tab.vue'
+import PostsTab from './admin_tabs/posts_tab.vue'
+import RatesTab from './admin_tabs/rates_tab.vue'
+import RegistrationsTab from './admin_tabs/registrations_tab.vue'
+import UploadsTab from './admin_tabs/uploads_tab.vue'
+import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 
 library.add(
   faWrench,
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 201e3b8be..ce6ee4366 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -1,39 +1,37 @@
-import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
-
-import DataImportExportTab from './tabs/data_import_export_tab.vue'
-import MutesAndBlocksTab from './tabs/mutes_and_blocks_tab.vue'
-import NotificationsTab from './tabs/notifications_tab.vue'
-import FilteringTab from './tabs/filtering_tab.vue'
-import SecurityTab from './tabs/security_tab/security_tab.vue'
-import ProfileTab from './tabs/profile_tab.vue'
-import GeneralTab from './tabs/general_tab.vue'
-import PostsTab from './tabs/posts_tab.vue'
-import ComposingTab from './tabs/composing_tab.vue'
-import ClutterTab from './tabs/clutter_tab.vue'
-import LayoutTab from './tabs/layout_tab.vue'
-import AppearanceTab from './tabs/appearance_tab.vue'
-import DeveloperTab from './tabs/developer_tab.vue'
-import OldThemeTab from './tabs/old_theme_tab/old_theme_tab.vue'
-import StyleTab from './tabs/style_tab/style_tab.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faWrench,
-  faUser,
-  faMessage,
-  faFilter,
-  faPaintBrush,
-  faPalette,
   faBell,
+  faBroom,
+  faCode,
+  faColumns,
   faDownload,
   faEyeSlash,
-  faWindowRestore,
-  faCode,
-  faBroom,
+  faFilter,
   faLock,
-  faColumns,
+  faMessage,
+  faPaintBrush,
+  faPalette,
+  faUser,
+  faWindowRestore,
+  faWrench,
 } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
+import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
+import AppearanceTab from './tabs/appearance_tab.vue'
+import ClutterTab from './tabs/clutter_tab.vue'
+import ComposingTab from './tabs/composing_tab.vue'
+import DataImportExportTab from './tabs/data_import_export_tab.vue'
+import DeveloperTab from './tabs/developer_tab.vue'
+import FilteringTab from './tabs/filtering_tab.vue'
+import GeneralTab from './tabs/general_tab.vue'
+import LayoutTab from './tabs/layout_tab.vue'
+import MutesAndBlocksTab from './tabs/mutes_and_blocks_tab.vue'
+import NotificationsTab from './tabs/notifications_tab.vue'
+import OldThemeTab from './tabs/old_theme_tab/old_theme_tab.vue'
+import PostsTab from './tabs/posts_tab.vue'
+import ProfileTab from './tabs/profile_tab.vue'
+import SecurityTab from './tabs/security_tab/security_tab.vue'
+import StyleTab from './tabs/style_tab/style_tab.vue'
 
 library.add(
   faWrench,
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 48fa839b8..46de7f168 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -1,27 +1,24 @@
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import FloatSetting from '../helpers/float_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
+import { mapActions } from 'pinia'
+import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
 import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
-import Preview from './old_theme_tab/theme_preview.vue'
-
 import { newImporter } from 'src/services/export_import/export_import.js'
-import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
-import { init } from 'src/services/theme_data/theme_data_3.service.js'
+import {
+  adoptStyleSheets,
+  createStyleSheet,
+} from 'src/services/style_setter/style_setter.js'
 import { getCssRules } from 'src/services/theme_data/css_utils.js'
 import { deserialize } from 'src/services/theme_data/iss_deserializer.js'
-import {
-  createStyleSheet,
-  adoptStyleSheets,
-} from 'src/services/style_setter/style_setter.js'
-import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
+import { init } from 'src/services/theme_data/theme_data_3.service.js'
+import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
+import { normalizeThemeData, useInterfaceStore } from 'src/stores/interface'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import FloatSetting from '../helpers/float_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
-import { mapActions } from 'pinia'
-import { useInterfaceStore, normalizeThemeData } from 'src/stores/interface'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
+import Preview from './old_theme_tab/theme_preview.vue'
 
 const AppearanceTab = {
   data() {
diff --git a/src/components/settings_modal/tabs/clutter_tab.js b/src/components/settings_modal/tabs/clutter_tab.js
index e33031d6b..e7debd89a 100644
--- a/src/components/settings_modal/tabs/clutter_tab.js
+++ b/src/components/settings_modal/tabs/clutter_tab.js
@@ -1,18 +1,16 @@
-import { mapState, mapActions } from 'pinia'
-import { mapState as mapVuexState } from 'vuex'
-import { v4 as uuidv4 } from 'uuid'
-
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import HelpIndicator from '../helpers/help_indicator.vue'
+import { mapActions, mapState } from 'pinia'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Select from 'src/components/select/select.vue'
 
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { v4 as uuidv4 } from 'uuid'
+import { mapState as mapVuexState } from 'vuex'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import HelpIndicator from '../helpers/help_indicator.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
 
 const ClutterTab = {
   components: {
diff --git a/src/components/settings_modal/tabs/composing_tab.js b/src/components/settings_modal/tabs/composing_tab.js
index 581b4d71b..b55b4ac42 100644
--- a/src/components/settings_modal/tabs/composing_tab.js
+++ b/src/components/settings_modal/tabs/composing_tab.js
@@ -1,28 +1,25 @@
-import { mapState } from 'vuex'
-
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import FloatSetting from '../helpers/float_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
-import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
-import Select from 'src/components/select/select.vue'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
-
-import localeService from 'src/services/locale/locale.service.js'
-import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faDatabase,
   faGlobe,
   faMessage,
   faPenAlt,
-  faDatabase,
   faSliders,
 } from '@fortawesome/free-solid-svg-icons'
+import FontControl from 'src/components/font_control/font_control.vue'
+import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
+import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
+import Select from 'src/components/select/select.vue'
+import localeService from 'src/services/locale/locale.service.js'
+import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
+import { mapState } from 'vuex'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import FloatSetting from '../helpers/float_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
 
 library.add(faGlobe, faMessage, faPenAlt, faDatabase, faSliders)
 
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.js b/src/components/settings_modal/tabs/data_import_export_tab.js
index 5b089350f..70ffae20c 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.js
+++ b/src/components/settings_modal/tabs/data_import_export_tab.js
@@ -1,8 +1,8 @@
-import Importer from 'src/components/importer/importer.vue'
-import Exporter from 'src/components/exporter/exporter.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
-import { mapState } from 'vuex'
+import Exporter from 'src/components/exporter/exporter.vue'
+import Importer from 'src/components/importer/importer.vue'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
+import { mapState } from 'vuex'
 
 const DataImportExportTab = {
   data() {
diff --git a/src/components/settings_modal/tabs/developer_tab.js b/src/components/settings_modal/tabs/developer_tab.js
index 6416f717a..60f2ecb36 100644
--- a/src/components/settings_modal/tabs/developer_tab.js
+++ b/src/components/settings_modal/tabs/developer_tab.js
@@ -1,9 +1,7 @@
+import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
 import BooleanSetting from '../helpers/boolean_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
-import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
-
 const pleromaFeCommitUrl =
   'https://git.pleroma.social/pleroma/pleroma-fe/commit/'
 
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index 150b22ac6..3628ace72 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -1,25 +1,21 @@
 import { cloneDeep } from 'lodash'
-import { mapState, mapActions } from 'pinia'
-import { mapState as mapVuexState } from 'vuex'
-import { v4 as uuidv4 } from 'uuid'
-
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { useInterfaceStore } from 'src/stores/interface'
-
-import {
-  newImporter,
-  newExporter,
-} from 'src/services/export_import/export_import.js'
-
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import HelpIndicator from '../helpers/help_indicator.vue'
+import { mapActions, mapState } from 'pinia'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Select from 'src/components/select/select.vue'
-
+import {
+  newExporter,
+  newImporter,
+} from 'src/services/export_import/export_import.js'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { v4 as uuidv4 } from 'uuid'
+import { mapState as mapVuexState } from 'vuex'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import HelpIndicator from '../helpers/help_indicator.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
 
 const SUPPORTED_TYPES = new Set(['word', 'regexp', 'user', 'user_regexp'])
 
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 801d0aa26..00b3957a1 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -1,16 +1,14 @@
+import FontControl from 'src/components/font_control/font_control.vue'
+import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
+import localeService from 'src/services/locale/locale.service.js'
 import { mapState } from 'vuex'
-
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
 import FloatSetting from '../helpers/float_setting.vue'
-import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-
-import localeService from 'src/services/locale/locale.service.js'
+import UnitSetting from '../helpers/unit_setting.vue'
 
 const GeneralTab = {
   props: {
diff --git a/src/components/settings_modal/tabs/layout_tab.js b/src/components/settings_modal/tabs/layout_tab.js
index bc48bb62c..3fc18491c 100644
--- a/src/components/settings_modal/tabs/layout_tab.js
+++ b/src/components/settings_modal/tabs/layout_tab.js
@@ -1,9 +1,8 @@
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
 
 const GeneralTab = {
   props: {
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index fbedad790..60f8a9124 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -1,16 +1,16 @@
 import get from 'lodash/get'
 import map from 'lodash/map'
 import reject from 'lodash/reject'
-import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import BlockCard from 'src/components/block_card/block_card.vue'
-import MuteCard from 'src/components/mute_card/mute_card.vue'
-import DomainMuteCard from 'src/components/domain_mute_card/domain_mute_card.vue'
-import SelectableList from 'src/components/selectable_list/selectable_list.vue'
-import ProgressButton from 'src/components/progress_button/progress_button.vue'
-import withSubscription from 'src/components/../hocs/with_subscription/with_subscription'
 import withLoadMore from 'src/components/../hocs/with_load_more/with_load_more'
+import withSubscription from 'src/components/../hocs/with_subscription/with_subscription'
+import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
+import BlockCard from 'src/components/block_card/block_card.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
+import DomainMuteCard from 'src/components/domain_mute_card/domain_mute_card.vue'
+import MuteCard from 'src/components/mute_card/mute_card.vue'
+import ProgressButton from 'src/components/progress_button/progress_button.vue'
+import SelectableList from 'src/components/selectable_list/selectable_list.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
 
 const BlockList = withLoadMore({
diff --git a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
index abf658792..c79c72e70 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
@@ -1,51 +1,48 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
+import FontControl from 'src/components/font_control/font_control.vue'
+import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
+import RangeInput from 'src/components/range_input/range_input.vue'
+import Select from 'src/components/select/select.vue'
+import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import {
-  rgb2hex,
-  hex2rgb,
   getContrastRatioLayers,
+  hex2rgb,
   relativeLuminance,
+  rgb2hex,
 } from 'src/services/color_convert/color_convert.js'
 import {
-  newImporter,
   newExporter,
+  newImporter,
 } from 'src/services/export_import/export_import.js'
-import { SLOT_INHERITANCE } from 'src/services/theme_data/pleromafe.js'
 import {
-  CURRENT_VERSION,
-  OPACITIES,
-  getLayers,
-  getOpacitySlot,
-  DEFAULT_SHADOWS,
-  generateColors,
-  generateShadows,
-  generateRadii,
-  generateFonts,
-  shadows2to3,
-  colors2to3,
-} from 'src/services/theme_data/theme_data.service.js'
-
-import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
-import { init } from 'src/services/theme_data/theme_data_3.service.js'
+  adoptStyleSheets,
+  createStyleSheet,
+} from 'src/services/style_setter/style_setter.js'
 import {
   getCssRules,
   getScopedVersion,
 } from 'src/services/theme_data/css_utils.js'
+import { SLOT_INHERITANCE } from 'src/services/theme_data/pleromafe.js'
 import {
-  createStyleSheet,
-  adoptStyleSheets,
-} from 'src/services/style_setter/style_setter.js'
-
-import ColorInput from 'src/components/color_input/color_input.vue'
-import RangeInput from 'src/components/range_input/range_input.vue'
-import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
-import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
-import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Select from 'src/components/select/select.vue'
-
-import Preview from './theme_preview.vue'
+  CURRENT_VERSION,
+  colors2to3,
+  DEFAULT_SHADOWS,
+  generateColors,
+  generateFonts,
+  generateRadii,
+  generateShadows,
+  getLayers,
+  getOpacitySlot,
+  OPACITIES,
+  shadows2to3,
+} from 'src/services/theme_data/theme_data.service.js'
+import { init } from 'src/services/theme_data/theme_data_3.service.js'
+import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 import { useInterfaceStore } from 'src/stores/interface'
+import Preview from './theme_preview.vue'
 
 // List of color values used in v1
 const v1OnlyNames = [
diff --git a/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
index 4c05b27c3..ea7067b99 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
+++ b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
@@ -118,14 +118,14 @@
 </template>
 
 <script>
-import Checkbox from 'src/components/checkbox/checkbox.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faTimes,
-  faStar,
-  faRetweet,
   faReply,
+  faRetweet,
+  faStar,
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
 
 library.add(faTimes, faStar, faRetweet, faReply)
 
diff --git a/src/components/settings_modal/tabs/posts_tab.js b/src/components/settings_modal/tabs/posts_tab.js
index ec0dd0659..3833dc108 100644
--- a/src/components/settings_modal/tabs/posts_tab.js
+++ b/src/components/settings_modal/tabs/posts_tab.js
@@ -1,8 +1,8 @@
+import FontControl from 'src/components/font_control/font_control.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index e6f1a68d2..511bba757 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -1,15 +1,14 @@
-import UserCard from 'src/components/user_card/user_card.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import SharedComputedObject from '../helpers/shared_computed_object.js'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faTimes,
-  faPlus,
   faCircleNotch,
+  faPlus,
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import UserCard from 'src/components/user_card/user_card.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 library.add(faTimes, faPlus, faCircleNotch)
 
diff --git a/src/components/settings_modal/tabs/security_tab/mfa.js b/src/components/settings_modal/tabs/security_tab/mfa.js
index 7004a7bdc..658504c6b 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa.js
@@ -1,8 +1,8 @@
-import RecoveryCodes from './mfa_backup_codes.vue'
-import TOTP from './mfa_totp.vue'
-import Confirm from './confirm.vue'
 import VueQrcode from '@chenfengyuan/vue-qrcode'
 import { mapState } from 'vuex'
+import Confirm from './confirm.vue'
+import RecoveryCodes from './mfa_backup_codes.vue'
+import TOTP from './mfa_totp.vue'
 
 const Mfa = {
   data: () => ({
diff --git a/src/components/settings_modal/tabs/security_tab/mfa_totp.js b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
index 8af4cbcc7..d8200bcef 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa_totp.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
@@ -1,5 +1,5 @@
-import Confirm from './confirm.vue'
 import { mapState } from 'vuex'
+import Confirm from './confirm.vue'
 
 export default {
   props: ['settings'],
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.js b/src/components/settings_modal/tabs/security_tab/security_tab.js
index 06cd17306..3bc02829a 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.js
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.js
@@ -1,8 +1,8 @@
-import ProgressButton from 'src/components/progress_button/progress_button.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Mfa from './mfa.vue'
+import ProgressButton from 'src/components/progress_button/progress_button.vue'
 import localeService from 'src/services/locale/locale.service.js'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
+import Mfa from './mfa.vue'
 
 const SecurityTab = {
   data() {
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 72ddefedd..6a9bde8a9 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -1,63 +1,59 @@
-import {
-  ref,
-  reactive,
-  computed,
-  watch,
-  provide,
-  getCurrentInstance,
-} from 'vue'
-import { useInterfaceStore } from 'src/stores/interface'
-import { get, set, unset, throttle } from 'lodash'
-
-import Select from 'src/components/select/select.vue'
-import SelectMotion from 'src/components/select/select_motion.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ComponentPreview from 'src/components/component_preview/component_preview.vue'
-import StringSetting from '../../helpers/string_setting.vue'
-import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
-import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
-import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
-import RoundnessInput from 'src/components/roundness_input/roundness_input.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import Tooltip from 'src/components/tooltip/tooltip.vue'
-import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
-import Preview from '../old_theme_tab/theme_preview.vue'
-
-import VirtualDirectivesTab from './virtual_directives_tab.vue'
-
-import {
-  createStyleSheet,
-  adoptStyleSheets,
-} from 'src/services/style_setter/style_setter.js'
-import {
-  init,
-  findColor,
-} from 'src/services/theme_data/theme_data_3.service.js'
-import { getCssRules } from 'src/services/theme_data/css_utils.js'
-import { serialize } from 'src/services/theme_data/iss_serializer.js'
-import {
-  deserializeShadow,
-  deserialize,
-} from 'src/services/theme_data/iss_deserializer.js'
-import {
-  rgb2hex,
-  hex2rgb,
-  getContrastRatio,
-} from 'src/services/color_convert/color_convert.js'
-import {
-  newImporter,
-  newExporter,
-} from 'src/services/export_import/export_import.js'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faFloppyDisk,
-  faFolderOpen,
-  faFile,
   faArrowsRotate,
   faCheck,
+  faFile,
+  faFloppyDisk,
+  faFolderOpen,
 } from '@fortawesome/free-solid-svg-icons'
+import { get, set, throttle, unset } from 'lodash'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import ComponentPreview from 'src/components/component_preview/component_preview.vue'
+import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
+import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
+import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
+import RoundnessInput from 'src/components/roundness_input/roundness_input.vue'
+import Select from 'src/components/select/select.vue'
+import SelectMotion from 'src/components/select/select_motion.vue'
+import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Tooltip from 'src/components/tooltip/tooltip.vue'
+import {
+  getContrastRatio,
+  hex2rgb,
+  rgb2hex,
+} from 'src/services/color_convert/color_convert.js'
+import {
+  newExporter,
+  newImporter,
+} from 'src/services/export_import/export_import.js'
+import {
+  adoptStyleSheets,
+  createStyleSheet,
+} from 'src/services/style_setter/style_setter.js'
+import { getCssRules } from 'src/services/theme_data/css_utils.js'
+import {
+  deserialize,
+  deserializeShadow,
+} from 'src/services/theme_data/iss_deserializer.js'
+import { serialize } from 'src/services/theme_data/iss_serializer.js'
+import {
+  findColor,
+  init,
+} from 'src/services/theme_data/theme_data_3.service.js'
+import { useInterfaceStore } from 'src/stores/interface'
+import {
+  computed,
+  getCurrentInstance,
+  provide,
+  reactive,
+  ref,
+  watch,
+} from 'vue'
+import StringSetting from '../../helpers/string_setting.vue'
+import Preview from '../old_theme_tab/theme_preview.vue'
+import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
 // helper for debugging
 // eslint-disable-next-line no-unused-vars
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
index be054fd68..5e2dddf0c 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
@@ -1,11 +1,10 @@
-import { ref, computed, watch, inject } from 'vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
 
 import Select from 'src/components/select/select.vue'
 import SelectMotion from 'src/components/select/select_motion.vue'
 import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
-
 import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
+import { computed, inject, ref, watch } from 'vue'
 
 // helper for debugging
 // eslint-disable-next-line no-unused-vars
diff --git a/src/components/shadow_control/shadow_control.js b/src/components/shadow_control/shadow_control.js
index f0693599f..84bfcfd2b 100644
--- a/src/components/shadow_control/shadow_control.js
+++ b/src/components/shadow_control/shadow_control.js
@@ -1,29 +1,29 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faChevronDown,
+  faChevronUp,
+  faPlus,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+import { flattenDeep, throttle } from 'lodash'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
+import ComponentPreview from 'src/components/component_preview/component_preview.vue'
 import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
+import Popover from 'src/components/popover/popover.vue'
 import Select from 'src/components/select/select.vue'
 import SelectMotion from 'src/components/select/select_motion.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Popover from 'src/components/popover/popover.vue'
-import ComponentPreview from 'src/components/component_preview/component_preview.vue'
 import { rgb2hex } from 'src/services/color_convert/color_convert.js'
-import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
-import { deserializeShadow } from 'src/services/theme_data/iss_deserializer.js'
 import {
   getCssShadow,
   getCssShadowFilter,
 } from 'src/services/theme_data/css_utils.js'
+import { deserializeShadow } from 'src/services/theme_data/iss_deserializer.js'
+import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
 import {
-  findShadow,
   findColor,
+  findShadow,
 } from 'src/services/theme_data/theme_data_3.service.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { throttle, flattenDeep } from 'lodash'
-import {
-  faTimes,
-  faChevronDown,
-  faChevronUp,
-  faPlus,
-} from '@fortawesome/free-solid-svg-icons'
 
 library.add(faChevronDown, faChevronUp, faTimes, faPlus)
 
diff --git a/src/components/shout_panel/shout_panel.js b/src/components/shout_panel/shout_panel.js
index 72712ee50..fb337daae 100644
--- a/src/components/shout_panel/shout_panel.js
+++ b/src/components/shout_panel/shout_panel.js
@@ -1,6 +1,6 @@
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faBullhorn, faTimes } from '@fortawesome/free-solid-svg-icons'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { useShoutStore } from 'src/stores/shout'
 
 library.add(faBullhorn, faTimes)
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index 80bf95796..af351f5b6 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -1,29 +1,29 @@
-import { mapState, mapGetters } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import UserCard from '../user_card/user_card.vue'
-import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
-import GestureService from '../../services/gesture_service/gesture_service'
-import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faBell,
+  faBullhorn,
+  faCog,
+  faComments,
+  faCompass,
+  faFilePen,
+  faHome,
+  faInfoCircle,
+  faList,
+  faSearch,
   faSignInAlt,
   faSignOutAlt,
-  faHome,
-  faComments,
-  faBell,
-  faUserPlus,
-  faBullhorn,
-  faSearch,
   faTachometerAlt,
-  faCog,
-  faInfoCircle,
-  faCompass,
-  faList,
-  faFilePen,
+  faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-import { useShoutStore } from 'src/stores/shout'
-import { useInterfaceStore } from 'src/stores/interface'
+import { mapState as mapPiniaState } from 'pinia'
+import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
 import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useShoutStore } from 'src/stores/shout'
+import { mapGetters, mapState } from 'vuex'
+import GestureService from '../../services/gesture_service/gesture_service'
+import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
+import UserCard from '../user_card/user_card.vue'
 
 library.add(
   faSignInAlt,
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index 26b34f38f..f8a4fd413 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -1,5 +1,5 @@
-import map from 'lodash/map'
 import groupBy from 'lodash/groupBy'
+import map from 'lodash/map'
 import { mapGetters, mapState } from 'vuex'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 84a80ac07..b176b5a7a 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -1,48 +1,47 @@
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import AvatarList from '../avatar_list/avatar_list.vue'
-import Timeago from '../timeago/timeago.vue'
-import StatusContent from '../status_content/status_content.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import StatusPopover from '../status_popover/status_popover.vue'
-import UserPopover from '../user_popover/user_popover.vue'
-import UserListPopover from '../user_list_popover/user_list_popover.vue'
-import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
-import UserLink from '../user_link/user_link.vue'
-import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faAngleDoubleRight,
+  faChevronDown,
+  faChevronUp,
+  faEllipsisH,
+  faEnvelope,
+  faEye,
+  faEyeSlash,
+  faGlobe,
+  faIgloo,
+  faLock,
+  faLockOpen,
+  faPlay,
+  faPlusSquare,
+  faReply,
+  faRetweet,
+  faSmileBeam,
+  faStar,
+  faThumbtack,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+import { unescape, uniqBy } from 'lodash'
 import MentionLink from 'src/components/mention_link/mention_link.vue'
+import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import StatusActionButtons from 'src/components/status_action_buttons/status_action_buttons.vue'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { muteFilterHits } from '../../services/status_parser/status_parser.js'
 import {
   highlightClass,
   highlightStyle,
 } from '../../services/user_highlighter/user_highlighter.js'
-import { muteFilterHits } from '../../services/status_parser/status_parser.js'
-import { unescape, uniqBy } from 'lodash'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEnvelope,
-  faLock,
-  faLockOpen,
-  faGlobe,
-  faIgloo,
-  faTimes,
-  faRetweet,
-  faReply,
-  faPlusSquare,
-  faSmileBeam,
-  faEllipsisH,
-  faStar,
-  faEyeSlash,
-  faEye,
-  faThumbtack,
-  faChevronUp,
-  faChevronDown,
-  faAngleDoubleRight,
-  faPlay,
-} from '@fortawesome/free-solid-svg-icons'
+import AvatarList from '../avatar_list/avatar_list.vue'
+import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
+import StatusContent from '../status_content/status_content.vue'
+import StatusPopover from '../status_popover/status_popover.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserListPopover from '../user_list_popover/user_list_popover.vue'
+import UserPopover from '../user_popover/user_popover.vue'
 
 library.add(
   faEnvelope,
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index 1edc57fc4..e35e8a89c 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -1,31 +1,30 @@
-import StatusBookmarkFolderMenu from 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
-import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
-import Popover from 'src/components/popover/popover.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faPlus,
-  faMinus,
+  faBookmark as faBookmarkRegular,
+  faStar as faStarRegular,
+} from '@fortawesome/free-regular-svg-icons'
+import {
+  faBookmark,
   faCheck,
-  faTimes,
-  faWrench,
   faChevronRight,
   faChevronUp,
+  faExternalLinkAlt,
+  faEyeSlash,
+  faHistory,
+  faMinus,
+  faPlus,
   faReply,
   faRetweet,
-  faStar,
-  faSmileBeam,
-  faBookmark,
-  faEyeSlash,
-  faThumbtack,
   faShareAlt,
-  faExternalLinkAlt,
-  faHistory,
+  faSmileBeam,
+  faStar,
+  faThumbtack,
+  faTimes,
+  faWrench,
 } from '@fortawesome/free-solid-svg-icons'
-import {
-  faStar as faStarRegular,
-  faBookmark as faBookmarkRegular,
-} from '@fortawesome/free-regular-svg-icons'
+import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
+import Popover from 'src/components/popover/popover.vue'
+import StatusBookmarkFolderMenu from 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
 
 library.add(
   faPlus,
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index 303a76377..dfd07609a 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -1,14 +1,13 @@
-import ActionButton from './action_button.vue'
-import Popover from 'src/components/popover/popover.vue'
-import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUser,
-  faGlobe,
   faFolderTree,
+  faGlobe,
+  faUser,
 } from '@fortawesome/free-solid-svg-icons'
+import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
+import Popover from 'src/components/popover/popover.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import ActionButton from './action_button.vue'
 
 library.add(faUser, faGlobe, faFolderTree)
 
diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index 7c9c5ae86..c79b50275 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -1,16 +1,12 @@
-import { mapState } from 'pinia'
-
-import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
-import ActionButtonContainer from './action_button_container.vue'
-import Popover from 'src/components/popover/popover.vue'
-import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
-
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
-import { BUTTONS } from './buttons_definitions.js'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'pinia'
+import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
+import Popover from 'src/components/popover/popover.vue'
+import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import ActionButtonContainer from './action_button_container.vue'
+import { BUTTONS } from './buttons_definitions.js'
 
 library.add(faEllipsisH)
 
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index 772f7ff0e..1f4160a5c 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -1,14 +1,14 @@
-import fileType from 'src/services/file_type/file_type.service'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import { mapGetters } from 'vuex'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faFile,
-  faMusic,
   faImage,
   faLink,
+  faMusic,
   faPollH,
 } from '@fortawesome/free-solid-svg-icons'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import fileType from 'src/services/file_type/file_type.service'
+import { mapGetters } from 'vuex'
 
 library.add(faFile, faMusic, faImage, faLink, faPollH)
 
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
index 99a3ed06d..93938c0aa 100644
--- a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
+++ b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
@@ -1,10 +1,9 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
-
 import Popover from 'src/components/popover/popover.vue'
 import StillImage from 'src/components/still-image/still-image.vue'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 
 library.add(faChevronRight, faFolder)
 
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index f2a157537..ca7944361 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -1,19 +1,19 @@
-import Attachment from '../attachment/attachment.vue'
-import Poll from '../poll/poll.vue'
-import Gallery from '../gallery/gallery.vue'
-import StatusBody from 'src/components/status_body/status_body.vue'
-import LinkPreview from '../link-preview/link-preview.vue'
-import { mapGetters, mapState } from 'vuex'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faCircleNotch,
   faFile,
-  faMusic,
   faImage,
   faLink,
+  faMusic,
   faPollH,
 } from '@fortawesome/free-solid-svg-icons'
+import StatusBody from 'src/components/status_body/status_body.vue'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
+import { mapGetters, mapState } from 'vuex'
+import Attachment from '../attachment/attachment.vue'
+import Gallery from '../gallery/gallery.vue'
+import LinkPreview from '../link-preview/link-preview.vue'
+import Poll from '../poll/poll.vue'
 
 library.add(faCircleNotch, faFile, faMusic, faImage, faLink, faPollH)
 
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index 216f8f90e..efae51079 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -1,7 +1,7 @@
 import { get } from 'lodash'
+import { useStatusHistoryStore } from 'src/stores/statusHistory'
 import Modal from '../modal/modal.vue'
 import Status from '../status/status.vue'
-import { useStatusHistoryStore } from 'src/stores/statusHistory'
 
 const StatusHistoryModal = {
   components: {
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index 2146c45cf..500becb9e 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -1,6 +1,6 @@
-import { find } from 'lodash'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { find } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 
 library.add(faCircleNotch)
diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
index ef6cb6e71..fc0f5a265 100644
--- a/src/components/still-image/still-image-emoji-popover.vue
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -56,12 +56,11 @@
 </template>
 
 <script>
-import { assign } from 'lodash'
-
-import StillImage from './still-image.vue'
 import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
+import { assign } from 'lodash'
 import { useInterfaceStore } from 'src/stores/interface'
+import StillImage from './still-image.vue'
 
 export default {
   components: { StillImage, Popover, SelectComponent },
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index 6c55c025a..a85ad50f8 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -1,7 +1,8 @@
 // eslint-disable-next-line no-unused
-import { h, Fragment } from 'vue'
-import { mapState } from 'pinia'
+
 import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
+import { mapState } from 'pinia'
+import { Fragment, h } from 'vue'
 
 import './tab_switcher.scss'
 import { useInterfaceStore } from 'src/stores/interface'
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index 7db7cc5d9..cd115f677 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -1,10 +1,9 @@
-import Status from '../status/status.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
   faAngleDoubleRight,
 } from '@fortawesome/free-solid-svg-icons'
+import Status from '../status/status.vue'
 
 library.add(faAngleDoubleDown, faAngleDoubleRight)
 
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 512f32593..f77e38907 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -1,22 +1,22 @@
-import Status from '../status/status.vue'
-import { mapState } from 'pinia'
-import timelineFetcher from '../../services/timeline_fetcher/timeline_fetcher.service.js'
-import Conversation from '../conversation/conversation.vue'
-import TimelineMenu from '../timeline_menu/timeline_menu.vue'
-import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
-import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
-import ScrollTopButton from '../scroll_top_button/scroll_top_button.vue'
-import { debounce, throttle, keyBy } from 'lodash'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faArrowUp,
+  faCheck,
   faCircleNotch,
   faCirclePlus,
   faCog,
   faMinus,
-  faArrowUp,
-  faCheck,
 } from '@fortawesome/free-solid-svg-icons'
+import { debounce, keyBy, throttle } from 'lodash'
+import { mapState } from 'pinia'
 import { useInterfaceStore } from 'src/stores/interface'
+import timelineFetcher from '../../services/timeline_fetcher/timeline_fetcher.service.js'
+import Conversation from '../conversation/conversation.vue'
+import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
+import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
+import ScrollTopButton from '../scroll_top_button/scroll_top_button.vue'
+import Status from '../status/status.vue'
+import TimelineMenu from '../timeline_menu/timeline_menu.vue'
 
 library.add(faCircleNotch, faCog, faMinus, faArrowUp, faCirclePlus, faCheck)
 
diff --git a/src/components/timeline_menu/timeline_menu.js b/src/components/timeline_menu/timeline_menu.js
index 772c4f23c..2edb6226f 100644
--- a/src/components/timeline_menu/timeline_menu.js
+++ b/src/components/timeline_menu/timeline_menu.js
@@ -1,15 +1,15 @@
-import Popover from '../popover/popover.vue'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
-import { mapState } from 'vuex'
-import ListsMenuContent from '../lists_menu/lists_menu_content.vue'
-import BookmarkFoldersMenuContent from '../bookmark_folders_menu/bookmark_folders_menu_content.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { TIMELINES } from 'src/components/navigation/navigation.js'
-import { filterNavigation } from 'src/components/navigation/filter.js'
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+import { filterNavigation } from 'src/components/navigation/filter.js'
+import { TIMELINES } from 'src/components/navigation/navigation.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { mapState } from 'vuex'
+import BookmarkFoldersMenuContent from '../bookmark_folders_menu/bookmark_folders_menu_content.vue'
+import ListsMenuContent from '../lists_menu/lists_menu_content.vue'
+import Popover from '../popover/popover.vue'
 
 library.add(faChevronDown)
 
diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
index 7a34cb131..206454364 100644
--- a/src/components/update_notification/update_notification.js
+++ b/src/components/update_notification/update_notification.js
@@ -1,11 +1,10 @@
-import Modal from 'src/components/modal/modal.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import pleromaTanFoxMask from 'src/assets/pleromatan_apology_fox_mask.png'
-
+import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
+import Modal from 'src/components/modal/modal.vue'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
 library.add(faTimes)
 
 export const CURRENT_UPDATE_COUNTER = 1
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 8ac5aa43d..868f0d922 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,9 +1,7 @@
-import StillImage from '../still-image/still-image.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
-
-import { faRobot, faPeopleGroup } from '@fortawesome/free-solid-svg-icons'
+import { faPeopleGroup, faRobot } from '@fortawesome/free-solid-svg-icons'
+import { useInterfaceStore } from 'src/stores/interface'
+import StillImage from '../still-image/still-image.vue'
 
 library.add(faRobot, faPeopleGroup)
 
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 92730edc5..d0642b5e8 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -1,48 +1,43 @@
-import merge from 'lodash/merge'
-import isEqual from 'lodash/isEqual'
-import unescape from 'lodash/unescape'
-
-import ColorInput from 'src/components/color_input/color_input.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import RemoteFollow from '../remote_follow/remote_follow.vue'
-import ProgressButton from '../progress_button/progress_button.vue'
-import FollowButton from '../follow_button/follow_button.vue'
-import ModerationTools from '../moderation_tools/moderation_tools.vue'
-import AccountActions from '../account_actions/account_actions.vue'
-import UserNote from '../user_note/user_note.vue'
-import Select from '../select/select.vue'
-import UserLink from '../user_link/user_link.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
-import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
-import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
-
-import localeService from 'src/services/locale/locale.service.js'
-import suggestor from 'src/components/emoji_input/suggestor.js'
-
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { mapGetters } from 'vuex'
-import { usePostStatusStore } from 'src/stores/post_status'
-import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
-  faRss,
-  faSearchPlus,
-  faExternalLinkAlt,
-  faEdit,
-  faTimes,
-  faExpandAlt,
   faBirthdayCake,
-  faSave,
   faClockRotateLeft,
+  faEdit,
+  faExpandAlt,
+  faExternalLinkAlt,
+  faRss,
+  faSave,
+  faSearchPlus,
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-
-import { useMediaViewerStore } from '../../stores/media_viewer'
+import isEqual from 'lodash/isEqual'
+import merge from 'lodash/merge'
+import unescape from 'lodash/unescape'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+import suggestor from 'src/components/emoji_input/suggestor.js'
+import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
+import localeService from 'src/services/locale/locale.service.js'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { usePostStatusStore } from 'src/stores/post_status'
+import { mapGetters } from 'vuex'
 import { useInterfaceStore } from '../../stores/interface'
+import { useMediaViewerStore } from '../../stores/media_viewer'
+import AccountActions from '../account_actions/account_actions.vue'
+import FollowButton from '../follow_button/follow_button.vue'
+import ModerationTools from '../moderation_tools/moderation_tools.vue'
+import ProgressButton from '../progress_button/progress_button.vue'
+import RemoteFollow from '../remote_follow/remote_follow.vue'
+import Select from '../select/select.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserNote from '../user_note/user_note.vue'
 
 library.add(
   faSave,
diff --git a/src/components/user_link/user_link.vue b/src/components/user_link/user_link.vue
index 4a0899dab..059508f49 100644
--- a/src/components/user_link/user_link.vue
+++ b/src/components/user_link/user_link.vue
@@ -14,8 +14,8 @@
 </template>
 
 <script>
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 const UserLink = {
   props: {
diff --git a/src/components/user_list_menu/user_list_menu.js b/src/components/user_list_menu/user_list_menu.js
index 09858f96b..3bed7824e 100644
--- a/src/components/user_list_menu/user_list_menu.js
+++ b/src/components/user_list_menu/user_list_menu.js
@@ -1,10 +1,9 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
-
+import { useListsStore } from 'src/stores/lists'
 import DialogModal from '../dialog_modal/dialog_modal.vue'
 import Popover from '../popover/popover.vue'
-import { useListsStore } from 'src/stores/lists'
 
 library.add(faChevronRight)
 
diff --git a/src/components/user_list_popover/user_list_popover.js b/src/components/user_list_popover/user_list_popover.js
index f6c2a8547..832feeca5 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -1,9 +1,8 @@
-import { defineAsyncComponent } from 'vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import { defineAsyncComponent } from 'vue'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 library.add(faCircleNotch)
 
diff --git a/src/components/user_panel/user_panel.js b/src/components/user_panel/user_panel.js
index 1349efef0..5c89232f2 100644
--- a/src/components/user_panel/user_panel.js
+++ b/src/components/user_panel/user_panel.js
@@ -1,7 +1,7 @@
+import { mapState } from 'vuex'
 import AuthForm from '../auth_form/auth_form.js'
 import PostStatusForm from '../post_status_form/post_status_form.vue'
 import UserCard from '../user_card/user_card.vue'
-import { mapState } from 'vuex'
 
 const UserPanel = {
   computed: {
diff --git a/src/components/user_popover/user_popover.js b/src/components/user_popover/user_popover.js
index b59945063..cc69bc49d 100644
--- a/src/components/user_popover/user_popover.js
+++ b/src/components/user_popover/user_popover.js
@@ -1,5 +1,5 @@
-import UserCard from '../user_card/user_card.vue'
 import { defineAsyncComponent } from 'vue'
+import UserCard from '../user_card/user_card.vue'
 
 const UserPopover = {
   name: 'UserPopover',
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index e6e5ab087..5ae782c32 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -1,14 +1,14 @@
-import get from 'lodash/get'
-import UserCard from '../user_card/user_card.vue'
-import FollowCard from '../follow_card/follow_card.vue'
-import Timeline from '../timeline/timeline.vue'
-import Conversation from '../conversation/conversation.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import List from '../list/list.vue'
-import withLoadMore from '../../hocs/with_load_more/with_load_more'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import get from 'lodash/get'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import withLoadMore from '../../hocs/with_load_more/with_load_more'
+import Conversation from '../conversation/conversation.vue'
+import FollowCard from '../follow_card/follow_card.vue'
+import List from '../list/list.vue'
+import Timeline from '../timeline/timeline.vue'
+import UserCard from '../user_card/user_card.vue'
 
 library.add(faCircleNotch)
 
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index 03f7f92c7..39c264d5b 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -1,9 +1,9 @@
-import Status from '../status/status.vue'
-import List from '../list/list.vue'
-import Checkbox from '../checkbox/checkbox.vue'
-import Modal from '../modal/modal.vue'
-import UserLink from '../user_link/user_link.vue'
 import { useReportsStore } from 'src/stores/reports'
+import Checkbox from '../checkbox/checkbox.vue'
+import List from '../list/list.vue'
+import Modal from '../modal/modal.vue'
+import Status from '../status/status.vue'
+import UserLink from '../user_link/user_link.vue'
 
 const UserReportingModal = {
   components: {
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.js b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
index d57c8ad28..66bb6bda2 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.js
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
@@ -1,5 +1,5 @@
-import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
 import Select from 'src/components/select/select.vue'
 import { durationStrToMs } from 'src/services/date_utils/date_utils.js'
 
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js
index 8f1dd4278..9e5eb1dbd 100644
--- a/src/components/who_to_follow_panel/who_to_follow_panel.js
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.js
@@ -1,6 +1,6 @@
-import apiService from '../../services/api/api.service.js'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { shuffle } from 'lodash'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import apiService from '../../services/api/api.service.js'
 
 function showWhoToFollow(panel, reply) {
   const shuffled = shuffle(reply)
diff --git a/src/hocs/with_load_more/with_load_more.jsx b/src/hocs/with_load_more/with_load_more.jsx
index 1f735325d..8eab49f8d 100644
--- a/src/hocs/with_load_more/with_load_more.jsx
+++ b/src/hocs/with_load_more/with_load_more.jsx
@@ -1,12 +1,13 @@
 // eslint-disable-next-line no-unused
-import { h } from 'vue'
+
 import isEmpty from 'lodash/isEmpty'
+import { h } from 'vue'
 import { getComponentProps } from '../../services/component_utils/component_utils'
 import './with_load_more.scss'
 
-import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 
 library.add(faCircleNotch)
 
diff --git a/src/hocs/with_subscription/with_subscription.jsx b/src/hocs/with_subscription/with_subscription.jsx
index 2dc29fd84..36a592cdc 100644
--- a/src/hocs/with_subscription/with_subscription.jsx
+++ b/src/hocs/with_subscription/with_subscription.jsx
@@ -1,12 +1,13 @@
 // eslint-disable-next-line no-unused
-import { h } from 'vue'
+
 import isEmpty from 'lodash/isEmpty'
+import { h } from 'vue'
 import { getComponentProps } from '../../services/component_utils/component_utils'
 import './with_subscription.scss'
 
-import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 
 library.add(faCircleNotch)
 
diff --git a/src/i18n/messages.js b/src/i18n/messages.js
index e14ea44c5..f60e888e1 100644
--- a/src/i18n/messages.js
+++ b/src/i18n/messages.js
@@ -8,8 +8,8 @@
 // There's only problem that apostrophe character ' gets replaced by \\ so you have to fix it manually, sorry.
 
 import { isEqual } from 'lodash'
-import { languages, langCodeToJsonName } from './languages.js'
 import enMessages from './en.json'
+import { langCodeToJsonName, languages } from './languages.js'
 
 const ULTIMATE_FALLBACK_LOCALE = 'en'
 
diff --git a/src/lib/persisted_state.js b/src/lib/persisted_state.js
index 854b78027..f842eb94a 100644
--- a/src/lib/persisted_state.js
+++ b/src/lib/persisted_state.js
@@ -1,5 +1,5 @@
+import { cloneDeep, each, get, set } from 'lodash'
 import merge from 'lodash.merge'
-import { each, get, set, cloneDeep } from 'lodash'
 import { useInterfaceStore } from 'src/stores/interface'
 import { storage } from './storage.js'
 
diff --git a/src/main.js b/src/main.js
index 14f4ecccc..6578ef68f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
 /* global process */
-import { createStore } from 'vuex'
+
 import { createPinia } from 'pinia'
+import { createStore } from 'vuex'
 
 import 'custom-event-polyfill'
 import './lib/event_target_polyfill.js'
@@ -12,18 +13,14 @@ if (!Array.prototype.toSorted) {
   }
 }
 
-import vuexModules from './modules/index.js'
-
 import { createI18n } from 'vue-i18n'
-
+import afterStoreSetup from './boot/after_store.js'
+import messages from './i18n/messages.js'
 import createPersistedState, {
   piniaPersistPlugin,
 } from './lib/persisted_state.js'
 import pushNotifications from './lib/push_notifications_plugin.js'
-
-import messages from './i18n/messages.js'
-
-import afterStoreSetup from './boot/after_store.js'
+import vuexModules from './modules/index.js'
 
 const currentLocale = (window.navigator.language || 'en').split('-')[0]
 
diff --git a/src/modules/adminSettings.js b/src/modules/adminSettings.js
index 5fc48d4b3..470c72b74 100644
--- a/src/modules/adminSettings.js
+++ b/src/modules/adminSettings.js
@@ -1,4 +1,4 @@
-import { set, get, cloneDeep, differenceWith, isEqual, flatten } from 'lodash'
+import { cloneDeep, differenceWith, flatten, get, isEqual, set } from 'lodash'
 
 export const defaultState = {
   frontends: [],
diff --git a/src/modules/api.js b/src/modules/api.js
index a2dee346c..f751c74d9 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -1,9 +1,9 @@
-import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
-import { WSConnectionStatus } from '../services/api/api.service.js'
-import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import { Socket } from 'phoenix'
-import { useShoutStore } from 'src/stores/shout.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useShoutStore } from 'src/stores/shout.js'
+import { WSConnectionStatus } from '../services/api/api.service.js'
+import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
+import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 
 const retryTimeout = (multiplier) => 1000 * multiplier
 
diff --git a/src/modules/chats.js b/src/modules/chats.js
index fa350f91c..c74bf5f01 100644
--- a/src/modules/chats.js
+++ b/src/modules/chats.js
@@ -1,11 +1,11 @@
-import { reactive } from 'vue'
 import { find, omitBy, orderBy, sumBy } from 'lodash'
+import { reactive } from 'vue'
 import chatService from '../services/chat_service/chat_service.js'
+import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import {
   parseChat,
   parseChatMessage,
 } from '../services/entity_normalizer/entity_normalizer.service.js'
-import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import { promiseInterval } from '../services/promise_interval/promise_interval.js'
 
 const emptyChatList = () => ({
diff --git a/src/modules/config.js b/src/modules/config.js
index 4162113de..7bd7e583f 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -1,12 +1,12 @@
 import Cookies from 'js-cookie'
-import { applyConfig } from '../services/style_setter/style_setter.js'
-import messages from '../i18n/messages'
 import { set } from 'lodash'
-import localeService from '../services/locale/locale.service.js'
 import { useI18nStore } from 'src/stores/i18n.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import messages from '../i18n/messages'
+import localeService from '../services/locale/locale.service.js'
+import { applyConfig } from '../services/style_setter/style_setter.js'
 
-import { instanceDefaultConfig, defaultState } from './default_config_state.js'
+import { defaultState, instanceDefaultConfig } from './default_config_state.js'
 
 const BACKEND_LANGUAGE_COOKIE_NAME = 'userLanguage'
 const APPEARANCE_SETTINGS_KEYS = new Set([
diff --git a/src/modules/config_declaration.js b/src/modules/config_declaration.js
index f84ccc331..5c0d7ac0e 100644
--- a/src/modules/config_declaration.js
+++ b/src/modules/config_declaration.js
@@ -1,4 +1,5 @@
 export const CONFIG_MIGRATION = 1
+
 import { v4 as uuidv4 } from 'uuid'
 
 // for future use
diff --git a/src/modules/index.js b/src/modules/index.js
index 56336d107..ab9dd2418 100644
--- a/src/modules/index.js
+++ b/src/modules/index.js
@@ -1,13 +1,13 @@
-import instance from './instance.js'
-import statuses from './statuses.js'
-import notifications from './notifications.js'
-import users from './users.js'
-import api from './api.js'
-import config from './config.js'
-import profileConfig from './profileConfig.js'
 import adminSettings from './adminSettings.js'
-import drafts from './drafts.js'
+import api from './api.js'
 import chats from './chats.js'
+import config from './config.js'
+import drafts from './drafts.js'
+import instance from './instance.js'
+import notifications from './notifications.js'
+import profileConfig from './profileConfig.js'
+import statuses from './statuses.js'
+import users from './users.js'
 
 export default {
   instance,
diff --git a/src/modules/instance.js b/src/modules/instance.js
index 6f6b7a602..afea2884c 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -1,12 +1,12 @@
-import apiService from '../services/api/api.service.js'
-import { instanceDefaultProperties } from './config.js'
-import { ensureFinalFallback } from '../i18n/languages.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
 // See build/emojis_plugin for more details
 import { annotationsLoader } from 'virtual:pleroma-fe/emoji-annotations'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { ensureFinalFallback } from '../i18n/languages.js'
+import apiService from '../services/api/api.service.js'
+import { instanceDefaultProperties } from './config.js'
 import {
-  staticOrApiConfigDefault,
   instanceDefaultConfig,
+  staticOrApiConfigDefault,
 } from './default_config_state.js'
 
 const SORTED_EMOJI_GROUP_IDS = [
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index e3c05630e..6c1cb33c3 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -1,19 +1,17 @@
-import apiService from '../services/api/api.service.js'
+import { useReportsStore } from 'src/stores/reports.js'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import apiService from '../services/api/api.service.js'
 
+import {
+  closeAllDesktopNotifications,
+  closeDesktopNotification,
+} from '../services/desktop_notification_utils/desktop_notification_utils.js'
 import {
   isStatusNotification,
   isValidNotification,
   maybeShowNotification,
 } from '../services/notification_utils/notification_utils.js'
 
-import {
-  closeDesktopNotification,
-  closeAllDesktopNotifications,
-} from '../services/desktop_notification_utils/desktop_notification_utils.js'
-
-import { useReportsStore } from 'src/stores/reports.js'
-
 const emptyNotifications = () => ({
   desktopNotificationSilence: true,
   maxId: 0,
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index 565d357d1..d1378f1be 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -1,19 +1,19 @@
 import {
+  each,
+  find,
+  findIndex,
+  first,
+  isArray,
+  last,
+  maxBy,
+  merge,
+  minBy,
+  omitBy,
   remove,
   slice,
-  each,
-  findIndex,
-  find,
-  maxBy,
-  minBy,
-  merge,
-  first,
-  last,
-  isArray,
-  omitBy,
 } from 'lodash'
-import apiService from '../services/api/api.service.js'
 import { useInterfaceStore } from 'src/stores/interface'
+import apiService from '../services/api/api.service.js'
 
 const emptyTl = (userId = 0) => ({
   statuses: [],
diff --git a/src/modules/users.js b/src/modules/users.js
index 31e6b7411..53e9ccf47 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -1,31 +1,28 @@
 import {
   compact,
-  map,
-  each,
-  mergeWith,
-  last,
   concat,
-  uniq,
+  each,
   isArray,
+  last,
+  map,
+  mergeWith,
+  uniq,
 } from 'lodash'
-
-import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
-import {
-  windowWidth,
-  windowHeight,
-} from '../services/window_utils/window_utils'
+import { declarations } from 'src/modules/config_declaration'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import apiService from '../services/api/api.service.js'
+import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
 import oauthApi from '../services/new_api/oauth.js'
 import {
   registerPushNotifications,
   unregisterPushNotifications,
 } from '../services/sw/sw.js'
-
-import { useInterfaceStore } from 'src/stores/interface.js'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
-import { declarations } from 'src/modules/config_declaration'
+import {
+  windowHeight,
+  windowWidth,
+} from '../services/window_utils/window_utils'
 
 // TODO: Unify with mergeOrAdd in statuses.js
 export const mergeOrAdd = (arr, obj, item) => {
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 1d0f0a842..477b3ceed 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -1,12 +1,12 @@
-import { each, map, concat, last, get } from 'lodash'
+import { concat, each, get, last, map } from 'lodash'
 import {
-  parseStatus,
-  parseSource,
-  parseUser,
-  parseNotification,
   parseAttachment,
   parseChat,
   parseLinkHeaderPagination,
+  parseNotification,
+  parseSource,
+  parseStatus,
+  parseUser,
 } from '../entity_normalizer/entity_normalizer.service.js'
 import { RegistrationError, StatusCodeError } from '../errors/errors'
 
diff --git a/src/services/backend_interactor_service/backend_interactor_service.js b/src/services/backend_interactor_service/backend_interactor_service.js
index da939bff0..ccbc76d2b 100644
--- a/src/services/backend_interactor_service/backend_interactor_service.js
+++ b/src/services/backend_interactor_service/backend_interactor_service.js
@@ -1,12 +1,12 @@
+import bookmarkFoldersFetcher from '../../services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js'
+import followRequestFetcher from '../../services/follow_request_fetcher/follow_request_fetcher.service'
+import listsFetcher from '../../services/lists_fetcher/lists_fetcher.service.js'
 import apiService, {
   getMastodonSocketURI,
   ProcessedWS,
 } from '../api/api.service.js'
-import timelineFetcher from '../timeline_fetcher/timeline_fetcher.service.js'
 import notificationsFetcher from '../notifications_fetcher/notifications_fetcher.service.js'
-import followRequestFetcher from '../../services/follow_request_fetcher/follow_request_fetcher.service'
-import listsFetcher from '../../services/lists_fetcher/lists_fetcher.service.js'
-import bookmarkFoldersFetcher from '../../services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js'
+import timelineFetcher from '../timeline_fetcher/timeline_fetcher.service.js'
 
 const backendInteractorService = (credentials) => ({
   startFetchingTimeline({
diff --git a/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js b/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
index 606324d0a..3e96ce998 100644
--- a/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
+++ b/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
@@ -1,6 +1,6 @@
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 const fetchAndUpdate = ({ credentials }) => {
   return apiService
diff --git a/src/services/color_convert/color_convert.js b/src/services/color_convert/color_convert.js
index fad882eaa..9840f9726 100644
--- a/src/services/color_convert/color_convert.js
+++ b/src/services/color_convert/color_convert.js
@@ -1,4 +1,4 @@
-import { invertLightness, contrastRatio, convert } from 'chromatism'
+import { contrastRatio, convert, invertLightness } from 'chromatism'
 
 // useful for visualizing color when debugging
 // const consoleColor = (color) => console.debug('%c##########', 'background: ' + color + '; color: ' + color)
diff --git a/src/services/completion/completion.js b/src/services/completion/completion.js
index 369524f6a..7bd72536d 100644
--- a/src/services/completion/completion.js
+++ b/src/services/completion/completion.js
@@ -1,4 +1,4 @@
-import { reduce, find } from 'lodash'
+import { find, reduce } from 'lodash'
 
 export const replaceWord = (str, toReplace, replacement) => {
   return str.slice(0, toReplace.start) + replacement + str.slice(toReplace.end)
diff --git a/src/services/desktop_notification_utils/desktop_notification_utils.js b/src/services/desktop_notification_utils/desktop_notification_utils.js
index 0c83505a4..cf393aa77 100644
--- a/src/services/desktop_notification_utils/desktop_notification_utils.js
+++ b/src/services/desktop_notification_utils/desktop_notification_utils.js
@@ -1,8 +1,9 @@
 import {
-  showDesktopNotification as swDesktopNotification,
-  closeDesktopNotification as swCloseDesktopNotification,
   isSWSupported,
+  closeDesktopNotification as swCloseDesktopNotification,
+  showDesktopNotification as swDesktopNotification,
 } from '../sw/sw.js'
+
 const state = { failCreateNotif: false }
 
 export const showDesktopNotification = (rootState, desktopNotificationOpts) => {
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 6351908fc..51c4ff564 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -1,7 +1,7 @@
-import escape from 'escape-html'
 import { parseLinkHeader } from '@web3-storage/parse-link-header'
-import { isStatusNotification } from '../notification_utils/notification_utils.js'
+import escape from 'escape-html'
 import punycode from 'punycode.js'
+import { isStatusNotification } from '../notification_utils/notification_utils.js'
 
 /** NOTICE! **
  * Do not initialize UI-generated data here.
diff --git a/src/services/html_converter/html_tree_converter.service.js b/src/services/html_converter/html_tree_converter.service.js
index c47618fff..46854a30b 100644
--- a/src/services/html_converter/html_tree_converter.service.js
+++ b/src/services/html_converter/html_tree_converter.service.js
@@ -1,5 +1,5 @@
-import { getTagName } from './utility.service.js'
 import { unescape } from 'lodash'
+import { getTagName } from './utility.service.js'
 
 /**
  * This is a not-so-tiny purpose-built HTML parser/processor. This parses html
diff --git a/src/services/locale/locale.service.js b/src/services/locale/locale.service.js
index 809dda3a9..17d6119d3 100644
--- a/src/services/locale/locale.service.js
+++ b/src/services/locale/locale.service.js
@@ -1,6 +1,6 @@
-import languagesObject from '../../i18n/messages'
 import ISO6391 from 'iso-639-1'
 import _ from 'lodash'
+import languagesObject from '../../i18n/messages'
 
 const specialLanguageCodes = {
   pdc: 'en',
diff --git a/src/services/notification_utils/notification_utils.js b/src/services/notification_utils/notification_utils.js
index 65eda39ff..b5c233ad9 100644
--- a/src/services/notification_utils/notification_utils.js
+++ b/src/services/notification_utils/notification_utils.js
@@ -1,9 +1,8 @@
-import { muteFilterHits } from '../status_parser/status_parser.js'
-import { showDesktopNotification } from '../desktop_notification_utils/desktop_notification_utils.js'
-import { useI18nStore } from 'src/stores/i18n.js'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-
 import FaviconService from 'src/services/favicon_service/favicon_service.js'
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useI18nStore } from 'src/stores/i18n.js'
+import { showDesktopNotification } from '../desktop_notification_utils/desktop_notification_utils.js'
+import { muteFilterHits } from '../status_parser/status_parser.js'
 
 export const ACTIONABLE_NOTIFICATION_TYPES = new Set([
   'mention',
diff --git a/src/services/poll/poll.service.js b/src/services/poll/poll.service.js
index 44e1677b5..8169c2525 100644
--- a/src/services/poll/poll.service.js
+++ b/src/services/poll/poll.service.js
@@ -1,5 +1,5 @@
-import * as DateUtils from 'src/services/date_utils/date_utils.js'
 import { uniq } from 'lodash'
+import * as DateUtils from 'src/services/date_utils/date_utils.js'
 
 const pollFallbackValues = {
   pollType: 'single',
diff --git a/src/services/resettable_async_component.js b/src/services/resettable_async_component.js
index 5fdc484db..09792456b 100644
--- a/src/services/resettable_async_component.js
+++ b/src/services/resettable_async_component.js
@@ -1,4 +1,4 @@
-import { defineAsyncComponent, shallowReactive, h } from 'vue'
+import { defineAsyncComponent, h, shallowReactive } from 'vue'
 
 /* By default async components don't have any way to recover, if component is
  * failed, it is failed forever. This helper tries to remedy that by recreating
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 142e54a80..01c2f3466 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -1,8 +1,8 @@
-import { init, getEngineChecksum } from '../theme_data/theme_data_3.service.js'
-import { getCssRules } from '../theme_data/css_utils.js'
-import { defaultState } from 'src/modules/default_config_state.js'
-import { chunk, throttle } from 'lodash'
 import localforage from 'localforage'
+import { chunk, throttle } from 'lodash'
+import { defaultState } from 'src/modules/default_config_state.js'
+import { getCssRules } from '../theme_data/css_utils.js'
+import { getEngineChecksum, init } from '../theme_data/theme_data_3.service.js'
 
 // On platforms where this is not supported, it will return undefined
 // Otherwise it will return an array
diff --git a/src/services/theme_data/iss_serializer.js b/src/services/theme_data/iss_serializer.js
index a99adb529..a9c3887dd 100644
--- a/src/services/theme_data/iss_serializer.js
+++ b/src/services/theme_data/iss_serializer.js
@@ -1,5 +1,5 @@
-import { unroll } from './iss_utils.js'
 import { deserializeShadow } from './iss_deserializer.js'
+import { unroll } from './iss_utils.js'
 
 export const serializeShadow = (s) => {
   if (typeof s === 'object') {
diff --git a/src/services/theme_data/pleromafe.js b/src/services/theme_data/pleromafe.js
index bd9356372..5363b9348 100644
--- a/src/services/theme_data/pleromafe.js
+++ b/src/services/theme_data/pleromafe.js
@@ -1,4 +1,4 @@
-import { invertLightness, brightness } from 'chromatism'
+import { brightness, invertLightness } from 'chromatism'
 import { alphaBlend, mixrgb } from '../color_convert/color_convert.js'
 /* This is a definition of all layer combinations
  * each key is a topmost layer, each value represents layer underneath
diff --git a/src/services/theme_data/theme3_slot_functions.js b/src/services/theme_data/theme3_slot_functions.js
index be89bbd23..aab03ef7a 100644
--- a/src/services/theme_data/theme3_slot_functions.js
+++ b/src/services/theme_data/theme3_slot_functions.js
@@ -1,4 +1,4 @@
-import { convert, brightness } from 'chromatism'
+import { brightness, convert } from 'chromatism'
 import {
   alphaBlend,
   arithmeticBlend,
diff --git a/src/services/theme_data/theme_data.service.js b/src/services/theme_data/theme_data.service.js
index e9e59af3b..1516b07e0 100644
--- a/src/services/theme_data/theme_data.service.js
+++ b/src/services/theme_data/theme_data.service.js
@@ -1,13 +1,13 @@
-import { convert, brightness, contrastRatio } from 'chromatism'
+import { brightness, contrastRatio, convert } from 'chromatism'
 import {
-  rgb2hex,
-  rgba2css,
   alphaBlendLayers,
+  getCssColor,
   getTextColor,
   relativeLuminance,
-  getCssColor,
+  rgb2hex,
+  rgba2css,
 } from '../color_convert/color_convert.js'
-import { LAYERS, DEFAULT_OPACITY, SLOT_INHERITANCE } from './pleromafe.js'
+import { DEFAULT_OPACITY, LAYERS, SLOT_INHERITANCE } from './pleromafe.js'
 
 /*
  * # What's all this?
diff --git a/src/services/theme_data/theme_data_3.service.js b/src/services/theme_data/theme_data_3.service.js
index 78545ab22..2456744e7 100644
--- a/src/services/theme_data/theme_data_3.service.js
+++ b/src/services/theme_data/theme_data_3.service.js
@@ -1,29 +1,28 @@
-import { convert, brightness } from 'chromatism'
+import { brightness, convert } from 'chromatism'
 import sum from 'hash-sum'
 import { flattenDeep, sortBy } from 'lodash'
 import {
   alphaBlend,
   getTextColor,
-  rgba2css,
   mixrgb,
   relativeLuminance,
+  rgba2css,
 } from '../color_convert/color_convert.js'
+import { deserializeShadow } from './iss_deserializer.js'
 
+import {
+  findRules,
+  genericRuleToSelector,
+  getAllPossibleCombinations,
+  normalizeCombination,
+  unroll,
+} from './iss_utils.js'
 import {
   colorFunctions,
-  shadowFunctions,
   process,
+  shadowFunctions,
 } from './theme3_slot_functions.js'
 
-import {
-  unroll,
-  getAllPossibleCombinations,
-  genericRuleToSelector,
-  normalizeCombination,
-  findRules,
-} from './iss_utils.js'
-import { deserializeShadow } from './iss_deserializer.js'
-
 // Ensuring the order of components
 const components = {
   Root: null,
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index 05a1b9990..f876bf5d8 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -1,8 +1,7 @@
 import { camelCase } from 'lodash'
-
+import { useInterfaceStore } from 'src/stores/interface.js'
 import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
 
 const update = ({
   store,
diff --git a/src/services/user_highlighter/user_highlighter.js b/src/services/user_highlighter/user_highlighter.js
index 6b0f0d7ce..45fbffec2 100644
--- a/src/services/user_highlighter/user_highlighter.js
+++ b/src/services/user_highlighter/user_highlighter.js
@@ -1,4 +1,5 @@
 import { hex2rgb } from '../color_convert/color_convert.js'
+
 const highlightStyle = (prefs) => {
   if (prefs === undefined) return
   const { color, type } = prefs
diff --git a/src/stores/auth_flow.js b/src/stores/auth_flow.js
index 6f18b817a..3c216a445 100644
--- a/src/stores/auth_flow.js
+++ b/src/stores/auth_flow.js
@@ -1,5 +1,5 @@
-import { useOAuthStore } from 'src/stores/oauth.js'
 import { defineStore } from 'pinia'
+import { useOAuthStore } from 'src/stores/oauth.js'
 
 const PASSWORD_STRATEGY = 'password'
 const TOKEN_STRATEGY = 'token'
diff --git a/src/stores/bookmark_folders.js b/src/stores/bookmark_folders.js
index a0e751177..028322f9d 100644
--- a/src/stores/bookmark_folders.js
+++ b/src/stores/bookmark_folders.js
@@ -1,4 +1,4 @@
-import { remove, find } from 'lodash'
+import { find, remove } from 'lodash'
 import { defineStore } from 'pinia'
 
 export const useBookmarkFoldersStore = defineStore('bookmarkFolders', {
diff --git a/src/stores/interface.js b/src/stores/interface.js
index 3704c9cc9..b63044ac0 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -4,12 +4,12 @@ import {
   CURRENT_VERSION,
   generatePreset,
 } from 'src/services/theme_data/theme_data.service.js'
+import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 import {
-  getResourcesIndex,
   applyTheme,
+  getResourcesIndex,
   tryLoadCache,
 } from '../services/style_setter/style_setter.js'
-import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 import { deserialize } from '../services/theme_data/iss_deserializer.js'
 
 export const useInterfaceStore = defineStore('interface', {
diff --git a/src/stores/lists.js b/src/stores/lists.js
index 6eda03608..b33a119cc 100644
--- a/src/stores/lists.js
+++ b/src/stores/lists.js
@@ -1,7 +1,6 @@
+import { find, remove } from 'lodash'
 import { defineStore } from 'pinia'
 
-import { remove, find } from 'lodash'
-
 export const useListsStore = defineStore('lists', {
   state: () => ({
     allLists: [],
diff --git a/src/stores/reports.js b/src/stores/reports.js
index c0bb1e6d7..0a6a5d48f 100644
--- a/src/stores/reports.js
+++ b/src/stores/reports.js
@@ -1,6 +1,5 @@
-import { defineStore } from 'pinia'
-
 import filter from 'lodash/filter'
+import { defineStore } from 'pinia'
 import { useInterfaceStore } from 'src/stores/interface'
 
 export const useReportsStore = defineStore('reports', {
diff --git a/src/stores/serverSideStorage.js b/src/stores/serverSideStorage.js
index 4ceebbdc0..5e269cd75 100644
--- a/src/stores/serverSideStorage.js
+++ b/src/stores/serverSideStorage.js
@@ -1,20 +1,20 @@
-import { defineStore } from 'pinia'
-import { toRaw } from 'vue'
 import {
-  isEqual,
-  cloneDeep,
-  set,
-  unset,
-  get,
+  merge as _merge,
   clamp,
-  flatten,
-  groupBy,
+  cloneDeep,
   findLastIndex,
+  flatten,
+  get,
+  groupBy,
+  isEqual,
+  set,
   takeRight,
   uniqWith,
-  merge as _merge,
+  unset,
 } from 'lodash'
+import { defineStore } from 'pinia'
 import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/update_notification.js'
+import { toRaw } from 'vue'
 
 export const VERSION = 1
 export const NEW_USER_DATE = new Date('2022-08-04') // date of writing this, basically
diff --git a/src/sw.js b/src/sw.js
index a108f1d69..545818994 100644
--- a/src/sw.js
+++ b/src/sw.js
@@ -1,15 +1,15 @@
 /* eslint-env serviceworker */
 
 import 'virtual:pleroma-fe/service_worker_env'
-import { storage } from 'src/lib/storage.js'
-import { parseNotification } from './services/entity_normalizer/entity_normalizer.service.js'
-import { prepareNotificationObject } from './services/notification_utils/notification_utils.js'
-import { shouldCache, cacheKey, emojiCacheKey } from './services/sw/sw.js'
-import { createI18n } from 'vue-i18n'
 // Collects all messages for service workers
 // Needed because service workers cannot use dynamic imports
 // See /build/sw_plugin.js for more information
 import messages from 'virtual:pleroma-fe/service_worker_messages'
+import { storage } from 'src/lib/storage.js'
+import { createI18n } from 'vue-i18n'
+import { parseNotification } from './services/entity_normalizer/entity_normalizer.service.js'
+import { prepareNotificationObject } from './services/notification_utils/notification_utils.js'
+import { cacheKey, emojiCacheKey, shouldCache } from './services/sw/sw.js'
 
 const i18n = createI18n({
   // By default, use the browser locale, we will update it if neccessary
diff --git a/test/fixtures/mock_api.js b/test/fixtures/mock_api.js
index e4de9fe0e..bae65c8bd 100644
--- a/test/fixtures/mock_api.js
+++ b/test/fixtures/mock_api.js
@@ -1,6 +1,6 @@
-import { test as testBase } from 'vitest'
+import { HttpResponse, http } from 'msw'
 import { setupWorker } from 'msw/browser'
-import { http, HttpResponse } from 'msw'
+import { test as testBase } from 'vitest'
 
 // https://mswjs.io/docs/recipes/vitest-browser-mode
 export const injectMswToTest = (defaultHandlers) => {
diff --git a/test/fixtures/mock_store.js b/test/fixtures/mock_store.js
index 595cb041c..2010066cb 100644
--- a/test/fixtures/mock_store.js
+++ b/test/fixtures/mock_store.js
@@ -1,6 +1,6 @@
-import { createStore } from 'vuex'
 import { cloneDeep } from 'lodash'
 import vuexModules from 'src/modules/index.js'
+import { createStore } from 'vuex'
 
 const tweakModules = (modules) => {
   const res = {}
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index 6a998efa0..37a18b847 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -1,7 +1,7 @@
 import { config } from '@vue/test-utils'
-import { createRouter, createMemoryHistory } from 'vue-router'
-import VueVirtualScroller from 'vue-virtual-scroller'
 import routes from 'src/boot/routes'
+import { createMemoryHistory, createRouter } from 'vue-router'
+import VueVirtualScroller from 'vue-virtual-scroller'
 import makeMockStore from './mock_store'
 
 export const $t = (msg) => msg
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index 043b51338..0cc9121a4 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -1,5 +1,5 @@
 import routes from 'src/boot/routes'
-import { createRouter, createMemoryHistory } from 'vue-router'
+import { createMemoryHistory, createRouter } from 'vue-router'
 import { createStore } from 'vuex'
 
 const store = createStore({
diff --git a/test/unit/specs/components/draft.spec.js b/test/unit/specs/components/draft.spec.js
index 47bc2aa26..413c8990a 100644
--- a/test/unit/specs/components/draft.spec.js
+++ b/test/unit/specs/components/draft.spec.js
@@ -1,7 +1,7 @@
-import { mount, flushPromises } from '@vue/test-utils'
-import { nextTick } from 'vue'
+import { flushPromises, mount } from '@vue/test-utils'
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
-import { mountOpts, waitForEvent, $t } from '../../../fixtures/setup_test'
+import { nextTick } from 'vue'
+import { $t, mountOpts, waitForEvent } from '../../../fixtures/setup_test'
 
 const autoSaveOrNot = (caseFn, caseTitle, runFn) => {
   caseFn(`${caseTitle} with auto-save`, function () {
diff --git a/test/unit/specs/components/emoji_input.spec.js b/test/unit/specs/components/emoji_input.spec.js
index ca9f8fa2a..7919b6c51 100644
--- a/test/unit/specs/components/emoji_input.spec.js
+++ b/test/unit/specs/components/emoji_input.spec.js
@@ -1,7 +1,7 @@
-import { h } from 'vue'
 import { shallowMount } from '@vue/test-utils'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import vClickOutside from 'click-outside-vue3'
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+import { h } from 'vue'
 
 const generateInput = (value, padEmoji = true) => {
   const wrapper = shallowMount(EmojiInput, {
diff --git a/test/unit/specs/components/user_profile.spec.js b/test/unit/specs/components/user_profile.spec.js
index 2a0592cee..b55f526cb 100644
--- a/test/unit/specs/components/user_profile.spec.js
+++ b/test/unit/specs/components/user_profile.spec.js
@@ -1,8 +1,8 @@
 import { mount } from '@vue/test-utils'
-import { createStore } from 'vuex'
 import UserProfile from 'src/components/user_profile/user_profile.vue'
-import backendInteractorService from 'src/services/backend_interactor_service/backend_interactor_service.js'
 import { getters } from 'src/modules/users.js'
+import backendInteractorService from 'src/services/backend_interactor_service/backend_interactor_service.js'
+import { createStore } from 'vuex'
 
 const mutations = {
   clearTimeline: () => {},
diff --git a/test/unit/specs/lib/persisted_state.spec.js b/test/unit/specs/lib/persisted_state.spec.js
index b6904930f..cfa62fe09 100644
--- a/test/unit/specs/lib/persisted_state.spec.js
+++ b/test/unit/specs/lib/persisted_state.spec.js
@@ -1,7 +1,7 @@
-import { setActivePinia, createPinia, defineStore } from 'pinia'
-import { createApp } from 'vue'
 import { flushPromises } from '@vue/test-utils'
+import { createPinia, defineStore, setActivePinia } from 'pinia'
 import { piniaPersistPlugin } from 'src/lib/persisted_state.js'
+import { createApp } from 'vue'
 
 const app = createApp({})
 
diff --git a/test/unit/specs/modules/serverSideStorage.spec.js b/test/unit/specs/modules/serverSideStorage.spec.js
index 1422b3aa0..bd2028ea3 100644
--- a/test/unit/specs/modules/serverSideStorage.spec.js
+++ b/test/unit/specs/modules/serverSideStorage.spec.js
@@ -1,19 +1,19 @@
 import { cloneDeep } from 'lodash'
-import { setActivePinia, createPinia } from 'pinia'
+import { createPinia, setActivePinia } from 'pinia'
 
 import {
-  VERSION,
-  COMMAND_TRIM_FLAGS,
-  COMMAND_TRIM_FLAGS_AND_RESET,
-  _moveItemInArray,
-  _getRecentData,
   _getAllFlags,
+  _getRecentData,
   _mergeFlags,
   _mergePrefs,
+  _moveItemInArray,
   _resetFlags,
+  COMMAND_TRIM_FLAGS,
+  COMMAND_TRIM_FLAGS_AND_RESET,
   defaultState,
   newUserFlags,
   useServerSideStorageStore,
+  VERSION,
 } from 'src/stores/serverSideStorage.js'
 
 describe('The serverSideStorage module', () => {
diff --git a/test/unit/specs/modules/users.spec.js b/test/unit/specs/modules/users.spec.js
index 2f7e7171a..c07f817d8 100644
--- a/test/unit/specs/modules/users.spec.js
+++ b/test/unit/specs/modules/users.spec.js
@@ -2,8 +2,8 @@ import { cloneDeep } from 'lodash'
 
 import {
   defaultState,
-  mutations,
   getters,
+  mutations,
 } from '../../../../src/modules/users.js'
 
 describe('The users module', () => {
diff --git a/test/unit/specs/services/completion/completion.spec.js b/test/unit/specs/services/completion/completion.spec.js
index 139cc0b60..582ff79e8 100644
--- a/test/unit/specs/services/completion/completion.spec.js
+++ b/test/unit/specs/services/completion/completion.spec.js
@@ -1,8 +1,8 @@
 import {
-  replaceWord,
   addPositionToWords,
-  wordAtPosition,
+  replaceWord,
   splitByWhitespaceBoundary,
+  wordAtPosition,
 } from '../../../../../src/services/completion/completion.js'
 
 describe('addPositiontoWords', () => {
diff --git a/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js b/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
index a03cd6ed9..cd877b05e 100644
--- a/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
+++ b/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
@@ -1,8 +1,8 @@
 import {
+  parseLinkHeaderPagination,
+  parseNotification,
   parseStatus,
   parseUser,
-  parseNotification,
-  parseLinkHeaderPagination,
 } from '../../../../../src/services/entity_normalizer/entity_normalizer.service.js'
 import mastoapidata from '../../../../fixtures/mastoapi.json'
 import qvitterapidata from '../../../../fixtures/statuses.json'
diff --git a/test/unit/specs/services/file_size_format/file_size_format.spec.js b/test/unit/specs/services/file_size_format/file_size_format.spec.js
index 67f7dc6a3..a3a4c9335 100644
--- a/test/unit/specs/services/file_size_format/file_size_format.spec.js
+++ b/test/unit/specs/services/file_size_format/file_size_format.spec.js
@@ -1,4 +1,5 @@
 import fileSizeFormatService from '../../../../../src/services/file_size_format/file_size_format.js'
+
 describe('fileSizeFormat', () => {
   it('Formats file size', () => {
     const values = [1, 1024, 1048576, 1073741824, 1099511627776]
diff --git a/test/unit/specs/services/html_converter/utility.spec.js b/test/unit/specs/services/html_converter/utility.spec.js
index 8a7f17711..394a0f208 100644
--- a/test/unit/specs/services/html_converter/utility.spec.js
+++ b/test/unit/specs/services/html_converter/utility.spec.js
@@ -1,6 +1,6 @@
 import {
-  processTextForEmoji,
   getAttrs,
+  processTextForEmoji,
 } from 'src/services/html_converter/utility.service.js'
 
 describe('html_converter utility', () => {
diff --git a/test/unit/specs/services/theme_data/iss_deserializer.spec.js b/test/unit/specs/services/theme_data/iss_deserializer.spec.js
index 59c1adfaf..0b93b6149 100644
--- a/test/unit/specs/services/theme_data/iss_deserializer.spec.js
+++ b/test/unit/specs/services/theme_data/iss_deserializer.spec.js
@@ -1,5 +1,6 @@
 import { deserialize } from 'src/services/theme_data/iss_deserializer.js'
 import { serialize } from 'src/services/theme_data/iss_serializer.js'
+
 const componentsContext = import.meta.glob(
   ['/src/**/*.style.js', '/src/**/*.style.json'],
   { eager: true },
diff --git a/test/unit/specs/stores/lists.spec.js b/test/unit/specs/stores/lists.spec.js
index 32bd10b64..e1cf67362 100644
--- a/test/unit/specs/stores/lists.spec.js
+++ b/test/unit/specs/stores/lists.spec.js
@@ -1,7 +1,7 @@
 import { createPinia, setActivePinia } from 'pinia'
+import apiModule from 'src/modules/api.js'
 import { useListsStore } from 'src/stores/lists.js'
 import { createStore } from 'vuex'
-import apiModule from 'src/modules/api.js'
 
 setActivePinia(createPinia())
 const store = useListsStore()
diff --git a/test/unit/specs/stores/oauth.spec.js b/test/unit/specs/stores/oauth.spec.js
index a743afe8e..ae4ccd846 100644
--- a/test/unit/specs/stores/oauth.spec.js
+++ b/test/unit/specs/stores/oauth.spec.js
@@ -1,11 +1,11 @@
+import { HttpResponse, http } from 'msw'
+import { createPinia, setActivePinia } from 'pinia'
+import { useOAuthStore } from 'src/stores/oauth.js'
 import { createApp } from 'vue'
 import { createStore } from 'vuex'
-import { createPinia, setActivePinia } from 'pinia'
-import { http, HttpResponse } from 'msw'
-import { useOAuthStore } from 'src/stores/oauth.js'
 import {
-  injectMswToTest,
   authApis,
+  injectMswToTest,
   testServer,
 } from '/test/fixtures/mock_api.js'
 
diff --git a/vite.config.js b/vite.config.js
index bd81482b1..41468a089 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,19 +1,19 @@
-import { fileURLToPath } from 'node:url'
 import { dirname, resolve } from 'node:path'
-import { defineConfig } from 'vite'
+import { fileURLToPath } from 'node:url'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
-import stylelint from 'vite-plugin-stylelint'
+import { defineConfig } from 'vite'
 import eslint from 'vite-plugin-eslint2'
+import stylelint from 'vite-plugin-stylelint'
+import { getCommitHash } from './build/commit_hash.js'
+import copyPlugin from './build/copy_plugin.js'
 import emojisPlugin from './build/emojis_plugin.js'
+import mswPlugin from './build/msw_plugin.js'
 import {
-  devSwPlugin,
   buildSwPlugin,
+  devSwPlugin,
   swMessagesPlugin,
 } from './build/sw_plugin.js'
-import copyPlugin from './build/copy_plugin.js'
-import { getCommitHash } from './build/commit_hash.js'
-import mswPlugin from './build/msw_plugin.js'
 
 const localConfigPath = '<projectRoot>/config/local.json'
 const getLocalDevSettings = async () => {

From 1654234e32784798fac9cde5f6d46944d1806323 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 16:35:44 +0200
Subject: [PATCH 399/424] simplified biome configuration + test globals

---
 biome.json | 168 +----------------------------------------------------
 1 file changed, 2 insertions(+), 166 deletions(-)

diff --git a/biome.json b/biome.json
index 3c44b3354..420656037 100644
--- a/biome.json
+++ b/biome.json
@@ -91,172 +91,8 @@
   },
   "overrides": [
     {
-      "includes": ["*.vue", "**/*.vue"],
-      "javascript": { "globals": [] },
-      "linter": { "rules": {} }
-    },
-    {
-      "includes": [
-        "**/*.js",
-        "**/*.mjs",
-        "**/*.vue",
-        "!build/*.js",
-        "!config/*.js"
-      ],
-      "javascript": {
-        "globals": [
-          "onanimationend",
-          "onabortpayment",
-          "exports",
-          "ongamepadconnected",
-          "onlostpointercapture",
-          "onanimationiteration",
-          "onkeyup",
-          "onmousedown",
-          "onanimationstart",
-          "onslotchange",
-          "onprogress",
-          "ontransitionstart",
-          "onpause",
-          "onended",
-          "onpointerover",
-          "onscrollend",
-          "onformdata",
-          "ontransitionrun",
-          "onanimationcancel",
-          "ondrag",
-          "oninstall",
-          "onbeforeinstallprompt",
-          "onbeforexrselect",
-          "onmessage",
-          "ontransitioncancel",
-          "onpointerdown",
-          "should",
-          "onchange",
-          "onabort",
-          "onpointerout",
-          "oncuechange",
-          "ongotpointercapture",
-          "onscrollsnapchanging",
-          "onsearch",
-          "onsubmit",
-          "onstalled",
-          "onsuspend",
-          "onreset",
-          "onerror",
-          "onmouseenter",
-          "ongamepaddisconnected",
-          "onresize",
-          "ondragover",
-          "onbeforetoggle",
-          "onmouseover",
-          "onpagehide",
-          "onmousemove",
-          "onratechange",
-          "oncommand",
-          "onmessageerror",
-          "onwheel",
-          "ondevicemotion",
-          "onauxclick",
-          "ontransitionend",
-          "onpaste",
-          "onpageswap",
-          "ononline",
-          "ondeviceorientationabsolute",
-          "onkeydown",
-          "onclose",
-          "onselect",
-          "onpaymentrequest",
-          "onpageshow",
-          "onactivate",
-          "onpointercancel",
-          "onbeforematch",
-          "onpointerrawupdate",
-          "ondragleave",
-          "onscrollsnapchange",
-          "onseeked",
-          "onwaiting",
-          "assert",
-          "onbeforeunload",
-          "onplaying",
-          "onvolumechange",
-          "onnotificationclose",
-          "onbackgroundfetchfail",
-          "ondragend",
-          "onstorage",
-          "onloadeddata",
-          "onfocus",
-          "onoffline",
-          "onplay",
-          "onbackgroundfetchclick",
-          "onafterprint",
-          "onclick",
-          "oncut",
-          "onmouseout",
-          "ondblclick",
-          "oncanplay",
-          "onloadstart",
-          "onpushsubscriptionchange",
-          "onappinstalled",
-          "onpointermove",
-          "ontoggle",
-          "oncontextmenu",
-          "onblur",
-          "onperiodicsync",
-          "oncookiechange",
-          "oncancel",
-          "onbeforeprint",
-          "oncontextrestored",
-          "onnotificationclick",
-          "onloadedmetadata",
-          "onpointerup",
-          "onlanguagechange",
-          "oncopy",
-          "onselectstart",
-          "onscroll",
-          "onload",
-          "ondragstart",
-          "onbeforeinput",
-          "oncanplaythrough",
-          "oninput",
-          "oninvalid",
-          "ontimeupdate",
-          "ondurationchange",
-          "onselectionchange",
-          "onmouseup",
-          "onkeypress",
-          "onpointerleave",
-          "oncontextlost",
-          "ondrop",
-          "onsecuritypolicyviolation",
-          "oncontentvisibilityautostatechange",
-          "onsync",
-          "onpush",
-          "expect",
-          "ondeviceorientation",
-          "onbackgroundfetchabort",
-          "onseeking",
-          "onbackgroundfetchsuccess",
-          "onfetch",
-          "oncanmakepayment",
-          "onrejectionhandled",
-          "onunload",
-          "onmouseleave",
-          "onhashchange",
-          "onpointerenter",
-          "onmousewheel",
-          "onunhandledrejection",
-          "ondragenter",
-          "onpopstate",
-          "onpagereveal",
-          "onemptied"
-        ]
-      },
-      "linter": {
-        "rules": {
-          "suspicious": { "noDebugger": "off" }
-        }
-      }
+      "includes": ["**/*.spec.js"],
+      "javascript": { "globals": ["describe", "it", "expect"] }
     }
   ],
   "assist": {

From 1c53ac84cc31222b62ebeb3109911139515232aa Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 17:32:22 +0200
Subject: [PATCH 400/424] manual lint

---
 biome.json                                    | 33 +++++++++++++++++--
 build/emojis_plugin.js                        |  3 +-
 build/sw_plugin.js                            |  4 ++-
 .../contrast_ratio/contrast_ratio.vue         |  4 ++-
 src/components/dialog_modal/dialog_modal.js   |  4 ++-
 src/components/nav_panel/nav_panel.js         |  1 -
 src/components/rich_content/rich_content.jsx  |  5 +--
 .../tabs/mutes_and_blocks_tab.js              |  8 +++--
 .../tabs/security_tab/confirm.js              |  4 ++-
 .../tabs/security_tab/mfa_backup_codes.js     |  4 ++-
 .../tabs/style_tab/style_tab.js               |  3 +-
 .../tabs/style_tab/virtual_directives_tab.js  |  3 +-
 src/components/status/status.js               |  4 +--
 .../status_action_buttons/action_button.js    |  7 +++-
 .../status_action_buttons.js                  |  4 ++-
 .../status_action_buttons.vue                 |  2 +-
 src/components/thread_tree/thread_tree.js     | 25 ++++++++++----
 src/components/user_card/user_card.js         |  4 +--
 src/i18n/en.json                              | 29 +++-------------
 src/lib/persisted_state.js                    |  8 +++--
 src/main.js                                   |  3 +-
 src/modules/drafts.js                         |  6 +++-
 src/services/api/api.service.js               | 11 +++++--
 .../bookmark_folders_fetcher.service.js       |  8 +++--
 .../entity_normalizer.service.js              | 10 +++---
 .../follow_request_fetcher.service.js         |  8 +++--
 .../gesture_service/gesture_service.js        | 12 ++++---
 .../html_tree_converter.service.js            |  4 +--
 .../lists_fetcher/lists_fetcher.service.js    |  8 +++--
 src/services/style_setter/style_setter.js     | 20 ++++++++---
 src/stores/interface.js                       | 16 ++++++---
 test/fixtures/mock_api.js                     |  2 +-
 test/fixtures/setup_test.js                   |  6 +++-
 .../unit/specs/components/emoji_input.spec.js |  4 ++-
 .../specs/components/user_profile.spec.js     | 12 +++++--
 test/unit/specs/lib/persisted_state.spec.js   | 22 ++++++-------
 36 files changed, 204 insertions(+), 107 deletions(-)

diff --git a/biome.json b/biome.json
index 420656037..9b4ee2663 100644
--- a/biome.json
+++ b/biome.json
@@ -6,7 +6,7 @@
     "useIgnoreFile": true
   },
   "files": {
-    "includes": ["**", "!!**/dist"]
+    "includes": ["**", "!!**/dist", "!!tools/emojis.json"]
   },
   "formatter": {
     "enabled": true,
@@ -91,8 +91,35 @@
   },
   "overrides": [
     {
-      "includes": ["**/*.spec.js"],
-      "javascript": { "globals": ["describe", "it", "expect"] }
+      "includes": ["**/*.spec.js", "test/fixtures/*.js"],
+      "javascript": {
+        "globals": [
+          "vi",
+          "describe",
+          "it",
+          "test",
+          "expect",
+          "before",
+          "beforeEach",
+          "after",
+          "afterEach"
+        ]
+      }
+    },
+    {
+      "includes": ["**/*.vue"],
+      "linter": {
+        "rules": {
+          "style": {
+            "useConst": "off",
+            "useImportType": "off"
+          },
+          "correctness": {
+            "noUnusedVariables": "off",
+            "noUnusedImports": "off"
+          }
+        }
+      }
     }
   ],
   "assist": {
diff --git a/build/emojis_plugin.js b/build/emojis_plugin.js
index 4b3a2d33f..43a665e50 100644
--- a/build/emojis_plugin.js
+++ b/build/emojis_plugin.js
@@ -1,6 +1,6 @@
 import { access } from 'node:fs/promises'
 import { resolve } from 'node:path'
-import { langCodeToCldrName, languages } from '../src/i18n/languages.js'
+import { languages } from '../src/i18n/languages.js'
 
 const annotationsImportPrefix = '@kazvmoe-infra/unicode-emoji-json/annotations/'
 const specialAnnotationsLocale = {
@@ -24,6 +24,7 @@ const getAllAccessibleAnnotations = async (projectRoot) => {
           await access(importFile)
           return `'${lang}': () => import('${importModule}')`
         } catch (e) {
+          console.error(e)
           return
         }
       }),
diff --git a/build/sw_plugin.js b/build/sw_plugin.js
index f9d17b376..88520ba31 100644
--- a/build/sw_plugin.js
+++ b/build/sw_plugin.js
@@ -30,7 +30,9 @@ export const devSwPlugin = ({ swSrc, swDest, transformSW, alias }) => {
   return {
     name: 'dev-sw-plugin',
     apply: 'serve',
-    configResolved(conf) {},
+    configResolved() {
+      /* no-op */
+    },
     resolveId(id) {
       const name = id.startsWith('/') ? id.slice(1) : id
       if (name === swDest) {
diff --git a/src/components/contrast_ratio/contrast_ratio.vue b/src/components/contrast_ratio/contrast_ratio.vue
index 94cc9fb7c..6294e6dd1 100644
--- a/src/components/contrast_ratio/contrast_ratio.vue
+++ b/src/components/contrast_ratio/contrast_ratio.vue
@@ -82,7 +82,9 @@ export default {
     contrast: {
       required: false,
       type: Object,
-      default: () => ({}),
+      default: () => ({
+        /* no-op */
+      }),
     },
     showRatio: {
       required: false,
diff --git a/src/components/dialog_modal/dialog_modal.js b/src/components/dialog_modal/dialog_modal.js
index fa7b6b364..8070d3429 100644
--- a/src/components/dialog_modal/dialog_modal.js
+++ b/src/components/dialog_modal/dialog_modal.js
@@ -5,7 +5,9 @@ const DialogModal = {
       type: Boolean,
     },
     onCancel: {
-      default: () => {},
+      default: () => {
+        /* no-op */
+      },
       type: Function,
     },
   },
diff --git a/src/components/nav_panel/nav_panel.js b/src/components/nav_panel/nav_panel.js
index 4a81978e7..77bfa0ff5 100644
--- a/src/components/nav_panel/nav_panel.js
+++ b/src/components/nav_panel/nav_panel.js
@@ -45,7 +45,6 @@ library.add(
 )
 const NavPanel = {
   props: ['forceExpand', 'forceEditMode'],
-  created() {},
   components: {
     BookmarkFoldersMenuContent,
     ListsMenuContent,
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 1815ba43e..1a64b813f 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -1,7 +1,8 @@
-import { flattenDeep, unescape } from 'lodash'
+import { flattenDeep, unescape as ldUnescape } from 'lodash'
 import HashtagLink from 'src/components/hashtag_link/hashtag_link.vue'
 import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
 import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import StillImage from 'src/components/still-image/still-image.vue'
 import StillImageEmojiPopover from 'src/components/still-image/still-image-emoji-popover.vue'
 import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
 import { convertHtmlToTree } from 'src/services/html_converter/html_tree_converter.service.js'
@@ -268,7 +269,7 @@ export default {
         const emptyText = item.trim() === ''
         if (emptyText) return item
         if (!encounteredTextReverse) encounteredTextReverse = true
-        return unescape(item)
+        return ldUnescape(item)
       } else if (Array.isArray(item)) {
         // Handle tag nodes
         const [opener, children] = item
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index 60f8a9124..10af49633 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -17,14 +17,18 @@ const BlockList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchBlocks'),
   select: (props, $store) =>
     get($store.state.users.currentUser, 'blockIds', []),
-  destroy: () => {},
+  destroy: () => {
+    /* no-op */
+  },
   childPropName: 'items',
 })(SelectableList)
 
 const MuteList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchMutes'),
   select: (props, $store) => get($store.state.users.currentUser, 'muteIds', []),
-  destroy: () => {},
+  destroy: () => {
+    /* no-op */
+  },
   childPropName: 'items',
 })(SelectableList)
 
diff --git a/src/components/settings_modal/tabs/security_tab/confirm.js b/src/components/settings_modal/tabs/security_tab/confirm.js
index 050530240..a8d0fc53a 100644
--- a/src/components/settings_modal/tabs/security_tab/confirm.js
+++ b/src/components/settings_modal/tabs/security_tab/confirm.js
@@ -1,6 +1,8 @@
 const Confirm = {
   props: ['disabled'],
-  data: () => ({}),
+  data: () => ({
+    /* no-op */
+  }),
   methods: {
     confirm() {
       this.$emit('confirm')
diff --git a/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js b/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js
index cdd9d8d06..ad47bfdb7 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.js
@@ -8,7 +8,9 @@ export default {
       }),
     },
   },
-  data: () => ({}),
+  data: () => ({
+    /* no-op */
+  }),
   computed: {
     inProgress() {
       return this.backupCodes.inProgress
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 6a9bde8a9..4620c0fbb 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -56,8 +56,7 @@ import Preview from '../old_theme_tab/theme_preview.vue'
 import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
 // helper for debugging
-// eslint-disable-next-line no-unused-vars
-const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
+// const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
 
 // helper to make states comparable
 const normalizeStates = (states) =>
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
index 5e2dddf0c..ff1fcba1c 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
@@ -7,8 +7,7 @@ import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
 import { computed, inject, ref, watch } from 'vue'
 
 // helper for debugging
-// eslint-disable-next-line no-unused-vars
-const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
+// const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
 
 export default {
   components: {
diff --git a/src/components/status/status.js b/src/components/status/status.js
index b176b5a7a..206d25aae 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -20,7 +20,7 @@ import {
   faThumbtack,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import { unescape, uniqBy } from 'lodash'
+import { unescape as ldUnescape, uniqBy } from 'lodash'
 import MentionLink from 'src/components/mention_link/mention_link.vue'
 import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
@@ -425,7 +425,7 @@ const Status = {
     },
     replySubject() {
       if (!this.status.summary) return ''
-      const decodedSummary = unescape(this.status.summary)
+      const decodedSummary = ldUnescape(this.status.summary)
       const behavior = this.mergedConfig.subjectLineBehavior
       const startsWithRe = decodedSummary.match(/^re[: ]/i)
       if ((behavior !== 'noop' && startsWithRe) || behavior === 'masto') {
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index e35e8a89c..057e6d200 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -123,7 +123,12 @@ export default {
         this.$store.dispatch('reactWithEmoji', { id: this.status.id, emoji })
       }
     },
-    doActionWrap(button, close = () => {}) {
+    doActionWrap(
+      button,
+      close = () => {
+        /* no-op */
+      },
+    ) {
       if (
         this.button.interactive ? !this.button.interactive(this.funcArg) : false
       )
diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index c79b50275..87324cd1f 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -20,7 +20,9 @@ const StatusActionButtons = {
       currentConfirmTitle: '',
       currentConfirmOkText: '',
       currentConfirmCancelText: '',
-      currentConfirmAction: () => {},
+      currentConfirmAction: () => {
+        /* no-op */
+      },
       randomSeed: genRandomSeed(),
     }
   },
diff --git a/src/components/status_action_buttons/status_action_buttons.vue b/src/components/status_action_buttons/status_action_buttons.vue
index 40884425c..c1d0d9571 100644
--- a/src/components/status_action_buttons/status_action_buttons.vue
+++ b/src/components/status_action_buttons/status_action_buttons.vue
@@ -15,7 +15,7 @@
           :func-arg="funcArg"
           :get-class="getClass"
           :get-component="getComponent"
-          :close="() => {}"
+          :close="() => { /* no-op */ }"
           :do-action="doAction"
           @interacted="e => $emit('interacted')"
         />
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index cd115f677..6a7eec7d6 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -54,10 +54,15 @@ const ThreadTree = {
       return selfSuspendable
     },
     reverseLookupTable() {
-      return this.conversation.reduce((table, status, index) => {
-        table[status.id] = index
-        return table
-      }, {})
+      return this.conversation.reduce(
+        (table, status, index) => {
+          table[status.id] = index
+          return table
+        },
+        {
+          /* no-op */
+        },
+      )
     },
     currentReplies() {
       return this.getReplies(this.status.id).map(({ id }) =>
@@ -75,9 +80,15 @@ const ThreadTree = {
     statusById(id) {
       return this.conversation[this.reverseLookupTable[id]]
     },
-    collapseThread() {},
-    showThread() {},
-    showAllSubthreads() {},
+    collapseThread() {
+      /* no-op */
+    },
+    showThread() {
+      /* no-op */
+    },
+    showAllSubthreads() {
+      /* no-op */
+    },
     toggleCurrentProp(name) {
       this.toggleStatusContentProperty(this.status.id, name)
     },
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index d0642b5e8..6236e09de 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -13,7 +13,7 @@ import {
 } from '@fortawesome/free-solid-svg-icons'
 import isEqual from 'lodash/isEqual'
 import merge from 'lodash/merge'
-import unescape from 'lodash/unescape'
+import ldUnescape from 'lodash/unescape'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
 import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
@@ -128,7 +128,7 @@ export default {
       newName: user.name_unescaped,
       editingName: false,
 
-      newBio: unescape(user.description),
+      newBio: ldUnescape(user.description),
       editingBio: false,
 
       newAvatar: null,
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 3b098ddab..d1e591225 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -688,7 +688,6 @@
     "name_bio": "Name & bio",
     "new_email": "New email",
     "new_password": "New password",
-    "posts": "Posts",
     "user_profiles": "User Profiles",
     "notification_visibility": "Types of notifications to show",
     "notification_visibility_in_column": "Show in notifications column/drawer",
@@ -777,7 +776,6 @@
     "column_sizes_sidebar": "Sidebar",
     "column_sizes_content": "Content",
     "column_sizes_notifs": "Notifications",
-    "layout": "Layout",
     "scale_and_font": "Scale and Font",
     "theme_editor_min_width": "Minimum width of theme editor (0 for \"fit-content\")",
     "tree_advanced": "Allow more flexible navigation in tree view",
@@ -1188,9 +1186,6 @@
       "restrictions": "Restrictions",
       "activitypub": "ActivityPub"
     },
-    "http": {
-      "outbound": "Outbound HTTP requests"
-    },
     "auth": {
       "MFA": "Multi-factor Authentication",
       "LDAP": "LDAP Settings",
@@ -1245,24 +1240,6 @@
       "web_push": "Web Push",
       "web_push_description": "Web Push VAPID settings. You can use the mix task web_push.gen.keypair to generate it."
     },
-    "instance": {
-      "instance": "Instance information",
-      "branding": "Branding",
-      "registrations": "User sign-ups",
-      "captcha_header": "CAPTCHA",
-      "kocaptcha": "KoCaptcha settings",
-      "access": "Instance access",
-      "rich_metadata": "Metadata",
-      "restrict": {
-        "header": "Restrict access for anonymous visitors",
-        "description": "Detailed setting for allowing/disallowing access to certain aspects of API. By default (indeterminate state) it will disallow if instance is not public, ticked checkbox means disallow access even if instance is public, unticked means allow access even if instance is private. Please note that unexpected behavior might happen if some settings are set, i.e. if profile access is disabled posts will show without profile information.",
-        "timelines": "Timelines access",
-        "profiles": "User profiles access",
-        "activities": "Statuses/activities access"
-      },
-      ":unauthenticated": "Unauthenticated",
-      ":all": "Everyone"
-    },
     "registrations": {
       "welcome": {
         "title": "Welcome message",
@@ -1394,6 +1371,9 @@
     },
     "instance": {
       "instance": "Instance information",
+      "registrations": "User sign-ups",
+      "captcha_header": "CAPTCHA",
+      "kocaptcha": "KoCaptcha settings",
       "pwa": {
         "manifest": "PWA Manifest",
         "optional": "(optional)",
@@ -1530,7 +1510,7 @@
       "weeks_suffix": "week(s)",
       "years": "{0} year | {0} years",
       "years_short": "{0}y",
-      "years": "year(s)"
+      "years_suffix": "year(s)"
     },
     "in_future": "in {0}",
     "in_past": "{0} ago",
@@ -1779,7 +1759,6 @@
     "repeat": "Repeat",
     "unrepeat": "Unrepeat",
     "reply": "Reply",
-    "add_reaction": "Add reaction",
     "favorite": "Favorite",
     "unfavorite": "Unfavorite",
     "add_reaction": "Add Reaction",
diff --git a/src/lib/persisted_state.js b/src/lib/persisted_state.js
index f842eb94a..fe6cc3554 100644
--- a/src/lib/persisted_state.js
+++ b/src/lib/persisted_state.js
@@ -166,8 +166,12 @@ export const piniaPersistPlugin =
       afterLoad,
       paths = [],
       saveImmediatelyActions,
-      onSaveSuccess = () => {},
-      onSaveError = () => {},
+      onSaveSuccess = () => {
+        /* no-op */
+      },
+      onSaveError = () => {
+        /* no-op */
+      },
     } = options.persist || {}
 
     const loadedGuard = { loaded: false }
diff --git a/src/main.js b/src/main.js
index 6578ef68f..d75fb0740 100644
--- a/src/main.js
+++ b/src/main.js
@@ -104,7 +104,8 @@ const persistedStateOptions = {
 })()
 
 // These are inlined by webpack's DefinePlugin
-/* eslint-disable */
+// biome-ignore-start lint: added in build process
 window.___pleromafe_mode = process.env
 window.___pleromafe_commit_hash = COMMIT_HASH
 window.___pleromafe_dev_overrides = DEV_OVERRIDES
+// biome-ignore-end lint: added in build process
diff --git a/src/modules/drafts.js b/src/modules/drafts.js
index e6ef17305..d16f49e95 100644
--- a/src/modules/drafts.js
+++ b/src/modules/drafts.js
@@ -30,7 +30,11 @@ const storageKey = 'pleroma-fe-drafts'
  * different keys, which will just pollute the whole storage.
  * It is indeed best to have backend support for this.
  */
-const getStorageData = async () => (await storage.getItem(storageKey)) || {}
+const getStorageData = async () =>
+  (await storage.getItem(storageKey)) ||
+  {
+    /* no-op */
+  }
 
 const saveDraftToStorage = async (draft) => {
   const currentData = await getStorageData()
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 477b3ceed..63f06017e 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -550,7 +550,7 @@ const fetchFriends = ({ id, maxId, sinceId, limit = 20, credentials }) => {
 }
 
 const exportFriends = ({ id, credentials }) => {
-  // eslint-disable-next-line no-async-promise-executor
+  // biome-ignore lint/suspicious/noAsyncPromiseExecutor: TODO refactor this
   return new Promise(async (resolve, reject) => {
     try {
       let friends = []
@@ -1794,7 +1794,14 @@ export const ProcessedWS = ({
   return eventTarget
 }
 
-export const handleMastoWS = (wsEvent, { onAuthenticated = () => {} } = {}) => {
+export const handleMastoWS = (
+  wsEvent,
+  {
+    onAuthenticated = () => {
+      /* no-op */
+    },
+  } = {},
+) => {
   const { data } = wsEvent
   if (!data) return
   const parsedEvent = JSON.parse(data)
diff --git a/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js b/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
index 3e96ce998..50afb4564 100644
--- a/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
+++ b/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
@@ -9,9 +9,13 @@ const fetchAndUpdate = ({ credentials }) => {
       (bookmarkFolders) => {
         useBookmarkFoldersStore().setBookmarkFolders(bookmarkFolders)
       },
-      () => {},
+      (rej) => {
+        console.error(rej)
+      },
     )
-    .catch(() => {})
+    .catch((e) => {
+      console.error(e)
+    })
 }
 
 const startFetching = ({ credentials, store }) => {
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 51c4ff564..c3ca88481 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -1,5 +1,5 @@
 import { parseLinkHeader } from '@web3-storage/parse-link-header'
-import escape from 'escape-html'
+import escapeHtml from 'escape-html'
 import punycode from 'punycode.js'
 import { isStatusNotification } from '../notification_utils/notification_utils.js'
 
@@ -69,7 +69,7 @@ export const parseUser = (data) => {
     }
 
     output.emoji = data.emojis
-    output.name = escape(data.display_name)
+    output.name = escapeHtml(data.display_name)
     output.name_html = output.name
     output.name_unescaped = data.display_name
 
@@ -80,7 +80,7 @@ export const parseUser = (data) => {
     output.fields = data.fields
     output.fields_html = data.fields.map((field) => {
       return {
-        name: escape(field.name),
+        name: escapeHtml(field.name),
         value: field.value,
       }
     })
@@ -367,13 +367,13 @@ export const parseStatus = (data) => {
       output.retweeted_status = parseStatus(data.reblog)
     }
 
-    output.summary_raw_html = escape(data.spoiler_text)
+    output.summary_raw_html = escapeHtml(data.spoiler_text)
     output.external_url = data.url
     output.poll = data.poll
     if (output.poll) {
       output.poll.options = (output.poll.options || []).map((field) => ({
         ...field,
-        title_html: escape(field.title),
+        title_html: escapeHtml(field.title),
       }))
     }
     output.pinned = data.pinned
diff --git a/src/services/follow_request_fetcher/follow_request_fetcher.service.js b/src/services/follow_request_fetcher/follow_request_fetcher.service.js
index 6cdc5fd3b..530c98aa7 100644
--- a/src/services/follow_request_fetcher/follow_request_fetcher.service.js
+++ b/src/services/follow_request_fetcher/follow_request_fetcher.service.js
@@ -9,9 +9,13 @@ const fetchAndUpdate = ({ store, credentials }) => {
         store.commit('setFollowRequests', requests)
         store.commit('addNewUsers', requests)
       },
-      () => {},
+      (rej) => {
+        console.error(rej)
+      },
     )
-    .catch(() => {})
+    .catch((e) => {
+      console.error(e)
+    })
 }
 
 const startFetching = ({ credentials, store }) => {
diff --git a/src/services/gesture_service/gesture_service.js b/src/services/gesture_service/gesture_service.js
index f3b81dce6..ff11775d5 100644
--- a/src/services/gesture_service/gesture_service.js
+++ b/src/services/gesture_service/gesture_service.js
@@ -93,12 +93,14 @@ class SwipeAndClickGesture {
     perpendicularTolerance = 1.0,
     disableClickThreshold = 1,
   }) {
-    const nop = () => {}
+    const noop = () => {
+      /* no-op */
+    }
     this.direction = direction
-    this.swipePreviewCallback = swipePreviewCallback || nop
-    this.swipeEndCallback = swipeEndCallback || nop
-    this.swipeCancelCallback = swipeCancelCallback || nop
-    this.swipelessClickCallback = swipelessClickCallback || nop
+    this.swipePreviewCallback = swipePreviewCallback || noop
+    this.swipeEndCallback = swipeEndCallback || noop
+    this.swipeCancelCallback = swipeCancelCallback || noop
+    this.swipelessClickCallback = swipelessClickCallback || noop
     this.threshold =
       typeof threshold === 'function' ? threshold : () => threshold
     this.disableClickThreshold =
diff --git a/src/services/html_converter/html_tree_converter.service.js b/src/services/html_converter/html_tree_converter.service.js
index 46854a30b..4c5a380a1 100644
--- a/src/services/html_converter/html_tree_converter.service.js
+++ b/src/services/html_converter/html_tree_converter.service.js
@@ -1,4 +1,4 @@
-import { unescape } from 'lodash'
+import { unescape as ldUnescape } from 'lodash'
 import { getTagName } from './utility.service.js'
 
 /**
@@ -64,7 +64,7 @@ export const convertHtmlToTree = (html = '') => {
 
   const handleOpen = (tag) => {
     const curBuf = getCurrentBuffer()
-    const newLevel = [unescape(tag), []]
+    const newLevel = [ldUnescape(tag), []]
     levels.push(newLevel)
     curBuf.push(newLevel)
   }
diff --git a/src/services/lists_fetcher/lists_fetcher.service.js b/src/services/lists_fetcher/lists_fetcher.service.js
index 0f6ca0c70..6744fb696 100644
--- a/src/services/lists_fetcher/lists_fetcher.service.js
+++ b/src/services/lists_fetcher/lists_fetcher.service.js
@@ -9,9 +9,13 @@ const fetchAndUpdate = ({ credentials }) => {
       (lists) => {
         useListsStore().setLists(lists)
       },
-      () => {},
+      (rej) => {
+        console.error(rej)
+      },
     )
-    .catch(() => {})
+    .catch((e) => {
+      console.error(e)
+    })
 }
 
 const startFetching = ({ credentials, store }) => {
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 01c2f3466..60bf88e75 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -77,9 +77,15 @@ const LAZY_STYLE_ID = 'pleroma-lazy-styles'
 
 export const generateTheme = (inputRuleset, callbacks, debug) => {
   const {
-    onNewRule = () => {},
-    onLazyFinished = () => {},
-    onEagerFinished = () => {},
+    onNewRule = () => {
+      /* no-op */
+    },
+    onLazyFinished = () => {
+      /* no-op */
+    },
+    onEagerFinished = () => {
+      /* no-op */
+    },
   } = callbacks
 
   const themes3 = init({
@@ -152,8 +158,12 @@ export const tryLoadCache = async () => {
 
 export const applyTheme = (
   input,
-  onEagerFinish = () => {},
-  onFinish = () => {},
+  onEagerFinish = () => {
+    /* no-op */
+  },
+  onFinish = () => {
+    /* no-op */
+  },
   debug,
 ) => {
   const eagerStyles = createStyleSheet(EAGER_STYLE_ID, 10)
diff --git a/src/stores/interface.js b/src/stores/interface.js
index b63044ac0..d39a6d742 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -27,8 +27,12 @@ export const useInterfaceStore = defineStore('interface', {
     themeDataUsed: null,
     temporaryChangesTimeoutId: null,
     temporaryChangesCountdown: -1, // used for temporary options that revert after a timeout
-    temporaryChangesConfirm: () => {}, // used for applying temporary options
-    temporaryChangesRevert: () => {}, // used for reverting temporary options
+    temporaryChangesConfirm: () => {
+      /* no-op */
+    }, // used for applying temporary options
+    temporaryChangesRevert: () => {
+      /* no-op */
+    }, // used for reverting temporary options
     settingsModalState: 'hidden',
     settingsModalLoadedUser: false,
     settingsModalLoadedAdmin: false,
@@ -73,8 +77,12 @@ export const useInterfaceStore = defineStore('interface', {
         clearTimeout(this.temporaryChangesTimeoutId)
       this.temporaryChangesTimeoutId = null
       this.temporaryChangesCountdown = -1
-      this.temporaryChangesConfirm = () => {}
-      this.temporaryChangesRevert = () => {}
+      this.temporaryChangesConfirm = () => {
+        /* no-op */
+      }
+      this.temporaryChangesRevert = () => {
+        /* no-op */
+      }
     },
     setPageTitle(option = '') {
       try {
diff --git a/test/fixtures/mock_api.js b/test/fixtures/mock_api.js
index bae65c8bd..b2cd16982 100644
--- a/test/fixtures/mock_api.js
+++ b/test/fixtures/mock_api.js
@@ -8,7 +8,7 @@ export const injectMswToTest = (defaultHandlers) => {
 
   return testBase.extend({
     worker: [
-      async ({}, use) => {
+      async (_, use) => {
         await worker.start()
 
         await use(worker)
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index 37a18b847..6ebc08658 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -12,7 +12,11 @@ const applyAfterStore = (store, afterStore) => {
   return store
 }
 
-const getDefaultOpts = ({ afterStore = () => {} } = {}) => ({
+const getDefaultOpts = ({
+  afterStore = () => {
+    /* no-op */
+  },
+} = {}) => ({
   global: {
     plugins: [
       applyAfterStore(makeMockStore(), afterStore),
diff --git a/test/unit/specs/components/emoji_input.spec.js b/test/unit/specs/components/emoji_input.spec.js
index 7919b6c51..11c0c22d6 100644
--- a/test/unit/specs/components/emoji_input.spec.js
+++ b/test/unit/specs/components/emoji_input.spec.js
@@ -22,7 +22,9 @@ const generateInput = (value, padEmoji = true) => {
         Popover: {
           template: `<div><slot trigger /></div>`,
           methods: {
-            updateStyles() {},
+            updateStyles() {
+              /* no-op */
+            },
           },
         },
       },
diff --git a/test/unit/specs/components/user_profile.spec.js b/test/unit/specs/components/user_profile.spec.js
index b55f526cb..41ca04f3d 100644
--- a/test/unit/specs/components/user_profile.spec.js
+++ b/test/unit/specs/components/user_profile.spec.js
@@ -5,12 +5,18 @@ import backendInteractorService from 'src/services/backend_interactor_service/ba
 import { createStore } from 'vuex'
 
 const mutations = {
-  clearTimeline: () => {},
+  clearTimeline: () => {
+    /* no-op */
+  },
 }
 
 const actions = {
-  fetchUser: () => {},
-  fetchUserByScreenName: () => {},
+  fetchUser: () => {
+    /* no-op */
+  },
+  fetchUserByScreenName: () => {
+    /* no-op */
+  },
 }
 
 const testGetters = {
diff --git a/test/unit/specs/lib/persisted_state.spec.js b/test/unit/specs/lib/persisted_state.spec.js
index cfa62fe09..d8635931a 100644
--- a/test/unit/specs/lib/persisted_state.spec.js
+++ b/test/unit/specs/lib/persisted_state.spec.js
@@ -34,7 +34,7 @@ beforeEach(() => {
 
 describe('piniaPersistPlugin', () => {
   describe('initial state', () => {
-    test('it does not load anything if it is not enabled', async () => {
+    it('does not load anything if it is not enabled', async () => {
       await mockStorage.setItem('pinia-local-test', { a: 3 })
 
       const useTestStore = defineStore('test', {
@@ -62,7 +62,7 @@ describe('piniaPersistPlugin', () => {
       await expect(test.$persistLoaded).rejects.toThrowError(error)
     })
 
-    test('it loads from pinia storage', async () => {
+    it('loads from pinia storage', async () => {
       await mockStorage.setItem('pinia-local-test', { a: 3, c: { d: 0 } })
       await mockStorage.setItem('vuex-lz', { test: { a: 4 } })
 
@@ -79,7 +79,7 @@ describe('piniaPersistPlugin', () => {
       expect(test.c.e).to.eql(5)
     })
 
-    test('it loads from vuex storage as fallback', async () => {
+    it('loads from vuex storage as fallback', async () => {
       await mockStorage.setItem('vuex-lz', { test: { a: 4, c: { d: 0 } } })
 
       const useTestStore = defineStore('test', {
@@ -95,7 +95,7 @@ describe('piniaPersistPlugin', () => {
       expect(test.c.e).to.eql(5)
     })
 
-    test('it loads from vuex storage and writes it into pinia storage', async () => {
+    it('loads from vuex storage and writes it into pinia storage', async () => {
       await mockStorage.setItem('vuex-lz', { test: { a: 4, c: { d: 0 } } })
 
       const useTestStore = defineStore('test', {
@@ -122,7 +122,7 @@ describe('piniaPersistPlugin', () => {
       expect(test.c.e).to.eql(5)
     })
 
-    test('it does not modify state if there is nothing to load', async () => {
+    it('does not modify state if there is nothing to load', async () => {
       await mockStorage.setItem('vuex-lz', { test2: { a: 4 } })
 
       const useTestStore = defineStore('test', {
@@ -138,7 +138,7 @@ describe('piniaPersistPlugin', () => {
   })
 
   describe('paths', () => {
-    test('it saves everything if paths is unspecified', async () => {
+    it('saves everything if paths is unspecified', async () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
         persist: {},
@@ -154,7 +154,7 @@ describe('piniaPersistPlugin', () => {
       })
     })
 
-    test('it saves only specified paths', async () => {
+    it('saves only specified paths', async () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2, c: { d: 4, e: 5 } }),
         persist: {
@@ -173,7 +173,7 @@ describe('piniaPersistPlugin', () => {
     })
   })
 
-  test('it only saves after load', async () => {
+  it('only saves after load', async () => {
     const onSaveError = vi.fn()
     const onSaveSuccess = vi.fn()
     const useTestStore = defineStore('test', {
@@ -199,7 +199,7 @@ describe('piniaPersistPlugin', () => {
   })
 
   describe('saveImmediatelyActions', () => {
-    test('it should only persist state after specified actions', async () => {
+    it('should only persist state after specified actions', async () => {
       const useTestStore = defineStore('test', {
         state: () => ({ a: 1, b: 2 }),
         actions: {
@@ -285,7 +285,7 @@ describe('piniaPersistPlugin', () => {
   })
 
   describe('afterLoad', () => {
-    test('it is called with the saved state object', async () => {
+    it('is called with the saved state object', async () => {
       await mockStorage.setItem('pinia-local-test', { a: 2 })
       const afterLoad = vi.fn(async (orig) => {
         return { a: orig.a + 1 }
@@ -304,7 +304,7 @@ describe('piniaPersistPlugin', () => {
       expect(test.a).to.eql(3)
     })
 
-    test('it is called with empty object if there is no saved state', async () => {
+    it('is called with empty object if there is no saved state', async () => {
       const afterLoad = vi.fn(async () => {
         return { a: 3 }
       })

From 7f54d11834945d3bb9ae57c2a76c6f0bc451c409 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 18:04:11 +0200
Subject: [PATCH 401/424] nerf eslint to only lint vue files since vue support
 in biome is experimental

---
 eslint.config.mjs                           | 20 ++++++++++----------
 package.json                                |  6 +++---
 src/components/mention_link/mention_link.js |  2 --
 src/components/status/status.js             |  1 -
 src/modules/notifications.js                |  1 -
 src/stores/serverSideStorage.js             |  2 --
 test/unit/specs/boot/routes.spec.js         |  3 ---
 7 files changed, 13 insertions(+), 22 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 60c36d246..cc66087a6 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,14 +1,17 @@
 import js from '@eslint/js'
+import { defineConfig, globalIgnores } from "eslint/config";
 import vue from 'eslint-plugin-vue'
 import globals from 'globals'
 
-export default [
+export default defineConfig([
   ...vue.configs['flat/recommended'],
-  js.configs.recommended,
+  globalIgnores([
+    '**/*.js', 'build/', 'dist/', 'config/',
+  ]),
   {
-    files: ['**/*.js', '**/*.mjs', '**/*.vue'],
-    ignores: ['build/*.js', 'config/*.js'],
-
+    files: ['src/**/*.vue'],
+    plugins: { js },
+    extends: ['js/recommended'],
     languageOptions: {
       ecmaVersion: 2024,
       sourceType: 'module',
@@ -26,11 +29,8 @@ export default [
     },
 
     rules: {
-      'arrow-parens': 0,
-      'generator-star-spacing': 0,
-      'no-debugger': 0,
       'vue/require-prop-types': 0,
       'vue/multi-word-component-names': 0,
     },
-  },
-]
+  }
+])
diff --git a/package.json b/package.json
index b6f16bd60..42a528304 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pleroma_fe",
-  "version": "2.9.3",
+  "version": "2.10.0",
   "description": "Pleroma frontend, the default frontend of Pleroma social network server",
   "author": "Pleroma contributors <https://git.pleroma.social/pleroma/pleroma-fe/-/blob/develop/CONTRIBUTORS.md>",
   "private": false,
@@ -13,8 +13,8 @@
     "e2e": "node test/e2e/runner.js",
     "test": "yarn run unit && yarn run e2e",
     "stylelint": "yarn exec stylelint '**/*.scss' '**/*.vue'",
-    "lint": "eslint src test/unit/specs test/e2e/specs",
-    "lint-fix": "eslint --fix src test/unit/specs test/e2e/specs"
+    "lint": "yarn exec eslint src",
+    "lint-fix": "yarn eslint --fix src test/unit/specs test/e2e/specs"
   },
   "dependencies": {
     "@babel/runtime": "7.28.4",
diff --git a/src/components/mention_link/mention_link.js b/src/components/mention_link/mention_link.js
index ee35ce88b..24820331e 100644
--- a/src/components/mention_link/mention_link.js
+++ b/src/components/mention_link/mention_link.js
@@ -105,14 +105,12 @@ const MentionLink = {
     },
     style() {
       if (this.highlight) {
-        /* eslint-disable no-unused-vars */
         const {
           backgroundColor,
           backgroundPosition,
           backgroundImage,
           ...rest
         } = highlightStyle(this.highlight)
-        /* eslint-enable no-unused-vars */
         return rest
       }
     },
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 206d25aae..aa7a0efb4 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -445,7 +445,6 @@ const Status = {
       return uniqBy(combinedUsers, 'id')
     },
     tags() {
-      // eslint-disable-next-line no-prototype-builtins
       return this.status.tags
         .filter((tagObj) => Object.hasOwn(tagObj, 'name'))
         .map((tagObj) => tagObj.name)
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index 6c1cb33c3..eec335419 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -113,7 +113,6 @@ export const notifications = {
         }
 
         // Only add a new notification if we don't have one for the same action
-        // eslint-disable-next-line no-prototype-builtins
         if (!Object.hasOwn(state.idStore, notification.id)) {
           commit('updateNotificationsMinMaxId', notification.id)
           commit('addNewNotifications', { notifications: [notification] })
diff --git a/src/stores/serverSideStorage.js b/src/stores/serverSideStorage.js
index 5e269cd75..18d3fa4ee 100644
--- a/src/stores/serverSideStorage.js
+++ b/src/stores/serverSideStorage.js
@@ -591,10 +591,8 @@ export const useServerSideStorageStore = defineStore('serverSideStorage', {
       if (!needUpload && recent && stale) {
         console.debug('Checking if data needs merging...')
         // discarding timestamps and versions
-        /* eslint-disable no-unused-vars */
         const { _timestamp: _0, _version: _1, ...recentData } = recent
         const { _timestamp: _2, _version: _3, ...staleData } = stale
-        /* eslint-enable no-unused-vars */
         dirty = !isEqual(recentData, staleData)
         console.debug(`Data ${dirty ? 'needs' : "doesn't need"} merging`)
       }
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index 0cc9121a4..83cc37e7d 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -19,7 +19,6 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    // eslint-disable-next-line no-prototype-builtins
     expect(
       Object.hasOwn(
         matchedComponents[0].components.default.components,
@@ -33,7 +32,6 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    // eslint-disable-next-line no-prototype-builtins
     expect(
       Object.hasOwn(
         matchedComponents[0].components.default.components,
@@ -47,7 +45,6 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    // eslint-disable-next-line no-prototype-builtins
     expect(
       Object.hasOwn(
         matchedComponents[0].components.default.components,

From 04797f8bd21669c68073f65606bf08a56c26a887 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 18:06:23 +0200
Subject: [PATCH 402/424] manual lint

---
 .../settings_modal/admin_tabs/instance_tab.vue         | 10 ++++++++--
 .../helpers/pwa_manifest_icons_setting.vue             |  4 ++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index fa55cef41..585fe303c 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -49,10 +49,16 @@
           <PWAManifestIconsSetting path=":pleroma.:manifest.:icons" />
         </li>
         <li>
-          <ColorSetting hide-draft-buttons path=":pleroma.:manifest.:theme_color" />
+          <ColorSetting
+            hide-draft-buttons
+            path=":pleroma.:manifest.:theme_color"
+          />
         </li>
         <li>
-          <ColorSetting hide-draft-buttons path=":pleroma.:manifest.:background_color" />
+          <ColorSetting
+            hide-draft-buttons
+            path=":pleroma.:manifest.:background_color"
+          />
         </li>
         <li>
           <GroupSetting path=":pleroma.:manifest" />
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
index 20e50fe25..f8054d266 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -85,8 +85,8 @@
                   @update:model-value="event => setPurpose({ event, index })"
                 >
                   <option
-                    v-for="(purpose, index) in purposeOptions"
-                    :key="index"
+                    v-for="(purpose, index2) in purposeOptions"
+                    :key="index2"
                     :value="purpose.value"
                   >
                     {{ purpose.label }}

From e956d552195204048299eb7fee212308db162db8 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 18:15:24 +0200
Subject: [PATCH 403/424] update package json

---
 package.json | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 42a528304..6bff36882 100644
--- a/package.json
+++ b/package.json
@@ -12,9 +12,11 @@
     "unit:watch": "node build/update-emoji.js && vitest",
     "e2e": "node test/e2e/runner.js",
     "test": "yarn run unit && yarn run e2e",
-    "stylelint": "yarn exec stylelint '**/*.scss' '**/*.vue'",
-    "lint": "yarn exec eslint src",
-    "lint-fix": "yarn eslint --fix src test/unit/specs test/e2e/specs"
+    "ci-biome": "yarn exec biome check",
+    "ci-eslint": "yarn exec eslint",
+    "ci-stylelint": "yarn exec stylelint '**/*.scss' '**/*.vue'",
+    "lint": "yarn ci-biome; yarn ci-eslint; yarn ci-stylelint",
+    "lint-fix": "yarn exec eslint --fix; yarn exec stylelint '**/*.scss' '**/*.vue' --fix; biome check --write"
   },
   "dependencies": {
     "@babel/runtime": "7.28.4",

From b2964612aebe7860defa0fa8a4fd927e809aad90 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 18:16:25 +0200
Subject: [PATCH 404/424] separate lint jobs in ci for better parallelism and
 display

---
 .gitlab-ci.yml | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 99c85dd36..b711c7fc9 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -34,12 +34,23 @@ check-changelog:
     - apk add git
     - sh ./tools/check-changelog
 
-lint:
+lint-eslint:
   stage: lint
   script:
     - yarn
-    - yarn lint
-    - yarn stylelint
+    - yarn ci-eslint
+
+lint-biome:
+  stage: lint
+  script:
+    - yarn
+    - yarn ci-biome
+
+lint-stylelint:
+  stage: lint
+  script:
+    - yarn
+    - yarn ci-stylelint
 
 test:
   stage: test

From f30537f25ece92f101a672c9b6cae6390915c992 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 18:18:29 +0200
Subject: [PATCH 405/424] changelog

---
 changelog.d/biome.skip | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 changelog.d/biome.skip

diff --git a/changelog.d/biome.skip b/changelog.d/biome.skip
new file mode 100644
index 000000000..e69de29bb

From 85c294771485b65d6de4575d7cb6fbb7c393adb7 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 18:21:11 +0200
Subject: [PATCH 406/424] oops

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index c3908c05a..33a1d719f 100644
--- a/package.json
+++ b/package.json
@@ -80,7 +80,6 @@
     "cross-spawn": "7.0.6",
     "custom-event-polyfill": "1.0.7",
     "eslint": "9.39.2",
-    "vue-eslint-parser": "10.2.0",
     "eslint-config-standard": "17.1.0",
     "eslint-formatter-friendly": "7.0.0",
     "eslint-plugin-import": "2.32.0",

From 2197c030debf3b2e85617a2c903caba1982fede4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 18:22:32 +0200
Subject: [PATCH 407/424] lint

---
 eslint.config.mjs | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index cc66087a6..417ff8cf3 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,13 +1,11 @@
 import js from '@eslint/js'
-import { defineConfig, globalIgnores } from "eslint/config";
+import { defineConfig, globalIgnores } from 'eslint/config'
 import vue from 'eslint-plugin-vue'
 import globals from 'globals'
 
 export default defineConfig([
   ...vue.configs['flat/recommended'],
-  globalIgnores([
-    '**/*.js', 'build/', 'dist/', 'config/',
-  ]),
+  globalIgnores(['**/*.js', 'build/', 'dist/', 'config/']),
   {
     files: ['src/**/*.vue'],
     plugins: { js },
@@ -32,5 +30,5 @@ export default defineConfig([
       'vue/require-prop-types': 0,
       'vue/multi-word-component-names': 0,
     },
-  }
+  },
 ])

From ae600da287600eb420f2cfbb3a5e044a1a12b72e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 6 Jan 2026 18:38:00 +0200
Subject: [PATCH 408/424] fix tests

---
 test/fixtures/mock_api.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/test/fixtures/mock_api.js b/test/fixtures/mock_api.js
index b2cd16982..03fb01a64 100644
--- a/test/fixtures/mock_api.js
+++ b/test/fixtures/mock_api.js
@@ -8,7 +8,8 @@ export const injectMswToTest = (defaultHandlers) => {
 
   return testBase.extend({
     worker: [
-      async (_, use) => {
+      // biome-ignore lint: required by vitest
+      async ({}, use) => {
         await worker.start()
 
         await use(worker)

From 7ffec2c3246d3bb76b89c27b64cdee60684ff1ee Mon Sep 17 00:00:00 2001
From: Lain Soykaf <lain@lain.com>
Date: Wed, 7 Jan 2026 09:44:50 +0400
Subject: [PATCH 409/424] Add docker-compose Playwright E2E stack

---
 .dockerignore                                 |  12 ++
 .gitignore                                    |   2 +
 .gitlab-ci.yml                                |  28 +++++
 docker-compose.e2e.yml                        |  57 +++++++++
 docker/e2e/Dockerfile.e2e                     |  17 +++
 docker/pleroma/entrypoint.e2e.sh              |  57 +++++++++
 package.json                                  |   7 +-
 .../settings_modal/helpers/rate_setting.vue   | 109 +++++++++---------
 test/e2e-playwright/playwright.config.mjs     |  49 ++++++++
 test/e2e-playwright/specs/admin_smoke.spec.js |  25 ++++
 tools/e2e/run.sh                              |  32 +++++
 vite.config.js                                |  29 +++--
 12 files changed, 359 insertions(+), 65 deletions(-)
 create mode 100644 .dockerignore
 create mode 100644 docker-compose.e2e.yml
 create mode 100644 docker/e2e/Dockerfile.e2e
 create mode 100644 docker/pleroma/entrypoint.e2e.sh
 create mode 100644 test/e2e-playwright/playwright.config.mjs
 create mode 100644 test/e2e-playwright/specs/admin_smoke.spec.js
 create mode 100644 tools/e2e/run.sh

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 000000000..3de57a360
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,12 @@
+node_modules/
+dist/
+logs/
+.DS_Store
+.git/
+config/local.json
+pleroma-backend/
+test/e2e/reports/
+test/e2e-playwright/test-results/
+test/e2e-playwright/playwright-report/
+__screenshots__/
+
diff --git a/.gitignore b/.gitignore
index 01ffda9a8..085805753 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,8 @@ dist/
 npm-debug.log
 test/unit/coverage
 test/e2e/reports
+test/e2e-playwright/test-results
+test/e2e-playwright/playwright-report
 selenium-debug.log
 .idea/
 config/local.json
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 99c85dd36..3067af58b 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -60,6 +60,34 @@ test:
       - test/**/__screenshots__
     when: on_failure
 
+e2e-pleroma:
+  stage: test
+  image: docker:26
+  services:
+    - name: docker:26-dind
+  tags:
+    - amd64
+    - himem
+  variables:
+    DOCKER_HOST: tcp://docker:2375
+    DOCKER_TLS_CERTDIR: ""
+    DOCKER_DRIVER: overlay2
+  script:
+    - docker version
+    - docker compose version
+    - echo "$CI_REGISTRY_PASSWORD" | docker login -u "$CI_REGISTRY_USER" --password-stdin "$CI_REGISTRY"
+    - export PLEROMA_IMAGE="${PLEROMA_IMAGE:-$CI_REGISTRY/pleroma/pleroma:stable}"
+    - docker compose -f docker-compose.e2e.yml up --build --remove-orphans --abort-on-container-exit --exit-code-from e2e
+  after_script:
+    - docker compose -f docker-compose.e2e.yml cp e2e:/app/test/e2e-playwright/test-results test/e2e-playwright/test-results || true
+    - docker compose -f docker-compose.e2e.yml cp e2e:/app/test/e2e-playwright/playwright-report test/e2e-playwright/playwright-report || true
+    - docker compose -f docker-compose.e2e.yml down -v --remove-orphans || true
+  artifacts:
+    when: on_failure
+    paths:
+      - test/e2e-playwright/test-results
+      - test/e2e-playwright/playwright-report
+
 build:
   stage: build
   tags:
diff --git a/docker-compose.e2e.yml b/docker-compose.e2e.yml
new file mode 100644
index 000000000..75a4979a1
--- /dev/null
+++ b/docker-compose.e2e.yml
@@ -0,0 +1,57 @@
+services:
+  db:
+    image: postgres:15-alpine
+    environment:
+      POSTGRES_USER: pleroma
+      POSTGRES_PASSWORD: pleroma
+      POSTGRES_DB: pleroma
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U pleroma -d pleroma"]
+      interval: 2s
+      timeout: 2s
+      retries: 30
+
+  pleroma:
+    image: ${PLEROMA_IMAGE:-git.pleroma.social:5050/pleroma/pleroma:stable}
+    environment:
+      DB_USER: pleroma
+      DB_PASS: pleroma
+      DB_NAME: pleroma
+      DB_HOST: db
+      DB_PORT: 5432
+      DOMAIN: localhost
+      INSTANCE_NAME: Pleroma E2E
+      ADMIN_EMAIL: ${E2E_ADMIN_EMAIL:-admin@example.com}
+      NOTIFY_EMAIL: ${E2E_ADMIN_EMAIL:-admin@example.com}
+      E2E_ADMIN_USERNAME: ${E2E_ADMIN_USERNAME:-admin}
+      E2E_ADMIN_PASSWORD: ${E2E_ADMIN_PASSWORD:-adminadmin}
+      E2E_ADMIN_EMAIL: ${E2E_ADMIN_EMAIL:-admin@example.com}
+    depends_on:
+      db:
+        condition: service_healthy
+    volumes:
+      - ./docker/pleroma/entrypoint.e2e.sh:/opt/pleroma/entrypoint.e2e.sh:ro
+    entrypoint: ["/bin/ash", "/opt/pleroma/entrypoint.e2e.sh"]
+    healthcheck:
+      # NOTE: "localhost" may resolve to ::1 in some images (IPv6) while Pleroma only
+      # listens on IPv4 in this container. Use 127.0.0.1 to avoid false negatives.
+      test: ["CMD-SHELL", "test -f /var/lib/pleroma/.e2e_seeded && wget -qO- http://127.0.0.1:4000/api/v1/instance >/dev/null || exit 1"]
+      interval: 5s
+      timeout: 3s
+      retries: 60
+
+  e2e:
+    build:
+      context: .
+      dockerfile: docker/e2e/Dockerfile.e2e
+    depends_on:
+      pleroma:
+        condition: service_healthy
+    environment:
+      CI: "1"
+      VITE_PROXY_TARGET: http://pleroma:4000
+      VITE_PROXY_ORIGIN: http://localhost:4000
+      E2E_BASE_URL: http://localhost:8080
+      E2E_ADMIN_USERNAME: ${E2E_ADMIN_USERNAME:-admin}
+      E2E_ADMIN_PASSWORD: ${E2E_ADMIN_PASSWORD:-adminadmin}
+    command: ["yarn", "e2e:pw"]
diff --git a/docker/e2e/Dockerfile.e2e b/docker/e2e/Dockerfile.e2e
new file mode 100644
index 000000000..ec780e894
--- /dev/null
+++ b/docker/e2e/Dockerfile.e2e
@@ -0,0 +1,17 @@
+FROM mcr.microsoft.com/playwright:v1.55.0-jammy
+
+WORKDIR /app
+
+ENV PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD=1
+
+RUN npm install -g yarn@1.22.22
+
+COPY package.json yarn.lock ./
+RUN yarn --frozen-lockfile
+
+COPY . .
+
+ENV CI=1
+
+CMD ["yarn", "e2e:pw"]
+
diff --git a/docker/pleroma/entrypoint.e2e.sh b/docker/pleroma/entrypoint.e2e.sh
new file mode 100644
index 000000000..6945cf5b6
--- /dev/null
+++ b/docker/pleroma/entrypoint.e2e.sh
@@ -0,0 +1,57 @@
+#!/bin/ash
+
+set -eu
+
+SEED_SENTINEL_PATH="/var/lib/pleroma/.e2e_seeded"
+
+echo "-- Waiting for database..."
+while ! pg_isready -U "${DB_USER:-pleroma}" -d "postgres://${DB_HOST:-db}:${DB_PORT:-5432}/${DB_NAME:-pleroma}" -t 1; do
+  sleep 1s
+done
+
+echo "-- Running migrations..."
+/opt/pleroma/bin/pleroma_ctl migrate
+
+echo "-- Starting!"
+/opt/pleroma/bin/pleroma start &
+PLEROMA_PID="$!"
+
+cleanup() {
+  if [ -n "${PLEROMA_PID:-}" ] && kill -0 "$PLEROMA_PID" 2>/dev/null; then
+    kill -TERM "$PLEROMA_PID"
+    wait "$PLEROMA_PID" || true
+  fi
+}
+
+trap cleanup INT TERM
+
+echo "-- Waiting for API..."
+api_ok="false"
+for _i in $(seq 1 120); do
+  if wget -qO- http://127.0.0.1:4000/api/v1/instance >/dev/null 2>&1; then
+    api_ok="true"
+    break
+  fi
+  sleep 1s
+done
+
+if [ "$api_ok" != "true" ]; then
+  echo "Timed out waiting for Pleroma API to become available"
+  exit 1
+fi
+
+if [ ! -f "$SEED_SENTINEL_PATH" ]; then
+  if [ -n "${E2E_ADMIN_USERNAME:-}" ] && [ -n "${E2E_ADMIN_PASSWORD:-}" ] && [ -n "${E2E_ADMIN_EMAIL:-}" ]; then
+    echo "-- Seeding admin user (${E2E_ADMIN_USERNAME})..."
+    if ! /opt/pleroma/bin/pleroma_ctl user new "$E2E_ADMIN_USERNAME" "$E2E_ADMIN_EMAIL" --admin --password "$E2E_ADMIN_PASSWORD" -y; then
+      echo "-- User already exists (or creation failed), ensuring admin + confirmed..."
+      /opt/pleroma/bin/pleroma_ctl user set "$E2E_ADMIN_USERNAME" --admin --confirmed
+    fi
+  else
+    echo "-- Skipping admin seeding (missing E2E_ADMIN_* env)"
+  fi
+
+  touch "$SEED_SENTINEL_PATH"
+fi
+
+wait "$PLEROMA_PID"
diff --git a/package.json b/package.json
index 21d75f0fb..19cd5be6a 100644
--- a/package.json
+++ b/package.json
@@ -10,11 +10,12 @@
     "unit": "node build/update-emoji.js && vitest --run",
     "unit-ci": "node build/update-emoji.js && vitest --run --browser.headless",
     "unit:watch": "node build/update-emoji.js && vitest",
-    "e2e": "node test/e2e/runner.js",
+    "e2e:pw": "playwright test --config test/e2e-playwright/playwright.config.mjs",
+    "e2e": "sh ./tools/e2e/run.sh",
     "test": "yarn run unit && yarn run e2e",
     "stylelint": "yarn exec stylelint '**/*.scss' '**/*.vue'",
-    "lint": "eslint src test/unit/specs test/e2e/specs",
-    "lint-fix": "eslint --fix src test/unit/specs test/e2e/specs"
+    "lint": "eslint src test/unit/specs test/e2e/specs test/e2e-playwright/specs test/e2e-playwright/playwright.config.mjs",
+    "lint-fix": "eslint --fix src test/unit/specs test/e2e/specs test/e2e-playwright/specs test/e2e-playwright/playwright.config.mjs"
   },
   "dependencies": {
     "@babel/runtime": "7.28.4",
diff --git a/src/components/settings_modal/helpers/rate_setting.vue b/src/components/settings_modal/helpers/rate_setting.vue
index f6216223c..49e09e046 100644
--- a/src/components/settings_modal/helpers/rate_setting.vue
+++ b/src/components/settings_modal/helpers/rate_setting.vue
@@ -30,60 +30,61 @@
     </p>
     <div class="setting-control">
       <table>
-        <tr>
-          <th>&nbsp;</th>
-          <th>
-            {{ $t('admin_dash.rate_limit.period') }}
-          </th>
-          <th>
-            {{ $t('admin_dash.rate_limit.amount') }}
-          </th>
-        </tr>
-        <tr>
-          <td v-if="isSeparate">
-            {{ $t('admin_dash.rate_limit.unauthenticated') }}
-          </td>
-          <td v-else>
-            {{ $t('admin_dash.rate_limit.rate_limit') }}
-          </td>
-          <td>
-            <input
-              class="input string-input"
-              type="number"
-              :value="normalizedState[0][0]"
-              @change="e => update({ event: e, index: 0, side: 0, eventType: 'edit' })"
-            >
-          </td>
-          <td>
-            <input
-              class="input string-input"
-              type="number"
-              :value="normalizedState[0][1]"
-              @change="e => update({ event: e, index: 1, side: 0, eventType: 'edit' })"
-            >
-          </td>
-        </tr>
-        <tr v-if="isSeparate">
-          <td>
-            {{ $t('admin_dash.rate_limit.authenticated') }}
-          </td>
-          <td>
-            <input
-              class="input string-input"
-              type="number"
-              :value="normalizedState[1][0]"
-              @change="e => update({ event: e, index: 0, side: 1, eventType: 'edit' })"
-            >
-          </td>
-          <td>
-            <input
-              class="input string-input"
-              type="number"
-              :value="normalizedState[1][1]"
-              @change="e => update({ event: e, index: 1, side: 1, eventType: 'edit' })"
-            >
-          </td>
-        </tr>
+        <thead>
+          <tr>
+            <th>&nbsp;</th>
+            <th>
+              {{ $t('admin_dash.rate_limit.period') }}
+            </th>
+            <th>
+              {{ $t('admin_dash.rate_limit.amount') }}
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>
+              {{ isSeparate ? $t('admin_dash.rate_limit.unauthenticated') : $t('admin_dash.rate_limit.rate_limit') }}
+            </td>
+            <td>
+              <input
+                class="input string-input"
+                type="number"
+                :value="normalizedState[0][0]"
+                @change="e => update({ event: e, index: 0, side: 0, eventType: 'edit' })"
+              >
+            </td>
+            <td>
+              <input
+                class="input string-input"
+                type="number"
+                :value="normalizedState[0][1]"
+                @change="e => update({ event: e, index: 1, side: 0, eventType: 'edit' })"
+              >
+            </td>
+          </tr>
+          <tr v-if="isSeparate">
+            <td>
+              {{ $t('admin_dash.rate_limit.authenticated') }}
+            </td>
+            <td>
+              <input
+                class="input string-input"
+                type="number"
+                :value="normalizedState[1][0]"
+                @change="e => update({ event: e, index: 0, side: 1, eventType: 'edit' })"
+              >
+            </td>
+            <td>
+              <input
+                class="input string-input"
+                type="number"
+                :value="normalizedState[1][1]"
+                @change="e => update({ event: e, index: 1, side: 1, eventType: 'edit' })"
+              >
+            </td>
+          </tr>
+        </tbody>
       </table>
       <Checkbox
         :model-value="isSeparate"
diff --git a/test/e2e-playwright/playwright.config.mjs b/test/e2e-playwright/playwright.config.mjs
new file mode 100644
index 000000000..dfd08455a
--- /dev/null
+++ b/test/e2e-playwright/playwright.config.mjs
@@ -0,0 +1,49 @@
+/* global process */
+import { defineConfig, devices } from 'playwright/test'
+
+const baseURL = process.env.E2E_BASE_URL || 'http://localhost:8080'
+
+export default defineConfig({
+  testDir: './specs',
+  // Paths are resolved relative to this config file directory.
+  outputDir: 'test-results',
+  timeout: 60_000,
+  expect: {
+    timeout: 10_000
+  },
+  retries: process.env.CI ? 1 : 0,
+  reporter: process.env.CI
+    ? [
+        ['line'],
+        ['html', { outputFolder: 'playwright-report', open: 'never' }]
+      ]
+    : [
+        ['list'],
+        ['html', { outputFolder: 'playwright-report', open: 'never' }]
+      ],
+  use: {
+    baseURL,
+    screenshot: 'only-on-failure',
+    trace: 'on-first-retry',
+    video: 'retain-on-failure'
+  },
+  webServer: {
+    command: 'yarn dev -- --host 0.0.0.0 --port 8080 --strictPort',
+    url: baseURL,
+    reuseExistingServer: !process.env.CI,
+    timeout: 120_000,
+    env: {
+      ...process.env,
+      VITE_PROXY_TARGET: process.env.VITE_PROXY_TARGET || 'http://localhost:4000',
+      VITE_PROXY_ORIGIN: process.env.VITE_PROXY_ORIGIN || process.env.VITE_PROXY_TARGET || 'http://localhost:4000'
+    }
+  },
+  projects: [
+    {
+      name: 'firefox',
+      use: {
+        ...devices['Desktop Firefox']
+      }
+    }
+  ]
+})
diff --git a/test/e2e-playwright/specs/admin_smoke.spec.js b/test/e2e-playwright/specs/admin_smoke.spec.js
new file mode 100644
index 000000000..7ccc2eb1c
--- /dev/null
+++ b/test/e2e-playwright/specs/admin_smoke.spec.js
@@ -0,0 +1,25 @@
+/* global process */
+import { test, expect } from 'playwright/test'
+
+const adminUsername = process.env.E2E_ADMIN_USERNAME || 'admin'
+const adminPassword = process.env.E2E_ADMIN_PASSWORD || 'adminadmin'
+
+test('admin can open the admin settings modal', async ({ page }) => {
+  await page.goto('/login')
+
+  const loginForm = page.locator('#main-scroller form.login-form')
+  await loginForm.locator('#username').fill(adminUsername)
+  await loginForm.locator('#password').fill(adminPassword)
+  await loginForm.getByRole('button', { name: 'Log in' }).click()
+
+  await page.waitForURL(/\/main\/friends/)
+
+  await expect(page.getByTitle('Administration')).toBeVisible()
+  await page.getByTitle('Administration').click()
+
+  const modal = page.locator('.settings-modal-panel')
+  await expect(modal.getByRole('heading', { name: 'Administration' })).toBeVisible()
+
+  await modal.getByRole('tab', { name: 'Emoji' }).click()
+  await expect(modal.getByText('Emoji packs')).toBeVisible()
+})
diff --git a/tools/e2e/run.sh b/tools/e2e/run.sh
new file mode 100644
index 000000000..7cf4db10b
--- /dev/null
+++ b/tools/e2e/run.sh
@@ -0,0 +1,32 @@
+#!/bin/sh
+
+set -u
+
+COMPOSE_FILE="docker-compose.e2e.yml"
+
+: "${PLEROMA_IMAGE:=git.pleroma.social:5050/pleroma/pleroma:stable}"
+: "${E2E_ADMIN_USERNAME:=admin}"
+: "${E2E_ADMIN_PASSWORD:=adminadmin}"
+: "${E2E_ADMIN_EMAIL:=admin@example.com}"
+
+cleanup() {
+  docker compose -f "$COMPOSE_FILE" down -v --remove-orphans >/dev/null 2>&1 || true
+}
+
+cleanup
+
+trap 'cleanup; exit 130' INT TERM
+
+set +e
+docker compose -f "$COMPOSE_FILE" up --build --remove-orphans --abort-on-container-exit --exit-code-from e2e
+result="$?"
+set -e
+
+if [ "$result" -ne 0 ]; then
+  docker compose -f "$COMPOSE_FILE" cp e2e:/app/test/e2e-playwright/test-results test/e2e-playwright/test-results >/dev/null 2>&1 || true
+  docker compose -f "$COMPOSE_FILE" cp e2e:/app/test/e2e-playwright/playwright-report test/e2e-playwright/playwright-report >/dev/null 2>&1 || true
+fi
+
+cleanup
+
+exit "$result"
diff --git a/vite.config.js b/vite.config.js
index 0b4d0db90..ca48ce3bf 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -12,20 +12,32 @@ import { getCommitHash } from './build/commit_hash.js'
 import mswPlugin from './build/msw_plugin.js'
 
 const localConfigPath = '<projectRoot>/config/local.json'
+const normalizeTarget = (target) => {
+  if (!target || typeof target !== 'string') return target
+  return target.endsWith('/') ? target.replace(/\/$/, '') : target
+}
+
 const getLocalDevSettings = async () => {
+  const envTarget = normalizeTarget(process.env.VITE_PROXY_TARGET)
+  const envOrigin = normalizeTarget(process.env.VITE_PROXY_ORIGIN)
   try {
     const settings = (await import('./config/local.json')).default
-    if (settings.target && settings.target.endsWith('/')) {
-      // replacing trailing slash since it can conflict with some apis
-      // and that's how actual BE reports its url
-      settings.target = settings.target.replace(/\/$/, '')
-    }
+    settings.target = normalizeTarget(settings.target)
+    settings.origin = normalizeTarget(settings.origin)
+    if (envTarget) settings.target = envTarget
+    if (envOrigin) settings.origin = envOrigin
     console.info(`Using local dev server settings (${localConfigPath}):`)
     console.info(JSON.stringify(settings, null, 2))
     return settings
   } catch (e) {
-    console.info(`Local dev server settings not found (${localConfigPath}), using default`, e)
-    return {}
+    if (!envTarget && !envOrigin) {
+      console.info(`Local dev server settings not found (${localConfigPath}), using default`, e)
+      return {}
+    }
+    const settings = { target: envTarget, origin: envOrigin }
+    console.info('Using dev server settings from VITE_PROXY_TARGET/VITE_PROXY_ORIGIN:')
+    console.info(JSON.stringify(settings, null, 2))
+    return settings
   }
 }
 
@@ -51,6 +63,7 @@ const getTransformSWSettings = (settings) => {
 export default defineConfig(async ({ mode, command }) => {
   const settings = await getLocalDevSettings()
   const target = settings.target || 'http://localhost:4000/'
+  const origin = settings.origin || target
   const transformSW = getTransformSWSettings(settings)
   const proxy = {
     '/api': {
@@ -70,7 +83,7 @@ export default defineConfig(async ({ mode, command }) => {
       cookieDomainRewrite: 'localhost',
       ws: true,
       headers: {
-        'Origin': target
+        'Origin': origin
       }
     },
     '/oauth': {

From 99d2efac6cc789edfa1d5962fe300fbcab95b819 Mon Sep 17 00:00:00 2001
From: Lain Soykaf <lain@lain.com>
Date: Wed, 7 Jan 2026 10:00:18 +0400
Subject: [PATCH 410/424] Reduce E2E output to Playwright logs

---
 .gitlab-ci.yml   | 3 ++-
 tools/e2e/run.sh | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 3067af58b..399b9c644 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -72,12 +72,13 @@ e2e-pleroma:
     DOCKER_HOST: tcp://docker:2375
     DOCKER_TLS_CERTDIR: ""
     DOCKER_DRIVER: overlay2
+    COMPOSE_MENU: "false"
   script:
     - docker version
     - docker compose version
     - echo "$CI_REGISTRY_PASSWORD" | docker login -u "$CI_REGISTRY_USER" --password-stdin "$CI_REGISTRY"
     - export PLEROMA_IMAGE="${PLEROMA_IMAGE:-$CI_REGISTRY/pleroma/pleroma:stable}"
-    - docker compose -f docker-compose.e2e.yml up --build --remove-orphans --abort-on-container-exit --exit-code-from e2e
+    - docker compose -f docker-compose.e2e.yml up --build --remove-orphans --attach e2e --no-log-prefix --abort-on-container-exit --exit-code-from e2e
   after_script:
     - docker compose -f docker-compose.e2e.yml cp e2e:/app/test/e2e-playwright/test-results test/e2e-playwright/test-results || true
     - docker compose -f docker-compose.e2e.yml cp e2e:/app/test/e2e-playwright/playwright-report test/e2e-playwright/playwright-report || true
diff --git a/tools/e2e/run.sh b/tools/e2e/run.sh
index 7cf4db10b..5ff2637ce 100644
--- a/tools/e2e/run.sh
+++ b/tools/e2e/run.sh
@@ -4,6 +4,7 @@ set -u
 
 COMPOSE_FILE="docker-compose.e2e.yml"
 
+: "${COMPOSE_MENU:=false}"
 : "${PLEROMA_IMAGE:=git.pleroma.social:5050/pleroma/pleroma:stable}"
 : "${E2E_ADMIN_USERNAME:=admin}"
 : "${E2E_ADMIN_PASSWORD:=adminadmin}"
@@ -18,11 +19,13 @@ cleanup
 trap 'cleanup; exit 130' INT TERM
 
 set +e
-docker compose -f "$COMPOSE_FILE" up --build --remove-orphans --abort-on-container-exit --exit-code-from e2e
+COMPOSE_MENU="$COMPOSE_MENU" docker compose -f "$COMPOSE_FILE" up --build --remove-orphans --attach e2e --no-log-prefix --abort-on-container-exit --exit-code-from e2e
 result="$?"
 set -e
 
 if [ "$result" -ne 0 ]; then
+  mkdir -p test/e2e-playwright/test-results
+  docker compose -f "$COMPOSE_FILE" logs --no-color pleroma db > test/e2e-playwright/test-results/docker-compose.log 2>/dev/null || true
   docker compose -f "$COMPOSE_FILE" cp e2e:/app/test/e2e-playwright/test-results test/e2e-playwright/test-results >/dev/null 2>&1 || true
   docker compose -f "$COMPOSE_FILE" cp e2e:/app/test/e2e-playwright/playwright-report test/e2e-playwright/playwright-report >/dev/null 2>&1 || true
 fi

From 7f547068214d5c84c59615f7959e0219043adecb Mon Sep 17 00:00:00 2001
From: Lain Soykaf <lain@lain.com>
Date: Wed, 7 Jan 2026 10:50:26 +0400
Subject: [PATCH 411/424] E2E: add user smoke tests

- Disable captcha + open registrations in E2E Pleroma config
- Await login after signup to avoid redirect race
- Add basic register/login/post smoke specs
- Fix failure artifact copying order
---
 docker/pleroma/entrypoint.e2e.sh             | 14 ++++
 src/modules/users.js                         |  2 +-
 test/e2e-playwright/specs/user_smoke.spec.js | 80 ++++++++++++++++++++
 tools/e2e/run.sh                             |  4 +-
 4 files changed, 97 insertions(+), 3 deletions(-)
 create mode 100644 test/e2e-playwright/specs/user_smoke.spec.js

diff --git a/docker/pleroma/entrypoint.e2e.sh b/docker/pleroma/entrypoint.e2e.sh
index 6945cf5b6..96920eeae 100644
--- a/docker/pleroma/entrypoint.e2e.sh
+++ b/docker/pleroma/entrypoint.e2e.sh
@@ -3,12 +3,26 @@
 set -eu
 
 SEED_SENTINEL_PATH="/var/lib/pleroma/.e2e_seeded"
+CONFIG_OVERRIDE_PATH="/var/lib/pleroma/config.exs"
 
 echo "-- Waiting for database..."
 while ! pg_isready -U "${DB_USER:-pleroma}" -d "postgres://${DB_HOST:-db}:${DB_PORT:-5432}/${DB_NAME:-pleroma}" -t 1; do
   sleep 1s
 done
 
+echo "-- Writing E2E config overrides..."
+cat > "$CONFIG_OVERRIDE_PATH" <<'EOF'
+import Config
+
+config :pleroma, Pleroma.Captcha,
+  enabled: false
+
+config :pleroma, :instance,
+  registrations_open: true,
+  account_activation_required: false,
+  approval_required: false
+EOF
+
 echo "-- Running migrations..."
 /opt/pleroma/bin/pleroma_ctl migrate
 
diff --git a/src/modules/users.js b/src/modules/users.js
index 5563a280e..e9b56362d 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -551,7 +551,7 @@ const users = {
         if (data.access_token) {
           store.commit('signUpSuccess')
           oauthStore.setToken(data.access_token)
-          store.dispatch('loginUser', data.access_token)
+          await store.dispatch('loginUser', data.access_token)
           return 'ok'
         } else { // Request succeeded, but user cannot login yet.
           store.commit('signUpNotice', data)
diff --git a/test/e2e-playwright/specs/user_smoke.spec.js b/test/e2e-playwright/specs/user_smoke.spec.js
new file mode 100644
index 000000000..080a20d1a
--- /dev/null
+++ b/test/e2e-playwright/specs/user_smoke.spec.js
@@ -0,0 +1,80 @@
+import { randomUUID } from 'node:crypto'
+import { test, expect } from 'playwright/test'
+
+const createTestUser = () => {
+  const id = randomUUID().slice(0, 8)
+  return {
+    username: `e2e_${id}`,
+    fullname: `E2E ${id}`,
+    email: `e2e_${id}@example.com`,
+    password: 'e2e-password'
+  }
+}
+
+const register = async (page, user) => {
+  await page.goto('/registration')
+
+  const registrationForm = page.locator('#main-scroller form.registration-form')
+  await registrationForm.locator('#sign-up-username').fill(user.username)
+  await registrationForm.locator('#sign-up-fullname').fill(user.fullname)
+  await registrationForm.locator('#email').fill(user.email)
+  await registrationForm.locator('#sign-up-password').fill(user.password)
+  await registrationForm.locator('#sign-up-password-confirmation').fill(user.password)
+  await Promise.all([
+    page.waitForURL(/\/main\/friends/),
+    registrationForm.getByRole('button', { name: 'Register' }).click()
+  ])
+}
+
+const logout = async (page) => {
+  await page.getByTitle('Log out').click()
+  const confirmLogout = page.getByRole('button', { name: 'Logout', exact: true })
+  if (await confirmLogout.isVisible()) {
+    await Promise.all([
+      page.waitForURL(/\/main\/(public|all)/),
+      confirmLogout.click()
+    ])
+  } else {
+    await page.waitForURL(/\/main\/(public|all)/)
+  }
+
+  await expect(page.locator('#sidebar form.login-form')).toBeVisible()
+}
+
+const login = async (page, user) => {
+  await page.goto('/login')
+
+  const loginForm = page.locator('#main-scroller form.login-form')
+  await loginForm.locator('#username').fill(user.username)
+  await loginForm.locator('#password').fill(user.password)
+  await loginForm.getByRole('button', { name: 'Log in' }).click()
+
+  await page.waitForURL(/\/main\/friends/)
+}
+
+test('user can register, log out, and log back in', async ({ page }) => {
+  const user = createTestUser()
+  await register(page, user)
+  await expect(page.getByTitle('Log out')).toBeVisible()
+
+  await logout(page)
+
+  await login(page, user)
+  await expect(page.getByTitle('Log out')).toBeVisible()
+})
+
+test('user can post a status', async ({ page }) => {
+  const user = createTestUser()
+  await register(page, user)
+
+  const statusText = `Hello from ${user.username} (${randomUUID().slice(0, 8)})`
+  const composer = page.locator('#sidebar .user-panel .post-status-form')
+  await composer.locator('textarea.form-post-body').fill(statusText)
+  await Promise.all([
+    page.waitForResponse((resp) => resp.request().method() === 'POST' && resp.url().includes('/api/v1/statuses') && resp.ok()),
+    composer.getByRole('button', { name: 'Post', exact: true }).click()
+  ])
+
+  await page.goto(`/users/${user.username}`)
+  await expect(page.getByText(statusText)).toBeVisible()
+})
diff --git a/tools/e2e/run.sh b/tools/e2e/run.sh
index 5ff2637ce..3c0ba8a36 100644
--- a/tools/e2e/run.sh
+++ b/tools/e2e/run.sh
@@ -24,10 +24,10 @@ result="$?"
 set -e
 
 if [ "$result" -ne 0 ]; then
+  docker compose -f "$COMPOSE_FILE" cp e2e:/app/test/e2e-playwright/test-results test/e2e-playwright >/dev/null 2>&1 || true
+  docker compose -f "$COMPOSE_FILE" cp e2e:/app/test/e2e-playwright/playwright-report test/e2e-playwright >/dev/null 2>&1 || true
   mkdir -p test/e2e-playwright/test-results
   docker compose -f "$COMPOSE_FILE" logs --no-color pleroma db > test/e2e-playwright/test-results/docker-compose.log 2>/dev/null || true
-  docker compose -f "$COMPOSE_FILE" cp e2e:/app/test/e2e-playwright/test-results test/e2e-playwright/test-results >/dev/null 2>&1 || true
-  docker compose -f "$COMPOSE_FILE" cp e2e:/app/test/e2e-playwright/playwright-report test/e2e-playwright/playwright-report >/dev/null 2>&1 || true
 fi
 
 cleanup

From 33c7876a8a27dff4fd2711bf6c5a9458422c2523 Mon Sep 17 00:00:00 2001
From: Lain Soykaf <lain@lain.com>
Date: Wed, 7 Jan 2026 18:07:27 +0400
Subject: [PATCH 412/424] Add changelog

---
 changelog.d/e2e-tests.add | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/e2e-tests.add

diff --git a/changelog.d/e2e-tests.add b/changelog.d/e2e-tests.add
new file mode 100644
index 000000000..ba62b25ac
--- /dev/null
+++ b/changelog.d/e2e-tests.add
@@ -0,0 +1 @@
+Add playwright E2E-tests with an optional docker-based backend

From 0492a8d6a057b8a82f668bf466dd6c13b23b0128 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 7 Jan 2026 16:45:10 +0200
Subject: [PATCH 413/424] fix actor type not setting

---
 changelog.d/actor-type.fix             | 1 +
 src/components/user_card/user_card.js  | 6 ++++--
 src/components/user_card/user_card.vue | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)
 create mode 100644 changelog.d/actor-type.fix

diff --git a/changelog.d/actor-type.fix b/changelog.d/actor-type.fix
new file mode 100644
index 000000000..a2c873c1a
--- /dev/null
+++ b/changelog.d/actor-type.fix
@@ -0,0 +1 @@
+fixed being unable to set actor type from profile page
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 7daee4b76..5e387d38b 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -122,6 +122,8 @@ export default {
   data () {
     const user = this.$store.getters.findUser(this.userId)
 
+    console.log('LOL', JSON.parse(JSON.stringify(user)))
+
     return {
       followRequestInProgress: false,
       muteExpiryAmount: 0,
@@ -466,8 +468,8 @@ export default {
         show_birthday: !!this.newShowBirthday,
       }
 
-      if (this.actorType) {
-        params.actor_type = this.actorType
+      if (this.newActorType) {
+        params.actor_type = this.newActorType
       }
 
       if (this.newAvatarFile !== null) {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index d6edc021f..e3b1b0175 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -208,7 +208,7 @@
                 </span>
                 <span
                   v-if="user.actor_type === 'Group'"
-                  class="alert user-role"
+                  class="alert neutral user-role"
                 >
                   {{ $t('user_card.group') }}
                 </span>

From d2f528bb154d56b61975b9a827e44fec3db56652 Mon Sep 17 00:00:00 2001
From: Lain Soykaf <lain@lain.com>
Date: Wed, 7 Jan 2026 20:11:16 +0400
Subject: [PATCH 414/424] CI: run e2e job without docker-in-docker

Use GitLab services for Postgres + Pleroma and run Playwright tests directly in the Playwright image (works with gitlab-ci-local too).
---
 .gitignore     |   1 +
 .gitlab-ci.yml | 129 +++++++++++++++++++++++++++++++++++++++++++------
 2 files changed, 115 insertions(+), 15 deletions(-)

diff --git a/.gitignore b/.gitignore
index 085805753..c4a96ee1e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,6 +8,7 @@ test/e2e-playwright/test-results
 test/e2e-playwright/playwright-report
 selenium-debug.log
 .idea/
+.gitlab-ci-local/
 config/local.json
 src/assets/emoji.json
 logs/
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 399b9c644..eb1ab0d31 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -62,27 +62,126 @@ test:
 
 e2e-pleroma:
   stage: test
-  image: docker:26
+  image: mcr.microsoft.com/playwright:v1.55.0-jammy
   services:
-    - name: docker:26-dind
+    - name: postgres:15-alpine
+      alias: db
+    - name: $PLEROMA_IMAGE
+      alias: pleroma
+      entrypoint: ["/bin/ash", "-c"]
+      command:
+        - |
+          set -eu
+
+          SEED_SENTINEL_PATH=/var/lib/pleroma/.e2e_seeded
+          CONFIG_OVERRIDE_PATH=/var/lib/pleroma/config.exs
+
+          echo '-- Waiting for database...'
+          while ! pg_isready -U ${DB_USER:-pleroma} -d postgres://${DB_HOST:-db}:${DB_PORT:-5432}/${DB_NAME:-pleroma} -t 1; do
+            sleep 1s
+          done
+
+          echo '-- Writing E2E config overrides...'
+          cat > $CONFIG_OVERRIDE_PATH <<EOF
+          import Config
+
+          config :pleroma, Pleroma.Captcha,
+            enabled: false
+
+          config :pleroma, :instance,
+            registrations_open: true,
+            account_activation_required: false,
+            approval_required: false
+          EOF
+
+          echo '-- Running migrations...'
+          /opt/pleroma/bin/pleroma_ctl migrate
+
+          echo '-- Starting!'
+          /opt/pleroma/bin/pleroma start &
+          PLEROMA_PID=$!
+
+          cleanup() {
+            if kill -0 $PLEROMA_PID 2>/dev/null; then
+              kill -TERM $PLEROMA_PID
+              wait $PLEROMA_PID || true
+            fi
+          }
+
+          trap cleanup INT TERM
+
+          echo '-- Waiting for API...'
+          api_ok=false
+          for _i in $(seq 1 120); do
+            if wget -qO- http://127.0.0.1:4000/api/v1/instance >/dev/null 2>&1; then
+              api_ok=true
+              break
+            fi
+            sleep 1s
+          done
+
+          if [ $api_ok != true ]; then
+            echo 'Timed out waiting for Pleroma API to become available'
+            exit 1
+          fi
+
+          if [ ! -f $SEED_SENTINEL_PATH ]; then
+            if [ -n ${E2E_ADMIN_USERNAME:-} ] && [ -n ${E2E_ADMIN_PASSWORD:-} ] && [ -n ${E2E_ADMIN_EMAIL:-} ]; then
+              echo '-- Seeding admin user' $E2E_ADMIN_USERNAME '...'
+              if ! /opt/pleroma/bin/pleroma_ctl user new $E2E_ADMIN_USERNAME $E2E_ADMIN_EMAIL --admin --password $E2E_ADMIN_PASSWORD -y; then
+                echo '-- User already exists or creation failed, ensuring admin + confirmed...'
+                /opt/pleroma/bin/pleroma_ctl user set $E2E_ADMIN_USERNAME --admin --confirmed
+              fi
+            else
+              echo '-- Skipping admin seeding (missing E2E_ADMIN_* env)'
+            fi
+
+            touch $SEED_SENTINEL_PATH
+          fi
+
+          wait $PLEROMA_PID
   tags:
     - amd64
     - himem
   variables:
-    DOCKER_HOST: tcp://docker:2375
-    DOCKER_TLS_CERTDIR: ""
-    DOCKER_DRIVER: overlay2
-    COMPOSE_MENU: "false"
+    PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+    PLEROMA_IMAGE: git.pleroma.social:5050/pleroma/pleroma:stable
+    POSTGRES_USER: pleroma
+    POSTGRES_PASSWORD: pleroma
+    POSTGRES_DB: pleroma
+    DB_USER: pleroma
+    DB_PASS: pleroma
+    DB_NAME: pleroma
+    DB_HOST: db
+    DB_PORT: 5432
+    DOMAIN: localhost
+    INSTANCE_NAME: Pleroma E2E
+    E2E_ADMIN_USERNAME: admin
+    E2E_ADMIN_PASSWORD: adminadmin
+    E2E_ADMIN_EMAIL: admin@example.com
+    ADMIN_EMAIL: $E2E_ADMIN_EMAIL
+    NOTIFY_EMAIL: $E2E_ADMIN_EMAIL
+    VITE_PROXY_TARGET: http://pleroma:4000
+    VITE_PROXY_ORIGIN: http://localhost:4000
+    E2E_BASE_URL: http://localhost:8080
   script:
-    - docker version
-    - docker compose version
-    - echo "$CI_REGISTRY_PASSWORD" | docker login -u "$CI_REGISTRY_USER" --password-stdin "$CI_REGISTRY"
-    - export PLEROMA_IMAGE="${PLEROMA_IMAGE:-$CI_REGISTRY/pleroma/pleroma:stable}"
-    - docker compose -f docker-compose.e2e.yml up --build --remove-orphans --attach e2e --no-log-prefix --abort-on-container-exit --exit-code-from e2e
-  after_script:
-    - docker compose -f docker-compose.e2e.yml cp e2e:/app/test/e2e-playwright/test-results test/e2e-playwright/test-results || true
-    - docker compose -f docker-compose.e2e.yml cp e2e:/app/test/e2e-playwright/playwright-report test/e2e-playwright/playwright-report || true
-    - docker compose -f docker-compose.e2e.yml down -v --remove-orphans || true
+    - npm install -g yarn@1.22.22
+    - yarn --frozen-lockfile
+    - |
+      echo "-- Waiting for Pleroma API..."
+      api_ok="false"
+      for _i in $(seq 1 120); do
+        if wget -qO- http://pleroma:4000/api/v1/instance >/dev/null 2>&1; then
+          api_ok="true"
+          break
+        fi
+        sleep 1s
+      done
+      if [ "$api_ok" != "true" ]; then
+        echo "Timed out waiting for Pleroma API to become available"
+        exit 1
+      fi
+    - yarn e2e:pw
   artifacts:
     when: on_failure
     paths:

From 03b6178d17614c9b38c970cee219a0a52525f5ee Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 7 Jan 2026 21:01:34 +0200
Subject: [PATCH 415/424] fix missing string

---
 src/i18n/en.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/i18n/en.json b/src/i18n/en.json
index 05a2d5ae5..099a31f64 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1684,6 +1684,7 @@
     "muted": "Muted",
     "mute_confirm_title": "Mute confirmation",
     "mute_confirm": "Do you really want to mute {user}?",
+    "mute_domain_confirm": "Do you really want to mute entire {domain}?",
     "mute_confirm_accept_button": "Mute",
     "mute_confirm_cancel_button": "Do not mute",
     "mute_or": "or",

From 949aa90faaf7fa1a00714dd0cf1e013efb853c3b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 7 Jan 2026 21:09:01 +0200
Subject: [PATCH 416/424] fixed being unable to mute/unmute domains from status
 context menu

---
 src/components/confirm_modal/mute_confirm.js              | 8 ++++----
 .../status_action_buttons/action_button_container.js      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/confirm_modal/mute_confirm.js b/src/components/confirm_modal/mute_confirm.js
index a279dc716..b7aa5a68b 100644
--- a/src/components/confirm_modal/mute_confirm.js
+++ b/src/components/confirm_modal/mute_confirm.js
@@ -19,9 +19,9 @@ export default {
     },
     keypath () {
       if (this.type === 'domain') {
-        return 'status.mute_domain_confirm'
+        return 'user_card.mute_domain_confirm'
       } else if (this.type === 'conversation') {
-        return 'status.mute_conversation_confirm'
+        return 'user_card.mute_conversation_confirm'
       }
     },
     conversationIsMuted () {
@@ -62,9 +62,9 @@ export default {
       switch (this.type) {
         case 'domain': {
           if (!this.domainIsMuted) {
-            this.$store.dispatch('muteDomain', { id: this.domain })
+            this.$store.dispatch('muteDomain', this.domain)
           } else {
-            this.$store.dispatch('unmuteDomain', { id: this.domain })
+            this.$store.dispatch('unmuteDomain', this.domain)
           }
           break
         }
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index a8f20800b..5ea8db013 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -65,7 +65,7 @@ export default {
       return this.$store.dispatch('unmuteConversation', { id: this.status.id })
     },
     unmuteDomain () {
-      return this.$store.dispatch('unmuteDomain', this.user.id)
+      return this.$store.dispatch('unmuteDomain', this.domain)
     },
     toggleUserMute () {
       if (this.userIsMuted) {

From 0dc8305e95412426d6123f4361c328ff5dfcee94 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 7 Jan 2026 23:15:23 +0200
Subject: [PATCH 417/424] don't display muted label on profile since backend
 doesn't work this way improve display logic for mute/block cards

---
 src/components/block_card/block_card.js              |  4 ++--
 src/components/mute_card/mute_card.js                |  4 ++--
 src/components/user_card/user_card.js                | 10 +++-------
 src/components/user_card/user_card.vue               | 12 ------------
 .../entity_normalizer/entity_normalizer.service.js   | 10 ++++++++--
 5 files changed, 15 insertions(+), 25 deletions(-)

diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 9a618db3f..2d4b17ef8 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -15,10 +15,10 @@ const BlockCard = {
       return this.relationship.blocking
     },
     blockExpiryAvailable () {
-      return this.user.block_expires_at !== undefined
+      return Object.hasOwn(this.user, 'block_expires_at')
     },
     blockExpiry () {
-      return this.user.block_expires_at == null
+      return this.user.block_expires_at === false
         ? this.$t('user_card.block_expires_forever')
         : this.$t('user_card.block_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
     },
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index 895586888..592df8dfe 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -14,10 +14,10 @@ const MuteCard = {
       return this.relationship.muting
     },
     muteExpiryAvailable () {
-      return this.user.mute_expires_at !== undefined
+      return Object.hasOwn(this.user, 'mute_expires_at')
     },
     muteExpiry () {
-      return this.user.mute_expires_at == null
+      return this.user.mute_expires_at === false
         ? this.$t('user_card.mute_expires_forever')
         : this.$t('user_card.mute_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
     }
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 5e387d38b..ccc03b414 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -122,12 +122,8 @@ export default {
   data () {
     const user = this.$store.getters.findUser(this.userId)
 
-    console.log('LOL', JSON.parse(JSON.stringify(user)))
-
     return {
       followRequestInProgress: false,
-      muteExpiryAmount: 0,
-      muteExpiryUnit: 'minutes',
 
       // Editable stuff
       editImage: false,
@@ -261,15 +257,15 @@ export default {
       return 'note' in this.relationship
     },
     muteExpiryAvailable () {
-      return this.user.mute_expires_at !== undefined
+      return Object.hasOwn(this.user, 'mute_expires_at')
     },
     muteExpiry () {
-      return this.user.mute_expires_at == null
+      return this.user.mute_expires_at === false
         ? this.$t('user_card.mute_expires_forever')
         : this.$t('user_card.mute_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
     },
     blockExpiryAvailable () {
-      return this.user.block_expires_at !== undefined
+      return Object.hasOwn(this.user, 'block_expires_at')
     },
     blockExpiry () {
       return this.user.block_expires_at == null
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index e3b1b0175..66529f59b 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -212,18 +212,6 @@
                 >
                   {{ $t('user_card.group') }}
                 </span>
-                <span
-                  v-if="relationship.muting && muteExpiryAvailable"
-                  class="alert neutral user-role"
-                >
-                  {{ muteExpiry }}
-                </span>
-                <span
-                  v-if="relationship.blocking && blockExpiryAvailable"
-                  class="alert neutral user-role"
-                >
-                  {{ blockExpiry }}
-                </span>
               </template>
             </div>
           </div>
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 28f1bc2aa..36b42dd47 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -51,8 +51,14 @@ export const parseUser = (data) => {
     output.screen_name = data.acct
     output.fqn = data.fqn
     output.statusnet_profile_url = data.url
-    output.mute_expires_at = data.mute_expires_at
-    output.block_expires_at = data.block_expires_at
+
+    if (Object.hasOwn(data, 'mute_expires_at')) {
+      output.mute_expires_at = data.mute_expires_at == null ? false : data.mute_expires_at
+    }
+
+    if (Object.hasOwn(data, 'block_expires_at')) {
+      output.block_expires_at = data.block_expires_at == null ? false : data.block_expires_at
+    }
 
     // There's nothing else to get
     if (mastoShort) {

From b8bfd6b1a9968001f2c8ce57b5bb5e4f46abb40b Mon Sep 17 00:00:00 2001
From: Lain Soykaf <lain@lain.com>
Date: Thu, 8 Jan 2026 14:35:51 +0400
Subject: [PATCH 418/424] CI: enable per-build network for e2e

Fixes Pleroma service being unable to reach the Postgres service on runners that use legacy container links.
---
 .gitlab-ci.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index eb1ab0d31..5045d8c68 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -145,6 +145,7 @@ e2e-pleroma:
     - himem
   variables:
     PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+    FF_NETWORK_PER_BUILD: "true"
     PLEROMA_IMAGE: git.pleroma.social:5050/pleroma/pleroma:stable
     POSTGRES_USER: pleroma
     POSTGRES_PASSWORD: pleroma

From 6fc8cc32cacc2a75a43015a988e5deb92585248e Mon Sep 17 00:00:00 2001
From: Lain Soykaf <lain@lain.com>
Date: Thu, 8 Jan 2026 15:09:41 +0400
Subject: [PATCH 419/424] Test: exclude Playwright e2e specs from vitest

Vitest picks up *.spec.js under test/ by default; exclude test/e2e-playwright while preserving default excludes.
---
 vite.config.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/vite.config.js b/vite.config.js
index ca48ce3bf..4bba3da86 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,6 +1,7 @@
 import { fileURLToPath } from 'node:url'
 import { dirname, resolve } from 'node:path'
 import { defineConfig } from 'vite'
+import { configDefaults } from 'vitest/config'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import stylelint from 'vite-plugin-stylelint'
@@ -217,6 +218,10 @@ export default defineConfig(async ({ mode, command }) => {
     },
     test: {
       globals: true,
+      exclude: [
+        ...configDefaults.exclude,
+        'test/e2e-playwright/**'
+      ],
       browser: {
         enabled: true,
         provider: 'playwright',

From ca10ffca8d689a9ec7c61f06d68d27432f08f222 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 8 Jan 2026 17:04:15 +0200
Subject: [PATCH 420/424] proper playwright version

---
 docker/e2e/Dockerfile.e2e | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/docker/e2e/Dockerfile.e2e b/docker/e2e/Dockerfile.e2e
index ec780e894..e84359ceb 100644
--- a/docker/e2e/Dockerfile.e2e
+++ b/docker/e2e/Dockerfile.e2e
@@ -1,4 +1,4 @@
-FROM mcr.microsoft.com/playwright:v1.55.0-jammy
+FROM mcr.microsoft.com/playwright:v1.57.0-jammy
 
 WORKDIR /app
 
@@ -14,4 +14,3 @@ COPY . .
 ENV CI=1
 
 CMD ["yarn", "e2e:pw"]
-

From 3d78a34daae0d1f6d5aca481e91bffca46279251 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 8 Jan 2026 17:05:12 +0200
Subject: [PATCH 421/424] chlg

---
 .gitlab-ci.yml       | 2 +-
 changelog.d/e2e.skip | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 changelog.d/e2e.skip

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 5045d8c68..e277002b8 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -62,7 +62,7 @@ test:
 
 e2e-pleroma:
   stage: test
-  image: mcr.microsoft.com/playwright:v1.55.0-jammy
+  image: mcr.microsoft.com/playwright:v1.57.0-jammy
   services:
     - name: postgres:15-alpine
       alias: db
diff --git a/changelog.d/e2e.skip b/changelog.d/e2e.skip
new file mode 100644
index 000000000..e84c25121
--- /dev/null
+++ b/changelog.d/e2e.skip
@@ -0,0 +1 @@
+fix e2e

From 42930252b15127b4df463c8bfce5c5a8ae5a5749 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 8 Jan 2026 17:26:52 +0200
Subject: [PATCH 422/424] better imports organization

---
 biome.json                                    | 18 +++++-
 build/emojis_plugin.js                        |  1 +
 build/service_worker_messages.js              |  1 +
 build/sw_plugin.js                            |  1 +
 src/App.js                                    |  1 +
 src/boot/routes.js                            |  1 +
 .../account_actions/account_actions.js        |  8 ++-
 src/components/announcement/announcement.js   |  3 +-
 .../announcements_page/announcements_page.js  |  3 +-
 src/components/attachment/attachment.js       | 16 +++---
 src/components/auth_form/auth_form.js         |  3 +-
 .../bookmark_folders_menu_content.js          |  1 +
 src/components/chat/chat.js                   |  8 ++-
 src/components/chat_list/chat_list.js         |  1 +
 .../chat_list_item/chat_list_item.js          |  3 +-
 src/components/chat_message/chat_message.js   |  8 ++-
 src/components/chat_new/chat_new.js           |  6 +-
 src/components/chat_title/chat_title.js       |  3 +-
 src/components/color_input/color_input.vue    |  6 +-
 .../component_preview/component_preview.js    |  1 -
 src/components/confirm_modal/mute_confirm.js  |  3 +-
 .../contrast_ratio/contrast_ratio.vue         |  3 +-
 src/components/conversation/conversation.js   | 20 ++++---
 src/components/desktop_nav/desktop_nav.js     |  8 ++-
 src/components/draft/draft.js                 |  6 +-
 .../edit_status_modal/edit_status_modal.js    |  1 +
 src/components/emoji_input/emoji_input.js     |  6 +-
 src/components/emoji_picker/emoji_picker.js   | 14 +++--
 .../emoji_reactions/emoji_reactions.js        |  5 +-
 .../extra_notifications.js                    | 10 ++--
 src/components/flash/flash.js                 |  3 +-
 src/components/font_control/font_control.js   |  9 +--
 src/components/gallery/gallery.js             |  1 +
 .../global_notice_list/global_notice_list.js  |  3 +-
 src/components/image_cropper/image_cropper.js |  1 +
 .../interface_language_switcher.js            |  3 +-
 src/components/lists_edit/lists_edit.js       |  8 ++-
 .../lists_menu/lists_menu_content.js          |  3 +-
 .../lists_user_search/lists_user_search.js    |  6 +-
 src/components/login_form/login_form.js       |  8 ++-
 src/components/media_modal/media_modal.js     | 15 ++---
 src/components/media_upload/media_upload.js   |  5 +-
 src/components/mention_link/mention_link.js   |  8 ++-
 src/components/mentions_line/mentions_line.js |  3 +-
 src/components/mfa_form/recovery_form.js      |  8 ++-
 src/components/mfa_form/totp_form.js          |  8 ++-
 src/components/mobile_nav/mobile_nav.js       | 29 +++++-----
 .../mobile_post_status_button.js              |  6 +-
 .../moderation_tools/moderation_tools.js      |  6 +-
 src/components/nav_panel/nav_panel.js         | 24 ++++----
 src/components/navigation/navigation_entry.js |  8 ++-
 src/components/navigation/navigation_pins.js  | 30 +++++-----
 src/components/notification/notification.js   | 30 +++++-----
 .../notifications/notification_filters.vue    |  3 +-
 src/components/notifications/notifications.js | 18 +++---
 .../palette_editor/palette_editor.vue         |  8 ++-
 .../password_reset/password_reset.js          |  6 +-
 src/components/poll/poll.js                   |  1 +
 src/components/poll/poll_form.js              |  5 +-
 .../post_status_form/post_status_form.js      | 28 +++++-----
 .../post_status_modal/post_status_modal.js    |  1 +
 .../quick_filter_settings.js                  | 10 ++--
 .../quick_view_settings.js                    | 12 ++--
 src/components/registration/registration.js   |  3 +-
 src/components/rich_content/rich_content.jsx  |  1 +
 src/components/search/search.js               |  6 +-
 .../settings_modal/admin_tabs/emoji_tab.js    | 26 +++++----
 .../admin_tabs/frontends_tab.js               |  5 +-
 .../settings_modal/admin_tabs/http_tab.js     |  1 +
 .../settings_modal/admin_tabs/instance_tab.js |  2 +-
 .../settings_modal/admin_tabs/links_tab.js    |  2 +-
 .../admin_tabs/monitoring_tab.js              |  5 +-
 .../settings_modal/admin_tabs/rates_tab.js    |  1 -
 .../settings_modal/helpers/draft_buttons.vue  |  3 +-
 .../settings_modal/helpers/help_indicator.vue |  3 +-
 .../helpers/modified_indicator.vue            |  3 +-
 .../helpers/profile_setting_indicator.vue     |  3 +-
 .../helpers/pwa_manifest_icons_setting.js     |  1 +
 .../settings_modal/helpers/setting.js         |  1 +
 .../helpers/vertical_tab_switcher.jsx         |  4 +-
 .../settings_modal/settings_modal.js          | 18 +++---
 .../settings_modal_admin_content.js           | 39 ++++++-------
 .../settings_modal_user_content.js            | 35 ++++++------
 .../settings_modal/tabs/appearance_tab.js     |  1 +
 .../settings_modal/tabs/clutter_tab.js        |  8 +--
 .../settings_modal/tabs/composing_tab.js      | 30 +++++-----
 .../tabs/data_import_export_tab.js            |  3 +-
 .../settings_modal/tabs/filtering_tab.js      |  5 +-
 .../settings_modal/tabs/general_tab.js        |  4 +-
 .../tabs/mutes_and_blocks_tab.js              |  1 +
 .../tabs/old_theme_tab/theme_preview.vue      |  3 +-
 .../settings_modal/tabs/posts_tab.js          |  1 -
 .../settings_modal/tabs/profile_tab.js        | 11 ++--
 .../settings_modal/tabs/security_tab/mfa.js   |  1 +
 .../tabs/security_tab/mfa_totp.js             |  1 +
 .../tabs/style_tab/style_tab.js               | 34 +++++------
 .../tabs/style_tab/virtual_directives_tab.js  |  4 +-
 .../shadow_control/shadow_control.js          | 16 +++---
 src/components/shout_panel/shout_panel.js     |  5 +-
 src/components/side_drawer/side_drawer.js     | 20 ++++---
 src/components/staff_panel/staff_panel.js     |  1 +
 src/components/status/status.js               | 46 +++++++--------
 .../status_action_buttons/action_button.js    |  7 ++-
 .../action_button_container.js                |  9 +--
 .../status_action_buttons.js                  |  6 +-
 src/components/status_body/status_body.js     |  8 ++-
 .../status_bookmark_folder_menu.js            |  6 +-
 .../status_content/status_content.js          | 16 +++---
 .../status_history_modal.js                   |  1 +
 .../status_popover/status_popover.js          |  5 +-
 .../still-image/still-image-emoji-popover.vue |  1 +
 src/components/tab_switcher/tab_switcher.jsx  |  4 +-
 src/components/thread_tree/thread_tree.js     |  3 +-
 src/components/timeline/timeline.js           | 22 ++++----
 src/components/timeline_menu/timeline_menu.js |  8 ++-
 .../update_notification.js                    |  5 +-
 src/components/user_avatar/user_avatar.js     |  5 +-
 src/components/user_card/user_card.js         | 56 ++++++++++---------
 .../user_list_menu/user_list_menu.js          |  6 +-
 .../user_list_popover/user_list_popover.js    |  8 ++-
 src/components/user_panel/user_panel.js       |  1 +
 src/components/user_popover/user_popover.js   |  1 +
 src/components/user_profile/user_profile.js   |  6 +-
 .../who_to_follow_panel.js                    |  1 +
 src/hocs/with_load_more/with_load_more.jsx    |  1 +
 .../with_subscription/with_subscription.jsx   |  1 +
 src/i18n/messages.js                          |  1 +
 src/lib/persisted_state.js                    |  1 +
 src/main.js                                   |  1 +
 src/modules/api.js                            |  1 +
 src/modules/chats.js                          |  1 +
 src/modules/config.js                         |  2 +-
 src/modules/instance.js                       |  4 +-
 src/modules/notifications.js                  |  1 -
 src/modules/statuses.js                       |  1 +
 src/modules/users.js                          |  1 +
 src/services/api/api.service.js               |  1 +
 .../entity_normalizer.service.js              |  1 +
 .../html_tree_converter.service.js            |  1 +
 src/services/locale/locale.service.js         |  1 +
 src/services/new_api/oauth.js                 |  1 +
 src/services/poll/poll.service.js             |  1 +
 .../status_poster/status_poster.service.js    |  1 +
 src/services/style_setter/style_setter.js     |  1 +
 src/services/theme_data/pleromafe.js          |  1 +
 src/services/theme_data/theme2_to_theme3.js   |  1 +
 .../theme_data/theme3_slot_functions.js       |  1 +
 src/services/theme_data/theme_data.service.js |  1 +
 .../theme_data/theme_data_3.service.js        |  2 +-
 .../timeline_fetcher.service.js               |  1 +
 src/stores/auth_flow.js                       |  1 +
 src/stores/media_viewer.js                    |  1 +
 src/stores/oauth.js                           |  1 +
 src/stores/reports.js                         |  1 +
 src/stores/serverSideStorage.js               |  3 +-
 src/sw.js                                     | 13 +++--
 test/fixtures/mock_store.js                   |  3 +-
 test/fixtures/setup_test.js                   |  3 +-
 test/unit/specs/boot/routes.spec.js           |  3 +-
 test/unit/specs/components/draft.spec.js      |  3 +-
 .../unit/specs/components/emoji_input.spec.js |  3 +-
 .../specs/components/rich_content.spec.js     |  1 +
 .../specs/components/user_profile.spec.js     |  3 +-
 test/unit/specs/lib/persisted_state.spec.js   |  3 +-
 test/unit/specs/stores/lists.spec.js          |  3 +-
 test/unit/specs/stores/oauth.spec.js          |  3 +-
 vite.config.js                                |  1 +
 167 files changed, 663 insertions(+), 445 deletions(-)

diff --git a/biome.json b/biome.json
index 9b4ee2663..d64639d52 100644
--- a/biome.json
+++ b/biome.json
@@ -124,6 +124,22 @@
   ],
   "assist": {
     "enabled": true,
-    "actions": { "source": { "organizeImports": "on" } }
+    "actions": {
+      "source": {
+        "organizeImports": {
+          "level": "on",
+          "options": {
+            "groups": [
+              [":NODE:", ":PACKAGE:", "!src/**", "!@fortawesome/**"],
+              ":BLANK_LINE:",
+              [":PATH:", "src/**"],
+              ":BLANK_LINE:",
+              "@fortawesome/fontawesome-svg-core",
+              "@fortawesome/*"
+            ]
+          }
+        }
+      }
+    }
   }
 }
diff --git a/build/emojis_plugin.js b/build/emojis_plugin.js
index 43a665e50..7979086dd 100644
--- a/build/emojis_plugin.js
+++ b/build/emojis_plugin.js
@@ -1,5 +1,6 @@
 import { access } from 'node:fs/promises'
 import { resolve } from 'node:path'
+
 import { languages } from '../src/i18n/languages.js'
 
 const annotationsImportPrefix = '@kazvmoe-infra/unicode-emoji-json/annotations/'
diff --git a/build/service_worker_messages.js b/build/service_worker_messages.js
index 0ebd2b471..0948aa919 100644
--- a/build/service_worker_messages.js
+++ b/build/service_worker_messages.js
@@ -1,6 +1,7 @@
 import { readFile } from 'node:fs/promises'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+
 import { langCodeToJsonName, languages } from '../src/i18n/languages.js'
 
 const i18nDir = resolve(
diff --git a/build/sw_plugin.js b/build/sw_plugin.js
index 88520ba31..03c5978d7 100644
--- a/build/sw_plugin.js
+++ b/build/sw_plugin.js
@@ -3,6 +3,7 @@ import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import * as esbuild from 'esbuild'
 import { build } from 'vite'
+
 import {
   generateServiceWorkerMessages,
   i18nFiles,
diff --git a/src/App.js b/src/App.js
index 83e7f8ee5..33645c63d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,7 @@
 import { throttle } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 import { mapGetters } from 'vuex'
+
 import DesktopNav from './components/desktop_nav/desktop_nav.vue'
 import EditStatusModal from './components/edit_status_modal/edit_status_modal.vue'
 import FeaturesPanel from './components/features_panel/features_panel.vue'
diff --git a/src/boot/routes.js b/src/boot/routes.js
index c601531a9..3296755a1 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -26,6 +26,7 @@ import ShoutPanel from 'components/shout_panel/shout_panel.vue'
 import TagTimeline from 'components/tag_timeline/tag_timeline.vue'
 import UserProfile from 'components/user_profile/user_profile.vue'
 import WhoToFollow from 'components/who_to_follow/who_to_follow.vue'
+
 import NavPanel from 'src/components/nav_panel/nav_panel.vue'
 import BookmarkFolderEdit from '../components/bookmark_folder_edit/bookmark_folder_edit.vue'
 import BookmarkFolders from '../components/bookmark_folders/bookmark_folders.vue'
diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index 184c2b623..ee94dc544 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -1,13 +1,15 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faEllipsisV } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'vuex'
+
 import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import { useReportsStore } from 'src/stores/reports'
-import { mapState } from 'vuex'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 import Popover from '../popover/popover.vue'
 import ProgressButton from '../progress_button/progress_button.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisV } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faEllipsisV)
 
 const AccountActions = {
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index 356852cff..906b84ce2 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -1,5 +1,6 @@
-import { useAnnouncementsStore } from 'src/stores/announcements'
 import { mapState } from 'vuex'
+
+import { useAnnouncementsStore } from 'src/stores/announcements'
 import localeService from '../../services/locale/locale.service.js'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
 import RichContent from '../rich_content/rich_content.jsx'
diff --git a/src/components/announcements_page/announcements_page.js b/src/components/announcements_page/announcements_page.js
index d3429613c..0c4383d2e 100644
--- a/src/components/announcements_page/announcements_page.js
+++ b/src/components/announcements_page/announcements_page.js
@@ -1,5 +1,6 @@
-import { useAnnouncementsStore } from 'src/stores/announcements'
 import { mapState } from 'vuex'
+
+import { useAnnouncementsStore } from 'src/stores/announcements'
 import Announcement from '../announcement/announcement.vue'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
 
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
index 8c7700c8a..31fceba60 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -1,3 +1,12 @@
+import { mapGetters } from 'vuex'
+
+import { useMediaViewerStore } from 'src/stores/media_viewer'
+import nsfwImage from '../../assets/nsfw.png'
+import fileTypeService from '../../services/file_type/file_type.service.js'
+import Flash from '../flash/flash.vue'
+import StillImage from '../still-image/still-image.vue'
+import VideoAttachment from '../video_attachment/video_attachment.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAlignRight,
@@ -12,13 +21,6 @@ import {
   faTrashAlt,
   faVideo,
 } from '@fortawesome/free-solid-svg-icons'
-import { useMediaViewerStore } from 'src/stores/media_viewer'
-import { mapGetters } from 'vuex'
-import nsfwImage from '../../assets/nsfw.png'
-import fileTypeService from '../../services/file_type/file_type.service.js'
-import Flash from '../flash/flash.vue'
-import StillImage from '../still-image/still-image.vue'
-import VideoAttachment from '../video_attachment/video_attachment.vue'
 
 library.add(
   faFile,
diff --git a/src/components/auth_form/auth_form.js b/src/components/auth_form/auth_form.js
index 1e9b86c57..ce88aa6f9 100644
--- a/src/components/auth_form/auth_form.js
+++ b/src/components/auth_form/auth_form.js
@@ -1,6 +1,7 @@
 import { mapState } from 'pinia'
-import { useAuthFlowStore } from 'src/stores/auth_flow'
 import { h, resolveComponent } from 'vue'
+
+import { useAuthFlowStore } from 'src/stores/auth_flow'
 import LoginForm from '../login_form/login_form.vue'
 import MFARecoveryForm from '../mfa_form/recovery_form.vue'
 import MFATOTPForm from '../mfa_form/totp_form.vue'
diff --git a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
index cc8135334..e84b3bc85 100644
--- a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
+++ b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
@@ -1,4 +1,5 @@
 import { mapState } from 'pinia'
+
 import { getBookmarkFolderEntries } from 'src/components/navigation/filter.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
diff --git a/src/components/chat/chat.js b/src/components/chat/chat.js
index 2a0d91761..6dd69ada4 100644
--- a/src/components/chat/chat.js
+++ b/src/components/chat/chat.js
@@ -1,9 +1,8 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronDown, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 import _ from 'lodash'
 import { mapState as mapPiniaState } from 'pinia'
-import { useInterfaceStore } from 'src/stores/interface.js'
 import { mapGetters, mapState } from 'vuex'
+
+import { useInterfaceStore } from 'src/stores/interface.js'
 import { WSConnectionStatus } from '../../services/api/api.service.js'
 import chatService from '../../services/chat_service/chat_service.js'
 import { buildFakeMessage } from '../../services/chat_utils/chat_utils.js'
@@ -18,6 +17,9 @@ import {
   isScrollable,
 } from './chat_layout_utils.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronDown, faChevronLeft)
 
 const BOTTOMED_OUT_OFFSET = 10
diff --git a/src/components/chat_list/chat_list.js b/src/components/chat_list/chat_list.js
index 8081d0670..4c3194ae1 100644
--- a/src/components/chat_list/chat_list.js
+++ b/src/components/chat_list/chat_list.js
@@ -1,4 +1,5 @@
 import { mapGetters, mapState } from 'vuex'
+
 import ChatListItem from '../chat_list_item/chat_list_item.vue'
 import ChatNew from '../chat_new/chat_new.vue'
 import List from '../list/list.vue'
diff --git a/src/components/chat_list_item/chat_list_item.js b/src/components/chat_list_item/chat_list_item.js
index ba8f5528b..0923a8568 100644
--- a/src/components/chat_list_item/chat_list_item.js
+++ b/src/components/chat_list_item/chat_list_item.js
@@ -1,5 +1,6 @@
-import fileType from 'src/services/file_type/file_type.service'
 import { mapState } from 'vuex'
+
+import fileType from 'src/services/file_type/file_type.service'
 import AvatarList from '../avatar_list/avatar_list.vue'
 import ChatTitle from '../chat_title/chat_title.vue'
 import StatusBody from '../status_content/status_content.vue'
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 0d3876ab6..f3cc495c2 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -1,9 +1,8 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faEllipsisH, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { mapState as mapPiniaState } from 'pinia'
-import { useInterfaceStore } from 'src/stores/interface'
 import { defineAsyncComponent } from 'vue'
 import { mapGetters, mapState } from 'vuex'
+
+import { useInterfaceStore } from 'src/stores/interface'
 import Attachment from '../attachment/attachment.vue'
 import ChatMessageDate from '../chat_message_date/chat_message_date.vue'
 import Gallery from '../gallery/gallery.vue'
@@ -12,6 +11,9 @@ import Popover from '../popover/popover.vue'
 import StatusContent from '../status_content/status_content.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisH, faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes, faEllipsisH)
 
 const ChatMessage = {
diff --git a/src/components/chat_new/chat_new.js b/src/components/chat_new/chat_new.js
index d9f73193c..50e0f7a8f 100644
--- a/src/components/chat_new/chat_new.js
+++ b/src/components/chat_new/chat_new.js
@@ -1,9 +1,11 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
 import { mapGetters, mapState } from 'vuex'
+
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faSearch, faChevronLeft)
 
 const chatNew = {
diff --git a/src/components/chat_title/chat_title.js b/src/components/chat_title/chat_title.js
index 7748f8973..3447f5163 100644
--- a/src/components/chat_title/chat_title.js
+++ b/src/components/chat_title/chat_title.js
@@ -1,5 +1,6 @@
-import RichContent from 'src/components/rich_content/rich_content.jsx'
 import { defineAsyncComponent } from 'vue'
+
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 
 export default {
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index 76a00416c..a6fc2047b 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -64,12 +64,14 @@
   </div>
 </template>
 <script>
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faEyeDropper } from '@fortawesome/free-solid-svg-icons'
 import { throttle } from 'lodash'
+
 import { hex2rgb } from '../../services/color_convert/color_convert.js'
 import Checkbox from '../checkbox/checkbox.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEyeDropper } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faEyeDropper)
 
 export default {
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index 1d54f58de..70696f56b 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -1,6 +1,5 @@
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
-
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
 import {
   adoptStyleSheets,
diff --git a/src/components/confirm_modal/mute_confirm.js b/src/components/confirm_modal/mute_confirm.js
index 2ccb0b3bc..560f6346c 100644
--- a/src/components/confirm_modal/mute_confirm.js
+++ b/src/components/confirm_modal/mute_confirm.js
@@ -1,5 +1,6 @@
-import Select from 'src/components/select/select.vue'
 import { mapGetters } from 'vuex'
+
+import Select from 'src/components/select/select.vue'
 import ConfirmModal from './confirm_modal.vue'
 
 export default {
diff --git a/src/components/contrast_ratio/contrast_ratio.vue b/src/components/contrast_ratio/contrast_ratio.vue
index 6294e6dd1..1f8b62809 100644
--- a/src/components/contrast_ratio/contrast_ratio.vue
+++ b/src/components/contrast_ratio/contrast_ratio.vue
@@ -57,13 +57,14 @@
 </template>
 
 <script>
+import Tooltip from 'src/components/tooltip/tooltip.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAdjust,
   faExclamationTriangle,
   faThumbsUp,
 } from '@fortawesome/free-solid-svg-icons'
-import Tooltip from 'src/components/tooltip/tooltip.vue'
 
 library.add(faAdjust, faExclamationTriangle, faThumbsUp)
 
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 055f43bb3..3caf4add7 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -1,18 +1,20 @@
+import { clone, filter, findIndex, get, reduce } from 'lodash'
+import { mapState as mapPiniaState } from 'pinia'
+import { mapGetters, mapState } from 'vuex'
+
+import { useInterfaceStore } from 'src/stores/interface'
+import { WSConnectionStatus } from '../../services/api/api.service.js'
+import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
+import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
+import Status from '../status/status.vue'
+import ThreadTree from '../thread_tree/thread_tree.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
   faAngleDoubleLeft,
   faChevronLeft,
 } from '@fortawesome/free-solid-svg-icons'
-import { clone, filter, findIndex, get, reduce } from 'lodash'
-import { mapState as mapPiniaState } from 'pinia'
-import { useInterfaceStore } from 'src/stores/interface'
-import { mapGetters, mapState } from 'vuex'
-import { WSConnectionStatus } from '../../services/api/api.service.js'
-import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
-import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
-import Status from '../status/status.vue'
-import ThreadTree from '../thread_tree/thread_tree.vue'
 
 library.add(faAngleDoubleDown, faAngleDoubleLeft, faChevronLeft)
 
diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index c816a97b1..8ab54b3df 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -1,3 +1,8 @@
+import SearchBar from 'components/search_bar/search_bar.vue'
+
+import { useInterfaceStore } from 'src/stores/interface'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
@@ -12,9 +17,6 @@ import {
   faTachometerAlt,
   faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-import SearchBar from 'components/search_bar/search_bar.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 
 library.add(
   faSignInAlt,
diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index 2a2485b58..971a75b10 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -1,12 +1,14 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faPollH } from '@fortawesome/free-solid-svg-icons'
 import { cloneDeep } from 'lodash'
+
 import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
 import EditStatusForm from 'src/components/edit_status_form/edit_status_form.vue'
 import Gallery from 'src/components/gallery/gallery.vue'
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import StatusContent from 'src/components/status_content/status_content.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faPollH } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faPollH)
 
 const Draft = {
diff --git a/src/components/edit_status_modal/edit_status_modal.js b/src/components/edit_status_modal/edit_status_modal.js
index 022055e47..8a16e4234 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -1,4 +1,5 @@
 import get from 'lodash/get'
+
 import { useEditStatusStore } from 'src/stores/editStatus'
 import EditStatusForm from '../edit_status_form/edit_status_form.vue'
 import Modal from '../modal/modal.vue'
diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index 49470bec9..24794640e 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -1,6 +1,5 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
 import { take } from 'lodash'
+
 import Popover from 'src/components/popover/popover.vue'
 import ScreenReaderNotice from 'src/components/screen_reader_notice/screen_reader_notice.vue'
 import { ensureFinalFallback } from '../../i18n/languages.js'
@@ -10,6 +9,9 @@ import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 import EmojiPicker from '../emoji_picker/emoji_picker.vue'
 import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
+
 library.add(faSmileBeam)
 
 /**
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 80920a128..e4221f706 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -1,3 +1,11 @@
+import { chunk, debounce, trim } from 'lodash'
+import { defineAsyncComponent } from 'vue'
+
+import Popover from 'src/components/popover/popover.vue'
+import { ensureFinalFallback } from '../../i18n/languages.js'
+import Checkbox from '../checkbox/checkbox.vue'
+import StillImage from '../still-image/still-image.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBasketballBall,
@@ -13,12 +21,6 @@ import {
   faStickyNote,
   faUser,
 } from '@fortawesome/free-solid-svg-icons'
-import { chunk, debounce, trim } from 'lodash'
-import Popover from 'src/components/popover/popover.vue'
-import { defineAsyncComponent } from 'vue'
-import { ensureFinalFallback } from '../../i18n/languages.js'
-import Checkbox from '../checkbox/checkbox.vue'
-import StillImage from '../still-image/still-image.vue'
 
 library.add(
   faBoxOpen,
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index a21f68f83..8a121befc 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -1,9 +1,10 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCheck, faMinus, faPlus } from '@fortawesome/free-solid-svg-icons'
 import StillImage from 'src/components/still-image/still-image.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import UserListPopover from '../user_list_popover/user_list_popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCheck, faMinus, faPlus } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faPlus, faMinus, faCheck)
 
 const EMOJI_REACTION_COUNT_CUTOFF = 12
diff --git a/src/components/extra_notifications/extra_notifications.js b/src/components/extra_notifications/extra_notifications.js
index f0beeeefd..1deebd878 100644
--- a/src/components/extra_notifications/extra_notifications.js
+++ b/src/components/extra_notifications/extra_notifications.js
@@ -1,13 +1,15 @@
+import { mapState as mapPiniaState } from 'pinia'
+import { mapGetters } from 'vuex'
+
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInterfaceStore } from 'src/stores/interface'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBullhorn,
   faComments,
   faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-import { mapState as mapPiniaState } from 'pinia'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useInterfaceStore } from 'src/stores/interface'
-import { mapGetters } from 'vuex'
 
 library.add(faUserPlus, faComments, faBullhorn)
 
diff --git a/src/components/flash/flash.js b/src/components/flash/flash.js
index 2c1c05ddc..3c25abea1 100644
--- a/src/components/flash/flash.js
+++ b/src/components/flash/flash.js
@@ -1,9 +1,10 @@
+import RuffleService from '../../services/ruffle_service/ruffle_service.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faExclamationTriangle,
   faStop,
 } from '@fortawesome/free-solid-svg-icons'
-import RuffleService from '../../services/ruffle_service/ruffle_service.js'
 
 library.add(faStop, faExclamationTriangle)
 
diff --git a/src/components/font_control/font_control.js b/src/components/font_control/font_control.js
index c166088bd..08d25d52d 100644
--- a/src/components/font_control/font_control.js
+++ b/src/components/font_control/font_control.js
@@ -1,13 +1,14 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Popover from 'src/components/popover/popover.vue'
+import { useInterfaceStore } from 'src/stores/interface'
+import Select from '../select/select.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faExclamationTriangle,
   faFont,
   faKeyboard,
 } from '@fortawesome/free-solid-svg-icons'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Popover from 'src/components/popover/popover.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-import Select from '../select/select.vue'
 
 library.add(faExclamationTriangle, faKeyboard, faFont)
 
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
index 83999ef25..9934a7905 100644
--- a/src/components/gallery/gallery.js
+++ b/src/components/gallery/gallery.js
@@ -1,4 +1,5 @@
 import { set, sumBy } from 'lodash'
+
 import { useMediaViewerStore } from 'src/stores/media_viewer'
 import Attachment from '../attachment/attachment.vue'
 
diff --git a/src/components/global_notice_list/global_notice_list.js b/src/components/global_notice_list/global_notice_list.js
index 7135d5084..4a2726d7b 100644
--- a/src/components/global_notice_list/global_notice_list.js
+++ b/src/components/global_notice_list/global_notice_list.js
@@ -1,6 +1,7 @@
+import { useInterfaceStore } from 'src/stores/interface'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
 
 library.add(faTimes)
 
diff --git a/src/components/image_cropper/image_cropper.js b/src/components/image_cropper/image_cropper.js
index 158fcdefa..c8529c8e6 100644
--- a/src/components/image_cropper/image_cropper.js
+++ b/src/components/image_cropper/image_cropper.js
@@ -1,4 +1,5 @@
 import 'cropperjs' // This adds all of the cropperjs's components into DOM
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
index e0c7ed034..1cdedadd3 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -1,5 +1,6 @@
-import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
 import { v4 as uuidv4 } from 'uuid'
+
+import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
 import localeService from '../../services/locale/locale.service.js'
 import Select from '../select/select.vue'
 
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index 42c7721f4..64a2e942c 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -1,15 +1,17 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
 import { mapState as mapPiniaState } from 'pinia'
+import { mapGetters, mapState } from 'vuex'
+
 import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
-import { mapGetters, mapState } from 'vuex'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import ListsUserSearch from '../lists_user_search/lists_user_search.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faSearch, faChevronLeft)
 
 const ListsNew = {
diff --git a/src/components/lists_menu/lists_menu_content.js b/src/components/lists_menu/lists_menu_content.js
index 2f0a9c2d2..7574c4c3f 100644
--- a/src/components/lists_menu/lists_menu_content.js
+++ b/src/components/lists_menu/lists_menu_content.js
@@ -1,8 +1,9 @@
 import { mapState as mapPiniaState } from 'pinia'
+import { mapState } from 'vuex'
+
 import { getListEntries } from 'src/components/navigation/filter.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { useListsStore } from 'src/stores/lists'
-import { mapState } from 'vuex'
 
 export const ListsMenuContent = {
   props: ['showPin'],
diff --git a/src/components/lists_user_search/lists_user_search.js b/src/components/lists_user_search/lists_user_search.js
index 65c55319c..699e6c156 100644
--- a/src/components/lists_user_search/lists_user_search.js
+++ b/src/components/lists_user_search/lists_user_search.js
@@ -1,7 +1,9 @@
+import { debounce } from 'lodash'
+
+import Checkbox from '../checkbox/checkbox.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
-import { debounce } from 'lodash'
-import Checkbox from '../checkbox/checkbox.vue'
 
 library.add(faSearch, faChevronLeft)
 
diff --git a/src/components/login_form/login_form.js b/src/components/login_form/login_form.js
index 346bdd83d..7c43923c9 100644
--- a/src/components/login_form/login_form.js
+++ b/src/components/login_form/login_form.js
@@ -1,11 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { mapState } from 'vuex'
+
 import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { mapState } from 'vuex'
 import oauthApi from '../../services/new_api/oauth.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes)
 
 const LoginForm = {
diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index f1d116757..6199a6e32 100644
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@@ -1,10 +1,3 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faChevronLeft,
-  faChevronRight,
-  faCircleNotch,
-  faTimes,
-} from '@fortawesome/free-solid-svg-icons'
 import Flash from 'src/components/flash/flash.vue'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
 import fileTypeService from '../../services/file_type/file_type.service.js'
@@ -15,6 +8,14 @@ import StillImage from '../still-image/still-image.vue'
 import SwipeClick from '../swipe_click/swipe_click.vue'
 import VideoAttachment from '../video_attachment/video_attachment.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faChevronLeft,
+  faChevronRight,
+  faCircleNotch,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronLeft, faChevronRight, faCircleNotch, faTimes)
 
 const MediaModal = {
diff --git a/src/components/media_upload/media_upload.js b/src/components/media_upload/media_upload.js
index 92d34b4c9..8dc3d6c65 100644
--- a/src/components/media_upload/media_upload.js
+++ b/src/components/media_upload/media_upload.js
@@ -1,9 +1,10 @@
 /* eslint-env browser */
 
+import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
+import statusPosterService from '../../services/status_poster/status_poster.service.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch, faUpload } from '@fortawesome/free-solid-svg-icons'
-import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
-import statusPosterService from '../../services/status_poster/status_poster.service.js'
 
 library.add(faUpload, faCircleNotch)
 
diff --git a/src/components/mention_link/mention_link.js b/src/components/mention_link/mention_link.js
index 24820331e..4c211b5e9 100644
--- a/src/components/mention_link/mention_link.js
+++ b/src/components/mention_link/mention_link.js
@@ -1,8 +1,7 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faAt } from '@fortawesome/free-solid-svg-icons'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { defineAsyncComponent } from 'vue'
 import { mapGetters, mapState } from 'vuex'
+
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import {
   highlightClass,
   highlightStyle,
@@ -10,6 +9,9 @@ import {
 import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faAt } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faAt)
 
 const MentionLink = {
diff --git a/src/components/mentions_line/mentions_line.js b/src/components/mentions_line/mentions_line.js
index 8d546a3a7..e6aa392a0 100644
--- a/src/components/mentions_line/mentions_line.js
+++ b/src/components/mentions_line/mentions_line.js
@@ -1,6 +1,7 @@
-import MentionLink from 'src/components/mention_link/mention_link.vue'
 import { mapGetters } from 'vuex'
 
+import MentionLink from 'src/components/mention_link/mention_link.vue'
+
 export const MENTIONS_LIMIT = 5
 
 const MentionsLine = {
diff --git a/src/components/mfa_form/recovery_form.js b/src/components/mfa_form/recovery_form.js
index 015c310c7..5fa5c187a 100644
--- a/src/components/mfa_form/recovery_form.js
+++ b/src/components/mfa_form/recovery_form.js
@@ -1,11 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { mapState } from 'vuex'
+
 import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { mapState } from 'vuex'
 import mfaApi from '../../services/new_api/mfa.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes)
 
 export default {
diff --git a/src/components/mfa_form/totp_form.js b/src/components/mfa_form/totp_form.js
index 006c2ac6e..d1378b078 100644
--- a/src/components/mfa_form/totp_form.js
+++ b/src/components/mfa_form/totp_form.js
@@ -1,11 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { mapState } from 'vuex'
+
 import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { mapState } from 'vuex'
 import mfaApi from '../../services/new_api/mfa.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes)
 
 export default {
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 382966837..873bdc40d 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -1,3 +1,18 @@
+import { mapState } from 'pinia'
+import { mapGetters } from 'vuex'
+
+import NavigationPins from 'src/components/navigation/navigation_pins.vue'
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import GestureService from '../../services/gesture_service/gesture_service'
+import {
+  countExtraNotifications,
+  unseenNotificationsFromStore,
+} from '../../services/notification_utils/notification_utils'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import Notifications from '../notifications/notifications.vue'
+import SideDrawer from '../side_drawer/side_drawer.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faArrowUp,
@@ -7,20 +22,6 @@ import {
   faMinus,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import { mapState } from 'pinia'
-import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
-import { mapGetters } from 'vuex'
-import GestureService from '../../services/gesture_service/gesture_service'
-import {
-  countExtraNotifications,
-  unseenNotificationsFromStore,
-} from '../../services/notification_utils/notification_utils'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import Notifications from '../notifications/notifications.vue'
-import SideDrawer from '../side_drawer/side_drawer.vue'
 
 library.add(faTimes, faBell, faBars, faArrowUp, faMinus, faCheckDouble)
 
diff --git a/src/components/mobile_post_status_button/mobile_post_status_button.js b/src/components/mobile_post_status_button/mobile_post_status_button.js
index 3972e0e44..dfa7b6fe2 100644
--- a/src/components/mobile_post_status_button/mobile_post_status_button.js
+++ b/src/components/mobile_post_status_button/mobile_post_status_button.js
@@ -1,7 +1,9 @@
+import { debounce } from 'lodash'
+
+import { usePostStatusStore } from 'src/stores/post_status'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPen } from '@fortawesome/free-solid-svg-icons'
-import { debounce } from 'lodash'
-import { usePostStatusStore } from 'src/stores/post_status'
 
 library.add(faPen)
 
diff --git a/src/components/moderation_tools/moderation_tools.js b/src/components/moderation_tools/moderation_tools.js
index 3b8055ba6..fdb8a74b6 100644
--- a/src/components/moderation_tools/moderation_tools.js
+++ b/src/components/moderation_tools/moderation_tools.js
@@ -1,9 +1,9 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
-
 import DialogModal from '../dialog_modal/dialog_modal.vue'
 import Popover from '../popover/popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronDown)
 
 const FORCE_NSFW = 'mrf_tag:media-force-nsfw'
diff --git a/src/components/nav_panel/nav_panel.js b/src/components/nav_panel/nav_panel.js
index 77bfa0ff5..d80cd0a5d 100644
--- a/src/components/nav_panel/nav_panel.js
+++ b/src/components/nav_panel/nav_panel.js
@@ -1,3 +1,16 @@
+import { mapState as mapPiniaState } from 'pinia'
+import { mapGetters, mapState } from 'vuex'
+
+import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
+import { filterNavigation } from 'src/components/navigation/filter.js'
+import { ROOT_ITEMS, TIMELINES } from 'src/components/navigation/navigation.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+import NavigationPins from 'src/components/navigation/navigation_pins.vue'
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
@@ -15,17 +28,6 @@ import {
   faStream,
   faUsers,
 } from '@fortawesome/free-solid-svg-icons'
-import { mapState as mapPiniaState } from 'pinia'
-import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
-import { filterNavigation } from 'src/components/navigation/filter.js'
-import { ROOT_ITEMS, TIMELINES } from 'src/components/navigation/navigation.js'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
-import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { mapGetters, mapState } from 'vuex'
 
 library.add(
   faUsers,
diff --git a/src/components/navigation/navigation_entry.js b/src/components/navigation/navigation_entry.js
index ae0bbd305..75d4dffdd 100644
--- a/src/components/navigation/navigation_entry.js
+++ b/src/components/navigation/navigation_entry.js
@@ -1,11 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faThumbtack } from '@fortawesome/free-solid-svg-icons'
 import { mapState as mapPiniaState, mapStores } from 'pinia'
+import { mapState } from 'vuex'
+
 import { routeTo } from 'src/components/navigation/navigation.js'
 import OptionalRouterLink from 'src/components/optional_router_link/optional_router_link.vue'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { mapState } from 'vuex'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faThumbtack } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faThumbtack)
 
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index 5bc349d01..e14edce14 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -1,17 +1,6 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faBell,
-  faBookmark,
-  faCity,
-  faComments,
-  faEnvelope,
-  faGlobe,
-  faInfoCircle,
-  faList,
-  faStream,
-  faUsers,
-} from '@fortawesome/free-solid-svg-icons'
 import { mapState as mapPiniaState } from 'pinia'
+import { mapState } from 'vuex'
+
 import {
   filterNavigation,
   getBookmarkFolderEntries,
@@ -27,7 +16,20 @@ import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 import { useListsStore } from 'src/stores/lists'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { mapState } from 'vuex'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faBell,
+  faBookmark,
+  faCity,
+  faComments,
+  faEnvelope,
+  faGlobe,
+  faInfoCircle,
+  faList,
+  faStream,
+  faUsers,
+} from '@fortawesome/free-solid-svg-icons'
 
 library.add(
   faUsers,
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 20285168d..275827c43 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -1,19 +1,7 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCheck,
-  faCompressAlt,
-  faExpandAlt,
-  faEyeSlash,
-  faRetweet,
-  faStar,
-  faSuitcaseRolling,
-  faTimes,
-  faUser,
-  faUserPlus,
-} from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'vuex'
+
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { mapState } from 'vuex'
 import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
 import {
   highlightClass,
@@ -29,6 +17,20 @@ import UserCard from '../user_card/user_card.vue'
 import UserLink from '../user_link/user_link.vue'
 import UserPopover from '../user_popover/user_popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faCheck,
+  faCompressAlt,
+  faExpandAlt,
+  faEyeSlash,
+  faRetweet,
+  faStar,
+  faSuitcaseRolling,
+  faTimes,
+  faUser,
+  faUserPlus,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(
   faCheck,
   faTimes,
diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue
index 674acdec5..7be8eb76b 100644
--- a/src/components/notifications/notification_filters.vue
+++ b/src/components/notifications/notification_filters.vue
@@ -106,9 +106,10 @@
 </template>
 
 <script>
+import Popover from '../popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter } from '@fortawesome/free-solid-svg-icons'
-import Popover from '../popover/popover.vue'
 
 library.add(faFilter)
 
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 236d7ddf5..9e349a2eb 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -1,14 +1,9 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faArrowUp,
-  faCircleNotch,
-  faMinus,
-} from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useInterfaceStore } from 'src/stores/interface'
 import { computed } from 'vue'
 import { mapGetters } from 'vuex'
+
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInterfaceStore } from 'src/stores/interface'
 import FaviconService from '../../services/favicon_service/favicon_service.js'
 import {
   ACTIONABLE_NOTIFICATION_TYPES,
@@ -22,6 +17,13 @@ import ExtraNotifications from '../extra_notifications/extra_notifications.vue'
 import Notification from '../notification/notification.vue'
 import NotificationFilters from './notification_filters.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faArrowUp,
+  faCircleNotch,
+  faMinus,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(faCircleNotch, faArrowUp, faMinus)
 
 const DEFAULT_SEEN_TO_DISPLAY_COUNT = 30
diff --git a/src/components/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index eeb523786..21b40bccb 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -45,15 +45,17 @@
 </template>
 
 <script setup>
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faFileExport, faFileImport } from '@fortawesome/free-solid-svg-icons'
+import { computed } from 'vue'
+
 import ColorInput from 'src/components/color_input/color_input.vue'
 import {
   newExporter,
   newImporter,
 } from 'src/services/export_import/export_import.js'
 import { useInterfaceStore } from 'src/stores/interface'
-import { computed } from 'vue'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faFileExport, faFileImport } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faFileImport, faFileExport)
 
diff --git a/src/components/password_reset/password_reset.js b/src/components/password_reset/password_reset.js
index c7e78da2d..4fd53f8dd 100644
--- a/src/components/password_reset/password_reset.js
+++ b/src/components/password_reset/password_reset.js
@@ -1,7 +1,9 @@
+import { mapState } from 'vuex'
+
+import passwordResetApi from '../../services/new_api/password_reset.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
-import { mapState } from 'vuex'
-import passwordResetApi from '../../services/new_api/password_reset.js'
 
 library.add(faTimes)
 
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index 2894a60e1..594a7be88 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -1,6 +1,7 @@
 import Checkbox from 'components/checkbox/checkbox.vue'
 import RichContent from 'components/rich_content/rich_content.jsx'
 import Timeago from 'components/timeago/timeago.vue'
+
 import { usePollsStore } from 'src/stores/polls'
 import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 
diff --git a/src/components/poll/poll_form.js b/src/components/poll/poll_form.js
index 1e2d0f22d..92b471314 100644
--- a/src/components/poll/poll_form.js
+++ b/src/components/poll/poll_form.js
@@ -1,9 +1,10 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faPlus, faTimes } from '@fortawesome/free-solid-svg-icons'
 import * as DateUtils from 'src/services/date_utils/date_utils.js'
 import { pollFallback } from 'src/services/poll/poll.service.js'
 import Select from '../select/select.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faPlus, faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes, faPlus)
 
 export default {
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 530620397..396aa94f0 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -1,24 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faBan,
-  faChevronDown,
-  faChevronLeft,
-  faChevronRight,
-  faCircleNotch,
-  faPollH,
-  faSmileBeam,
-  faTimes,
-  faUpload,
-} from '@fortawesome/free-solid-svg-icons'
 import { debounce, map, reject, uniqBy } from 'lodash'
 import { mapActions, mapState } from 'pinia'
+import { mapGetters } from 'vuex'
+
 import DraftCloser from 'src/components/draft_closer/draft_closer.vue'
 import Gallery from 'src/components/gallery/gallery.vue'
 import Popover from 'src/components/popover/popover.vue'
 import { pollFormToMasto } from 'src/services/poll/poll.service.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
-import { mapGetters } from 'vuex'
 import { propsToNative } from '../../services/attributes_helper/attributes_helper.service.js'
 import fileTypeService from '../../services/file_type/file_type.service.js'
 import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
@@ -34,6 +23,19 @@ import ScopeSelector from '../scope_selector/scope_selector.vue'
 import Select from '../select/select.vue'
 import StatusContent from '../status_content/status_content.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faBan,
+  faChevronDown,
+  faChevronLeft,
+  faChevronRight,
+  faCircleNotch,
+  faPollH,
+  faSmileBeam,
+  faTimes,
+  faUpload,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(
   faSmileBeam,
   faPollH,
diff --git a/src/components/post_status_modal/post_status_modal.js b/src/components/post_status_modal/post_status_modal.js
index 2643f0822..2c643e9db 100644
--- a/src/components/post_status_modal/post_status_modal.js
+++ b/src/components/post_status_modal/post_status_modal.js
@@ -1,4 +1,5 @@
 import get from 'lodash/get'
+
 import { usePostStatusStore } from 'src/stores/post_status'
 import Modal from '../modal/modal.vue'
 import PostStatusForm from '../post_status_form/post_status_form.vue'
diff --git a/src/components/quick_filter_settings/quick_filter_settings.js b/src/components/quick_filter_settings/quick_filter_settings.js
index 4e5960901..3572dbb18 100644
--- a/src/components/quick_filter_settings/quick_filter_settings.js
+++ b/src/components/quick_filter_settings/quick_filter_settings.js
@@ -1,9 +1,11 @@
+import { mapState } from 'pinia'
+import { mapGetters } from 'vuex'
+
+import { useInterfaceStore } from 'src/stores/interface'
+import Popover from '../popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter, faFont, faWrench } from '@fortawesome/free-solid-svg-icons'
-import { mapState } from 'pinia'
-import { useInterfaceStore } from 'src/stores/interface'
-import { mapGetters } from 'vuex'
-import Popover from '../popover/popover.vue'
 
 library.add(faFilter, faFont, faWrench)
 
diff --git a/src/components/quick_view_settings/quick_view_settings.js b/src/components/quick_view_settings/quick_view_settings.js
index e3606d116..6c5a9f667 100644
--- a/src/components/quick_view_settings/quick_view_settings.js
+++ b/src/components/quick_view_settings/quick_view_settings.js
@@ -1,3 +1,10 @@
+import { mapState } from 'pinia'
+import { mapGetters } from 'vuex'
+
+import Popover from 'src/components/popover/popover.vue'
+import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
+import { useInterfaceStore } from 'src/stores/interface'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBars,
@@ -5,11 +12,6 @@ import {
   faList,
   faWrench,
 } from '@fortawesome/free-solid-svg-icons'
-import { mapState } from 'pinia'
-import Popover from 'src/components/popover/popover.vue'
-import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-import { mapGetters } from 'vuex'
 
 library.add(faList, faFolderTree, faBars, faWrench)
 
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index a84031fe4..8d1081acb 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -1,7 +1,8 @@
 import useVuelidate from '@vuelidate/core'
 import { required, requiredIf, sameAs } from '@vuelidate/validators'
-import { DAY } from 'src/services/date_utils/date_utils.js'
 import { mapActions, mapState } from 'vuex'
+
+import { DAY } from 'src/services/date_utils/date_utils.js'
 import localeService from '../../services/locale/locale.service.js'
 import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
 import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 1a64b813f..99dd8035d 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -1,4 +1,5 @@
 import { flattenDeep, unescape as ldUnescape } from 'lodash'
+
 import HashtagLink from 'src/components/hashtag_link/hashtag_link.vue'
 import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
 import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 1625fe691..b8812d0ac 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -1,12 +1,14 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
 import { uniqBy } from 'lodash'
 import map from 'lodash/map'
+
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import Conversation from '../conversation/conversation.vue'
 import FollowCard from '../follow_card/follow_card.vue'
 import Status from '../status/status.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faCircleNotch, faSearch)
 
 const Search = {
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index 69605ff03..e53c2f219 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -1,3 +1,17 @@
+import Checkbox from 'components/checkbox/checkbox.vue'
+import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
+import Popover from 'components/popover/popover.vue'
+import Select from 'components/select/select.vue'
+import StillImage from 'components/still-image/still-image.vue'
+import { assign, clone } from 'lodash'
+
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import { useInterfaceStore } from 'src/stores/interface'
+import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue'
+import ModifiedIndicator from '../helpers/modified_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faArrowsRotate,
@@ -5,18 +19,6 @@ import {
   faFolderOpen,
   faServer,
 } from '@fortawesome/free-solid-svg-icons'
-import Checkbox from 'components/checkbox/checkbox.vue'
-import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
-import Popover from 'components/popover/popover.vue'
-import Select from 'components/select/select.vue'
-import StillImage from 'components/still-image/still-image.vue'
-import { assign, clone } from 'lodash'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import { useInterfaceStore } from 'src/stores/interface'
-import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue'
-import ModifiedIndicator from '../helpers/modified_indicator.vue'
-import SharedComputedObject from '../helpers/shared_computed_object.js'
-import StringSetting from '../helpers/string_setting.vue'
 
 library.add(faArrowsRotate, faFolderOpen, faDownload, faServer)
 
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.js b/src/components/settings_modal/admin_tabs/frontends_tab.js
index 92faa169d..7563adae0 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.js
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.js
@@ -1,5 +1,3 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faGlobe } from '@fortawesome/free-solid-svg-icons'
 import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import Popover from 'src/components/popover/popover.vue'
 import { useInterfaceStore } from 'src/stores/interface'
@@ -10,6 +8,9 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faGlobe)
 
 const FrontendsTab = {
diff --git a/src/components/settings_modal/admin_tabs/http_tab.js b/src/components/settings_modal/admin_tabs/http_tab.js
index 91a6df68a..ea76ebe6f 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.js
+++ b/src/components/settings_modal/admin_tabs/http_tab.js
@@ -1,4 +1,5 @@
 import { get } from 'lodash'
+
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.js b/src/components/settings_modal/admin_tabs/instance_tab.js
index 66fe3866a..67d04c303 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.js
+++ b/src/components/settings_modal/admin_tabs/instance_tab.js
@@ -1,4 +1,5 @@
 import { get } from 'lodash'
+
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
@@ -8,7 +9,6 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
 import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 
diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
index 91bcf5d81..b3b5f1f2e 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.js
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -1,4 +1,5 @@
 import { get } from 'lodash'
+
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
@@ -6,7 +7,6 @@ import ChoiceSetting from '../helpers/choice_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.js b/src/components/settings_modal/admin_tabs/monitoring_tab.js
index 03b347a72..1ba9770f0 100644
--- a/src/components/settings_modal/admin_tabs/monitoring_tab.js
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.js
@@ -1,5 +1,3 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faGlobe } from '@fortawesome/free-solid-svg-icons'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
@@ -9,6 +7,9 @@ import ListSetting from '../helpers/list_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faGlobe)
 
 const MonitoringTab = {
diff --git a/src/components/settings_modal/admin_tabs/rates_tab.js b/src/components/settings_modal/admin_tabs/rates_tab.js
index 812c25b00..ddf18b035 100644
--- a/src/components/settings_modal/admin_tabs/rates_tab.js
+++ b/src/components/settings_modal/admin_tabs/rates_tab.js
@@ -1,5 +1,4 @@
 import RateSetting from '../helpers/rate_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const RatesTab = {
diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index fd2f42cdd..cc7010619 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -57,9 +57,10 @@
 </template>
 
 <script>
+import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
-import Popover from 'src/components/popover/popover.vue'
 
 library.add(faWrench)
 
diff --git a/src/components/settings_modal/helpers/help_indicator.vue b/src/components/settings_modal/helpers/help_indicator.vue
index ea21ea7a3..add6ab753 100644
--- a/src/components/settings_modal/helpers/help_indicator.vue
+++ b/src/components/settings_modal/helpers/help_indicator.vue
@@ -18,9 +18,10 @@
 </template>
 
 <script>
+import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons'
-import Popover from 'src/components/popover/popover.vue'
 
 library.add(faCircleQuestion)
 
diff --git a/src/components/settings_modal/helpers/modified_indicator.vue b/src/components/settings_modal/helpers/modified_indicator.vue
index e92cd7e49..c723dfe19 100644
--- a/src/components/settings_modal/helpers/modified_indicator.vue
+++ b/src/components/settings_modal/helpers/modified_indicator.vue
@@ -23,9 +23,10 @@
 </template>
 
 <script>
+import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
-import Popover from 'src/components/popover/popover.vue'
 
 library.add(faWrench)
 
diff --git a/src/components/settings_modal/helpers/profile_setting_indicator.vue b/src/components/settings_modal/helpers/profile_setting_indicator.vue
index 6ed401f1d..3b45b125d 100644
--- a/src/components/settings_modal/helpers/profile_setting_indicator.vue
+++ b/src/components/settings_modal/helpers/profile_setting_indicator.vue
@@ -23,9 +23,10 @@
 </template>
 
 <script>
+import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faServer } from '@fortawesome/free-solid-svg-icons'
-import Popover from 'src/components/popover/popover.vue'
 
 library.add(faServer)
 
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
index f76672155..6d6cdd121 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
@@ -1,4 +1,5 @@
 import { clone } from 'lodash'
+
 import Attachment from 'src/components/attachment/attachment.vue'
 import MediaUpload from 'src/components/media_upload/media_upload.vue'
 import Select from 'src/components/select/select.vue'
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index 20cd03bce..c77de92b1 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -1,4 +1,5 @@
 import { cloneDeep, get, isEqual, set } from 'lodash'
+
 import DraftButtons from './draft_buttons.vue'
 import ModifiedIndicator from './modified_indicator.vue'
 import ProfileSettingIndicator from './profile_setting_indicator.vue'
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index 7b05f74d0..a3238ce2f 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -1,11 +1,13 @@
 // eslint-disable-next-line no-unused
 
-import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { throttle } from 'lodash'
 import { mapState as mapPiniaState, mapState } from 'pinia'
 import { Fragment, h } from 'vue'
 
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
+
 import './vertical_tab_switcher.scss'
+
 import { useInterfaceStore } from 'src/stores/interface'
 
 const findFirstUsable = (slots) => slots.findIndex((_) => _.props)
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index c4bb493fd..4517c3295 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -1,13 +1,6 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
-import {
-  faChevronDown,
-  faFileDownload,
-  faFileUpload,
-  faTimes,
-} from '@fortawesome/free-solid-svg-icons'
 import { cloneDeep, isEqual } from 'lodash'
 import { mapActions, mapState } from 'pinia'
+
 import AsyncComponentError from 'src/components/async_component_error/async_component_error.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
@@ -21,6 +14,15 @@ import getResettableAsyncComponent from 'src/services/resettable_async_component
 import { useInterfaceStore } from 'src/stores/interface'
 import Popover from '../popover/popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
+import {
+  faChevronDown,
+  faFileDownload,
+  faFileUpload,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+
 const PLEROMAFE_SETTINGS_MAJOR_VERSION = 1
 const PLEROMAFE_SETTINGS_MINOR_VERSION = 0
 
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 1a0787883..1a3f10e77 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -1,22 +1,3 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faChain,
-  faChartLine,
-  faCircleNodes,
-  faDoorOpen,
-  faEllipsis,
-  faEnvelope,
-  faGauge,
-  faGears,
-  faGlobe,
-  faHand,
-  faKey,
-  faLaptopCode,
-  faMessage,
-  faTowerBroadcast,
-  faUpload,
-  faWrench,
-} from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 import AuthTab from './admin_tabs/auth_tab.vue'
 import EmojiTab from './admin_tabs/emoji_tab.vue'
@@ -37,6 +18,26 @@ import RegistrationsTab from './admin_tabs/registrations_tab.vue'
 import UploadsTab from './admin_tabs/uploads_tab.vue'
 import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faChain,
+  faChartLine,
+  faCircleNodes,
+  faDoorOpen,
+  faEllipsis,
+  faEnvelope,
+  faGauge,
+  faGears,
+  faGlobe,
+  faHand,
+  faKey,
+  faLaptopCode,
+  faMessage,
+  faTowerBroadcast,
+  faUpload,
+  faWrench,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(
   faWrench,
   faHand,
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index ce6ee4366..f66099049 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -1,20 +1,3 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faBell,
-  faBroom,
-  faCode,
-  faColumns,
-  faDownload,
-  faEyeSlash,
-  faFilter,
-  faLock,
-  faMessage,
-  faPaintBrush,
-  faPalette,
-  faUser,
-  faWindowRestore,
-  faWrench,
-} from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 import AppearanceTab from './tabs/appearance_tab.vue'
@@ -33,6 +16,24 @@ import ProfileTab from './tabs/profile_tab.vue'
 import SecurityTab from './tabs/security_tab/security_tab.vue'
 import StyleTab from './tabs/style_tab/style_tab.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faBell,
+  faBroom,
+  faCode,
+  faColumns,
+  faDownload,
+  faEyeSlash,
+  faFilter,
+  faLock,
+  faMessage,
+  faPaintBrush,
+  faPalette,
+  faUser,
+  faWindowRestore,
+  faWrench,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(
   faWrench,
   faUser,
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 46de7f168..1110505cc 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -1,4 +1,5 @@
 import { mapActions } from 'pinia'
+
 import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
 import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
 import { newImporter } from 'src/services/export_import/export_import.js'
diff --git a/src/components/settings_modal/tabs/clutter_tab.js b/src/components/settings_modal/tabs/clutter_tab.js
index e7debd89a..c0b7b33b2 100644
--- a/src/components/settings_modal/tabs/clutter_tab.js
+++ b/src/components/settings_modal/tabs/clutter_tab.js
@@ -1,10 +1,10 @@
 import { mapActions, mapState } from 'pinia'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Select from 'src/components/select/select.vue'
-
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import { v4 as uuidv4 } from 'uuid'
 import { mapState as mapVuexState } from 'vuex'
+
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Select from 'src/components/select/select.vue'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import HelpIndicator from '../helpers/help_indicator.vue'
diff --git a/src/components/settings_modal/tabs/composing_tab.js b/src/components/settings_modal/tabs/composing_tab.js
index b55b4ac42..0b06922e0 100644
--- a/src/components/settings_modal/tabs/composing_tab.js
+++ b/src/components/settings_modal/tabs/composing_tab.js
@@ -1,3 +1,19 @@
+import { mapState } from 'vuex'
+
+import FontControl from 'src/components/font_control/font_control.vue'
+import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
+import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
+import Select from 'src/components/select/select.vue'
+import localeService from 'src/services/locale/locale.service.js'
+import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import FloatSetting from '../helpers/float_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faDatabase,
@@ -6,20 +22,6 @@ import {
   faPenAlt,
   faSliders,
 } from '@fortawesome/free-solid-svg-icons'
-import FontControl from 'src/components/font_control/font_control.vue'
-import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
-import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
-import Select from 'src/components/select/select.vue'
-import localeService from 'src/services/locale/locale.service.js'
-import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
-import { mapState } from 'vuex'
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import FloatSetting from '../helpers/float_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import SharedComputedObject from '../helpers/shared_computed_object.js'
-import UnitSetting from '../helpers/unit_setting.vue'
 
 library.add(faGlobe, faMessage, faPenAlt, faDatabase, faSliders)
 
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.js b/src/components/settings_modal/tabs/data_import_export_tab.js
index 70ffae20c..dcd63416b 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.js
+++ b/src/components/settings_modal/tabs/data_import_export_tab.js
@@ -1,8 +1,9 @@
+import { mapState } from 'vuex'
+
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Exporter from 'src/components/exporter/exporter.vue'
 import Importer from 'src/components/importer/importer.vue'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
-import { mapState } from 'vuex'
 
 const DataImportExportTab = {
   data() {
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index 3628ace72..8bd2b913d 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -1,5 +1,8 @@
 import { cloneDeep } from 'lodash'
 import { mapActions, mapState } from 'pinia'
+import { v4 as uuidv4 } from 'uuid'
+import { mapState as mapVuexState } from 'vuex'
+
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Select from 'src/components/select/select.vue'
 import {
@@ -8,8 +11,6 @@ import {
 } from 'src/services/export_import/export_import.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { v4 as uuidv4 } from 'uuid'
-import { mapState as mapVuexState } from 'vuex'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import HelpIndicator from '../helpers/help_indicator.vue'
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 00b3957a1..cf98fd182 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -1,12 +1,12 @@
+import { mapState } from 'vuex'
+
 import FontControl from 'src/components/font_control/font_control.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import localeService from 'src/services/locale/locale.service.js'
-import { mapState } from 'vuex'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import FloatSetting from '../helpers/float_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import UnitSetting from '../helpers/unit_setting.vue'
 
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index 10af49633..55087d1e2 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -1,6 +1,7 @@
 import get from 'lodash/get'
 import map from 'lodash/map'
 import reject from 'lodash/reject'
+
 import withLoadMore from 'src/components/../hocs/with_load_more/with_load_more'
 import withSubscription from 'src/components/../hocs/with_subscription/with_subscription'
 import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
diff --git a/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
index ea7067b99..778e92c3b 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
+++ b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
@@ -118,6 +118,8 @@
 </template>
 
 <script>
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faReply,
@@ -125,7 +127,6 @@ import {
   faStar,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
 
 library.add(faTimes, faStar, faRetweet, faReply)
 
diff --git a/src/components/settings_modal/tabs/posts_tab.js b/src/components/settings_modal/tabs/posts_tab.js
index 3833dc108..dfc4d4f8b 100644
--- a/src/components/settings_modal/tabs/posts_tab.js
+++ b/src/components/settings_modal/tabs/posts_tab.js
@@ -3,7 +3,6 @@ import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const GeneralTab = {
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index 511bba757..acfc0c674 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -1,14 +1,15 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import UserCard from 'src/components/user_card/user_card.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faCircleNotch,
   faPlus,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import UserCard from 'src/components/user_card/user_card.vue'
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 library.add(faTimes, faPlus, faCircleNotch)
 
diff --git a/src/components/settings_modal/tabs/security_tab/mfa.js b/src/components/settings_modal/tabs/security_tab/mfa.js
index 658504c6b..a998fdb4b 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa.js
@@ -1,5 +1,6 @@
 import VueQrcode from '@chenfengyuan/vue-qrcode'
 import { mapState } from 'vuex'
+
 import Confirm from './confirm.vue'
 import RecoveryCodes from './mfa_backup_codes.vue'
 import TOTP from './mfa_totp.vue'
diff --git a/src/components/settings_modal/tabs/security_tab/mfa_totp.js b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
index d8200bcef..e011fd638 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa_totp.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
@@ -1,4 +1,5 @@
 import { mapState } from 'vuex'
+
 import Confirm from './confirm.vue'
 
 export default {
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 4620c0fbb..7fa55761a 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -1,12 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faArrowsRotate,
-  faCheck,
-  faFile,
-  faFloppyDisk,
-  faFolderOpen,
-} from '@fortawesome/free-solid-svg-icons'
 import { get, set, throttle, unset } from 'lodash'
+import {
+  computed,
+  getCurrentInstance,
+  provide,
+  reactive,
+  ref,
+  watch,
+} from 'vue'
+
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
 import ComponentPreview from 'src/components/component_preview/component_preview.vue'
@@ -43,18 +44,19 @@ import {
   init,
 } from 'src/services/theme_data/theme_data_3.service.js'
 import { useInterfaceStore } from 'src/stores/interface'
-import {
-  computed,
-  getCurrentInstance,
-  provide,
-  reactive,
-  ref,
-  watch,
-} from 'vue'
 import StringSetting from '../../helpers/string_setting.vue'
 import Preview from '../old_theme_tab/theme_preview.vue'
 import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faArrowsRotate,
+  faCheck,
+  faFile,
+  faFloppyDisk,
+  faFolderOpen,
+} from '@fortawesome/free-solid-svg-icons'
+
 // helper for debugging
 // const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
 
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
index ff1fcba1c..d52c0084c 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
@@ -1,10 +1,10 @@
-import ColorInput from 'src/components/color_input/color_input.vue'
+import { computed, inject, ref, watch } from 'vue'
 
+import ColorInput from 'src/components/color_input/color_input.vue'
 import Select from 'src/components/select/select.vue'
 import SelectMotion from 'src/components/select/select_motion.vue'
 import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
 import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
-import { computed, inject, ref, watch } from 'vue'
 
 // helper for debugging
 // const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
diff --git a/src/components/shadow_control/shadow_control.js b/src/components/shadow_control/shadow_control.js
index 84bfcfd2b..a7613923c 100644
--- a/src/components/shadow_control/shadow_control.js
+++ b/src/components/shadow_control/shadow_control.js
@@ -1,11 +1,5 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faChevronDown,
-  faChevronUp,
-  faPlus,
-  faTimes,
-} from '@fortawesome/free-solid-svg-icons'
 import { flattenDeep, throttle } from 'lodash'
+
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
 import ComponentPreview from 'src/components/component_preview/component_preview.vue'
@@ -25,6 +19,14 @@ import {
   findShadow,
 } from 'src/services/theme_data/theme_data_3.service.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faChevronDown,
+  faChevronUp,
+  faPlus,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronDown, faChevronUp, faTimes, faPlus)
 
 const toModel = (input) => {
diff --git a/src/components/shout_panel/shout_panel.js b/src/components/shout_panel/shout_panel.js
index fb337daae..6cb6a53b0 100644
--- a/src/components/shout_panel/shout_panel.js
+++ b/src/components/shout_panel/shout_panel.js
@@ -1,8 +1,9 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faBullhorn, faTimes } from '@fortawesome/free-solid-svg-icons'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { useShoutStore } from 'src/stores/shout'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faBullhorn, faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faBullhorn, faTimes)
 
 const shoutPanel = {
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index af351f5b6..b12cef86e 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -1,3 +1,14 @@
+import { mapState as mapPiniaState } from 'pinia'
+import { mapGetters, mapState } from 'vuex'
+
+import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useShoutStore } from 'src/stores/shout'
+import GestureService from '../../services/gesture_service/gesture_service'
+import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
+import UserCard from '../user_card/user_card.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
@@ -15,15 +26,6 @@ import {
   faTachometerAlt,
   faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-import { mapState as mapPiniaState } from 'pinia'
-import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useInterfaceStore } from 'src/stores/interface'
-import { useShoutStore } from 'src/stores/shout'
-import { mapGetters, mapState } from 'vuex'
-import GestureService from '../../services/gesture_service/gesture_service'
-import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
-import UserCard from '../user_card/user_card.vue'
 
 library.add(
   faSignInAlt,
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index f8a4fd413..0b7dc8b57 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -1,6 +1,7 @@
 import groupBy from 'lodash/groupBy'
 import map from 'lodash/map'
 import { mapGetters, mapState } from 'vuex'
+
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 const StaffPanel = {
diff --git a/src/components/status/status.js b/src/components/status/status.js
index aa7a0efb4..1673a6933 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -1,3 +1,27 @@
+import { unescape as ldUnescape, uniqBy } from 'lodash'
+
+import MentionLink from 'src/components/mention_link/mention_link.vue'
+import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import StatusActionButtons from 'src/components/status_action_buttons/status_action_buttons.vue'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { muteFilterHits } from '../../services/status_parser/status_parser.js'
+import {
+  highlightClass,
+  highlightStyle,
+} from '../../services/user_highlighter/user_highlighter.js'
+import AvatarList from '../avatar_list/avatar_list.vue'
+import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
+import StatusContent from '../status_content/status_content.vue'
+import StatusPopover from '../status_popover/status_popover.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserListPopover from '../user_list_popover/user_list_popover.vue'
+import UserPopover from '../user_popover/user_popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleRight,
@@ -20,28 +44,6 @@ import {
   faThumbtack,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import { unescape as ldUnescape, uniqBy } from 'lodash'
-import MentionLink from 'src/components/mention_link/mention_link.vue'
-import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import StatusActionButtons from 'src/components/status_action_buttons/status_action_buttons.vue'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { muteFilterHits } from '../../services/status_parser/status_parser.js'
-import {
-  highlightClass,
-  highlightStyle,
-} from '../../services/user_highlighter/user_highlighter.js'
-import AvatarList from '../avatar_list/avatar_list.vue'
-import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import StatusContent from '../status_content/status_content.vue'
-import StatusPopover from '../status_popover/status_popover.vue'
-import Timeago from '../timeago/timeago.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import UserLink from '../user_link/user_link.vue'
-import UserListPopover from '../user_list_popover/user_list_popover.vue'
-import UserPopover from '../user_popover/user_popover.vue'
 
 library.add(
   faEnvelope,
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index 057e6d200..5badd87e7 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -1,3 +1,7 @@
+import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
+import Popover from 'src/components/popover/popover.vue'
+import StatusBookmarkFolderMenu from 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBookmark as faBookmarkRegular,
@@ -22,9 +26,6 @@ import {
   faTimes,
   faWrench,
 } from '@fortawesome/free-solid-svg-icons'
-import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
-import Popover from 'src/components/popover/popover.vue'
-import StatusBookmarkFolderMenu from 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
 
 library.add(
   faPlus,
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index dfd07609a..c5e615a19 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -1,13 +1,14 @@
+import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
+import Popover from 'src/components/popover/popover.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import ActionButton from './action_button.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faFolderTree,
   faGlobe,
   faUser,
 } from '@fortawesome/free-solid-svg-icons'
-import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
-import Popover from 'src/components/popover/popover.vue'
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-import ActionButton from './action_button.vue'
 
 library.add(faUser, faGlobe, faFolderTree)
 
diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index 87324cd1f..d53ef3271 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -1,6 +1,5 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
+
 import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
 import Popover from 'src/components/popover/popover.vue'
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
@@ -8,6 +7,9 @@ import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import ActionButtonContainer from './action_button_container.vue'
 import { BUTTONS } from './buttons_definitions.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faEllipsisH)
 
 const StatusActionButtons = {
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index 1f4160a5c..80f8400b6 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -1,3 +1,8 @@
+import { mapGetters } from 'vuex'
+
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import fileType from 'src/services/file_type/file_type.service'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faFile,
@@ -6,9 +11,6 @@ import {
   faMusic,
   faPollH,
 } from '@fortawesome/free-solid-svg-icons'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import fileType from 'src/services/file_type/file_type.service'
-import { mapGetters } from 'vuex'
 
 library.add(faFile, faMusic, faImage, faLink, faPollH)
 
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
index 93938c0aa..4aa617832 100644
--- a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
+++ b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
@@ -1,10 +1,12 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
+
 import Popover from 'src/components/popover/popover.vue'
 import StillImage from 'src/components/still-image/still-image.vue'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronRight, faFolder)
 
 const StatusBookmarkFolderMenu = {
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index ca7944361..51bfe6f1e 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -1,3 +1,12 @@
+import { mapGetters, mapState } from 'vuex'
+
+import StatusBody from 'src/components/status_body/status_body.vue'
+import { useMediaViewerStore } from 'src/stores/media_viewer'
+import Attachment from '../attachment/attachment.vue'
+import Gallery from '../gallery/gallery.vue'
+import LinkPreview from '../link-preview/link-preview.vue'
+import Poll from '../poll/poll.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faCircleNotch,
@@ -7,13 +16,6 @@ import {
   faMusic,
   faPollH,
 } from '@fortawesome/free-solid-svg-icons'
-import StatusBody from 'src/components/status_body/status_body.vue'
-import { useMediaViewerStore } from 'src/stores/media_viewer'
-import { mapGetters, mapState } from 'vuex'
-import Attachment from '../attachment/attachment.vue'
-import Gallery from '../gallery/gallery.vue'
-import LinkPreview from '../link-preview/link-preview.vue'
-import Poll from '../poll/poll.vue'
 
 library.add(faCircleNotch, faFile, faMusic, faImage, faLink, faPollH)
 
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index efae51079..1ad48ace3 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -1,4 +1,5 @@
 import { get } from 'lodash'
+
 import { useStatusHistoryStore } from 'src/stores/statusHistory'
 import Modal from '../modal/modal.vue'
 import Status from '../status/status.vue'
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index 500becb9e..9ad12356e 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -1,8 +1,9 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 import { find } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faCircleNotch)
 
 const StatusPopover = {
diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
index fc0f5a265..f8ff89a6f 100644
--- a/src/components/still-image/still-image-emoji-popover.vue
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -59,6 +59,7 @@
 import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
 import { assign } from 'lodash'
+
 import { useInterfaceStore } from 'src/stores/interface'
 import StillImage from './still-image.vue'
 
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index a85ad50f8..a495ddd51 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -1,10 +1,12 @@
 // eslint-disable-next-line no-unused
 
-import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { mapState } from 'pinia'
 import { Fragment, h } from 'vue'
 
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
+
 import './tab_switcher.scss'
+
 import { useInterfaceStore } from 'src/stores/interface'
 
 const findFirstUsable = (slots) => slots.findIndex((_) => _.props)
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index 6a7eec7d6..f5d5d17fe 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -1,9 +1,10 @@
+import Status from '../status/status.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
   faAngleDoubleRight,
 } from '@fortawesome/free-solid-svg-icons'
-import Status from '../status/status.vue'
 
 library.add(faAngleDoubleDown, faAngleDoubleRight)
 
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index f77e38907..afb1690e0 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -1,3 +1,15 @@
+import { debounce, keyBy, throttle } from 'lodash'
+import { mapState } from 'pinia'
+
+import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
+import { useInterfaceStore } from 'src/stores/interface'
+import Conversation from '../conversation/conversation.vue'
+import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
+import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
+import ScrollTopButton from '../scroll_top_button/scroll_top_button.vue'
+import Status from '../status/status.vue'
+import TimelineMenu from '../timeline_menu/timeline_menu.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faArrowUp,
@@ -7,16 +19,6 @@ import {
   faCog,
   faMinus,
 } from '@fortawesome/free-solid-svg-icons'
-import { debounce, keyBy, throttle } from 'lodash'
-import { mapState } from 'pinia'
-import { useInterfaceStore } from 'src/stores/interface'
-import timelineFetcher from '../../services/timeline_fetcher/timeline_fetcher.service.js'
-import Conversation from '../conversation/conversation.vue'
-import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
-import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
-import ScrollTopButton from '../scroll_top_button/scroll_top_button.vue'
-import Status from '../status/status.vue'
-import TimelineMenu from '../timeline_menu/timeline_menu.vue'
 
 library.add(faCircleNotch, faCog, faMinus, faArrowUp, faCirclePlus, faCheck)
 
diff --git a/src/components/timeline_menu/timeline_menu.js b/src/components/timeline_menu/timeline_menu.js
index 2edb6226f..97c4dbe35 100644
--- a/src/components/timeline_menu/timeline_menu.js
+++ b/src/components/timeline_menu/timeline_menu.js
@@ -1,16 +1,18 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'vuex'
+
 import { filterNavigation } from 'src/components/navigation/filter.js'
 import { TIMELINES } from 'src/components/navigation/navigation.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
-import { mapState } from 'vuex'
 import BookmarkFoldersMenuContent from '../bookmark_folders_menu/bookmark_folders_menu_content.vue'
 import ListsMenuContent from '../lists_menu/lists_menu_content.vue'
 import Popover from '../popover/popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronDown)
 
 // Route -> i18n key mapping, exported and not in the computed
diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
index 206454364..a2cb9e5c1 100644
--- a/src/components/update_notification/update_notification.js
+++ b/src/components/update_notification/update_notification.js
@@ -1,10 +1,11 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import pleromaTanFoxMask from 'src/assets/pleromatan_apology_fox_mask.png'
 import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
 import Modal from 'src/components/modal/modal.vue'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes)
 
 export const CURRENT_UPDATE_COUNTER = 1
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 868f0d922..a8bd03d49 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,8 +1,9 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faPeopleGroup, faRobot } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 import StillImage from '../still-image/still-image.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faPeopleGroup, faRobot } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faRobot, faPeopleGroup)
 
 const UserAvatar = {
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 6236e09de..3ec6e8e3d 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -1,3 +1,32 @@
+import isEqual from 'lodash/isEqual'
+import merge from 'lodash/merge'
+import ldUnescape from 'lodash/unescape'
+import { mapGetters } from 'vuex'
+
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+import suggestor from 'src/components/emoji_input/suggestor.js'
+import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
+import localeService from 'src/services/locale/locale.service.js'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { usePostStatusStore } from 'src/stores/post_status'
+import { useInterfaceStore } from '../../stores/interface'
+import { useMediaViewerStore } from '../../stores/media_viewer'
+import AccountActions from '../account_actions/account_actions.vue'
+import FollowButton from '../follow_button/follow_button.vue'
+import ModerationTools from '../moderation_tools/moderation_tools.vue'
+import ProgressButton from '../progress_button/progress_button.vue'
+import RemoteFollow from '../remote_follow/remote_follow.vue'
+import Select from '../select/select.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserNote from '../user_note/user_note.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
@@ -11,33 +40,6 @@ import {
   faSearchPlus,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import isEqual from 'lodash/isEqual'
-import merge from 'lodash/merge'
-import ldUnescape from 'lodash/unescape'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
-import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
-import suggestor from 'src/components/emoji_input/suggestor.js'
-import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
-import localeService from 'src/services/locale/locale.service.js'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { usePostStatusStore } from 'src/stores/post_status'
-import { mapGetters } from 'vuex'
-import { useInterfaceStore } from '../../stores/interface'
-import { useMediaViewerStore } from '../../stores/media_viewer'
-import AccountActions from '../account_actions/account_actions.vue'
-import FollowButton from '../follow_button/follow_button.vue'
-import ModerationTools from '../moderation_tools/moderation_tools.vue'
-import ProgressButton from '../progress_button/progress_button.vue'
-import RemoteFollow from '../remote_follow/remote_follow.vue'
-import Select from '../select/select.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import UserLink from '../user_link/user_link.vue'
-import UserNote from '../user_note/user_note.vue'
 
 library.add(
   faSave,
diff --git a/src/components/user_list_menu/user_list_menu.js b/src/components/user_list_menu/user_list_menu.js
index 3bed7824e..b30a8808f 100644
--- a/src/components/user_list_menu/user_list_menu.js
+++ b/src/components/user_list_menu/user_list_menu.js
@@ -1,10 +1,12 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
+
 import { useListsStore } from 'src/stores/lists'
 import DialogModal from '../dialog_modal/dialog_modal.vue'
 import Popover from '../popover/popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronRight)
 
 const UserListMenu = {
diff --git a/src/components/user_list_popover/user_list_popover.js b/src/components/user_list_popover/user_list_popover.js
index 832feeca5..bdc8cacdf 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -1,8 +1,10 @@
+import { defineAsyncComponent } from 'vue'
+
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import { defineAsyncComponent } from 'vue'
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 library.add(faCircleNotch)
 
diff --git a/src/components/user_panel/user_panel.js b/src/components/user_panel/user_panel.js
index 5c89232f2..d16fca4e4 100644
--- a/src/components/user_panel/user_panel.js
+++ b/src/components/user_panel/user_panel.js
@@ -1,4 +1,5 @@
 import { mapState } from 'vuex'
+
 import AuthForm from '../auth_form/auth_form.js'
 import PostStatusForm from '../post_status_form/post_status_form.vue'
 import UserCard from '../user_card/user_card.vue'
diff --git a/src/components/user_popover/user_popover.js b/src/components/user_popover/user_popover.js
index cc69bc49d..6d83aaa21 100644
--- a/src/components/user_popover/user_popover.js
+++ b/src/components/user_popover/user_popover.js
@@ -1,4 +1,5 @@
 import { defineAsyncComponent } from 'vue'
+
 import UserCard from '../user_card/user_card.vue'
 
 const UserPopover = {
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 5ae782c32..73fc81a9e 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -1,6 +1,5 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 import get from 'lodash/get'
+
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import withLoadMore from '../../hocs/with_load_more/with_load_more'
@@ -10,6 +9,9 @@ import List from '../list/list.vue'
 import Timeline from '../timeline/timeline.vue'
 import UserCard from '../user_card/user_card.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faCircleNotch)
 
 const FollowerList = withLoadMore({
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js
index 9e5eb1dbd..5dbb1c3d1 100644
--- a/src/components/who_to_follow_panel/who_to_follow_panel.js
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.js
@@ -1,4 +1,5 @@
 import { shuffle } from 'lodash'
+
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import apiService from '../../services/api/api.service.js'
 
diff --git a/src/hocs/with_load_more/with_load_more.jsx b/src/hocs/with_load_more/with_load_more.jsx
index 8eab49f8d..9cb9d78c4 100644
--- a/src/hocs/with_load_more/with_load_more.jsx
+++ b/src/hocs/with_load_more/with_load_more.jsx
@@ -2,6 +2,7 @@
 
 import isEmpty from 'lodash/isEmpty'
 import { h } from 'vue'
+
 import { getComponentProps } from '../../services/component_utils/component_utils'
 import './with_load_more.scss'
 
diff --git a/src/hocs/with_subscription/with_subscription.jsx b/src/hocs/with_subscription/with_subscription.jsx
index 36a592cdc..198be6862 100644
--- a/src/hocs/with_subscription/with_subscription.jsx
+++ b/src/hocs/with_subscription/with_subscription.jsx
@@ -2,6 +2,7 @@
 
 import isEmpty from 'lodash/isEmpty'
 import { h } from 'vue'
+
 import { getComponentProps } from '../../services/component_utils/component_utils'
 import './with_subscription.scss'
 
diff --git a/src/i18n/messages.js b/src/i18n/messages.js
index f60e888e1..df851c88f 100644
--- a/src/i18n/messages.js
+++ b/src/i18n/messages.js
@@ -8,6 +8,7 @@
 // There's only problem that apostrophe character ' gets replaced by \\ so you have to fix it manually, sorry.
 
 import { isEqual } from 'lodash'
+
 import enMessages from './en.json'
 import { langCodeToJsonName, languages } from './languages.js'
 
diff --git a/src/lib/persisted_state.js b/src/lib/persisted_state.js
index fe6cc3554..90f602c40 100644
--- a/src/lib/persisted_state.js
+++ b/src/lib/persisted_state.js
@@ -1,5 +1,6 @@
 import { cloneDeep, each, get, set } from 'lodash'
 import merge from 'lodash.merge'
+
 import { useInterfaceStore } from 'src/stores/interface'
 import { storage } from './storage.js'
 
diff --git a/src/main.js b/src/main.js
index d75fb0740..91653973d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -14,6 +14,7 @@ if (!Array.prototype.toSorted) {
 }
 
 import { createI18n } from 'vue-i18n'
+
 import afterStoreSetup from './boot/after_store.js'
 import messages from './i18n/messages.js'
 import createPersistedState, {
diff --git a/src/modules/api.js b/src/modules/api.js
index f751c74d9..cb8b72e10 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -1,4 +1,5 @@
 import { Socket } from 'phoenix'
+
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useShoutStore } from 'src/stores/shout.js'
 import { WSConnectionStatus } from '../services/api/api.service.js'
diff --git a/src/modules/chats.js b/src/modules/chats.js
index c74bf5f01..308b2cb27 100644
--- a/src/modules/chats.js
+++ b/src/modules/chats.js
@@ -1,5 +1,6 @@
 import { find, omitBy, orderBy, sumBy } from 'lodash'
 import { reactive } from 'vue'
+
 import chatService from '../services/chat_service/chat_service.js'
 import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import {
diff --git a/src/modules/config.js b/src/modules/config.js
index 7bd7e583f..cf144664a 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -1,11 +1,11 @@
 import Cookies from 'js-cookie'
 import { set } from 'lodash'
+
 import { useI18nStore } from 'src/stores/i18n.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import messages from '../i18n/messages'
 import localeService from '../services/locale/locale.service.js'
 import { applyConfig } from '../services/style_setter/style_setter.js'
-
 import { defaultState, instanceDefaultConfig } from './default_config_state.js'
 
 const BACKEND_LANGUAGE_COOKIE_NAME = 'userLanguage'
diff --git a/src/modules/instance.js b/src/modules/instance.js
index afea2884c..0f7009bc7 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -1,5 +1,5 @@
 // See build/emojis_plugin for more details
-import { annotationsLoader } from 'virtual:pleroma-fe/emoji-annotations'
+
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { ensureFinalFallback } from '../i18n/languages.js'
 import apiService from '../services/api/api.service.js'
@@ -9,6 +9,8 @@ import {
   staticOrApiConfigDefault,
 } from './default_config_state.js'
 
+import { annotationsLoader } from 'virtual:pleroma-fe/emoji-annotations'
+
 const SORTED_EMOJI_GROUP_IDS = [
   'smileys-and-emotion',
   'people-and-body',
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index eec335419..7667a20d0 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -1,7 +1,6 @@
 import { useReportsStore } from 'src/stores/reports.js'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import apiService from '../services/api/api.service.js'
-
 import {
   closeAllDesktopNotifications,
   closeDesktopNotification,
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index d1378f1be..bf6500238 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -12,6 +12,7 @@ import {
   remove,
   slice,
 } from 'lodash'
+
 import { useInterfaceStore } from 'src/stores/interface'
 import apiService from '../services/api/api.service.js'
 
diff --git a/src/modules/users.js b/src/modules/users.js
index beea85260..4e45d420f 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -8,6 +8,7 @@ import {
   mergeWith,
   uniq,
 } from 'lodash'
+
 import { declarations } from 'src/modules/config_declaration'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 63f06017e..90886b4c5 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -1,4 +1,5 @@
 import { concat, each, get, last, map } from 'lodash'
+
 import {
   parseAttachment,
   parseChat,
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index c3ca88481..dee586aeb 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -1,6 +1,7 @@
 import { parseLinkHeader } from '@web3-storage/parse-link-header'
 import escapeHtml from 'escape-html'
 import punycode from 'punycode.js'
+
 import { isStatusNotification } from '../notification_utils/notification_utils.js'
 
 /** NOTICE! **
diff --git a/src/services/html_converter/html_tree_converter.service.js b/src/services/html_converter/html_tree_converter.service.js
index 4c5a380a1..4e2df2762 100644
--- a/src/services/html_converter/html_tree_converter.service.js
+++ b/src/services/html_converter/html_tree_converter.service.js
@@ -1,4 +1,5 @@
 import { unescape as ldUnescape } from 'lodash'
+
 import { getTagName } from './utility.service.js'
 
 /**
diff --git a/src/services/locale/locale.service.js b/src/services/locale/locale.service.js
index 17d6119d3..9fe62318c 100644
--- a/src/services/locale/locale.service.js
+++ b/src/services/locale/locale.service.js
@@ -1,5 +1,6 @@
 import ISO6391 from 'iso-639-1'
 import _ from 'lodash'
+
 import languagesObject from '../../i18n/messages'
 
 const specialLanguageCodes = {
diff --git a/src/services/new_api/oauth.js b/src/services/new_api/oauth.js
index 8f0f07131..b803e2146 100644
--- a/src/services/new_api/oauth.js
+++ b/src/services/new_api/oauth.js
@@ -1,4 +1,5 @@
 import { reduce } from 'lodash'
+
 import { StatusCodeError } from 'src/services/errors/errors.js'
 
 const REDIRECT_URI = `${window.location.origin}/oauth-callback`
diff --git a/src/services/poll/poll.service.js b/src/services/poll/poll.service.js
index 8169c2525..b6b5f35e6 100644
--- a/src/services/poll/poll.service.js
+++ b/src/services/poll/poll.service.js
@@ -1,4 +1,5 @@
 import { uniq } from 'lodash'
+
 import * as DateUtils from 'src/services/date_utils/date_utils.js'
 
 const pollFallbackValues = {
diff --git a/src/services/status_poster/status_poster.service.js b/src/services/status_poster/status_poster.service.js
index c338661cc..021c31ef8 100644
--- a/src/services/status_poster/status_poster.service.js
+++ b/src/services/status_poster/status_poster.service.js
@@ -1,4 +1,5 @@
 import { map } from 'lodash'
+
 import apiService from '../api/api.service.js'
 
 const postStatus = ({
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 60bf88e75..d44b0fc06 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -1,5 +1,6 @@
 import localforage from 'localforage'
 import { chunk, throttle } from 'lodash'
+
 import { defaultState } from 'src/modules/default_config_state.js'
 import { getCssRules } from '../theme_data/css_utils.js'
 import { getEngineChecksum, init } from '../theme_data/theme_data_3.service.js'
diff --git a/src/services/theme_data/pleromafe.js b/src/services/theme_data/pleromafe.js
index 5363b9348..199eec6fc 100644
--- a/src/services/theme_data/pleromafe.js
+++ b/src/services/theme_data/pleromafe.js
@@ -1,4 +1,5 @@
 import { brightness, invertLightness } from 'chromatism'
+
 import { alphaBlend, mixrgb } from '../color_convert/color_convert.js'
 /* This is a definition of all layer combinations
  * each key is a topmost layer, each value represents layer underneath
diff --git a/src/services/theme_data/theme2_to_theme3.js b/src/services/theme_data/theme2_to_theme3.js
index 106d7f434..996d444f5 100644
--- a/src/services/theme_data/theme2_to_theme3.js
+++ b/src/services/theme_data/theme2_to_theme3.js
@@ -1,4 +1,5 @@
 import { convert } from 'chromatism'
+
 import allKeys from './theme2_keys'
 
 // keys that are meant to be used globally, i.e. what's the rest of the theme is based upon.
diff --git a/src/services/theme_data/theme3_slot_functions.js b/src/services/theme_data/theme3_slot_functions.js
index aab03ef7a..18b3c6c22 100644
--- a/src/services/theme_data/theme3_slot_functions.js
+++ b/src/services/theme_data/theme3_slot_functions.js
@@ -1,4 +1,5 @@
 import { brightness, convert } from 'chromatism'
+
 import {
   alphaBlend,
   arithmeticBlend,
diff --git a/src/services/theme_data/theme_data.service.js b/src/services/theme_data/theme_data.service.js
index 1516b07e0..d415cdb27 100644
--- a/src/services/theme_data/theme_data.service.js
+++ b/src/services/theme_data/theme_data.service.js
@@ -1,4 +1,5 @@
 import { brightness, contrastRatio, convert } from 'chromatism'
+
 import {
   alphaBlendLayers,
   getCssColor,
diff --git a/src/services/theme_data/theme_data_3.service.js b/src/services/theme_data/theme_data_3.service.js
index 2456744e7..533972a13 100644
--- a/src/services/theme_data/theme_data_3.service.js
+++ b/src/services/theme_data/theme_data_3.service.js
@@ -1,6 +1,7 @@
 import { brightness, convert } from 'chromatism'
 import sum from 'hash-sum'
 import { flattenDeep, sortBy } from 'lodash'
+
 import {
   alphaBlend,
   getTextColor,
@@ -9,7 +10,6 @@ import {
   rgba2css,
 } from '../color_convert/color_convert.js'
 import { deserializeShadow } from './iss_deserializer.js'
-
 import {
   findRules,
   genericRuleToSelector,
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index f876bf5d8..aef724eda 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -1,4 +1,5 @@
 import { camelCase } from 'lodash'
+
 import { useInterfaceStore } from 'src/stores/interface.js'
 import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
diff --git a/src/stores/auth_flow.js b/src/stores/auth_flow.js
index 3c216a445..64df30f2a 100644
--- a/src/stores/auth_flow.js
+++ b/src/stores/auth_flow.js
@@ -1,4 +1,5 @@
 import { defineStore } from 'pinia'
+
 import { useOAuthStore } from 'src/stores/oauth.js'
 
 const PASSWORD_STRATEGY = 'password'
diff --git a/src/stores/media_viewer.js b/src/stores/media_viewer.js
index f06129ff1..983d46423 100644
--- a/src/stores/media_viewer.js
+++ b/src/stores/media_viewer.js
@@ -1,4 +1,5 @@
 import { defineStore } from 'pinia'
+
 import fileTypeService from '../services/file_type/file_type.service.js'
 
 const supportedTypes = new Set(['image', 'video', 'audio', 'flash'])
diff --git a/src/stores/oauth.js b/src/stores/oauth.js
index 934b13f03..ea5a4bfac 100644
--- a/src/stores/oauth.js
+++ b/src/stores/oauth.js
@@ -1,4 +1,5 @@
 import { defineStore } from 'pinia'
+
 import {
   createApp,
   getClientToken,
diff --git a/src/stores/reports.js b/src/stores/reports.js
index 0a6a5d48f..52b67527d 100644
--- a/src/stores/reports.js
+++ b/src/stores/reports.js
@@ -1,5 +1,6 @@
 import filter from 'lodash/filter'
 import { defineStore } from 'pinia'
+
 import { useInterfaceStore } from 'src/stores/interface'
 
 export const useReportsStore = defineStore('reports', {
diff --git a/src/stores/serverSideStorage.js b/src/stores/serverSideStorage.js
index 18d3fa4ee..99f5045f7 100644
--- a/src/stores/serverSideStorage.js
+++ b/src/stores/serverSideStorage.js
@@ -13,9 +13,10 @@ import {
   unset,
 } from 'lodash'
 import { defineStore } from 'pinia'
-import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/update_notification.js'
 import { toRaw } from 'vue'
 
+import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/update_notification.js'
+
 export const VERSION = 1
 export const NEW_USER_DATE = new Date('2022-08-04') // date of writing this, basically
 
diff --git a/src/sw.js b/src/sw.js
index 545818994..711aae6d0 100644
--- a/src/sw.js
+++ b/src/sw.js
@@ -1,15 +1,18 @@
 /* eslint-env serviceworker */
 
 import 'virtual:pleroma-fe/service_worker_env'
+
+import { createI18n } from 'vue-i18n'
+
+import { storage } from 'src/lib/storage.js'
+import { parseNotification } from './services/entity_normalizer/entity_normalizer.service.js'
+import { prepareNotificationObject } from './services/notification_utils/notification_utils.js'
+import { cacheKey, emojiCacheKey, shouldCache } from './services/sw/sw.js'
+
 // Collects all messages for service workers
 // Needed because service workers cannot use dynamic imports
 // See /build/sw_plugin.js for more information
 import messages from 'virtual:pleroma-fe/service_worker_messages'
-import { storage } from 'src/lib/storage.js'
-import { createI18n } from 'vue-i18n'
-import { parseNotification } from './services/entity_normalizer/entity_normalizer.service.js'
-import { prepareNotificationObject } from './services/notification_utils/notification_utils.js'
-import { cacheKey, emojiCacheKey, shouldCache } from './services/sw/sw.js'
 
 const i18n = createI18n({
   // By default, use the browser locale, we will update it if neccessary
diff --git a/test/fixtures/mock_store.js b/test/fixtures/mock_store.js
index 2010066cb..b3380834c 100644
--- a/test/fixtures/mock_store.js
+++ b/test/fixtures/mock_store.js
@@ -1,7 +1,8 @@
 import { cloneDeep } from 'lodash'
-import vuexModules from 'src/modules/index.js'
 import { createStore } from 'vuex'
 
+import vuexModules from 'src/modules/index.js'
+
 const tweakModules = (modules) => {
   const res = {}
   Object.entries(modules).forEach(([name, module]) => {
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index 6ebc08658..082fdbe29 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -1,7 +1,8 @@
 import { config } from '@vue/test-utils'
-import routes from 'src/boot/routes'
 import { createMemoryHistory, createRouter } from 'vue-router'
 import VueVirtualScroller from 'vue-virtual-scroller'
+
+import routes from 'src/boot/routes'
 import makeMockStore from './mock_store'
 
 export const $t = (msg) => msg
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index 83cc37e7d..ed6838d7e 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -1,7 +1,8 @@
-import routes from 'src/boot/routes'
 import { createMemoryHistory, createRouter } from 'vue-router'
 import { createStore } from 'vuex'
 
+import routes from 'src/boot/routes'
+
 const store = createStore({
   state: {
     instance: {},
diff --git a/test/unit/specs/components/draft.spec.js b/test/unit/specs/components/draft.spec.js
index 413c8990a..2b9ade95d 100644
--- a/test/unit/specs/components/draft.spec.js
+++ b/test/unit/specs/components/draft.spec.js
@@ -1,6 +1,7 @@
 import { flushPromises, mount } from '@vue/test-utils'
-import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import { nextTick } from 'vue'
+
+import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import { $t, mountOpts, waitForEvent } from '../../../fixtures/setup_test'
 
 const autoSaveOrNot = (caseFn, caseTitle, runFn) => {
diff --git a/test/unit/specs/components/emoji_input.spec.js b/test/unit/specs/components/emoji_input.spec.js
index 11c0c22d6..80f5a9c74 100644
--- a/test/unit/specs/components/emoji_input.spec.js
+++ b/test/unit/specs/components/emoji_input.spec.js
@@ -1,8 +1,9 @@
 import { shallowMount } from '@vue/test-utils'
 import vClickOutside from 'click-outside-vue3'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import { h } from 'vue'
 
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+
 const generateInput = (value, padEmoji = true) => {
   const wrapper = shallowMount(EmojiInput, {
     global: {
diff --git a/test/unit/specs/components/rich_content.spec.js b/test/unit/specs/components/rich_content.spec.js
index 2ae200bb3..fdf6c7f8f 100644
--- a/test/unit/specs/components/rich_content.spec.js
+++ b/test/unit/specs/components/rich_content.spec.js
@@ -1,4 +1,5 @@
 import { mount, shallowMount } from '@vue/test-utils'
+
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 
 const attentions = []
diff --git a/test/unit/specs/components/user_profile.spec.js b/test/unit/specs/components/user_profile.spec.js
index 41ca04f3d..2b594b160 100644
--- a/test/unit/specs/components/user_profile.spec.js
+++ b/test/unit/specs/components/user_profile.spec.js
@@ -1,8 +1,9 @@
 import { mount } from '@vue/test-utils'
+import { createStore } from 'vuex'
+
 import UserProfile from 'src/components/user_profile/user_profile.vue'
 import { getters } from 'src/modules/users.js'
 import backendInteractorService from 'src/services/backend_interactor_service/backend_interactor_service.js'
-import { createStore } from 'vuex'
 
 const mutations = {
   clearTimeline: () => {
diff --git a/test/unit/specs/lib/persisted_state.spec.js b/test/unit/specs/lib/persisted_state.spec.js
index d8635931a..de7d92bd8 100644
--- a/test/unit/specs/lib/persisted_state.spec.js
+++ b/test/unit/specs/lib/persisted_state.spec.js
@@ -1,8 +1,9 @@
 import { flushPromises } from '@vue/test-utils'
 import { createPinia, defineStore, setActivePinia } from 'pinia'
-import { piniaPersistPlugin } from 'src/lib/persisted_state.js'
 import { createApp } from 'vue'
 
+import { piniaPersistPlugin } from 'src/lib/persisted_state.js'
+
 const app = createApp({})
 
 const getMockStorage = () => {
diff --git a/test/unit/specs/stores/lists.spec.js b/test/unit/specs/stores/lists.spec.js
index e1cf67362..192546981 100644
--- a/test/unit/specs/stores/lists.spec.js
+++ b/test/unit/specs/stores/lists.spec.js
@@ -1,7 +1,8 @@
 import { createPinia, setActivePinia } from 'pinia'
+import { createStore } from 'vuex'
+
 import apiModule from 'src/modules/api.js'
 import { useListsStore } from 'src/stores/lists.js'
-import { createStore } from 'vuex'
 
 setActivePinia(createPinia())
 const store = useListsStore()
diff --git a/test/unit/specs/stores/oauth.spec.js b/test/unit/specs/stores/oauth.spec.js
index ae4ccd846..c634ebb66 100644
--- a/test/unit/specs/stores/oauth.spec.js
+++ b/test/unit/specs/stores/oauth.spec.js
@@ -1,8 +1,9 @@
 import { HttpResponse, http } from 'msw'
 import { createPinia, setActivePinia } from 'pinia'
-import { useOAuthStore } from 'src/stores/oauth.js'
 import { createApp } from 'vue'
 import { createStore } from 'vuex'
+
+import { useOAuthStore } from 'src/stores/oauth.js'
 import {
   authApis,
   injectMswToTest,
diff --git a/vite.config.js b/vite.config.js
index 3632ba3c1..2b6187413 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,6 +6,7 @@ import { defineConfig } from 'vite'
 import eslint from 'vite-plugin-eslint2'
 import stylelint from 'vite-plugin-stylelint'
 import { configDefaults } from 'vitest/config'
+
 import { getCommitHash } from './build/commit_hash.js'
 import copyPlugin from './build/copy_plugin.js'
 import emojisPlugin from './build/emojis_plugin.js'

From 1e08616b1f38f926821d86b32515fe5889ef9b08 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 8 Jan 2026 19:14:58 +0200
Subject: [PATCH 423/424] unescape

---
 src/components/user_card/user_card.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index f81d23842..0786e5b35 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -1,6 +1,6 @@
 import isEqual from 'lodash/isEqual'
 import merge from 'lodash/merge'
-import unescape from 'lodash/unescape'
+import ldUnescape from 'lodash/unescape'
 import { mapGetters } from 'vuex'
 
 import Checkbox from 'src/components/checkbox/checkbox.vue'
@@ -128,7 +128,7 @@ export default {
       newName: user.name_unescaped,
       editingName: false,
 
-      newBio: unescape(user.description),
+      newBio: ldUnescape(user.description),
       editingBio: false,
 
       newAvatar: null,
@@ -156,7 +156,7 @@ export default {
   computed: {
     somethingToSave() {
       if (this.newName !== this.user.name_unescaped) return true
-      if (this.newBio !== unescape(this.user.description)) return true
+      if (this.newBio !== ldUnescape(this.user.description)) return true
       if (this.newAvatar !== null) return true
       if (this.newBanner !== null) return true
       if (this.newActorType !== this.user.actor_type) return true
@@ -498,7 +498,7 @@ export default {
       const user = this.$store.state.users.currentUser
 
       this.newName = user.name_unescaped
-      this.newBio = unescape(user.description)
+      this.newBio = ldUnescape(user.description)
 
       this.newAvatar = null
       this.newAvatarFile = null

From 69edded5b0320e64b0be5c7713953ef78a6d3070 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 8 Jan 2026 22:09:18 +0200
Subject: [PATCH 424/424] fix error when clicking mute.. item

---
 src/components/status_action_buttons/status_action_buttons.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index d53ef3271..8473a0db1 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -98,7 +98,7 @@ const StatusActionButtons = {
     },
     doActionReal(button) {
       button
-        .action(this.funcArg)
+        .action?.(this.funcArg)
         .then(() => this.$emit('onSuccess'))
         .catch((err) => this.$emit('onError', err.error.error))
     },